@uninspired/cookie-banner 0.0.4 → 0.0.6

package/dist/script.js

@@ -0,0 +1 @@
+export { mountBanner } from "./utils/mountBanner";

package/dist/types/components/Banner/Banner.d.ts

@@ -0,0 +1,21 @@
+import { type BannerItemOptions } from "../BannerItem";
+import "../../styles/variables.css";
+export interface BannerOptions {
+    localStorageKey?: string;
+    heading?: string;
+    subheading?: string;
+    selectLabel?: string;
+    hideLabel?: string;
+    saveLabel?: string;
+    declineLabel?: string;
+    defaultSettingsOpen?: boolean;
+    privacyPolicy?: {
+        label: string;
+        url: string;
+    };
+    items: BannerItemOptions[];
+}
+export interface BannerProps extends BannerOptions {
+    noTarget?: boolean;
+}
+export declare const Banner: ({ localStorageKey, items, ...rest }: BannerProps) => import("preact").JSX.Element;

package/dist/types/components/Banner/index.d.ts

@@ -0,0 +1 @@
+export * from "./Banner";

package/dist/types/components/BannerItem/BannerItem.d.ts

@@ -0,0 +1,23 @@
+import { type ScriptDefinition } from "../../utils/scriptDefinition";
+interface BannerItemOptionsBase {
+    value: string;
+    label: string;
+    defaultSelected?: boolean;
+    sublabel?: string;
+    required?: boolean;
+    description?: string;
+}
+interface BannerItemOptionsRequired extends BannerItemOptionsBase {
+    required: true;
+    script: undefined;
+}
+interface BannerItemOptionsOptional extends BannerItemOptionsBase {
+    required: false;
+    script: ScriptDefinition;
+}
+export type BannerItemOptions = BannerItemOptionsRequired | BannerItemOptionsOptional;
+export interface BannerItemProps extends Omit<BannerItemOptions, "script"> {
+    openItem?: string;
+}
+export declare const BannerItem: ({ value, label, sublabel, required, description, openItem, }: BannerItemProps) => import("preact").JSX.Element;
+export {};

package/dist/types/components/BannerItem/index.d.ts

@@ -0,0 +1 @@
+export * from "./BannerItem";

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from "react";
+export interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    variant?: "neutral" | "brand" | "ghost";
+}
+export declare const Button: ({ variant, ...rest }: ButtonProps) => import("preact").JSX.Element;

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1 @@
+export * from "./Button";

package/dist/types/components/Switch/Switch.d.ts

@@ -0,0 +1,5 @@
+import { type SwitchProps as RadixSwitchProps } from "@radix-ui/react-switch";
+export interface SwitchProps extends RadixSwitchProps {
+    label?: string;
+}
+export declare const Switch: ({ label, id, ...rest }: SwitchProps) => import("preact").JSX.Element;

package/dist/types/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from "./Switch";

package/dist/types/components/Text/Text.d.ts

@@ -0,0 +1,8 @@
+import type { JSX } from "react";
+export type TextProps<T extends keyof JSX.IntrinsicElements> = JSX.IntrinsicElements[T] & {
+    as?: T;
+    size?: "body" | "caption";
+    weight?: "normal" | "bold";
+    color?: "default" | "muted";
+};
+export declare const Text: <T extends keyof JSX.IntrinsicElements>({ as, size, weight, color, ...rest }: TextProps<T>) => JSX.Element;

package/dist/types/components/Text/index.d.ts

@@ -0,0 +1 @@
+export * from "./Text";

package/dist/types/contexts/SelectionContext.d.ts

