@uninspired/cookie-banner 0.0.5 → 0.0.7

package/dist/react.js

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

package/dist/script/index.cjs

@@ -42,4 +42,4 @@
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
-For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return P(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},Kc="DialogDescriptionWarning",qc=({contentRef:e,descriptionId:t})=>{const r=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Xr(Kc).contentName}}.`;return P(()=>{const o=e.current?.getAttribute("aria-describedby");t&&o&&(document.getElementById(t)||console.warn(r))},[r,e,t]),null},Gc=jr,Yc=Br,Xc=Zr,Jc=Kr,bn=Gr;const Qc=({noTarget:e=!0,heading:t="We use cookies.",subheading:n="Please define your selection below.",selectLabel:r="Select",hideLabel:o="Hide",saveLabel:i="Save selection",declineLabel:c="Decline all",defaultSettingsOpen:s=!0,privacyPolicy:a,items:u})=>{const{onSave:l,onDeclineAll:d,selectionTaken:_}=Sr(),[g,y]=I(void 0),[f,v]=I(s);return p(Gc,{open:!_,children:p(Yc,{className:Ot(F.root,e?F.noTarget:""),children:p(rr,{open:f,onOpenChange:v,className:F.collapsible,children:[p("div",{className:F.header,children:[p("div",{className:F.heading,children:[p(Xc,{asChild:!0,children:p(te,{weight:"bold",children:t})}),p(Jc,{asChild:!0,children:p(te,{size:"caption",color:"muted",children:n})})]}),p(or,{asChild:!0,children:p(nt,{variant:"ghost",children:[f?o:r," ",p(Cs,{size:12,className:ft({[F.chevron]:!0,[F.open]:f})})]})})]}),p(ir,{className:ft({[F.settings]:!0}),children:p(ls,{type:"single",collapsible:!0,value:g,onValueChange:y,children:u.map(m=>p(Ms,{...m,openItem:g},m.value))})}),p("div",{className:F.footer,children:[p("div",{className:F.legal,children:a&&p(te,{size:"caption",children:p("a",{href:a.url,target:"_blank",children:a.label})})}),p("div",{className:F.actions,children:[p(bn,{asChild:!0,children:p(nt,{variant:"neutral",onClick:()=>d(),children:c})}),p(bn,{asChild:!0,children:p(nt,{variant:"brand",onClick:()=>l(),children:i})})]})]})]})})})},ea=({localStorageKey:e="cb-selection",items:t,...n})=>{const r=D(()=>t.filter(o=>!o.required).map(o=>({value:o.value,script:o.script,defaultSelected:o.defaultSelected,required:o.required})),[t]);return p(xs,{items:r,localStorageKey:e,children:p(Qc,{items:t,...n})})};function ta(e,t){const n=t===void 0;let r;if(typeof t=="string"){const o=document.querySelector(t);if(!o)throw new Error(`Element with selector "${t}" not found`);r=o}else r=t;h.render(p(ea,{noTarget:n,...e}),r??document.body)}exports.mountBanner=ta;
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return P(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},Kc="DialogDescriptionWarning",qc=({contentRef:e,descriptionId:t})=>{const r=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Xr(Kc).contentName}}.`;return P(()=>{const o=e.current?.getAttribute("aria-describedby");t&&o&&(document.getElementById(t)||console.warn(r))},[r,e,t]),null},Gc=jr,Yc=Br,Xc=Zr,Jc=Kr,bn=Gr;const Qc=({noTarget:e=!0,heading:t="We use cookies.",subheading:n="Please define your selection below.",selectLabel:r="Select",hideLabel:o="Hide",saveLabel:i="Save selection",declineLabel:c="Decline all",defaultSettingsOpen:s=!0,privacyPolicy:a,items:u})=>{const{onSave:l,onDeclineAll:d,selectionTaken:_}=Sr(),[g,y]=I(void 0),[f,v]=I(s);return p(Gc,{open:!_,children:p(Yc,{className:Ot(F.root,e?F.noTarget:""),children:p(rr,{open:f,onOpenChange:v,className:F.collapsible,children:[p("div",{className:F.header,children:[p("div",{className:F.heading,children:[p(Xc,{asChild:!0,children:p(te,{weight:"bold",children:t})}),p(Jc,{asChild:!0,children:p(te,{size:"caption",color:"muted",children:n})})]}),p(or,{asChild:!0,children:p(nt,{variant:"ghost",children:[f?o:r," ",p(Cs,{size:12,className:ft({[F.chevron]:!0,[F.open]:f})})]})})]}),p(ir,{className:ft({[F.settings]:!0}),children:p(ls,{type:"single",collapsible:!0,value:g,onValueChange:y,children:p(h.Fragment,{children:u.map(m=>p(Ms,{...m,openItem:g},m.value))})})}),p("div",{className:F.footer,children:[p("div",{className:F.legal,children:a&&p(te,{size:"caption",children:p("a",{href:a.url,target:"_blank",children:a.label})})}),p("div",{className:F.actions,children:[p(bn,{asChild:!0,children:p(nt,{variant:"neutral",onClick:()=>d(),children:c})}),p(bn,{asChild:!0,children:p(nt,{variant:"brand",onClick:()=>l(),children:i})})]})]})]})})})},ea=({localStorageKey:e="cb-selection",items:t,...n})=>{const r=D(()=>t.filter(o=>!o.required).map(o=>({value:o.value,script:o.script,defaultSelected:o.defaultSelected,required:o.required})),[t]);return p(xs,{items:r,localStorageKey:e,children:p(Qc,{items:t,...n})})};function ta(e,t){const n=t===void 0;let r;if(typeof t=="string"){const o=document.querySelector(t);if(!o)throw new Error(`Element with selector "${t}" not found`);r=o}else r=t;h.render(p(ea,{noTarget:n,...e}),r??document.body)}exports.mountBanner=ta;

