@uninspired/cookie-banner 0.0.6 → 0.0.8

package/dist/react/index.js

@@ -25,27 +25,27 @@ function cls(...classes2) {
 function clx(classes2) {
   return Object.entries(classes2).filter(([, value]) => value).map(([key]) => key).join(" ");
 }
-const root$4 = "_root_hw69b_1";
+const root$2 = "_root_hw69b_1";
 const neutral = "_neutral_hw69b_17";
 const brand = "_brand_hw69b_30";
 const ghost = "_ghost_hw69b_43";
-const classes$4 = {
-  root: root$4,
+const classes$2 = {
+  root: root$2,
   neutral,
   brand,
   ghost
 };
 const Button = ({ variant = "neutral", ...rest }) => {
-  return /* @__PURE__ */ u("button", { className: cls(classes$4.root, classes$4[variant]), ...rest });
+  return /* @__PURE__ */ u("button", { className: cls(classes$2.root, classes$2[variant]), ...rest });
 };
-const root$3 = "_root_14l5h_1";
+const root$1 = "_root_14l5h_1";
 const muted = "_muted_14l5h_4";
 const body = "_body_14l5h_8";
 const normal = "_normal_14l5h_14";
 const bold = "_bold_14l5h_18";
 const caption = "_caption_14l5h_23";
-const classes$3 = {
-  root: root$3,
+const classes$1 = {
+  root: root$1,
   muted,
   body,
   normal,
@@ -66,55 +66,37 @@ const Text = ({
       Component,
       {
         className: cls(
-          classes$3.root,
-          classes$3[size],
-          classes$3[weight],
-          classes$3[color]
+          classes$1.root,
+          classes$1[size],
+          classes$1[weight],
+          classes$1[color]
         ),
         ...rest
       }
     )
   );
 };
-const root$2 = "_root_1wsw7_42";
+const root = "_root_1wsw7_42";
 const noTarget = "_noTarget_1wsw7_53";
 const collapsible = "_collapsible_1wsw7_62";
-const header$1 = "_header_1wsw7_65";
+const header = "_header_1wsw7_65";
 const heading = "_heading_1wsw7_72";
-const chevron$1 = "_chevron_1wsw7_78";
-const open$1 = "_open_1wsw7_83";
-const settings = "_settings_1wsw7_89";
+const chevron = "_chevron_1wsw7_78";
+const open = "_open_1wsw7_83";
 const footer = "_footer_1wsw7_103";
 const legal = "_legal_1wsw7_110";
-const actions$1 = "_actions_1wsw7_113";
-const classes$2 = {
-  root: root$2,
+const actions = "_actions_1wsw7_113";
+const classes = {
+  root,
   noTarget,
   collapsible,
-  header: header$1,
-  heading,
-  chevron: chevron$1,
-  open: open$1,
-  settings,
-  footer,
-  legal,
-  actions: actions$1
-};
-const root$1 = "_root_mqtha_19";
-const header = "_header_mqtha_24";
-const label = "_label_mqtha_33";
-const actions = "_actions_mqtha_39";
-const chevron = "_chevron_mqtha_45";
-const open = "_open_mqtha_51";
-const description = "_description_mqtha_58";
-const classes$1 = {
-  root: root$1,
   header,
-  label,
-  actions,
+  heading,
   chevron,
   open,
-  description
+  footer,
+  legal,
+  actions
 };
 function $constructor(name, initializer2, params) {
   function init(inst, def) {
@@ -2172,68 +2154,6 @@ function getElementRef$1(element) {
   }
   return element.props.ref || element.ref;
 }
-function createCollection(name) {
-  const PROVIDER_NAME = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME);
-  const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
-    PROVIDER_NAME,
-    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  );
-  const CollectionProvider = (props) => {
-    const { scope, children } = props;
-    const ref = React__default.useRef(null);
-    const itemMap = React__default.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
-  };
-  CollectionProvider.displayName = PROVIDER_NAME;
-  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlotImpl = /* @__PURE__ */ createSlot(COLLECTION_SLOT_NAME);
-  const CollectionSlot = React__default.forwardRef(
-    (props, forwardedRef) => {
-      const { scope, children } = props;
-      const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-      const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionSlotImpl, { ref: composedRefs, children });
-    }
-  );
-  CollectionSlot.displayName = COLLECTION_SLOT_NAME;
-  const ITEM_SLOT_NAME = name + "CollectionItemSlot";
-  const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlotImpl = /* @__PURE__ */ createSlot(ITEM_SLOT_NAME);
-  const CollectionItemSlot = React__default.forwardRef(
-    (props, forwardedRef) => {
-      const { scope, children, ...itemData } = props;
-      const ref = React__default.useRef(null);
-      const composedRefs = useComposedRefs(forwardedRef, ref);
-      const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      React__default.useEffect(() => {
-        context.itemMap.set(ref, { ref, ...itemData });
-        return () => void context.itemMap.delete(ref);
-      });
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
-    }
-  );
-  CollectionItemSlot.displayName = ITEM_SLOT_NAME;
-  function useCollection2(scope) {
-    const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React__default.useCallback(() => {
-      const collectionNode = context.collectionRef.current;
-      if (!collectionNode) return [];
-      const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
-      const items = Array.from(context.itemMap.values());
-      const orderedItems = items.sort(
-        (a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
-      );
-      return orderedItems;
-    }, [context.collectionRef, context.itemMap]);
-    return getItems;
-  }
-  return [
-    { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
-    useCollection2,
-    createCollectionScope2
-  ];
-}
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
@@ -2475,7 +2395,7 @@ function useId(deterministicId) {
   return deterministicId || (id ? `radix-${id}` : "");
 }
 var COLLAPSIBLE_NAME = "Collapsible";
-var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
+var [createCollapsibleContext] = createContextScope(COLLAPSIBLE_NAME);
 var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
 var Collapsible = React.forwardRef(
   (props, forwardedRef) => {
@@ -2504,7 +2424,7 @@ var Collapsible = React.forwardRef(
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Primitive.div,
           {
-            "data-state": getState$3(open2),
+            "data-state": getState$1(open2),
             "data-disabled": disabled ? "" : void 0,
             ...collapsibleProps,
             ref: forwardedRef
@@ -2515,18 +2435,18 @@ var Collapsible = React.forwardRef(
   }
 );
 Collapsible.displayName = COLLAPSIBLE_NAME;
-var TRIGGER_NAME$2 = "CollapsibleTrigger";
+var TRIGGER_NAME$1 = "CollapsibleTrigger";
 var CollapsibleTrigger = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeCollapsible, ...triggerProps } = props;
-    const context = useCollapsibleContext(TRIGGER_NAME$2, __scopeCollapsible);
+    const context = useCollapsibleContext(TRIGGER_NAME$1, __scopeCollapsible);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       Primitive.button,
       {
         type: "button",
         "aria-controls": context.contentId,
         "aria-expanded": context.open || false,
-        "data-state": getState$3(context.open),
+        "data-state": getState$1(context.open),
         "data-disabled": context.disabled ? "" : void 0,
         disabled: context.disabled,
         ...triggerProps,
@@ -2536,19 +2456,19 @@ var CollapsibleTrigger = React.forwardRef(
     );
   }
 );
-CollapsibleTrigger.displayName = TRIGGER_NAME$2;
-var CONTENT_NAME$2 = "CollapsibleContent";
+CollapsibleTrigger.displayName = TRIGGER_NAME$1;
+var CONTENT_NAME$1 = "CollapsibleContent";
 var CollapsibleContent = React.forwardRef(
   (props, forwardedRef) => {
     const { forceMount, ...contentProps } = props;
-    const context = useCollapsibleContext(CONTENT_NAME$2, props.__scopeCollapsible);
+    const context = useCollapsibleContext(CONTENT_NAME$1, props.__scopeCollapsible);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Presence, { present: forceMount || context.open, children: ({ present }) => /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContentImpl, { ...contentProps, ref: forwardedRef, present }) });
   }
 );
-CollapsibleContent.displayName = CONTENT_NAME$2;
+CollapsibleContent.displayName = CONTENT_NAME$1;
 var CollapsibleContentImpl = React.forwardRef((props, forwardedRef) => {
   const { __scopeCollapsible, present, children, ...contentProps } = props;
-  const context = useCollapsibleContext(CONTENT_NAME$2, __scopeCollapsible);
+  const context = useCollapsibleContext(CONTENT_NAME$1, __scopeCollapsible);
   const [isPresent, setIsPresent] = React.useState(present);
   const ref = React.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
@@ -2585,7 +2505,7 @@ var CollapsibleContentImpl = React.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Primitive.div,
     {
-      "data-state": getState$3(context.open),
+      "data-state": getState$1(context.open),
       "data-disabled": context.disabled ? "" : void 0,
       id: context.contentId,
       hidden: !isOpen,
@@ -2600,307 +2520,11 @@ var CollapsibleContentImpl = React.forwardRef((props, forwardedRef) => {
     }
   );
 });
-function getState$3(open2) {
+function getState$1(open2) {
   return open2 ? "open" : "closed";
 }
-var Root$2 = Collapsible;
+var Root$1 = Collapsible;
 var Trigger = CollapsibleTrigger;
-var Content$1 = CollapsibleContent;
-var DirectionContext = React.createContext(void 0);
-function useDirection(localDir) {
-  const globalDir = React.useContext(DirectionContext);
-  return localDir || globalDir || "ltr";
-}
-var ACCORDION_NAME = "Accordion";
-var ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"];
-var [Collection, useCollection, createCollectionScope] = createCollection(ACCORDION_NAME);
-var [createAccordionContext] = createContextScope(ACCORDION_NAME, [
-  createCollectionScope,
-  createCollapsibleScope
-]);
-var useCollapsibleScope = createCollapsibleScope();
-var Accordion = React__default.forwardRef(
-  (props, forwardedRef) => {
-    const { type, ...accordionProps } = props;
-    const singleProps = accordionProps;
-    const multipleProps = accordionProps;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Collection.Provider, { scope: props.__scopeAccordion, children: type === "multiple" ? /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionImplMultiple, { ...multipleProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionImplSingle, { ...singleProps, ref: forwardedRef }) });
-  }
-);
-Accordion.displayName = ACCORDION_NAME;
-var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME);
-var [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(
-  ACCORDION_NAME,
-  { collapsible: false }
-);
-var AccordionImplSingle = React__default.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      value: valueProp,
-      defaultValue,
-      onValueChange = () => {
-      },
-      collapsible: collapsible2 = false,
-      ...accordionSingleProps
-    } = props;
-    const [value, setValue] = useControllableState({
-      prop: valueProp,
-      defaultProp: defaultValue ?? "",
-      onChange: onValueChange,
-      caller: ACCORDION_NAME
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      AccordionValueProvider,
-      {
-        scope: props.__scopeAccordion,
-        value: React__default.useMemo(() => value ? [value] : [], [value]),
-        onItemOpen: setValue,
-        onItemClose: React__default.useCallback(() => collapsible2 && setValue(""), [collapsible2, setValue]),
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible: collapsible2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })
-      }
-    );
-  }
-);
-var AccordionImplMultiple = React__default.forwardRef((props, forwardedRef) => {
-  const {
-    value: valueProp,
-    defaultValue,
-    onValueChange = () => {
-    },
-    ...accordionMultipleProps
-  } = props;
-  const [value, setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue ?? [],
-    onChange: onValueChange,
-    caller: ACCORDION_NAME
-  });
-  const handleItemOpen = React__default.useCallback(
-    (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
-    [setValue]
-  );
-  const handleItemClose = React__default.useCallback(
-    (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
-    [setValue]
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    AccordionValueProvider,
-    {
-      scope: props.__scopeAccordion,
-      value,
-      onItemOpen: handleItemOpen,
-      onItemClose: handleItemClose,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionImpl, { ...accordionMultipleProps, ref: forwardedRef }) })
-    }
-  );
-});
-var [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);
-var AccordionImpl = React__default.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props;
-    const accordionRef = React__default.useRef(null);
-    const composedRefs = useComposedRefs(accordionRef, forwardedRef);
-    const getItems = useCollection(__scopeAccordion);
-    const direction = useDirection(dir);
-    const isDirectionLTR = direction === "ltr";
-    const handleKeyDown = composeEventHandlers(props.onKeyDown, (event) => {
-      if (!ACCORDION_KEYS.includes(event.key)) return;
-      const target = event.target;
-      const triggerCollection = getItems().filter((item) => !item.ref.current?.disabled);
-      const triggerIndex = triggerCollection.findIndex((item) => item.ref.current === target);
-      const triggerCount = triggerCollection.length;
-      if (triggerIndex === -1) return;
-      event.preventDefault();
-      let nextIndex = triggerIndex;
-      const homeIndex = 0;
-      const endIndex = triggerCount - 1;
-      const moveNext = () => {
-        nextIndex = triggerIndex + 1;
-        if (nextIndex > endIndex) {
-          nextIndex = homeIndex;
-        }
-      };
-      const movePrev = () => {
-        nextIndex = triggerIndex - 1;
-        if (nextIndex < homeIndex) {
-          nextIndex = endIndex;
-        }
-      };
-      switch (event.key) {
-        case "Home":
-          nextIndex = homeIndex;
-          break;
-        case "End":
-          nextIndex = endIndex;
-          break;
-        case "ArrowRight":
-          if (orientation === "horizontal") {
-            if (isDirectionLTR) {
-              moveNext();
-            } else {
-              movePrev();
-            }
-          }
-          break;
-        case "ArrowDown":
-          if (orientation === "vertical") {
-            moveNext();
-          }
-          break;
-        case "ArrowLeft":
-          if (orientation === "horizontal") {
-            if (isDirectionLTR) {
-              movePrev();
-            } else {
-              moveNext();
-            }
-          }
-          break;
-        case "ArrowUp":
-          if (orientation === "vertical") {
-            movePrev();
-          }
-          break;
-      }
-      const clampedIndex = nextIndex % triggerCount;
-      triggerCollection[clampedIndex].ref.current?.focus();
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      AccordionImplProvider,
-      {
-        scope: __scopeAccordion,
-        disabled,
-        direction: dir,
-        orientation,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Collection.Slot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Primitive.div,
-          {
-            ...accordionProps,
-            "data-orientation": orientation,
-            ref: composedRefs,
-            onKeyDown: disabled ? void 0 : handleKeyDown
-          }
-        ) })
-      }
-    );
-  }
-);
-var ITEM_NAME = "AccordionItem";
-var [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME);
-var AccordionItem = React__default.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAccordion, value, ...accordionItemProps } = props;
-    const accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion);
-    const valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion);
-    const collapsibleScope = useCollapsibleScope(__scopeAccordion);
-    const triggerId = useId();
-    const open2 = value && valueContext.value.includes(value) || false;
-    const disabled = accordionContext.disabled || props.disabled;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      AccordionItemProvider,
-      {
-        scope: __scopeAccordion,
-        open: open2,
-        disabled,
-        triggerId,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Root$2,
-          {
-            "data-orientation": accordionContext.orientation,
-            "data-state": getState$2(open2),
-            ...collapsibleScope,
-            ...accordionItemProps,
-            ref: forwardedRef,
-            disabled,
-            open: open2,
-            onOpenChange: (open22) => {
-              if (open22) {
-                valueContext.onItemOpen(value);
-              } else {
-                valueContext.onItemClose(value);
-              }
-            }
-          }
-        )
-      }
-    );
-  }
-);
-AccordionItem.displayName = ITEM_NAME;
-var HEADER_NAME = "AccordionHeader";
-var AccordionHeader = React__default.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAccordion, ...headerProps } = props;
-    const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
-    const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Primitive.h3,
-      {
-        "data-orientation": accordionContext.orientation,
-        "data-state": getState$2(itemContext.open),
-        "data-disabled": itemContext.disabled ? "" : void 0,
-        ...headerProps,
-        ref: forwardedRef
-      }
-    );
-  }
-);
-AccordionHeader.displayName = HEADER_NAME;
-var TRIGGER_NAME$1 = "AccordionTrigger";
-var AccordionTrigger = React__default.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAccordion, ...triggerProps } = props;
-    const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
-    const itemContext = useAccordionItemContext(TRIGGER_NAME$1, __scopeAccordion);
-    const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME$1, __scopeAccordion);
-    const collapsibleScope = useCollapsibleScope(__scopeAccordion);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Collection.ItemSlot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Trigger,
-      {
-        "aria-disabled": itemContext.open && !collapsibleContext.collapsible || void 0,
-        "data-orientation": accordionContext.orientation,
-        id: itemContext.triggerId,
-        ...collapsibleScope,
-        ...triggerProps,
-        ref: forwardedRef
-      }
-    ) });
-  }
-);
-AccordionTrigger.displayName = TRIGGER_NAME$1;
-var CONTENT_NAME$1 = "AccordionContent";
-var AccordionContent = React__default.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAccordion, ...contentProps } = props;
-    const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
-    const itemContext = useAccordionItemContext(CONTENT_NAME$1, __scopeAccordion);
-    const collapsibleScope = useCollapsibleScope(__scopeAccordion);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Content$1,
-      {
-        role: "region",
-        "aria-labelledby": itemContext.triggerId,
-        "data-orientation": accordionContext.orientation,
-        ...collapsibleScope,
-        ...contentProps,
-        ref: forwardedRef,
-        style: {
-          ["--radix-accordion-content-height"]: "var(--radix-collapsible-content-height)",
-          ["--radix-accordion-content-width"]: "var(--radix-collapsible-content-width)",
-          ...props.style
-        }
-      }
-    );
-  }
-);
-AccordionContent.displayName = CONTENT_NAME$1;
-function getState$2(open2) {
-  return open2 ? "open" : "closed";
-}
-var Root2 = Accordion;
-var Item = AccordionItem;
-var Trigger2 = AccordionTrigger;
-var Content2 = AccordionContent;
 const mergeClasses = (...classes2) => classes2.filter((className, index, array) => {
   return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
 }).join(" ").trim();