@@ -0,0 +1,23 @@
+import { type PropsWithChildren } from "react";
+import { type SelectionSchema } from "../utils/selection";
+import type { BannerItemOptions } from "../components/BannerItem";
+export type SelectionContextType = {
+    selection: SelectionSchema | null;
+    toggleSelection: (key: string, value: boolean) => void;
+    onDeclineAll: () => void;
+    onSave: () => void;
+    selectionTaken: boolean;
+} | null;
+export declare const SelectionContext: import("preact").Context<SelectionContextType>;
+export interface SelectionProviderProps extends PropsWithChildren {
+    items: Pick<BannerItemOptions, "value" | "script" | "required" | "defaultSelected">[];
+    localStorageKey: string;
+}
+export declare const SelectionProvider: ({ children, items, localStorageKey, }: SelectionProviderProps) => import("preact").JSX.Element;
+export declare function useSelection(): {
+    selection: SelectionSchema | null;
+    toggleSelection: (key: string, value: boolean) => void;
+    onDeclineAll: () => void;
+    onSave: () => void;
+    selectionTaken: boolean;
+};

package/dist/types/react.d.ts

@@ -0,0 +1 @@
+export { Banner, type BannerProps } from "./components/Banner";

package/dist/types/script.d.ts

@@ -0,0 +1 @@
+export { mountBanner } from "./utils/mountBanner";

package/dist/types/utils/classes.d.ts

@@ -0,0 +1,2 @@
+export declare function cls(...classes: (string | undefined)[]): string;
+export declare function clx(classes: Record<string, boolean>): string;

package/dist/types/utils/mountBanner.d.ts

@@ -0,0 +1,2 @@
+import { type BannerOptions } from "../components/Banner";
+export declare function mountBanner(options: BannerOptions, targetElement?: HTMLElement | string): void;

package/dist/types/utils/scriptDefinition.d.ts

@@ -0,0 +1,35 @@
+import * as z from "zod/mini";
+export declare const remoteScriptDefinitionSchema: z.ZodMiniObject<{
+    variant: z.ZodMiniLiteral<"remote">;
+    type: z.ZodMiniOptional<z.ZodMiniString<string>>;
+    src: z.ZodMiniString<string>;
+    async: z.ZodMiniOptional<z.ZodMiniBoolean<boolean>>;
+    defer: z.ZodMiniOptional<z.ZodMiniBoolean<boolean>>;
+    crossorigin: z.ZodMiniOptional<z.ZodMiniString<string>>;
+    integrity: z.ZodMiniOptional<z.ZodMiniString<string>>;
+}, z.core.$strip>;
+export type RemoteScriptDefinition = z.infer<typeof remoteScriptDefinitionSchema>;
+export declare const inlineScriptDefinitionSchema: z.ZodMiniObject<{
+    variant: z.ZodMiniLiteral<"inline">;
+    type: z.ZodMiniOptional<z.ZodMiniString<string>>;
+    async: z.ZodMiniOptional<z.ZodMiniBoolean<boolean>>;
+    defer: z.ZodMiniOptional<z.ZodMiniBoolean<boolean>>;
+    content: z.ZodMiniString<string>;
+}, z.core.$strip>;
+export type InlineScriptDefinition = z.infer<typeof inlineScriptDefinitionSchema>;
+export declare const scriptDefinitionSchema: z.ZodMiniDiscriminatedUnion<[z.ZodMiniObject<{
+    variant: z.ZodMiniLiteral<"remote">;
+    type: z.ZodMiniOptional<z.ZodMiniString<string>>;
+    src: z.ZodMiniString<string>;
+    async: z.ZodMiniOptional<z.ZodMiniBoolean<boolean>>;
+    defer: z.ZodMiniOptional<z.ZodMiniBoolean<boolean>>;
+    crossorigin: z.ZodMiniOptional<z.ZodMiniString<string>>;
+    integrity: z.ZodMiniOptional<z.ZodMiniString<string>>;
+}, z.core.$strip>, z.ZodMiniObject<{
+    variant: z.ZodMiniLiteral<"inline">;
+    type: z.ZodMiniOptional<z.ZodMiniString<string>>;
+    async: z.ZodMiniOptional<z.ZodMiniBoolean<boolean>>;
+    defer: z.ZodMiniOptional<z.ZodMiniBoolean<boolean>>;
+    content: z.ZodMiniString<string>;
+}, z.core.$strip>], "variant">;
+export type ScriptDefinition = z.infer<typeof scriptDefinitionSchema>;