package/dist/script/index.js

@@ -1,4 +1,4 @@
-import { options as z, Fragment as W, Component as se, createRef as On, createContext as ee, createElement as T, toChildArray as Q, cloneElement as io, render as Ae, hydrate as so } from "preact";
+import { options as z, Fragment as F, Component as se, createRef as On, createContext as ee, createElement as T, toChildArray as Q, cloneElement as io, render as Ae, hydrate as so } from "preact";
 var co = 0;
 function p(e, t, n, r, o, i) {
   t || (t = {});
@@ -332,8 +332,8 @@ z.unmount = function(e) {
     }
     this.__b = null;
   }
-  var o = t.__a && T(W, null, e.fallback);
-  return o && (o.__u &= -33), [T(W, null, t.__a ? null : e.children), o];
+  var o = t.__a && T(F, null, e.fallback);
+  return o && (o.__u &= -33), [T(F, null, t.__a ? null : e.children), o];
 };
 var en = function(e, t, n) {
   if (++n[1] === n[0] && e.l.delete(t), e.props.revealOrder && (e.props.revealOrder[0] !== "t" || !e.l.size)) for (n = e.i; n; ) {
@@ -455,7 +455,7 @@ function G(e) {
   return !!e && e.$$typeof === $n;
 }
 function Wn(e) {
-  return G(e) && e.type === W;
+  return G(e) && e.type === F;
 }
 function Bn(e) {
   return !!e && typeof e.displayName == "string" && e.displayName.startsWith("Memo(");
@@ -473,12 +473,12 @@ var Vn = function(e, t) {
   return e(t);
 }, kt = function(e, t) {
   return e(t);
-}, Kn = W, qn = G, I = { useState: R, useId: Et, useReducer: Te, useEffect: E, useLayoutEffect: te, useInsertionEffect: It, useTransition: Rt, useDeferredValue: At, useSyncExternalStore: Nt, startTransition: Ot, useRef: w, useImperativeHandle: wt, useMemo: D, useCallback: M, useContext: Y, useDebugValue: St, version: "18.3.1", Children: K, render: Ln, hydrate: Fn, unmountComponentAtNode: Hn, createPortal: zn, createElement: T, createContext: ee, createFactory: jn, cloneElement: ge, createRef: On, Fragment: W, isValidElement: G, isElement: qn, isFragment: Wn, isMemo: Bn, findDOMNode: Zn, Component: se, PureComponent: Ve, memo: Tn, forwardRef: P, flushSync: kt, unstable_batchedUpdates: Vn, StrictMode: Kn, Suspense: Pe, SuspenseList: _e, lazy: Mn, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: Un };
+}, Kn = F, qn = G, I = { useState: R, useId: Et, useReducer: Te, useEffect: E, useLayoutEffect: te, useInsertionEffect: It, useTransition: Rt, useDeferredValue: At, useSyncExternalStore: Nt, startTransition: Ot, useRef: w, useImperativeHandle: wt, useMemo: D, useCallback: M, useContext: Y, useDebugValue: St, version: "18.3.1", Children: K, render: Ln, hydrate: Fn, unmountComponentAtNode: Hn, createPortal: zn, createElement: T, createContext: ee, createFactory: jn, cloneElement: ge, createRef: On, Fragment: F, isValidElement: G, isElement: qn, isFragment: Wn, isMemo: Bn, findDOMNode: Zn, Component: se, PureComponent: Ve, memo: Tn, forwardRef: P, flushSync: kt, unstable_batchedUpdates: Vn, StrictMode: Kn, Suspense: Pe, SuspenseList: _e, lazy: Mn, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: Un };
 const Gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Children: K,
   Component: se,
-  Fragment: W,
+  Fragment: F,
   PureComponent: Ve,
   StrictMode: Kn,
   Suspense: Pe,
@@ -561,7 +561,7 @@ const No = "_root_hw69b_1", Oo = "_neutral_hw69b_17", Ao = "_brand_hw69b_30", Ro
       ...o
     }
   )