@@ -2977,207 +2601,8 @@ const createLucideIcon = (iconName, iconNode) => {
   Component.displayName = toPascalCase(iconName);
   return Component;
 };
-const __iconNode$1 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1);
 const __iconNode = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
 const ChevronUp = createLucideIcon("chevron-up", __iconNode);
-function usePrevious(value) {
-  const ref = React.useRef({ value, previous: value });
-  return React.useMemo(() => {
-    if (ref.current.value !== value) {
-      ref.current.previous = ref.current.value;
-      ref.current.value = value;
-    }
-    return ref.current.previous;
-  }, [value]);
-}
-function useSize(element) {
-  const [size, setSize] = React.useState(void 0);
-  useLayoutEffect2(() => {
-    if (element) {
-      setSize({ width: element.offsetWidth, height: element.offsetHeight });
-      const resizeObserver = new ResizeObserver((entries) => {
-        if (!Array.isArray(entries)) {
-          return;
-        }
-        if (!entries.length) {
-          return;
-        }
-        const entry = entries[0];
-        let width;
-        let height;
-        if ("borderBoxSize" in entry) {
-          const borderSizeEntry = entry["borderBoxSize"];
-          const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
-          width = borderSize["inlineSize"];
-          height = borderSize["blockSize"];
-        } else {
-          width = element.offsetWidth;
-          height = element.offsetHeight;
-        }
-        setSize({ width, height });
-      });
-      resizeObserver.observe(element, { box: "border-box" });
-      return () => resizeObserver.unobserve(element);
-    } else {
-      setSize(void 0);
-    }
-  }, [element]);
-  return size;
-}
-var SWITCH_NAME = "Switch";
-var [createSwitchContext] = createContextScope(SWITCH_NAME);
-var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-var Switch$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeSwitch,
-      name,
-      checked: checkedProp,
-      defaultChecked,
-      required,
-      disabled,
-      value = "on",
-      onCheckedChange,
-      form,
-      ...switchProps
-    } = props;
-    const [button, setButton] = React.useState(null);
-    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
-    const hasConsumerStoppedPropagationRef = React.useRef(false);
-    const isFormControl = button ? form || !!button.closest("form") : true;
-    const [checked, setChecked] = useControllableState({
-      prop: checkedProp,
-      defaultProp: defaultChecked ?? false,
-      onChange: onCheckedChange,
-      caller: SWITCH_NAME
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Primitive.button,
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": checked,
-          "aria-required": required,
-          "data-state": getState$1(checked),
-          "data-disabled": disabled ? "" : void 0,
-          disabled,
-          value,
-          ...switchProps,
-          ref: composedRefs,
-          onClick: composeEventHandlers(props.onClick, (event) => {
-            setChecked((prevChecked) => !prevChecked);
-            if (isFormControl) {
-              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-            }
-          })
-        }
-      ),
-      isFormControl && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        SwitchBubbleInput,
-        {
-          control: button,
-          bubbles: !hasConsumerStoppedPropagationRef.current,
-          name,
-          value,
-          checked,
-          required,
-          disabled,
-          form,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
-);
-Switch$1.displayName = SWITCH_NAME;
-var THUMB_NAME = "SwitchThumb";
-var SwitchThumb = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSwitch, ...thumbProps } = props;
-    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Primitive.span,
-      {
-        "data-state": getState$1(context.checked),
-        "data-disabled": context.disabled ? "" : void 0,
-        ...thumbProps,
-        ref: forwardedRef
-      }
-    );
-  }
-);
-SwitchThumb.displayName = THUMB_NAME;
-var BUBBLE_INPUT_NAME = "SwitchBubbleInput";
-var SwitchBubbleInput = React.forwardRef(
-  ({
-    __scopeSwitch,
-    control,
-    checked,
-    bubbles = true,
-    ...props
-  }, forwardedRef) => {
-    const ref = React.useRef(null);
-    const composedRefs = useComposedRefs(ref, forwardedRef);
-    const prevChecked = usePrevious(checked);
-    const controlSize = useSize(control);
-    React.useEffect(() => {
-      const input = ref.current;
-      if (!input) return;
-      const inputProto = window.HTMLInputElement.prototype;
-      const descriptor = Object.getOwnPropertyDescriptor(
-        inputProto,
-        "checked"
-      );
-      const setChecked = descriptor.set;
-      if (prevChecked !== checked && setChecked) {
-        const event = new Event("click", { bubbles });
-        setChecked.call(input, checked);
-        input.dispatchEvent(event);
-      }
-    }, [prevChecked, checked, bubbles]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "input",
-      {
-        type: "checkbox",
-        "aria-hidden": true,
-        defaultChecked: checked,
-        ...props,
-        tabIndex: -1,
-        ref: composedRefs,
-        style: {
-          ...props.style,
-          ...controlSize,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }
-    );
-  }
-);
-SwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;
-function getState$1(checked) {
-  return checked ? "checked" : "unchecked";
-}
-var Root$1 = Switch$1;
-var Thumb = SwitchThumb;
-const root = "_root_dibqz_1";
-const thumb = "_thumb_dibqz_38";
-const classes = {
-  root,
-  "switch": "_switch_dibqz_8",
-  thumb
-};
-const Switch = ({ label: label2, id, ...rest }) => {
-  return /* @__PURE__ */ u("div", { className: classes.root, children: [
-    label2 && /* @__PURE__ */ u(Text, { className: classes.label, as: "label", htmlFor: id, children: label2 }),
-    /* @__PURE__ */ u(Root$1, { className: classes.switch, ...rest, children: /* @__PURE__ */ u(Thumb, { className: classes.thumb }) })
-  ] });
-};
 const selectionSchema = /* @__PURE__ */ record(/* @__PURE__ */ string(), /* @__PURE__ */ boolean());
 const SelectionContext = createContext(null);
 const SelectionProvider = ({
@@ -3298,68 +2723,6 @@ function useSelection() {
   }
   return context;
 }
-const BannerItem = ({
-  value,
-  label: label2,
-  sublabel,
-  required = false,
-  description: description2,
-  openItem
-}) => {
-  const { toggleSelection, selection } = useSelection();
-  const selected = useMemo(
-    () => selection?.[value] ?? false,
-    [selection, value]
-  );
-  useEffect(() => {
-    toggleSelection(value, selected);
-  }, [value, selected]);
-  const checked = useMemo(
-    () => required ? true : selected,
-    [required, selected]
-  );
-  const onCheckedChange = useMemo(
-    () => (checked2) => required ? () => {
-    } : toggleSelection(value, checked2),
-    [required, toggleSelection, value]
-  );
-  const disabled = useMemo(() => required, [required]);
-  return /* @__PURE__ */ u(Item, { value, className: classes$1.root, children: [
-    /* @__PURE__ */ u("div", { className: classes$1.header, children: [
-      /* @__PURE__ */ u(Trigger2, { asChild: true, children: /* @__PURE__ */ u("div", { className: classes$1.label, children: [
-        /* @__PURE__ */ u(Text, { weight: "bold", children: label2 }),
-        sublabel && /* @__PURE__ */ u(Text, { size: "caption", color: "muted", children: sublabel })
-      ] }) }),
-      /* @__PURE__ */ u("div", { className: classes$1.actions, children: [
-        /* @__PURE__ */ u(
-          Switch,
-          {
-            checked,
-            onCheckedChange,
-            disabled
-          }
-        ),
-        /* @__PURE__ */ u(Trigger2, { asChild: true, children: /* @__PURE__ */ u(
-          ChevronDown,
-          {
-            size: 16,
-            className: clx({
-              [classes$1.chevron]: true,
-              [classes$1.open]: openItem === value
-            })
-          }
-        ) })
-      ] })
-    ] }),
-    description2 && /* @__PURE__ */ u(Content2, { className: classes$1.description, children: /* @__PURE__ */ u(
-      Text,
-      {
-        size: "caption",
-        dangerouslySetInnerHTML: { __html: description2 }
-      }
-    ) })
-  ] });
-};
 function useCallbackRef$1(callback) {
   const callbackRef = React.useRef(callback);
   React.useEffect(() => {
@@ -4881,25 +4244,24 @@ const BannerContent = ({
   saveLabel = "Save selection",
   declineLabel = "Decline all",
   defaultSettingsOpen = true,
-  privacyPolicy,
-  items
+  privacyPolicy
+  // items,
 }) => {
   const { onSave, onDeclineAll, selectionTaken } = useSelection();
-  const [openItem, setOpenItem] = useState(void 0);
   const [settingsOpen, setSettingsOpen] = useState(defaultSettingsOpen);
   return /* @__PURE__ */ u(Root, { open: !selectionTaken, children: /* @__PURE__ */ u(
     Content,
     {
-      className: cls(classes$2.root, noTarget2 ? classes$2.noTarget : ""),
+      className: cls(classes.root, noTarget2 ? classes.noTarget : ""),
       children: /* @__PURE__ */ u(
-        Root$2,
+        Root$1,
         {
           open: settingsOpen,
           onOpenChange: setSettingsOpen,
-          className: classes$2.collapsible,
+          className: classes.collapsible,
           children: [
-            /* @__PURE__ */ u("div", { className: classes$2.header, children: [
-              /* @__PURE__ */ u("div", { className: classes$2.heading, children: [
+            /* @__PURE__ */ u("div", { className: classes.header, children: [
+              /* @__PURE__ */ u("div", { className: classes.heading, children: [
                 /* @__PURE__ */ u(Title, { asChild: true, children: /* @__PURE__ */ u(Text, { weight: "bold", children: heading2 }) }),
                 /* @__PURE__ */ u(Description, { asChild: true, children: /* @__PURE__ */ u(Text, { size: "caption", color: "muted", children: subheading }) })
               ] }),
@@ -4911,34 +4273,16 @@ const BannerContent = ({
                   {
                     size: 12,
                     className: clx({
-                      [classes$2.chevron]: true,
-                      [classes$2.open]: settingsOpen
+                      [classes.chevron]: true,
+                      [classes.open]: settingsOpen
                     })
                   }
                 )
               ] }) })
             ] }),
-            /* @__PURE__ */ u(
-              Content$1,
-              {
-                className: clx({
-                  [classes$2.settings]: true
-                }),
-                children: /* @__PURE__ */ u(
-                  Root2,
-                  {
-                    type: "single",
-                    collapsible: true,
-                    value: openItem,
-                    onValueChange: setOpenItem,
-                    children: items.map((item) => /* @__PURE__ */ u(BannerItem, { ...item, openItem }, item.value))
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ u("div", { className: classes$2.footer, children: [
-              /* @__PURE__ */ u("div", { className: classes$2.legal, children: privacyPolicy && /* @__PURE__ */ u(Text, { size: "caption", children: /* @__PURE__ */ u("a", { href: privacyPolicy.url, target: "_blank", children: privacyPolicy.label }) }) }),
-              /* @__PURE__ */ u("div", { className: classes$2.actions, children: [
+            /* @__PURE__ */ u("div", { className: classes.footer, children: [
+              /* @__PURE__ */ u("div", { className: classes.legal, children: privacyPolicy && /* @__PURE__ */ u(Text, { size: "caption", children: /* @__PURE__ */ u("a", { href: privacyPolicy.url, target: "_blank", children: privacyPolicy.label }) }) }),
+              /* @__PURE__ */ u("div", { className: classes.actions, children: [
                 /* @__PURE__ */ u(Close, { asChild: true, children: /* @__PURE__ */ u(Button, { variant: "neutral", onClick: () => onDeclineAll(), children: declineLabel }) }),
                 /* @__PURE__ */ u(Close, { asChild: true, children: /* @__PURE__ */ u(Button, { variant: "brand", onClick: () => onSave(), children: saveLabel }) })
               ] })