diff --git a/packages/cookie-banner/README.md b/packages/cookie-banner/README.md index 8f8d25585..a60bb032d 100644 --- a/packages/cookie-banner/README.md +++ b/packages/cookie-banner/README.md @@ -34,7 +34,7 @@ This automatically renders a fully styled consent dialog and a floating settings Import the pre-built themed banner as an ES module for use in bundled applications (React, Vue, Svelte, etc.): ```js -import { registerThemedBanner } from "@probo/cookie-banner/themed-banner"; +import { registerThemedBanner } from "@probo/cookie-banner"; registerThemedBanner(); ``` @@ -92,7 +92,7 @@ Dark mode example: For complete control over the UI, import the headless Web Components directly. This entrypoint gives you unstyled building blocks that you compose and style yourself: ```js -import { registerComponents } from "@probo/cookie-banner"; +import { registerComponents } from "@probo/cookie-banner/headless"; registerComponents(); ``` diff --git a/packages/cookie-banner/build.mjs b/packages/cookie-banner/build.mjs index f6e8c0bf4..33de0acef 100644 --- a/packages/cookie-banner/build.mjs +++ b/packages/cookie-banner/build.mjs @@ -28,8 +28,8 @@ await Promise.all([ }), esbuild.build({ ...shared, - entryPoints: ["src/themed-banner/index.ts"], - outfile: "dist/cookie-banner-themed.mjs", + entryPoints: ["src/headless/index.ts"], + outfile: "dist/cookie-banner-headless.mjs", format: "esm", }), esbuild.build({ diff --git a/packages/cookie-banner/package.json b/packages/cookie-banner/package.json index da47ff1ce..bef218b7b 100644 --- a/packages/cookie-banner/package.json +++ b/packages/cookie-banner/package.json @@ -12,10 +12,10 @@ "import": "./dist/cookie-banner.mjs", "default": "./dist/cookie-banner.mjs" }, - "./themed-banner": { - "types": "./dist/themed-banner/index.d.ts", - "import": "./dist/cookie-banner-themed.mjs", - "default": "./dist/cookie-banner-themed.mjs" + "./headless": { + "types": "./dist/headless/index.d.ts", + "import": "./dist/cookie-banner-headless.mjs", + "default": "./dist/cookie-banner-headless.mjs" }, "./iife": "./dist/cookie-banner.iife.js" }, diff --git a/packages/cookie-banner/src/headless/index.ts b/packages/cookie-banner/src/headless/index.ts new file mode 100644 index 000000000..7d8e98f99 --- /dev/null +++ b/packages/cookie-banner/src/headless/index.ts @@ -0,0 +1,15 @@ +// Copyright (c) 2026 Probo Inc . +// +// Permission to use, copy, modify, and/or distribute this software for any +// purpose with or without fee is hereby granted, provided that the above +// copyright notice and this permission notice appear in all copies. +// +// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +// REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +// AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +// INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +// LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +// OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +// PERFORMANCE OF THIS SOFTWARE. + +export { registerComponents } from "../components"; diff --git a/packages/cookie-banner/src/index.ts b/packages/cookie-banner/src/index.ts index a793030ce..1188a6089 100644 --- a/packages/cookie-banner/src/index.ts +++ b/packages/cookie-banner/src/index.ts @@ -12,6 +12,4 @@ // OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR // PERFORMANCE OF THIS SOFTWARE. -export const VERSION = "0.0.0"; - -export { registerComponents } from "./components"; +export { ProboThemedBanner, registerThemedBanner } from "./themed-banner";