-), zo = "_root_1wsw7_42", $o = "_noTarget_1wsw7_53", Lo = "_collapsible_1wsw7_62", Fo = "_header_1wsw7_65", Uo = "_heading_1wsw7_72", jo = "_chevron_1wsw7_78", Wo = "_open_1wsw7_83", Bo = "_settings_1wsw7_89", Ho = "_footer_1wsw7_103", Zo = "_legal_1wsw7_110", Vo = "_actions_1wsw7_113", U = {
+), zo = "_root_1wsw7_42", $o = "_noTarget_1wsw7_53", Lo = "_collapsible_1wsw7_62", Fo = "_header_1wsw7_65", Uo = "_heading_1wsw7_72", jo = "_chevron_1wsw7_78", Wo = "_open_1wsw7_83", Bo = "_settings_1wsw7_89", Ho = "_footer_1wsw7_103", Zo = "_legal_1wsw7_110", Vo = "_actions_1wsw7_113", j = {
   root: zo,
   noTarget: $o,
   collapsible: Lo,
@@ -1356,7 +1356,7 @@ function Wi(e) {
     const { children: o, ...i } = n;
     if (G(o)) {
       const c = Vi(o), s = Zi(i, o.props);
-      return o.type !== W && (s.ref = r ? or(r, c) : c), ge(o, s);
+      return o.type !== F && (s.ref = r ? or(r, c) : c), ge(o, s);
     }
     return K.count(o) > 1 ? K.only(null) : null;
   });
@@ -1423,7 +1423,7 @@ function Ki(e) {
     r
   ];
 }
-function j(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+function W(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
     if (e?.(o), n === !1 || !o.defaultPrevented)
       return t?.(o);
@@ -1628,7 +1628,7 @@ var cr = "CollapsibleTrigger", ar = P(
         disabled: o.disabled,
         ...r,
         ref: t,
-        onClick: j(e.onClick, o.onOpenToggle)
+        onClick: W(e.onClick, o.onOpenToggle)
       }
     );
   }
