autumn-js 0.1.39 → 0.1.41-beta.0

package/dist/libraries/react/components/pricing-table/pricing-table-synced.js

@@ -1958,7 +1958,7 @@ var import_swr4 = __toESM(require("swr"));
 // src/libraries/react/hooks/usePaywall.tsx
 var import_swr5 = __toESM(require("swr"));
 
-// ../node_modules/.pnpm/@radix-ui+react-accordion@1.2.11_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@1_rikqbnzk4rayqkcryhydcdufbu/node_modules/@radix-ui/react-accordion/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-accordion@1.2.11_@types+react-dom@19.1.9_@types+react@19.1.10__@types+r_88fa064b3d5df5119586fe1472472636/node_modules/@radix-ui/react-accordion/dist/index.mjs
 var import_react8 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.1.10_react@19.1.1/node_modules/@radix-ui/react-context/dist/index.mjs
@@ -2038,7 +2038,7 @@ function composeContextScopes(...scopes) {
   return createScope;
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-collection@1.1.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@1_fj4gprouy7cllhpzda3tfrvhzi/node_modules/@radix-ui/react-collection/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-collection@1.1.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+r_3ab2260c45a0fb08d9b684c67f0bf7c1/node_modules/@radix-ui/react-collection/dist/index.mjs
 var import_react6 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.2_@types+react@19.1.10_react@19.1.1/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
@@ -2165,7 +2165,7 @@ function getElementRef(element) {
   return element.props.ref || element.ref;
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-collection@1.1.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@1_fj4gprouy7cllhpzda3tfrvhzi/node_modules/@radix-ui/react-collection/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-collection@1.1.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+r_3ab2260c45a0fb08d9b684c67f0bf7c1/node_modules/@radix-ui/react-collection/dist/index.mjs
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var import_react7 = __toESM(require("react"), 1);
 var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -2318,7 +2318,7 @@ function isFunction(value) {
 }
 var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 
-// ../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19_xx37pthzbhildnk4zsozp4vigu/node_modules/@radix-ui/react-primitive/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.1.9_@types+react@19.1.10__@types+re_9e605969fe68801bc6e8d3b546a2a7e1/node_modules/@radix-ui/react-primitive/dist/index.mjs
 var React8 = __toESM(require("react"), 1);
 var ReactDOM = __toESM(require("react-dom"), 1);
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -2358,10 +2358,10 @@ function dispatchDiscreteCustomEvent(target, event) {
   if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-collapsible@1.1.11_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react_62ff4xakccgppayw3kaahenns4/node_modules/@radix-ui/react-collapsible/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-collapsible@1.1.11_@types+react-dom@19.1.9_@types+react@19.1.10__@types_0079639e5b639016d4e27453774cf95e/node_modules/@radix-ui/react-collapsible/dist/index.mjs
 var React11 = __toESM(require("react"), 1);
 
-// ../node_modules/.pnpm/@radix-ui+react-presence@1.1.4_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19._m54kvncv6il6p2flbkd4qzvije/node_modules/@radix-ui/react-presence/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-presence@1.1.4_@types+react-dom@19.1.9_@types+react@19.1.10__@types+rea_7d38616061dbf89127c9b19685065376/node_modules/@radix-ui/react-presence/dist/index.mjs
 var React24 = __toESM(require("react"), 1);
 var React9 = __toESM(require("react"), 1);
 function useStateMachine(initialState, machine) {
@@ -2499,7 +2499,7 @@ function useId(deterministicId) {
   return deterministicId || (id ? `radix-${id}` : "");
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-collapsible@1.1.11_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react_62ff4xakccgppayw3kaahenns4/node_modules/@radix-ui/react-collapsible/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-collapsible@1.1.11_@types+react-dom@19.1.9_@types+react@19.1.10__@types_0079639e5b639016d4e27453774cf95e/node_modules/@radix-ui/react-collapsible/dist/index.mjs
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var COLLAPSIBLE_NAME = "Collapsible";
 var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
@@ -2643,7 +2643,7 @@ function useDirection(localDir) {
   return localDir || globalDir || "ltr";
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-accordion@1.2.11_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@1_rikqbnzk4rayqkcryhydcdufbu/node_modules/@radix-ui/react-accordion/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-accordion@1.2.11_@types+react-dom@19.1.9_@types+react@19.1.10__@types+r_88fa064b3d5df5119586fe1472472636/node_modules/@radix-ui/react-accordion/dist/index.mjs
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var ACCORDION_NAME = "Accordion";
 var ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"];
@@ -2937,9 +2937,116 @@ var Header = AccordionHeader;
 var Trigger2 = AccordionTrigger;
 var Content2 = AccordionContent;
 
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var import_react10 = require("react");
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+var mergeClasses = (...classes) => classes.filter((className, index2, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index2;
+}).join(" ").trim();
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+};
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js
+var import_react9 = require("react");
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js
+var Icon = (0, import_react9.forwardRef)(
+  ({
+    color = "currentColor",
+    size: size4 = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => (0, import_react9.createElement)(
+    "svg",
+    {
+      ref,
+      ...defaultAttributes,
+      width: size4,
+      height: size4,
+      stroke: color,
+      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size4) : strokeWidth,
+      className: mergeClasses("lucide", className),
+      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+      ...rest
+    },
+    [
+      ...iconNode.map(([tag, attrs]) => (0, import_react9.createElement)(tag, attrs)),
+      ...Array.isArray(children) ? children : [children]
+    ]
+  )
+);
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = (0, import_react10.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react10.createElement)(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+var ChevronDown = createLucideIcon("chevron-down", __iconNode);
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/loader-circle.js
+var __iconNode2 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+var LoaderCircle = createLucideIcon("loader-circle", __iconNode2);
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/x.js
+var __iconNode3 = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+var X = createLucideIcon("x", __iconNode3);
+
 // src/libraries/react/components/checkout-dialog/checkout-dialog-synced.tsx
 var import_react13 = require("react");
 
+// src/libraries/react/components/ui/accordion.tsx
+var React14 = __toESM(require("react"));
+
 // ../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -5465,8 +5572,47 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
+// src/libraries/react/components/ui/accordion.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Accordion2 = Root2;
+var AccordionItem2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  Item,
+  {
+    ref,
+    className: cn("au-border-b", className),
+    ...props
+  }
+));
+AccordionItem2.displayName = "AccordionItem";
+var AccordionTrigger2 = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Header, { className: "au-flex", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  Trigger2,
+  {
+    ref,
+    className: cn(
+      "au-flex au-flex-1 au-items-center au-justify-between au-py-4 au-text-sm au-font-medium au-transition-all hover:au-underline au-text-left [&[data-state=open]>svg]:au-rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChevronDown, { className: "au-h-4 au-w-4 au-shrink-0 au-text-muted-foreground au-transition-transform au-duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger2.displayName = Trigger2.displayName;
+var AccordionContent2 = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  Content2,
+  {
+    ref,
+    className: "au-overflow-hidden au-text-sm data-[state=closed]:au-animate-accordion-up data-[state=open]:au-animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("au-pb-4 au-pt-0", className), children })
+  }
+));
+AccordionContent2.displayName = Content2.displayName;
+
 // src/libraries/react/components/ui/button.tsx
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
 var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
@@ -5511,7 +5657,7 @@ var cva = (base, config) => (props) => {
 };
 
 // src/libraries/react/components/ui/button.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var buttonVariants = cva(
   "au-inline-flex au-items-center au-justify-center au-gap-2 au-whitespace-nowrap au-rounded-md au-text-sm au-font-medium au-transition-colors focus-visible:au-outline-none focus-visible:au-ring-1 focus-visible:au-ring-ring disabled:au-pointer-events-none disabled:au-opacity-50 [&_svg]:au-pointer-events-none [&_svg]:au-size-4 [&_svg]:au-shrink-0",
   {
@@ -5537,10 +5683,10 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React14.forwardRef(
+var Button = React15.forwardRef(
   ({ className, variant, size: size4, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       Comp,
       {
         className: cn(buttonVariants({ variant, size: size4 }), className),
@@ -5553,29 +5699,29 @@ var Button = React14.forwardRef(
 Button.displayName = "Button";
 
 // src/libraries/react/components/ui/dialog.tsx
-var React32 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 
-// ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1_7xipnhxsrwjfttlgycirhttgoi/node_modules/@radix-ui/react-dialog/dist/index.mjs
-var React31 = __toESM(require("react"), 1);
+// ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.9_@types+react@19.1.10__@types+reac_d887111acb876d7a867028e90c6aec01/node_modules/@radix-ui/react-dialog/dist/index.mjs
+var React32 = __toESM(require("react"), 1);
 
-// ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.9_@types+react@19.1.10__@types_recfemx4gbocxquotpq6g6r6si/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-var React17 = __toESM(require("react"), 1);
+// ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.9_@types+react@19.1.10___11bc29965763a1c4e1c62b1db84ce73c/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
+var React18 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.1_@types+react@19.1.10_react@19.1.1/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-var React15 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 function useCallbackRef(callback) {
-  const callbackRef = React15.useRef(callback);
-  React15.useEffect(() => {
+  const callbackRef = React16.useRef(callback);
+  React16.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React15.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+  return React16.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-use-escape-keydown@1.1.1_@types+react@19.1.10_react@19.1.1/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
-var React16 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -5586,19 +5732,19 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
   }, [onEscapeKeyDown, ownerDocument]);
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.9_@types+react@19.1.10__@types_recfemx4gbocxquotpq6g6r6si/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-var import_jsx_runtime12 = require("react/jsx-runtime");
+// ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.9_@types+react@19.1.10___11bc29965763a1c4e1c62b1db84ce73c/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React17.createContext({
+var DismissableLayerContext = React18.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = React17.forwardRef(
+var DismissableLayer = React18.forwardRef(
   (props, forwardedRef) => {
     const {
       disableOutsidePointerEvents = false,
@@ -5609,10 +5755,10 @@ var DismissableLayer = React17.forwardRef(
       onDismiss,
       ...layerProps
     } = props;
-    const context = React17.useContext(DismissableLayerContext);
-    const [node, setNode] = React17.useState(null);
+    const context = React18.useContext(DismissableLayerContext);
+    const [node, setNode] = React18.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
-    const [, force] = React17.useState({});
+    const [, force] = React18.useState({});
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
@@ -5645,7 +5791,7 @@ var DismissableLayer = React17.forwardRef(
         onDismiss();
       }
     }, ownerDocument);
-    React17.useEffect(() => {
+    React18.useEffect(() => {
       if (!node) return;
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -5662,7 +5808,7 @@ var DismissableLayer = React17.forwardRef(
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-    React17.useEffect(() => {
+    React18.useEffect(() => {
       return () => {
         if (!node) return;
         context.layers.delete(node);
@@ -5670,12 +5816,12 @@ var DismissableLayer = React17.forwardRef(
         dispatchUpdate();
       };
     }, [node, context]);
-    React17.useEffect(() => {
+    React18.useEffect(() => {
       const handleUpdate = () => force({});
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       Primitive.div,
       {
         ...layerProps,
@@ -5696,11 +5842,11 @@ var DismissableLayer = React17.forwardRef(
 );
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React17.forwardRef((props, forwardedRef) => {
-  const context = React17.useContext(DismissableLayerContext);
-  const ref = React17.useRef(null);
+var DismissableLayerBranch = React18.forwardRef((props, forwardedRef) => {
+  const context = React18.useContext(DismissableLayerContext);
+  const ref = React18.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -5709,15 +5855,15 @@ var DismissableLayerBranch = React17.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React17.useRef(false);
-  const handleClickRef = React17.useRef(() => {
+  const isPointerInsideReactTreeRef = React18.useRef(false);
+  const handleClickRef = React18.useRef(() => {
   });
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -5758,8 +5904,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React17.useRef(false);
-  React17.useEffect(() => {
+  const isFocusInsideReactTreeRef = React18.useRef(false);
+  React18.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -5791,14 +5937,14 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
   }
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@_a6spdpnjpgxlsfsxwjh6tjh7gm/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
-var React18 = __toESM(require("react"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
+// ../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+_8d26458fa87217734ef1cdbf2fc03180/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
+var React19 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME = "FocusScope";
-var FocusScope = React18.forwardRef((props, forwardedRef) => {
+var FocusScope = React19.forwardRef((props, forwardedRef) => {
   const {
     loop = false,
     trapped = false,
@@ -5806,12 +5952,12 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container, setContainer] = React18.useState(null);
+  const [container, setContainer] = React19.useState(null);
   const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
-  const lastFocusedElementRef = React18.useRef(null);
+  const lastFocusedElementRef = React19.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
-  const focusScope = React18.useRef({
+  const focusScope = React19.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -5820,7 +5966,7 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
       this.paused = false;
     }
   }).current;
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     if (trapped) {
       let handleFocusIn2 = function(event) {
         if (focusScope.paused || !container) return;
@@ -5856,7 +6002,7 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trapped, container, focusScope.paused]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     if (container) {
       focusScopesStack.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
@@ -5887,7 +6033,7 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
       };
     }
   }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
-  const handleKeyDown = React18.useCallback(
+  const handleKeyDown = React19.useCallback(
     (event) => {
       if (!loop && !trapped) return;
       if (focusScope.paused) return;
@@ -5912,7 +6058,7 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst(candidates, { select = false } = {}) {
@@ -5995,25 +6141,25 @@ function removeLinks(items) {
   return items.filter((item) => item.tagName !== "A");
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1._o5qf2sukaqjy2xztyed32jp6ia/node_modules/@radix-ui/react-portal/dist/index.mjs
-var React19 = __toESM(require("react"), 1);
+// ../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react_3ad4e24272ef2d06e19c6ad65924b811/node_modules/@radix-ui/react-portal/dist/index.mjs
+var React20 = __toESM(require("react"), 1);
 var import_react_dom = __toESM(require("react-dom"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var PORTAL_NAME = "Portal";
-var Portal = React19.forwardRef((props, forwardedRef) => {
+var Portal = React20.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React19.useState(false);
+  const [mounted, setMounted] = React20.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal.displayName = PORTAL_NAME;
 
 // ../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.2_@types+react@19.1.10_react@19.1.1/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
-var React20 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 var count2 = 0;
 function useFocusGuards() {
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
     document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
@@ -6070,10 +6216,10 @@ function __spreadArray(to, from, pack) {
 }
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll/dist/es2015/Combination.js
-var React30 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll/dist/es2015/UI.js
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
 var zeroRightClassName = "right-scroll-bar-position";
@@ -6092,9 +6238,9 @@ function assignRef(ref, value) {
 }
 
 // ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.10_react@19.1.1/node_modules/use-callback-ref/dist/es2015/useRef.js
-var import_react9 = require("react");
+var import_react11 = require("react");
 function useCallbackRef2(initialValue, callback) {
-  var ref = (0, import_react9.useState)(function() {
+  var ref = (0, import_react11.useState)(function() {
     return {
       // value
       value: initialValue,
@@ -6120,8 +6266,8 @@ function useCallbackRef2(initialValue, callback) {
 }
 
 // ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.10_react@19.1.1/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
-var React21 = __toESM(require("react"));
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React21.useLayoutEffect : React21.useEffect;
+var React25 = __toESM(require("react"));
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React25.useLayoutEffect : React25.useEffect;
 var currentValues = /* @__PURE__ */ new WeakMap();
 function useMergeRefs(refs, defaultValue) {
   var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
@@ -6238,7 +6384,7 @@ function createSidecarMedium(options) {
 }
 
 // ../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.10_react@19.1.1/node_modules/use-sidecar/dist/es2015/exports.js
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var SideCar = function(_a) {
   var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
   if (!sideCar) {
@@ -6248,7 +6394,7 @@ var SideCar = function(_a) {
   if (!Target) {
     throw new Error("Sidecar medium not found");
   }
-  return React25.createElement(Target, __assign({}, rest));
+  return React26.createElement(Target, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -6263,9 +6409,9 @@ var effectCar = createSidecarMedium();
 var nothing = function() {
   return;
 };
-var RemoveScroll = React26.forwardRef(function(props, parentRef) {
-  var ref = React26.useRef(null);
-  var _a = React26.useState({
+var RemoveScroll = React27.forwardRef(function(props, parentRef) {
+  var ref = React27.useRef(null);
+  var _a = React27.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
@@ -6274,11 +6420,11 @@ var RemoveScroll = React26.forwardRef(function(props, parentRef) {
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  return React26.createElement(
-    React26.Fragment,
+  return React27.createElement(
+    React27.Fragment,
     null,
-    enabled && React26.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
-    forwardProps ? React26.cloneElement(React26.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React26.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
+    enabled && React27.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
+    forwardProps ? React27.cloneElement(React27.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React27.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll.defaultProps = {
@@ -6292,13 +6438,13 @@ RemoveScroll.classNames = {
 };
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll-bar/dist/es2015/component.js
-var React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.10_react@19.1.1/node_modules/react-style-singleton/dist/es2015/hook.js
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js
 var currentNonce;
@@ -6362,7 +6508,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
-    React27.useEffect(function() {
+    React28.useEffect(function() {
       sheet.add(styles);
       return function() {
         sheet.remove();
@@ -6436,7 +6582,7 @@ var getCurrentUseCounter = function() {
   return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-  React28.useEffect(function() {
+  React29.useEffect(function() {
     document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
     return function() {
       var newCounter = getCurrentUseCounter() - 1;
@@ -6451,10 +6597,10 @@ var useLockAttribute = function() {
 var RemoveScrollBar = function(_a) {
   var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
   useLockAttribute();
-  var gap = React28.useMemo(function() {
+  var gap = React29.useMemo(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
-  return React28.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+  return React29.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
@@ -6595,16 +6741,16 @@ var generateStyle = function(id) {
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-  var shouldPreventQueue = React29.useRef([]);
-  var touchStartRef = React29.useRef([0, 0]);
-  var activeAxis = React29.useRef();
-  var id = React29.useState(idCounter++)[0];
-  var Style2 = React29.useState(styleSingleton)[0];
-  var lastProps = React29.useRef(props);
-  React29.useEffect(function() {
+  var shouldPreventQueue = React30.useRef([]);
+  var touchStartRef = React30.useRef([0, 0]);
+  var activeAxis = React30.useRef();
+  var id = React30.useState(idCounter++)[0];
+  var Style2 = React30.useState(styleSingleton)[0];
+  var lastProps = React30.useRef(props);
+  React30.useEffect(function() {
     lastProps.current = props;
   }, [props]);
-  React29.useEffect(function() {
+  React30.useEffect(function() {
     if (props.inert) {
       document.body.classList.add("block-interactivity-".concat(id));
       var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
@@ -6620,7 +6766,7 @@ function RemoveScrollSideCar(props) {
     }
     return;
   }, [props.inert, props.lockRef.current, props.shards]);
-  var shouldCancelEvent = React29.useCallback(function(event, parent) {
+  var shouldCancelEvent = React30.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
       return !lastProps.current.allowPinchZoom;
     }
@@ -6656,7 +6802,7 @@ function RemoveScrollSideCar(props) {
     var cancelingAxis = activeAxis.current || currentAxis;
     return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
-  var shouldPrevent = React29.useCallback(function(_event) {
+  var shouldPrevent = React30.useCallback(function(_event) {
     var event = _event;
     if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
       return;
@@ -6683,7 +6829,7 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = React29.useCallback(function(name, delta, target, should) {
+  var shouldCancel = React30.useCallback(function(name, delta, target, should) {
     var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
@@ -6692,17 +6838,17 @@ function RemoveScrollSideCar(props) {
       });
     }, 1);
   }, []);
-  var scrollTouchStart = React29.useCallback(function(event) {
+  var scrollTouchStart = React30.useCallback(function(event) {
     touchStartRef.current = getTouchXY(event);
     activeAxis.current = void 0;
   }, []);
-  var scrollWheel = React29.useCallback(function(event) {
+  var scrollWheel = React30.useCallback(function(event) {
     shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  var scrollTouchMove = React29.useCallback(function(event) {
+  var scrollTouchMove = React30.useCallback(function(event) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  React29.useEffect(function() {
+  React30.useEffect(function() {
     lockStack.push(Style2);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
@@ -6722,11 +6868,11 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var removeScrollBar = props.removeScrollBar, inert = props.inert;
-  return React29.createElement(
-    React29.Fragment,
+  return React30.createElement(
+    React30.Fragment,
     null,
-    inert ? React29.createElement(Style2, { styles: generateStyle(id) }) : null,
-    removeScrollBar ? React29.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
+    inert ? React30.createElement(Style2, { styles: generateStyle(id) }) : null,
+    removeScrollBar ? React30.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
   );
 }
 function getOutermostShadowParent(node) {
@@ -6745,8 +6891,8 @@ function getOutermostShadowParent(node) {
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll/dist/es2015/Combination.js
-var ReactRemoveScroll = React30.forwardRef(function(props, ref) {
-  return React30.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
+var ReactRemoveScroll = React31.forwardRef(function(props, ref) {
+  return React31.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
@@ -6872,8 +7018,8 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
   return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
 };
 
-// ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1_7xipnhxsrwjfttlgycirhttgoi/node_modules/@radix-ui/react-dialog/dist/index.mjs
-var import_jsx_runtime15 = require("react/jsx-runtime");
+// ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.9_@types+react@19.1.10__@types+reac_d887111acb876d7a867028e90c6aec01/node_modules/@radix-ui/react-dialog/dist/index.mjs
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var DIALOG_NAME = "Dialog";
 var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
 var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -6886,15 +7032,15 @@ var Dialog = (props) => {
     onOpenChange,
     modal = true
   } = props;
-  const triggerRef = React31.useRef(null);
-  const contentRef = React31.useRef(null);
+  const triggerRef = React32.useRef(null);
+  const contentRef = React32.useRef(null);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
     onChange: onOpenChange,
     caller: DIALOG_NAME
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     DialogProvider,
     {
       scope: __scopeDialog,
@@ -6905,7 +7051,7 @@ var Dialog = (props) => {
       descriptionId: useId(),
       open,
       onOpenChange: setOpen,
-      onOpenToggle: React31.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      onOpenToggle: React32.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       modal,
       children
     }
@@ -6913,12 +7059,12 @@ var Dialog = (props) => {
 };
 Dialog.displayName = DIALOG_NAME;
 var TRIGGER_NAME3 = "DialogTrigger";
-var DialogTrigger = React31.forwardRef(
+var DialogTrigger = React32.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...triggerProps } = props;
     const context = useDialogContext(TRIGGER_NAME3, __scopeDialog);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       Primitive.button,
       {
         type: "button",
@@ -6941,28 +7087,28 @@ var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME2, {
 var DialogPortal = (props) => {
   const { __scopeDialog, forceMount, children, container } = props;
   const context = useDialogContext(PORTAL_NAME2, __scopeDialog);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React31.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Portal, { asChild: true, container, children: child }) })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React32.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Portal, { asChild: true, container, children: child }) })) });
 };
 DialogPortal.displayName = PORTAL_NAME2;
 var OVERLAY_NAME = "DialogOverlay";
-var DialogOverlay = React31.forwardRef(
+var DialogOverlay = React32.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...overlayProps } = props;
     const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
-    return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+    return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
   }
 );
 DialogOverlay.displayName = OVERLAY_NAME;
 var Slot2 = createSlot("DialogOverlay.RemoveScroll");
-var DialogOverlayImpl = React31.forwardRef(
+var DialogOverlayImpl = React32.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props;
     const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Primitive.div,
         {
           "data-state": getState3(context.open),
@@ -6975,25 +7121,25 @@ var DialogOverlayImpl = React31.forwardRef(
   }
 );
 var CONTENT_NAME3 = "DialogContent";
-var DialogContent = React31.forwardRef(
+var DialogContent = React32.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME3, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
     const context = useDialogContext(CONTENT_NAME3, props.__scopeDialog);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
   }
 );
 DialogContent.displayName = CONTENT_NAME3;
-var DialogContentModal = React31.forwardRef(
+var DialogContentModal = React32.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME3, props.__scopeDialog);
-    const contentRef = React31.useRef(null);
+    const contentRef = React32.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
-    React31.useEffect(() => {
+    React32.useEffect(() => {
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       DialogContentImpl,
       {
         ...props,
@@ -7018,12 +7164,12 @@ var DialogContentModal = React31.forwardRef(
     );
   }
 );
-var DialogContentNonModal = React31.forwardRef(
+var DialogContentNonModal = React32.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME3, props.__scopeDialog);
-    const hasInteractedOutsideRef = React31.useRef(false);
-    const hasPointerDownOutsideRef = React31.useRef(false);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    const hasInteractedOutsideRef = React32.useRef(false);
+    const hasPointerDownOutsideRef = React32.useRef(false);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       DialogContentImpl,
       {
         ...props,
@@ -7058,15 +7204,15 @@ var DialogContentNonModal = React31.forwardRef(
     );
   }
 );
-var DialogContentImpl = React31.forwardRef(
+var DialogContentImpl = React32.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
     const context = useDialogContext(CONTENT_NAME3, __scopeDialog);
-    const contentRef = React31.useRef(null);
+    const contentRef = React32.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
     useFocusGuards();
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         FocusScope,
         {
           asChild: true,
@@ -7074,7 +7220,7 @@ var DialogContentImpl = React31.forwardRef(
           trapped: trapFocus,
           onMountAutoFocus: onOpenAutoFocus,
           onUnmountAutoFocus: onCloseAutoFocus,
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             DismissableLayer,
             {
               role: "dialog",
@@ -7089,37 +7235,37 @@ var DialogContentImpl = React31.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TitleWarning, { titleId: context.titleId }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TitleWarning, { titleId: context.titleId }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
       ] })
     ] });
   }
 );
 var TITLE_NAME = "DialogTitle";
-var DialogTitle = React31.forwardRef(
+var DialogTitle = React32.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props;
     const context = useDialogContext(TITLE_NAME, __scopeDialog);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle.displayName = TITLE_NAME;
 var DESCRIPTION_NAME = "DialogDescription";
-var DialogDescription = React31.forwardRef(
+var DialogDescription = React32.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props;
     const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
   }
 );
 DialogDescription.displayName = DESCRIPTION_NAME;
 var CLOSE_NAME = "DialogClose";
-var DialogClose = React31.forwardRef(
+var DialogClose = React32.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...closeProps } = props;
     const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       Primitive.button,
       {
         type: "button",
@@ -7147,7 +7293,7 @@ var TitleWarning = ({ titleId }) => {
 If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (titleId) {
       const hasTitle = document.getElementById(titleId);
       if (!hasTitle) console.error(MESSAGE);
@@ -7159,7 +7305,7 @@ var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
 var DescriptionWarning = ({ contentRef, descriptionId }) => {
   const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
   const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     const describedById = contentRef.current?.getAttribute("aria-describedby");
     if (descriptionId && describedById) {
       const hasDescription = document.getElementById(descriptionId);
@@ -7176,135 +7322,31 @@ var Title = DialogTitle;
 var Description = DialogDescription;
 var Close = DialogClose;
 
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
-var import_react11 = require("react");
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-var toCamelCase = (string) => string.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
-);
-var toPascalCase = (string) => {
-  const camelCase = toCamelCase(string);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+// src/libraries/react/components/ui/dialog.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Dialog2 = Root3;
+var DialogPortal2 = ({
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Portal2, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "au-root", children }) });
 };
-var mergeClasses = (...classes) => classes.filter((className, index2, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index2;
-}).join(" ").trim();
-var hasA11yProp = (props) => {
-  for (const prop in props) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
+var DialogOverlay2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  Overlay,
+  {
+    ref,
+    className: cn(
+      "au-fixed au-inset-0 au-z-50  data-[state=open]:au-animate-in data-[state=closed]:au-animate-out data-[state=closed]:au-fade-out-0 data-[state=open]:au-fade-in-0 au-backdrop-blur-sm au-bg-black/40",
+      className
+    ),
+    ...props
   }
-};
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js
-var import_react10 = require("react");
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js
-var Icon = (0, import_react10.forwardRef)(
-  ({
-    color = "currentColor",
-    size: size4 = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => (0, import_react10.createElement)(
-    "svg",
-    {
-      ref,
-      ...defaultAttributes,
-      width: size4,
-      height: size4,
-      stroke: color,
-      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size4) : strokeWidth,
-      className: mergeClasses("lucide", className),
-      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
-      ...rest
-    },
-    [
-      ...iconNode.map(([tag, attrs]) => (0, import_react10.createElement)(tag, attrs)),
-      ...Array.isArray(children) ? children : [children]
-    ]
-  )
-);
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component = (0, import_react11.forwardRef)(
-    ({ className, ...props }, ref) => (0, import_react11.createElement)(Icon, {
-      ref,
-      iconNode,
-      className: mergeClasses(
-        `lucide-${toKebabCase(toPascalCase(iconName))}`,
-        `lucide-${iconName}`,
-        className
-      ),
-      ...props
-    })
-  );
-  Component.displayName = toPascalCase(iconName);
-  return Component;
-};
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-var ChevronDown = createLucideIcon("chevron-down", __iconNode);
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/loader-circle.js
-var __iconNode2 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-var LoaderCircle = createLucideIcon("loader-circle", __iconNode2);
-
-// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode3 = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-];
-var X = createLucideIcon("x", __iconNode3);
-
-// src/libraries/react/components/ui/dialog.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var Dialog2 = Root3;
-var DialogPortal2 = ({
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Portal2, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "au-root", children }) });
-};
-var DialogOverlay2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-  Overlay,
-  {
-    ref,
-    className: cn(
-      "au-fixed au-inset-0 au-z-50  data-[state=open]:au-animate-in data-[state=closed]:au-animate-out data-[state=closed]:au-fade-out-0 data-[state=open]:au-fade-in-0 au-backdrop-blur-sm au-bg-black/40",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay2.displayName = Overlay.displayName;
-var DialogContent2 = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DialogPortal2, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogOverlay2, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-    Content3,
+));
+DialogOverlay2.displayName = Overlay.displayName;
+var DialogContent2 = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogPortal2, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogOverlay2, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    Content3,
     {
       ref,
       className: cn(
@@ -7314,9 +7356,9 @@ var DialogContent2 = React32.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Close, { className: "au-absolute au-right-4 au-top-4 au-rounded-sm au-opacity-70 au-ring-offset-background au-transition-opacity hover:au-opacity-100 focus:au-outline-none focus:au-ring-2 focus:au-ring-ring focus:au-ring-offset-2 disabled:au-pointer-events-none data-[state=open]:au-bg-accent data-[state=open]:au-text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(X, { className: "au-h-4 au-w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "au-sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Close, { className: "au-absolute au-right-4 au-top-4 au-rounded-sm au-opacity-70 au-ring-offset-background au-transition-opacity hover:au-opacity-100 focus:au-outline-none focus:au-ring-2 focus:au-ring-ring focus:au-ring-offset-2 disabled:au-pointer-events-none data-[state=open]:au-bg-accent data-[state=open]:au-text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(X, { className: "au-h-4 au-w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "au-sr-only", children: "Close" })
         ] })
       ]
     }
@@ -7326,7 +7368,7 @@ DialogContent2.displayName = Content3.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   "div",
   {
     className: cn(
@@ -7340,7 +7382,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   "div",
   {
     className: cn(
@@ -7351,7 +7393,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var DialogTitle2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   Title,
   {
     ref,
@@ -7363,7 +7405,7 @@ var DialogTitle2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogTitle2.displayName = Title.displayName;
-var DialogDescription2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var DialogDescription2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   Description,
   {
     ref,
@@ -7373,206 +7415,35 @@ var DialogDescription2 = React32.forwardRef(({ className, ...props }, ref) => /*
 ));
 DialogDescription2.displayName = Description.displayName;
 
-// src/libraries/react/components/checkout-dialog/lib/checkout-content.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var getCheckoutContent = (checkoutResult) => {
-  const { product, current_product, next_cycle } = checkoutResult;
-  const { is_one_off, is_free, has_trial, updateable } = product.properties;
-  const scenario = product.scenario;
-  const nextCycleAtStr = next_cycle ? new Date(next_cycle.starts_at).toLocaleDateString() : void 0;
-  const productName = product.name;
-  if (is_one_off) {
-    return {
-      title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-        "Purchase ",
-        productName
-      ] }),
-      message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-        "By clicking confirm, you will purchase ",
-        productName,
-        " and your card will be charged immediately."
-      ] })
-    };
-  }
-  if (scenario == "active" && updateable) {
-    if (updateable) {
-      return {
-        title: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Update Plan" }),
-        message: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Update your prepaid quantity. You'll be charged or credited the prorated difference based on your current billing cycle." })
-      };
-    }
-  }
-  if (has_trial) {
-    return {
-      title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-        "Start trial for ",
-        productName
-      ] }),
-      message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-        "By clicking confirm, you will start a free trial of ",
-        productName,
-        " ",
-        "which ends on ",
-        nextCycleAtStr,
-        "."
-      ] })
-    };
-  }
-  switch (scenario) {
-    case "scheduled":
-      return {
-        title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-          productName,
-          " product already scheduled"
-        ] }),
-        message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-          "You are currently on product ",
-          current_product.name,
-          " and are scheduled to start ",
-          productName,
-          " on ",
-          nextCycleAtStr,
-          "."
-        ] })
-      };
-    case "active":
-      return {
-        title: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Product already active" }),
-        message: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "You are already subscribed to this product." })
-      };
-    case "new":
-      if (is_free) {
-        return {
-          title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-            "Enable ",
-            productName
-          ] }),
-          message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-            "By clicking confirm, ",
-            productName,
-            " will be enabled immediately."
-          ] })
-        };
-      }
-      return {
-        title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-          "Subscribe to ",
-          productName
-        ] }),
-        message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-          "By clicking confirm, you will be subscribed to ",
-          productName,
-          " and your card will be charged immediately."
-        ] })
-      };
-    case "renew":
-      return {
-        title: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Renew" }),
-        message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-          "By clicking confirm, you will renew your subscription to",
-          " ",
-          productName,
-          "."
-        ] })
-      };
-    case "upgrade":
-      return {
-        title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-          "Upgrade to ",
-          productName
-        ] }),
-        message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-          "By clicking confirm, you will upgrade to ",
-          productName,
-          " and your payment method will be charged immediately."
-        ] })
-      };
-    case "downgrade":
-      return {
-        title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-          "Downgrade to ",
-          productName
-        ] }),
-        message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-          "By clicking confirm, your current subscription to",
-          " ",
-          current_product.name,
-          " will be cancelled and a new subscription to",
-          " ",
-          productName,
-          " will begin on ",
-          nextCycleAtStr,
-          "."
-        ] })
-      };
-    case "cancel":
-      return {
-        title: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Cancel" }),
-        message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
-          "By clicking confirm, your subscription to ",
-          current_product.name,
-          " ",
-          "will end on ",
-          nextCycleAtStr,
-          "."
-        ] })
-      };
-    default:
-      return {
-        title: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Change Subscription" }),
-        message: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "You are about to change your subscription." })
-      };
-  }
-};
-
-// src/libraries/react/components/ui/accordion.tsx
-var React33 = __toESM(require("react"));
+// src/libraries/react/components/ui/input.tsx
+var React34 = __toESM(require("react"));
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var Accordion2 = Root2;
-var AccordionItem2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-  Item,
-  {
-    ref,
-    className: cn("au-border-b", className),
-    ...props
-  }
-));
-AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Header, { className: "au-flex", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-  Trigger2,
-  {
-    ref,
-    className: cn(
-      "au-flex au-flex-1 au-items-center au-justify-between au-py-4 au-text-sm au-font-medium au-transition-all hover:au-underline au-text-left [&[data-state=open]>svg]:au-rotate-180",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronDown, { className: "au-h-4 au-w-4 au-shrink-0 au-text-muted-foreground au-transition-transform au-duration-200" })
-    ]
-  }
-) }));
-AccordionTrigger2.displayName = Trigger2.displayName;
-var AccordionContent2 = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-  Content2,
-  {
-    ref,
-    className: "au-overflow-hidden au-text-sm data-[state=closed]:au-animate-accordion-up data-[state=open]:au-animate-accordion-down",
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("au-pb-4 au-pt-0", className), children })
+var Input = React34.forwardRef(
+  ({ className, type, onClick, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "input",
+      {
+        type,
+        className: cn(
+          "file:au-text-foreground placeholder:au-text-muted-foreground selection:au-bg-primary selection:au-text-primary-foreground dark:au-bg-input/30 au-border-input au-flex au-h-9 au-w-full au-min-w-0 au-rounded-md au-border au-bg-transparent au-px-3 au-py-1 au-text-base au-shadow-xs au-transition-[color,box-shadow] au-outline-none file:au-inline-flex file:au-h-7 file:au-border-0 file:au-bg-transparent file:au-text-sm file:au-font-medium disabled:au-pointer-events-none disabled:au-cursor-not-allowed disabled:au-opacity-50 md:au-text-sm focus-visible:au-border-ring focus-visible:au-ring-ring/50 focus-visible:au-ring-[3px] aria-invalid:au-ring-destructive/20 dark:aria-invalid:au-ring-destructive/40 aria-invalid:au-border-destructive",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
   }
-));
-AccordionContent2.displayName = Content2.displayName;
+);
+Input.displayName = "Input";
 
 // src/libraries/react/components/ui/popover.tsx
-var React39 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 
-// ../node_modules/.pnpm/@radix-ui+react-popover@1.1.14_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19._2d5qzp46jobjymz4ef7wsko3em/node_modules/@radix-ui/react-popover/dist/index.mjs
-var React38 = __toESM(require("react"), 1);
+// ../node_modules/.pnpm/@radix-ui+react-popover@1.1.14_@types+react-dom@19.1.9_@types+react@19.1.10__@types+rea_361550b787f32d6b9c5c274e470f0ceb/node_modules/@radix-ui/react-popover/dist/index.mjs
+var React39 = __toESM(require("react"), 1);
 
-// ../node_modules/.pnpm/@radix-ui+react-popper@1.2.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1._rx2bw5lpqtxi7ji4o3uo2rsuda/node_modules/@radix-ui/react-popper/dist/index.mjs
-var React37 = __toESM(require("react"), 1);
+// ../node_modules/.pnpm/@radix-ui+react-popper@1.2.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react_007ca49c252d46f49cdfb52a53a7b784/node_modules/@radix-ui/react-popper/dist/index.mjs
+var React38 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var sides = ["top", "right", "bottom", "left"];
@@ -9173,7 +9044,7 @@ var computePosition2 = (reference, floating, options) => {
 };
 
 // ../node_modules/.pnpm/@floating-ui+react-dom@2.1.5_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var import_react12 = require("react");
 var ReactDOM3 = __toESM(require("react-dom"), 1);
 var isClient = typeof document !== "undefined";
@@ -9239,7 +9110,7 @@ function roundByDPR(element, value) {
   return Math.round(value * dpr) / dpr;
 }
 function useLatestRef(value) {
-  const ref = React34.useRef(value);
+  const ref = React35.useRef(value);
   index(() => {
     ref.current = value;
   });
@@ -9262,7 +9133,7 @@ function useFloating(options) {
     whileElementsMounted,
     open
   } = options;
-  const [data, setData] = React34.useState({
+  const [data, setData] = React35.useState({
     x: 0,
     y: 0,
     strategy,
@@ -9270,19 +9141,19 @@ function useFloating(options) {
     middlewareData: {},
     isPositioned: false
   });
-  const [latestMiddleware, setLatestMiddleware] = React34.useState(middleware);
+  const [latestMiddleware, setLatestMiddleware] = React35.useState(middleware);
   if (!deepEqual(latestMiddleware, middleware)) {
     setLatestMiddleware(middleware);
   }
-  const [_reference, _setReference] = React34.useState(null);
-  const [_floating, _setFloating] = React34.useState(null);
-  const setReference = React34.useCallback((node) => {
+  const [_reference, _setReference] = React35.useState(null);
+  const [_floating, _setFloating] = React35.useState(null);
+  const setReference = React35.useCallback((node) => {
     if (node !== referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
   }, []);
-  const setFloating = React34.useCallback((node) => {
+  const setFloating = React35.useCallback((node) => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
@@ -9290,14 +9161,14 @@ function useFloating(options) {
   }, []);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
-  const referenceRef = React34.useRef(null);
-  const floatingRef = React34.useRef(null);
-  const dataRef = React34.useRef(data);
+  const referenceRef = React35.useRef(null);
+  const floatingRef = React35.useRef(null);
+  const dataRef = React35.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform2);
   const openRef = useLatestRef(open);
-  const update = React34.useCallback(() => {
+  const update = React35.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
     }
@@ -9335,7 +9206,7 @@ function useFloating(options) {
       }));
     }
   }, [open]);
-  const isMountedRef = React34.useRef(false);
+  const isMountedRef = React35.useRef(false);
   index(() => {
     isMountedRef.current = true;
     return () => {
@@ -9352,17 +9223,17 @@ function useFloating(options) {
       update();
     }
   }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
-  const refs = React34.useMemo(() => ({
+  const refs = React35.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
     setReference,
     setFloating
   }), [setReference, setFloating]);
-  const elements = React34.useMemo(() => ({
+  const elements = React35.useMemo(() => ({
     reference: referenceEl,
     floating: floatingEl
   }), [referenceEl, floatingEl]);
-  const floatingStyles = React34.useMemo(() => {
+  const floatingStyles = React35.useMemo(() => {
     const initialStyles = {
       position: strategy,
       left: 0,
@@ -9388,7 +9259,7 @@ function useFloating(options) {
       top: y
     };
   }, [strategy, transform, elements.floating, data.x, data.y]);
-  return React34.useMemo(() => ({
+  return React35.useMemo(() => ({
     ...data,
     update,
     refs,
@@ -9456,11 +9327,11 @@ var arrow3 = (options, deps) => ({
   options: [options, deps]
 });
 
-// ../node_modules/.pnpm/@radix-ui+react-arrow@1.1.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1.1_7w5nl47bqckuaclutkvv5v7iie/node_modules/@radix-ui/react-arrow/dist/index.mjs
-var React35 = __toESM(require("react"), 1);
+// ../node_modules/.pnpm/@radix-ui+react-arrow@1.1.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@_873eb9e252518815ce061a1d819bef8f/node_modules/@radix-ui/react-arrow/dist/index.mjs
+var React36 = __toESM(require("react"), 1);
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var NAME = "Arrow";
-var Arrow = React35.forwardRef((props, forwardedRef) => {
+var Arrow = React36.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     Primitive.svg,
@@ -9479,9 +9350,9 @@ Arrow.displayName = NAME;
 var Root4 = Arrow;
 
 // ../node_modules/.pnpm/@radix-ui+react-use-size@1.1.1_@types+react@19.1.10_react@19.1.1/node_modules/@radix-ui/react-use-size/dist/index.mjs
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 function useSize(element) {
-  const [size4, setSize] = React36.useState(void 0);
+  const [size4, setSize] = React37.useState(void 0);
   useLayoutEffect2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -9515,25 +9386,25 @@ function useSize(element) {
   return size4;
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-popper@1.2.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1._rx2bw5lpqtxi7ji4o3uo2rsuda/node_modules/@radix-ui/react-popper/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-popper@1.2.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react_007ca49c252d46f49cdfb52a53a7b784/node_modules/@radix-ui/react-popper/dist/index.mjs
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
-  const [anchor, setAnchor] = React37.useState(null);
+  const [anchor, setAnchor] = React38.useState(null);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
 };
 Popper.displayName = POPPER_NAME;
 var ANCHOR_NAME = "PopperAnchor";
-var PopperAnchor = React37.forwardRef(
+var PopperAnchor = React38.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopper, virtualRef, ...anchorProps } = props;
     const context = usePopperContext(ANCHOR_NAME, __scopePopper);
-    const ref = React37.useRef(null);
+    const ref = React38.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    React37.useEffect(() => {
+    React38.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
     return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Primitive.div, { ...anchorProps, ref: composedRefs });
@@ -9542,7 +9413,7 @@ var PopperAnchor = React37.forwardRef(
 PopperAnchor.displayName = ANCHOR_NAME;
 var CONTENT_NAME4 = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME4);
-var PopperContent = React37.forwardRef(
+var PopperContent = React38.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopePopper,
@@ -9561,9 +9432,9 @@ var PopperContent = React37.forwardRef(
       ...contentProps
     } = props;
     const context = usePopperContext(CONTENT_NAME4, __scopePopper);
-    const [content, setContent] = React37.useState(null);
+    const [content, setContent] = React38.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-    const [arrow4, setArrow] = React37.useState(null);
+    const [arrow4, setArrow] = React38.useState(null);
     const arrowSize = useSize(arrow4);
     const arrowWidth = arrowSize?.width ?? 0;
     const arrowHeight = arrowSize?.height ?? 0;
@@ -9625,7 +9496,7 @@ var PopperContent = React37.forwardRef(
     const arrowX = middlewareData.arrow?.x;
     const arrowY = middlewareData.arrow?.y;
     const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
-    const [contentZIndex, setContentZIndex] = React37.useState();
+    const [contentZIndex, setContentZIndex] = React38.useState();
     useLayoutEffect2(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
@@ -9691,7 +9562,7 @@ var OPPOSITE_SIDE = {
   bottom: "top",
   left: "right"
 };
-var PopperArrow = React37.forwardRef(function PopperArrow2(props, forwardedRef) {
+var PopperArrow = React38.forwardRef(function PopperArrow2(props, forwardedRef) {
   const { __scopePopper, ...arrowProps } = props;
   const contentContext = useContentContext(ARROW_NAME, __scopePopper);
   const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
@@ -9782,7 +9653,7 @@ var Anchor = PopperAnchor;
 var Content4 = PopperContent;
 var Arrow2 = PopperArrow;
 
-// ../node_modules/.pnpm/@radix-ui+react-popover@1.1.14_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19._2d5qzp46jobjymz4ef7wsko3em/node_modules/@radix-ui/react-popover/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-popover@1.1.14_@types+react-dom@19.1.9_@types+react@19.1.10__@types+rea_361550b787f32d6b9c5c274e470f0ceb/node_modules/@radix-ui/react-popover/dist/index.mjs
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var POPOVER_NAME = "Popover";
 var [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [
@@ -9800,8 +9671,8 @@ var Popover = (props) => {
     modal = false
   } = props;
   const popperScope = usePopperScope(__scopePopover);
-  const triggerRef = React38.useRef(null);
-  const [hasCustomAnchor, setHasCustomAnchor] = React38.useState(false);
+  const triggerRef = React39.useRef(null);
+  const [hasCustomAnchor, setHasCustomAnchor] = React39.useState(false);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
@@ -9816,10 +9687,10 @@ var Popover = (props) => {
       triggerRef,
       open,
       onOpenChange: setOpen,
-      onOpenToggle: React38.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      onOpenToggle: React39.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       hasCustomAnchor,
-      onCustomAnchorAdd: React38.useCallback(() => setHasCustomAnchor(true), []),
-      onCustomAnchorRemove: React38.useCallback(() => setHasCustomAnchor(false), []),
+      onCustomAnchorAdd: React39.useCallback(() => setHasCustomAnchor(true), []),
+      onCustomAnchorRemove: React39.useCallback(() => setHasCustomAnchor(false), []),
       modal,
       children
     }
@@ -9827,13 +9698,13 @@ var Popover = (props) => {
 };
 Popover.displayName = POPOVER_NAME;
 var ANCHOR_NAME2 = "PopoverAnchor";
-var PopoverAnchor = React38.forwardRef(
+var PopoverAnchor = React39.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...anchorProps } = props;
     const context = usePopoverContext(ANCHOR_NAME2, __scopePopover);
     const popperScope = usePopperScope(__scopePopover);
     const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
-    React38.useEffect(() => {
+    React39.useEffect(() => {
       onCustomAnchorAdd();
       return () => onCustomAnchorRemove();
     }, [onCustomAnchorAdd, onCustomAnchorRemove]);
@@ -9842,7 +9713,7 @@ var PopoverAnchor = React38.forwardRef(
 );
 PopoverAnchor.displayName = ANCHOR_NAME2;
 var TRIGGER_NAME4 = "PopoverTrigger";
-var PopoverTrigger = React38.forwardRef(
+var PopoverTrigger = React39.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...triggerProps } = props;
     const context = usePopoverContext(TRIGGER_NAME4, __scopePopover);
@@ -9876,7 +9747,7 @@ var PopoverPortal = (props) => {
 };
 PopoverPortal.displayName = PORTAL_NAME3;
 var CONTENT_NAME5 = "PopoverContent";
-var PopoverContent = React38.forwardRef(
+var PopoverContent = React39.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext2(CONTENT_NAME5, props.__scopePopover);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
@@ -9886,13 +9757,13 @@ var PopoverContent = React38.forwardRef(
 );
 PopoverContent.displayName = CONTENT_NAME5;
 var Slot3 = createSlot("PopoverContent.RemoveScroll");
-var PopoverContentModal = React38.forwardRef(
+var PopoverContentModal = React39.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
-    const contentRef = React38.useRef(null);
+    const contentRef = React39.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
-    const isRightClickOutsideRef = React38.useRef(false);
-    React38.useEffect(() => {
+    const isRightClickOutsideRef = React39.useRef(false);
+    React39.useEffect(() => {
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
@@ -9926,11 +9797,11 @@ var PopoverContentModal = React38.forwardRef(
     ) });
   }
 );
-var PopoverContentNonModal = React38.forwardRef(
+var PopoverContentNonModal = React39.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
-    const hasInteractedOutsideRef = React38.useRef(false);
-    const hasPointerDownOutsideRef = React38.useRef(false);
+    const hasInteractedOutsideRef = React39.useRef(false);
+    const hasPointerDownOutsideRef = React39.useRef(false);
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       PopoverContentImpl,
       {
@@ -9966,7 +9837,7 @@ var PopoverContentNonModal = React38.forwardRef(
     );
   }
 );
-var PopoverContentImpl = React38.forwardRef(
+var PopoverContentImpl = React39.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopePopover,
@@ -10030,7 +9901,7 @@ var PopoverContentImpl = React38.forwardRef(
   }
 );
 var CLOSE_NAME2 = "PopoverClose";
-var PopoverClose = React38.forwardRef(
+var PopoverClose = React39.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverContext(CLOSE_NAME2, __scopePopover);
@@ -10047,7 +9918,7 @@ var PopoverClose = React38.forwardRef(
 );
 PopoverClose.displayName = CLOSE_NAME2;
 var ARROW_NAME2 = "PopoverArrow";
-var PopoverArrow = React38.forwardRef(
+var PopoverArrow = React39.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...arrowProps } = props;
     const popperScope = usePopperScope(__scopePopover);
@@ -10066,7 +9937,7 @@ var Content22 = PopoverContent;
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var Popover2 = Root23;
 var PopoverTrigger2 = Trigger4;
-var PopoverContent2 = React39.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var PopoverContent2 = React40.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   Content22,
   {
     ref,
@@ -10081,26 +9952,157 @@ var PopoverContent2 = React39.forwardRef(({ className, align = "center", sideOff
 ));
 PopoverContent2.displayName = Content22.displayName;
 
-// src/libraries/react/components/ui/input.tsx
-var React40 = __toESM(require("react"));
+// src/libraries/react/components/checkout-dialog/lib/checkout-content.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var Input = React40.forwardRef(
-  ({ className, type, onClick, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      "input",
-      {
-        type,
-        className: cn(
-          "file:au-text-foreground placeholder:au-text-muted-foreground selection:au-bg-primary selection:au-text-primary-foreground dark:au-bg-input/30 au-border-input au-flex au-h-9 au-w-full au-min-w-0 au-rounded-md au-border au-bg-transparent au-px-3 au-py-1 au-text-base au-shadow-xs au-transition-[color,box-shadow] au-outline-none file:au-inline-flex file:au-h-7 file:au-border-0 file:au-bg-transparent file:au-text-sm file:au-font-medium disabled:au-pointer-events-none disabled:au-cursor-not-allowed disabled:au-opacity-50 md:au-text-sm focus-visible:au-border-ring focus-visible:au-ring-ring/50 focus-visible:au-ring-[3px] aria-invalid:au-ring-destructive/20 dark:aria-invalid:au-ring-destructive/40 aria-invalid:au-border-destructive",
-          className
-        ),
-        ref,
-        ...props
+var getCheckoutContent = (checkoutResult) => {
+  const { product, current_product, next_cycle } = checkoutResult;
+  const { is_one_off, is_free, has_trial, updateable } = product.properties;
+  const scenario = product.scenario;
+  const nextCycleAtStr = next_cycle ? new Date(next_cycle.starts_at).toLocaleDateString() : void 0;
+  const productName = product.name;
+  if (is_one_off) {
+    return {
+      title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+        "Purchase ",
+        productName
+      ] }),
+      message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+        "By clicking confirm, you will purchase ",
+        productName,
+        " and your card will be charged immediately."
+      ] })
+    };
+  }
+  if (scenario == "active" && updateable) {
+    if (updateable) {
+      return {
+        title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "Update Plan" }),
+        message: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "Update your prepaid quantity. You'll be charged or credited the prorated difference based on your current billing cycle." })
+      };
+    }
+  }
+  if (has_trial) {
+    return {
+      title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+        "Start trial for ",
+        productName
+      ] }),
+      message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+        "By clicking confirm, you will start a free trial of ",
+        productName,
+        " ",
+        "which ends on ",
+        nextCycleAtStr,
+        "."
+      ] })
+    };
+  }
+  switch (scenario) {
+    case "scheduled":
+      return {
+        title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+          productName,
+          " product already scheduled"
+        ] }),
+        message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+          "You are currently on product ",
+          current_product.name,
+          " and are scheduled to start ",
+          productName,
+          " on ",
+          nextCycleAtStr,
+          "."
+        ] })
+      };
+    case "active":
+      return {
+        title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "Product already active" }),
+        message: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "You are already subscribed to this product." })
+      };
+    case "new":
+      if (is_free) {
+        return {
+          title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+            "Enable ",
+            productName
+          ] }),
+          message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+            "By clicking confirm, ",
+            productName,
+            " will be enabled immediately."
+          ] })
+        };
       }
-    );
+      return {
+        title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+          "Subscribe to ",
+          productName
+        ] }),
+        message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+          "By clicking confirm, you will be subscribed to ",
+          productName,
+          " and your card will be charged immediately."
+        ] })
+      };
+    case "renew":
+      return {
+        title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "Renew" }),
+        message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+          "By clicking confirm, you will renew your subscription to",
+          " ",
+          productName,
+          "."
+        ] })
+      };
+    case "upgrade":
+      return {
+        title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+          "Upgrade to ",
+          productName
+        ] }),
+        message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+          "By clicking confirm, you will upgrade to ",
+          productName,
+          " and your payment method will be charged immediately."
+        ] })
+      };
+    case "downgrade":
+      return {
+        title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+          "Downgrade to ",
+          productName
+        ] }),
+        message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+          "By clicking confirm, your current subscription to",
+          " ",
+          current_product.name,
+          " will be cancelled and a new subscription to",
+          " ",
+          productName,
+          " will begin on ",
+          nextCycleAtStr,
+          "."
+        ] })
+      };
+    case "cancel":
+      return {
+        title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "Cancel" }),
+        message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
+          "By clicking confirm, your subscription to ",
+          current_product.name,
+          " ",
+          "will end on ",
+          nextCycleAtStr,
+          "."
+        ] })
+      };
+    default:
+      return {
+        title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "Change Subscription" }),
+        message: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "You are about to change your subscription." })
+      };
   }
-);
-Input.displayName = "Input";
+};
 
 // src/libraries/react/components/checkout-dialog/checkout-dialog-synced.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
@@ -10261,7 +10263,7 @@ function CheckoutLines({ checkoutResult }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AccordionContent2, { className: "au-mt-2 au-mb-0 au-pb-2 au-flex au-flex-col au-gap-2", children: checkoutResult?.lines.filter((line) => line.amount != 0).map((line, index2) => {
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AccordionContent2, { className: "au-mt-2 au-mb-0 au-pb-2 au-flex au-flex-col au-gap-2", children: checkoutResult?.lines.filter((line) => line.amount !== 0).map((line, index2) => {
       return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "au-flex au-justify-between", children: [
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "au-text-muted-foreground", children: line.description }),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "au-text-muted-foreground", children: new Intl.NumberFormat("en-US", {
@@ -10343,13 +10345,14 @@ var PrepaidItem = ({
           {
             className: cn(
               "au-text-muted-foreground au-text-xs au-px-1 au-py-0.5 au-rounded-md au-flex au-items-center au-gap-1 au-bg-accent/80 au-shrink-0",
-              disableSelection !== true && "hover:au-bg-accent hover:au-text-foreground"
+              disableSelection !== true && "hover:au-bg-accent hover:au-text-foreground",
+              disableSelection && "au-pointer-events-none au-opacity-80 au-cursor-not-allowed"
             ),
             disabled: disableSelection,
             children: [
               "Qty: ",
               quantity,
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronDown, { size: 12 })
+              !disableSelection && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronDown, { size: 12 })
             ]
           }
         ),
@@ -10412,16 +10415,16 @@ var import_jsx_runtime25 = require("react/jsx-runtime");
 var import_react15 = require("react");
 
 // src/libraries/react/components/ui/switch.tsx
-var React44 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 
-// ../node_modules/.pnpm/@radix-ui+react-switch@1.2.5_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1._mh2w7rehnd5adfujfuln6l4w5m/node_modules/@radix-ui/react-switch/dist/index.mjs
-var React43 = __toESM(require("react"), 1);
+// ../node_modules/.pnpm/@radix-ui+react-switch@1.2.5_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react_d116794fd29880b88b610a986963c8dd/node_modules/@radix-ui/react-switch/dist/index.mjs
+var React42 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@19.1.10_react@19.1.1/node_modules/@radix-ui/react-use-previous/dist/index.mjs
-var React42 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 function usePrevious(value) {
-  const ref = React42.useRef({ value, previous: value });
-  return React42.useMemo(() => {
+  const ref = React41.useRef({ value, previous: value });
+  return React41.useMemo(() => {
     if (ref.current.value !== value) {
       ref.current.previous = ref.current.value;
       ref.current.value = value;
@@ -10430,12 +10433,12 @@ function usePrevious(value) {
   }, [value]);
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-switch@1.2.5_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1._mh2w7rehnd5adfujfuln6l4w5m/node_modules/@radix-ui/react-switch/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-switch@1.2.5_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react_d116794fd29880b88b610a986963c8dd/node_modules/@radix-ui/react-switch/dist/index.mjs
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var SWITCH_NAME = "Switch";
 var [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);
 var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-var Switch = React43.forwardRef(
+var Switch = React42.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeSwitch,
@@ -10449,9 +10452,9 @@ var Switch = React43.forwardRef(
       form,
       ...switchProps
     } = props;
-    const [button, setButton] = React43.useState(null);
+    const [button, setButton] = React42.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
-    const hasConsumerStoppedPropagationRef = React43.useRef(false);
+    const hasConsumerStoppedPropagationRef = React42.useRef(false);
     const isFormControl = button ? form || !!button.closest("form") : true;
     const [checked, setChecked] = useControllableState({
       prop: checkedProp,
@@ -10501,7 +10504,7 @@ var Switch = React43.forwardRef(
 );
 Switch.displayName = SWITCH_NAME;
 var THUMB_NAME = "SwitchThumb";
-var SwitchThumb = React43.forwardRef(
+var SwitchThumb = React42.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSwitch, ...thumbProps } = props;
     const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
@@ -10518,7 +10521,7 @@ var SwitchThumb = React43.forwardRef(
 );
 SwitchThumb.displayName = THUMB_NAME;
 var BUBBLE_INPUT_NAME = "SwitchBubbleInput";
-var SwitchBubbleInput = React43.forwardRef(
+var SwitchBubbleInput = React42.forwardRef(
   ({
     __scopeSwitch,
     control,
@@ -10526,11 +10529,11 @@ var SwitchBubbleInput = React43.forwardRef(
     bubbles = true,
     ...props
   }, forwardedRef) => {
-    const ref = React43.useRef(null);
+    const ref = React42.useRef(null);
     const composedRefs = useComposedRefs(ref, forwardedRef);
     const prevChecked = usePrevious(checked);
     const controlSize = useSize(control);
-    React43.useEffect(() => {
+    React42.useEffect(() => {
       const input = ref.current;
       if (!input) return;
       const inputProto = window.HTMLInputElement.prototype;
@@ -10575,7 +10578,7 @@ var Thumb = SwitchThumb;
 
 // src/libraries/react/components/ui/switch.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var Switch2 = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var Switch2 = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   Root5,
   {
     className: cn(