package/dist/types/utils/selection.d.ts

@@ -0,0 +1,3 @@
+import * as z from "zod/mini";
+export declare const selectionSchema: z.ZodMiniRecord<z.ZodMiniString<string>, z.ZodMiniBoolean<boolean>>;
+export type SelectionSchema = z.infer<typeof selectionSchema>;

package/dist/utils/classes.js

@@ -0,0 +1,9 @@
+export function cls(...classes) {
+    return classes.filter(Boolean).join(" ");
+}
+export function clx(classes) {
+    return Object.entries(classes)
+        .filter(([, value]) => value)
+        .map(([key]) => key)
+        .join(" ");
+}

package/dist/utils/mountBanner.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { Banner } from "../components/Banner";
+import { render } from "preact";
+export function mountBanner(options, targetElement) {
+    const noTarget = targetElement === undefined;
+    let element;
+    if (typeof targetElement === "string") {
+        const target = document.querySelector(targetElement);
+        if (!target) {
+            throw new Error(`Element with selector "${targetElement}" not found`);
+        }
+        element = target;
+    }
+    else {
+        element = targetElement;
+    }
+    render(_jsx(Banner, { noTarget: noTarget, ...options }), element ?? document.body);
+}

package/dist/utils/scriptDefinition.js

@@ -0,0 +1,21 @@
+import * as z from "zod/mini";
+export const remoteScriptDefinitionSchema = z.object({
+    variant: z.literal("remote"),
+    type: z.optional(z.string()),
+    src: z.string(),
+    async: z.optional(z.boolean()),
+    defer: z.optional(z.boolean()),
+    crossorigin: z.optional(z.string()),
+    integrity: z.optional(z.string()),
+});
+export const inlineScriptDefinitionSchema = z.object({
+    variant: z.literal("inline"),
+    type: z.optional(z.string()),
+    async: z.optional(z.boolean()),
+    defer: z.optional(z.boolean()),
+    content: z.string(),
+});
+export const scriptDefinitionSchema = z.discriminatedUnion("variant", [
+    remoteScriptDefinitionSchema,
+    inlineScriptDefinitionSchema,
+]);

package/dist/utils/selection.js

@@ -0,0 +1,2 @@
+import * as z from "zod/mini";
+export const selectionSchema = z.record(z.string(), z.boolean());

package/package.json

@@ -4,7 +4,7 @@
   "author": "Chris Kolb <chris@uninspired.studio>",
   "license": "MIT",
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "exports": {
     "./react": {
@@ -31,13 +31,14 @@
     "dev": "bunx --bun vite -c vite.config.dev.ts",
     "build:script": "bunx --bun vite build -c vite.config.script.ts",
     "build:react": "bunx --bun vite build -c vite.config.react.ts",
-    "build:safe": "tsc -b && bunx --bun vite build",
+    "build:safe": "tsc -b && bun run build:script && bun run build:react",
     "build": "bun run build:script && bun run build:react",
     "preview": "bunx --bun vite preview"
   },
   "peerDependencies": {
-    "react": "^19",
-    "react-dom": "^19"
+    "react": "^18",
+    "react-dom": "^18",
+    "preact": "^10.28.4"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
@@ -45,15 +46,14 @@
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-switch": "^1.2.6",
     "lucide-react": "^0.575.0",
-    "preact": "^10.28.4",
     "zod": "^4.3.6"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.3",
     "@types/bun": "^1.3.9",
     "@types/node": "^24.10.1",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
     "@vitejs/plugin-react": "^5.1.4",
     "typescript": "~5.9.3",
     "vite": "^7.3.1",