@@ -1752,9 +1752,9 @@ var [_r, fs] = tt(B), [vr, ps] = tt(
   );
 }), [hs, nt] = tt(B), hr = I.forwardRef(
   (e, t) => {
-    const { __scopeAccordion: n, disabled: r, dir: o, orientation: i = "vertical", ...c } = e, s = I.useRef(null), a = L(s, t), u = ls(n), d = as(o) === "ltr", _ = j(e.onKeyDown, (m) => {
+    const { __scopeAccordion: n, disabled: r, dir: o, orientation: i = "vertical", ...c } = e, s = I.useRef(null), a = L(s, t), u = ls(n), d = as(o) === "ltr", _ = W(e.onKeyDown, (m) => {
       if (!us.includes(m.key)) return;
-      const g = m.target, f = u().filter((F) => !F.ref.current?.disabled), v = f.findIndex((F) => F.ref.current === g), h = f.length;
+      const g = m.target, f = u().filter((U) => !U.ref.current?.disabled), v = f.findIndex((U) => U.ref.current === g), h = f.length;
       if (v === -1) return;
       m.preventDefault();
       let y = v;
@@ -2026,7 +2026,7 @@ var rt = "Switch", [Ds] = ke(rt), [xs, Ms] = Ds(rt), Pr = P(
           value: a,
           ...d,
           ref: g,
-          onClick: j(e.onClick, (b) => {
+          onClick: W(e.onClick, (b) => {
             y((C) => !C), v && (f.current = b.isPropagationStopped(), f.current || b.stopPropagation());
           })
         }
@@ -2305,11 +2305,11 @@ var Vs = "DismissableLayer", bt = "dismissableLayer.update", Ks = "dismissableLa
       onDismiss: s,
       ...a
     } = e, u = Y(kr), [l, d] = R(null), _ = l?.ownerDocument ?? globalThis?.document, [, m] = R({}), g = L(t, (S) => d(S)), f = Array.from(u.layers), [v] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), h = f.indexOf(v), y = l ? f.indexOf(l) : -1, b = u.layersWithOutsidePointerEventsDisabled.size > 0, C = y >= h, O = Xs((S) => {
-      const F = S.target, le = [...u.branches].some((we) => we.contains(F));
+      const U = S.target, le = [...u.branches].some((we) => we.contains(U));
       !C || le || (o?.(S), c?.(S), S.defaultPrevented || s?.());
     }, _), k = Js((S) => {
-      const F = S.target;
-      [...u.branches].some((we) => we.contains(F)) || (i?.(S), c?.(S), S.defaultPrevented || s?.());
+      const U = S.target;
+      [...u.branches].some((we) => we.contains(U)) || (i?.(S), c?.(S), S.defaultPrevented || s?.());
     }, _);
     return Zs((S) => {
       y === u.layers.size - 1 && (r?.(S), !S.defaultPrevented && s && (S.preventDefault(), s()));
@@ -2332,9 +2332,9 @@ var Vs = "DismissableLayer", bt = "dismissableLayer.update", Ks = "dismissableLa
           pointerEvents: b ? C ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: j(e.onFocusCapture, k.onFocusCapture),
-        onBlurCapture: j(e.onBlurCapture, k.onBlurCapture),
-        onPointerDownCapture: j(
+        onFocusCapture: W(e.onFocusCapture, k.onFocusCapture),
+        onBlurCapture: W(e.onBlurCapture, k.onBlurCapture),
+        onPointerDownCapture: W(
           e.onPointerDownCapture,
           O.onPointerDownCapture
         )
@@ -2698,7 +2698,7 @@ var Fr = vc(), pt = function() {
     onTouchMoveCapture: pt
   }), o = r[0], i = r[1], c = e.forwardProps, s = e.children, a = e.className, u = e.removeScrollBar, l = e.enabled, d = e.shards, _ = e.sideCar, m = e.noRelative, g = e.noIsolation, f = e.inert, v = e.allowPinchZoom, h = e.as, y = h === void 0 ? "div" : h, b = e.gapMode, C = $r(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), O = _, k = fc([n, t]), S = H(H({}, C), o);
   return T(
-    W,
+    F,
     null,
     l && T(O, { sideCar: Fr, removeScrollBar: u, shards: d, noRelative: m, noIsolation: g, inert: f, setCallbacks: i, allowPinchZoom: !!v, lockRef: n, gapMode: b }),
     c ? ge(K.only(s), H(H({}, S), { ref: k })) : T(y, H({}, S, { className: a, ref: k }), s)
@@ -2950,7 +2950,7 @@ function Uc(e) {
     var h = Ue(f), y = n.current, b = "deltaX" in f ? f.deltaX : y[0] - h[0], C = "deltaY" in f ? f.deltaY : y[1] - h[1], O, k = f.target, S = Math.abs(b) > Math.abs(C) ? "h" : "v";
     if ("touches" in f && S === "h" && k.type === "range")
       return !1;
-    var F = window.getSelection(), le = F && F.anchorNode, we = le ? le === k || le.contains(k) : !1;
+    var U = window.getSelection(), le = U && U.anchorNode, we = le ? le === k || le.contains(k) : !1;
     if (we)
       return !1;
     var xe = Sn(S, k);
@@ -3006,7 +3006,7 @@ function Uc(e) {
   }, []);
   var m = e.removeScrollBar, g = e.inert;
   return T(
-    W,
+    F,
     null,
     g ? T(i, { styles: Lc(o) }) : null,
     m ? T(Rc, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
@@ -3115,7 +3115,7 @@ var qr = "DialogTrigger", qc = P(
         "data-state": jt(o.open),
         ...r,
         ref: i,
-        onClick: j(e.onClick, o.onOpenToggle)
+        onClick: W(e.onClick, o.onOpenToggle)
       }
     );
   }
@@ -3167,14 +3167,14 @@ var Qc = P(
         ref: o,
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: j(e.onCloseAutoFocus, (i) => {
+        onCloseAutoFocus: W(e.onCloseAutoFocus, (i) => {
           i.preventDefault(), n.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: j(e.onPointerDownOutside, (i) => {
+        onPointerDownOutside: W(e.onPointerDownOutside, (i) => {
           const c = i.detail.originalEvent, s = c.button === 0 && c.ctrlKey === !0;
           (c.button === 2 || s) && i.preventDefault();
         }),
-        onFocusOutside: j(
+        onFocusOutside: W(
           e.onFocusOutside,
           (i) => i.preventDefault()
         )
@@ -3205,7 +3205,7 @@ var Qc = P(
 ), Xr = P(
   (e, t) => {
     const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: i, ...c } = e, s = V(ce, n), a = w(null), u = L(t, a);
-    return sc(), /* @__PURE__ */ p(W, { children: [
+    return sc(), /* @__PURE__ */ p(F, { children: [
       /* @__PURE__ */ p(
         Mr,
         {
@@ -3229,7 +3229,7 @@ var Qc = P(
           )
         }
       ),
-      /* @__PURE__ */ p(W, { children: [
+      /* @__PURE__ */ p(F, { children: [
         /* @__PURE__ */ p(ta, { titleId: s.titleId }),
         /* @__PURE__ */ p(ra, { contentRef: a, descriptionId: s.descriptionId })
       ] })
@@ -3258,7 +3258,7 @@ var to = "DialogClose", no = P(
         type: "button",
         ...r,
         ref: t,
-        onClick: j(e.onClick, () => o.onOpenChange(!1))
+        onClick: W(e.onClick, () => o.onOpenChange(!1))
       }
     );
   }
@@ -3303,16 +3303,16 @@ const aa = ({
   return /* @__PURE__ */ p(oa, { open: !_, children: /* @__PURE__ */ p(
     ia,
     {
-      className: Dt(U.root, e ? U.noTarget : ""),
+      className: Dt(j.root, e ? j.noTarget : ""),
       children: /* @__PURE__ */ p(
         lr,
         {
           open: f,
           onOpenChange: v,
-          className: U.collapsible,
+          className: j.collapsible,
           children: [
-            /* @__PURE__ */ p("div", { className: U.header, children: [
-              /* @__PURE__ */ p("div", { className: U.heading, children: [
+            /* @__PURE__ */ p("div", { className: j.header, children: [
+              /* @__PURE__ */ p("div", { className: j.heading, children: [
                 /* @__PURE__ */ p(sa, { asChild: !0, children: /* @__PURE__ */ p(ie, { weight: "bold", children: t }) }),
                 /* @__PURE__ */ p(ca, { asChild: !0, children: /* @__PURE__ */ p(ie, { size: "caption", color: "muted", children: n }) })
               ] }),
@@ -3324,8 +3324,8 @@ const aa = ({
                   {
                     size: 12,
                     className: gt({
-                      [U.chevron]: !0,
-                      [U.open]: f
+                      [j.chevron]: !0,
+                      [j.open]: f
                     })
                   }
                 )
@@ -3335,7 +3335,7 @@ const aa = ({
               fr,
               {
                 className: gt({
-                  [U.settings]: !0
+                  [j.settings]: !0
                 }),
                 children: /* @__PURE__ */ p(
                   ys,
@@ -3344,14 +3344,14 @@ const aa = ({
                     collapsible: !0,
                     value: m,
                     onValueChange: g,
-                    children: u.map((h) => /* @__PURE__ */ p(Hs, { ...h, openItem: m }, h.value))
+                    children: /* @__PURE__ */ p(F, { children: u.map((h) => /* @__PURE__ */ p(Hs, { ...h, openItem: m }, h.value)) })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ p("div", { className: U.footer, children: [
-              /* @__PURE__ */ p("div", { className: U.legal, children: a && /* @__PURE__ */ p(ie, { size: "caption", children: /* @__PURE__ */ p("a", { href: a.url, target: "_blank", children: a.label }) }) }),
-              /* @__PURE__ */ p("div", { className: U.actions, children: [
+            /* @__PURE__ */ p("div", { className: j.footer, children: [
+              /* @__PURE__ */ p("div", { className: j.legal, children: a && /* @__PURE__ */ p(ie, { size: "caption", children: /* @__PURE__ */ p("a", { href: a.url, target: "_blank", children: a.label }) }) }),
+              /* @__PURE__ */ p("div", { className: j.actions, children: [
                 /* @__PURE__ */ p(Nn, { asChild: !0, children: /* @__PURE__ */ p(at, { variant: "neutral", onClick: () => d(), children: c }) }),
                 /* @__PURE__ */ p(Nn, { asChild: !0, children: /* @__PURE__ */ p(at, { variant: "brand", onClick: () => l(), children: i }) })
               ] })

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.5",
+  "version": "0.0.7",
   "type": "module",
   "exports": {
     "./react": {
@@ -31,13 +31,13 @@
     "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": {
@@ -52,8 +52,8 @@
     "@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",