@alfadocs/ui-kit-debug 0.23.0 → 0.24.0

package/dist/components/header-settings/index.js

@@ -0,0 +1,205 @@
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as k, useRef as l, useImperativeHandle as T, useCallback as A, useMemo as C } from "react";
+import { c as R } from "../../_chunks/index-D2ZczOXr.js";
+import { useTranslation as N } from "react-i18next";
+import { I } from "../../_chunks/icon-button-C4CGcYuz.js";
+import { D as i } from "../../_chunks/dropdown-menu-DZxwF23X.js";
+import { S as E } from "../../_chunks/switch-D916VW86.js";
+import { c as b, a as M, L as _ } from "../../_chunks/locale-picker-CYBhgSHR.js";
+import { u as H } from "../../_chunks/use-locale-BkCIHujH.js";
+import { u as O } from "../../_chunks/use-theme-B1cwAXJR.js";
+import { u as P } from "../../_chunks/registry-C9nwlNyL.js";
+import { S as x } from "../../_chunks/settings-ca2Yi9R8.js";
+import { S as K, M as j, a as z } from "../../_chunks/sun-Eweh5fvi.js";
+const D = {
+  id: "header-settings",
+  capabilities: ["view_change"],
+  state: {},
+  actions: {
+    set_locale: {
+      safety: "write",
+      argsType: "{ locale: string }",
+      descriptionKey: "ui.agent.headerSettings.actions.setLocale",
+      description: "Switch the active locale to the given IETF tag.",
+      invoke: (t, s) => {
+        t.setLocale(s.locale);
+      }
+    },
+    set_theme: {
+      safety: "write",
+      argsType: '{ theme: "light" | "dark" | "system" }',
+      descriptionKey: "ui.agent.headerSettings.actions.setTheme",
+      description: "Switch the theme preference.",
+      invoke: (t, s) => {
+        t.setTheme(s.theme);
+      }
+    },
+    set_accessibility: {
+      safety: "write",
+      argsType: '{ accessibility: "default" | "accessible" }',
+      descriptionKey: "ui.agent.headerSettings.actions.setAccessibility",
+      description: "Switch the accessibility preference.",
+      invoke: (t, s) => {
+        t.setAccessibility(s.accessibility);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "header-settings",
+      description: "Marks the HeaderSettings wrapper."
+    }
+  }
+};
+function V(t, s) {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(t, s);
+    } catch {
+    }
+}
+function G(t) {
+  if (typeof document > "u") return;
+  const s = document.documentElement;
+  s.lang = t, s.dir = b[t].dir;
+}
+const W = R("ds:inline-flex ds:items-center", {
+  variants: {
+    align: {
+      start: "",
+      end: ""
+    }
+  },
+  defaultVariants: { align: "end" }
+}), B = [
+  "ds:w-[20rem] ds:p-[var(--spacing-xs)]",
+  "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+  "ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-lg)]"
+].join(" "), F = k(
+  (t, s) => {
+    const {
+      align: g = "end",
+      disabled: y = !1,
+      className: S,
+      id: p,
+      ...v
+    } = t, { t: r } = N(), n = O(), { setLocale: m } = H(), h = l(null);
+    T(s, () => h.current, []);
+    const u = A(
+      (e) => {
+        m(e), G(e), V(_, e);
+      },
+      [m]
+    ), f = l(u);
+    f.current = u;
+    const c = l(n);
+    c.current = n;
+    const w = C(
+      () => ({
+        setLocale: (e) => {
+          Object.prototype.hasOwnProperty.call(b, e) && f.current(e);
+        },
+        setTheme: (e) => c.current.setTheme(e),
+        setAccessibility: (e) => c.current.setAccessibility(e)
+      }),
+      []
+    );
+    P(D, w, p);
+    const L = n.accessibility === "accessible";
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: h,
+        "data-component": "header-settings",
+        "data-component-id": p,
+        className: W({ align: g, className: S }),
+        ...v,
+        children: /* @__PURE__ */ o(i.Root, { children: [
+          /* @__PURE__ */ a(i.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
+            I,
+            {
+              disabled: y,
+              icon: /* @__PURE__ */ a(x, { "aria-hidden": !0 }),
+              "aria-label": r("navigation.headerSettings.trigger")
+            }
+          ) }),
+          /* @__PURE__ */ a(i.Portal, { children: /* @__PURE__ */ o(
+            i.Content,
+            {
+              align: g,
+              sideOffset: 8,
+              className: B,
+              onKeyDownCapture: (e) => {
+                const d = e.target;
+                (d == null ? void 0 : d.tagName) === "INPUT" && // Always allow Escape so the menu can close.
+                e.key !== "Escape" && e.stopPropagation();
+              },
+              children: [
+                /* @__PURE__ */ a(i.Label, { children: r("navigation.headerSettings.language.label") }),
+                /* @__PURE__ */ a(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": r("navigation.headerSettings.language.label"),
+                    className: "ds:py-[var(--spacing-xs)]",
+                    children: /* @__PURE__ */ a(M.SearchList, {})
+                  }
+                ),
+                /* @__PURE__ */ a(i.Separator, {}),
+                /* @__PURE__ */ a(i.Label, { children: r("navigation.headerSettings.appearance.label") }),
+                /* @__PURE__ */ o(
+                  i.RadioGroup,
+                  {
+                    value: n.theme,
+                    onValueChange: (e) => n.setTheme(e),
+                    children: [
+                      /* @__PURE__ */ o(i.RadioItem, { value: "light", children: [
+                        /* @__PURE__ */ a(K, { "aria-hidden": !0, className: "ds:size-4" }),
+                        r("navigation.headerSettings.appearance.light")
+                      ] }),
+                      /* @__PURE__ */ o(i.RadioItem, { value: "dark", children: [
+                        /* @__PURE__ */ a(j, { "aria-hidden": !0, className: "ds:size-4" }),
+                        r("navigation.headerSettings.appearance.dark")
+                      ] }),
+                      /* @__PURE__ */ o(i.RadioItem, { value: "system", children: [
+                        /* @__PURE__ */ a(z, { "aria-hidden": !0, className: "ds:size-4" }),
+                        r("navigation.headerSettings.appearance.system")
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ a(i.Separator, {}),
+                /* @__PURE__ */ a(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": r(
+                      "navigation.headerSettings.appearance.accessible"
+                    ),
+                    className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]",
+                    children: /* @__PURE__ */ a(
+                      E,
+                      {
+                        label: r("navigation.headerSettings.appearance.accessible"),
+                        labelSide: "start",
+                        size: "sm",
+                        checked: L,
+                        onCheckedChange: (e) => n.setAccessibility(e ? "accessible" : "default")
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ) })
+        ] })
+      }
+    );
+  }
+);
+F.displayName = "HeaderSettings";
+export {
+  F as HeaderSettings
+};
+//# sourceMappingURL=index.js.map

package/dist/components/header-settings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/header-settings/header-settings.agent.ts","../../../src/components/header-settings/header-settings.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — HeaderSettings.                                        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { HeaderSettingsHandle } from './header-settings';\n\nexport const headerSettingsAgent: AgentAdapter<HeaderSettingsHandle> = {\n  id: 'header-settings',\n  capabilities: ['view_change'],\n  state: {},\n  actions: {\n    set_locale: {\n      safety: 'write',\n      argsType: '{ locale: string }',\n      descriptionKey: 'ui.agent.headerSettings.actions.setLocale',\n      description: 'Switch the active locale to the given IETF tag.',\n      invoke: (handle, args: { locale: string }) => {\n        // Validation happens inside the handle so the agent surface\n        // accepts arbitrary tags and silently drops unknown ones.\n        handle.setLocale(args.locale);\n      },\n    },\n    set_theme: {\n      safety: 'write',\n      argsType: '{ theme: \"light\" | \"dark\" | \"system\" }',\n      descriptionKey: 'ui.agent.headerSettings.actions.setTheme',\n      description: 'Switch the theme preference.',\n      invoke: (handle, args: { theme: 'light' | 'dark' | 'system' }) => {\n        handle.setTheme(args.theme);\n      },\n    },\n    set_accessibility: {\n      safety: 'write',\n      argsType: '{ accessibility: \"default\" | \"accessible\" }',\n      descriptionKey: 'ui.agent.headerSettings.actions.setAccessibility',\n      description: 'Switch the accessibility preference.',\n      invoke: (handle, args: { accessibility: 'default' | 'accessible' }) => {\n        handle.setAccessibility(args.accessibility);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'header-settings',\n      description: 'Marks the HeaderSettings wrapper.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Monitor, Moon, Settings, Sun } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport { Switch } from '../switch/switch';\nimport {\n  LocalePicker,\n  LOCALE_STORAGE_KEY,\n} from '../locale-picker/locale-picker';\nimport {\n  useTheme,\n  type AccessibilityPreference,\n  type ThemePreference,\n} from '../../hooks';\nimport { useLocale } from '../../hooks/use-locale';\nimport { LOCALE_META, type Locale } from '../../i18n/locale-meta';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { headerSettingsAgent } from './header-settings.agent';\n\nfunction safeWriteStorage(key: string, value: string): void {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.setItem(key, value);\n  } catch {\n    /* Storage can throw in private mode — silent-fail per use-theme.ts. */\n  }\n}\n\nfunction applyDocumentAttrs(locale: Locale): void {\n  if (typeof document === 'undefined') return;\n  const root = document.documentElement;\n  root.lang = locale;\n  root.dir = LOCALE_META[locale].dir;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    align: {\n      start: '',\n      end: '',\n    },\n  },\n  defaultVariants: { align: 'end' },\n});\n\nconst dropdownContentClasses = [\n  'ds:w-[20rem] ds:p-[var(--spacing-xs)]',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n  'ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-lg)]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderSettingsProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  /** Anchor side for the dropdown. Defaults to `end` (matches LTR + RTL). */\n  align?: 'start' | 'end';\n  /** Disable the trigger entirely. */\n  disabled?: boolean;\n}\n\nexport interface HeaderSettingsHandle {\n  /**\n   * Switch the active locale. Widened to `string` (vs. `Locale`) so\n   * agent surfaces with untyped inputs can call through without\n   * extra casting — invalid tags no-op silently.\n   */\n  setLocale: (next: string) => void;\n  setTheme: (next: ThemePreference) => void;\n  setAccessibility: (next: AccessibilityPreference) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* HeaderSettings                                                      */\n/*                                                                     */\n/* Single button → single DropdownMenu surface. Inside the menu, the   */\n/* \"Language\" section embeds `LocalePicker.SearchList` (the kit's      */\n/* searchable list without its own trigger / popover) and the          */\n/* \"Appearance\" section mirrors `ThemeToggle`'s menu-variant internals */\n/* using `DropdownMenu.RadioGroup` + `CheckboxItem`. Both sections     */\n/* read/write the same hooks (`useLocale`, `useTheme`) that the        */\n/* standalone components use, so there's no state duplication.         */\n/* ------------------------------------------------------------------ */\n\nexport const HeaderSettings = forwardRef<HTMLDivElement, HeaderSettingsProps>(\n  (props, ref) => {\n    const {\n      align = 'end',\n      disabled = false,\n      className,\n      id,\n      ...rest\n    } = props as HeaderSettingsProps & { id?: string };\n\n    const { t } = useTranslation();\n    const theme = useTheme();\n    const { setLocale: setLocaleI18n } = useLocale();\n\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    // Same side-effect chain as LocalePicker's internal helper:\n    //   i18next.changeLanguage → document.dir/lang → persist.\n    // Inlined here (rather than exported from locale-picker) because\n    // it's three small calls; the LocalePicker.SearchList component\n    // continues to own its own copy for inline use, and both apply\n    // the same persistence key (`alfadocs-ui.locale`) so a write from\n    // either path is visible to the other on next mount.\n    const setLocaleWithPersistence = useCallback(\n      (next: Locale) => {\n        void setLocaleI18n(next);\n        applyDocumentAttrs(next);\n        safeWriteStorage(LOCALE_STORAGE_KEY, next);\n      },\n      [setLocaleI18n],\n    );\n    const setLocaleRef = useRef(setLocaleWithPersistence);\n    setLocaleRef.current = setLocaleWithPersistence;\n\n    const themeRef = useRef(theme);\n    themeRef.current = theme;\n    const agentHandle = useMemo<HeaderSettingsHandle>(\n      () => ({\n        setLocale: (next: string) => {\n          // Mirrors LocalePicker's gating — silently drop unknown tags\n          // rather than crash mid-cascade. `LOCALES_WITH_BUNDLES` is\n          // re-imported via the LOCALE_META keys so this file doesn't\n          // need the resources module on the build-agent-catalog path.\n          if (Object.prototype.hasOwnProperty.call(LOCALE_META, next)) {\n            setLocaleRef.current(next as Locale);\n          }\n        },\n        setTheme: (next) => themeRef.current.setTheme(next),\n        setAccessibility: (next) => themeRef.current.setAccessibility(next),\n      }),\n      [],\n    );\n    useAgentRegistration(headerSettingsAgent, agentHandle, id);\n\n    const accessibleChecked = theme.accessibility === 'accessible';\n\n    return (\n      <div\n        ref={forwardedRef}\n        data-component=\"header-settings\"\n        data-component-id={id}\n        className={wrapperVariants({ align, className })}\n        {...rest}\n      >\n        <DropdownMenu.Root>\n          <DropdownMenu.Trigger asChild>\n            <IconButton\n              disabled={disabled}\n              icon={<Settings aria-hidden />}\n              aria-label={t('navigation.headerSettings.trigger')}\n            />\n          </DropdownMenu.Trigger>\n          <DropdownMenu.Portal>\n            <DropdownMenu.Content\n              align={align}\n              sideOffset={8}\n              className={dropdownContentClasses}\n              // Search input inside the menu owns its own keyboard\n              // capture (cmdk). Stop Radix Menu's typeahead from\n              // intercepting letters typed into the search field —\n              // `onKeyDownCapture` runs before the menu's listener.\n              onKeyDownCapture={(event) => {\n                const target = event.target as HTMLElement | null;\n                if (\n                  target?.tagName === 'INPUT' &&\n                  // Always allow Escape so the menu can close.\n                  event.key !== 'Escape'\n                ) {\n                  event.stopPropagation();\n                }\n              }}\n            >\n              <DropdownMenu.Label>\n                {t('navigation.headerSettings.language.label')}\n              </DropdownMenu.Label>\n              {/* The searchable list owns its own keyboard nav (cmdk).\n                  Wrap in `role=\"group\"` (vs. `role=\"presentation\"`)\n                  so the menu's `aria-required-children` rule sees a\n                  permitted child role, not the cmdk input/listbox\n                  leaking up as direct children of `role=\"menu\"`. */}\n              <div\n                role=\"group\"\n                aria-label={t('navigation.headerSettings.language.label')}\n                className=\"ds:py-[var(--spacing-xs)]\"\n              >\n                <LocalePicker.SearchList />\n              </div>\n\n              <DropdownMenu.Separator />\n\n              <DropdownMenu.Label>\n                {t('navigation.headerSettings.appearance.label')}\n              </DropdownMenu.Label>\n              <DropdownMenu.RadioGroup\n                value={theme.theme}\n                onValueChange={(next) =>\n                  theme.setTheme(next as ThemePreference)\n                }\n              >\n                <DropdownMenu.RadioItem value=\"light\">\n                  <Sun aria-hidden className=\"ds:size-4\" />\n                  {t('navigation.headerSettings.appearance.light')}\n                </DropdownMenu.RadioItem>\n                <DropdownMenu.RadioItem value=\"dark\">\n                  <Moon aria-hidden className=\"ds:size-4\" />\n                  {t('navigation.headerSettings.appearance.dark')}\n                </DropdownMenu.RadioItem>\n                <DropdownMenu.RadioItem value=\"system\">\n                  <Monitor aria-hidden className=\"ds:size-4\" />\n                  {t('navigation.headerSettings.appearance.system')}\n                </DropdownMenu.RadioItem>\n              </DropdownMenu.RadioGroup>\n\n              <DropdownMenu.Separator />\n\n              {/* Accessible-mode toggle uses the kit's Switch primitive\n                  for a clearer visual affordance than a checkbox tick.\n                  Rendered inside a `presentation` row (not a\n                  DropdownMenu.CheckboxItem) — the Switch is focusable\n                  via Tab while the menu is open, so keyboard users\n                  still reach it; arrow keys keep moving between the\n                  three theme radios above without falling into the\n                  switch's roving collection.\n\n                  When the switch flips, `setAccessibility` writes\n                  through useTheme (the same store the standalone\n                  ThemeToggle uses) so document.documentElement gets\n                  the `theme-accessible` class instantly — including\n                  swapping `--font-sans` to Lexend for Latin scripts\n                  (see src/tokens/index.css). */}\n              {/* `role=\"group\"` so the menu's `aria-required-children`\n                  (which only permits menuitem* / group / separator /\n                  menu inside `role=\"menu\"`) is satisfied — the Switch's\n                  `role=\"switch\"` would be a forbidden direct child of\n                  the menu. `aria-label` names the group so SR users\n                  hear \"Accessibility toggle, group\". */}\n              <div\n                role=\"group\"\n                aria-label={t(\n                  'navigation.headerSettings.appearance.accessible',\n                )}\n                className=\"ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]\"\n              >\n                <Switch\n                  label={t('navigation.headerSettings.appearance.accessible')}\n                  labelSide=\"start\"\n                  size=\"sm\"\n                  checked={accessibleChecked}\n                  onCheckedChange={(next) =>\n                    theme.setAccessibility(next ? 'accessible' : 'default')\n                  }\n                />\n              </div>\n            </DropdownMenu.Content>\n          </DropdownMenu.Portal>\n        </DropdownMenu.Root>\n      </div>\n    );\n  },\n);\n\nHeaderSettings.displayName = 'HeaderSettings';\n"],"names":["headerSettingsAgent","handle","args","safeWriteStorage","key","value","applyDocumentAttrs","locale","root","LOCALE_META","wrapperVariants","cva","dropdownContentClasses","HeaderSettings","forwardRef","props","ref","align","disabled","className","id","rest","t","useTranslation","theme","useTheme","setLocaleI18n","useLocale","forwardedRef","useRef","useImperativeHandle","setLocaleWithPersistence","useCallback","next","LOCALE_STORAGE_KEY","setLocaleRef","themeRef","agentHandle","useMemo","useAgentRegistration","accessibleChecked","jsx","jsxs","DropdownMenu","IconButton","Settings","event","target","LocalePicker","Sun","Moon","Monitor","Switch"],"mappings":"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"}

package/dist/components/locale-picker/index.js

@@ -0,0 +1,7 @@
+import { L, a as c, b as r } from "../../_chunks/locale-picker-CYBhgSHR.js";
+export {
+  L as LOCALE_STORAGE_KEY,
+  c as LocalePicker,
+  r as LocalePickerSearchList
+};
+//# sourceMappingURL=index.js.map

package/dist/components/locale-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/theme-toggle/index.js

@@ -1,4 +1,4 @@
-import { T as o, t } from "../../_chunks/theme-toggle-BswYl0Yp.js";
+import { T as o, t } from "../../_chunks/theme-toggle-FrotC2VI.js";
 export {
   o as ThemeToggle,
   t as themeToggleAgent

package/dist/components/whatsapp-button/index.js

@@ -1,4 +1,4 @@
-import { W as p } from "../../_chunks/whatsapp-button-CtlLwM3M.js";
+import { W as p } from "../../_chunks/whatsapp-button-DUjlWGKf.js";
 export {
   p as WhatsAppButton
 };

package/dist/components/whatsapp-button/whatsapp-button.d.ts

@@ -22,10 +22,23 @@ export interface WhatsAppButtonProps extends Omit<AnchorHTMLAttributes<HTMLAncho
     message?: string;
     /**
      * Override the visible / accessible label. Defaults to
-     * `t('whatsApp.label')` for the pill variant and
+     * `t('whatsApp.label')` (or `t('whatsApp.questionPrompt')` when
+     * `tone="question"`) for the pill variant, and
      * `t('whatsApp.fabLabel')` for the FAB.
      */
     label?: ReactNode;
+    /**
+     * Copy tone for the pill variant.
+     * - `standard` (default) — brief "Chat on WhatsApp" affordance.
+     * - `question` — invitational "Have questions? Chat on WhatsApp"
+     *   copy. Routes through `t('whatsApp.questionPrompt')`. Use on
+     *   public-facing surfaces (booking pages, marketing) where the
+     *   button is the only prompt encouraging engagement.
+     *
+     * Ignored for `variant="fab"` — the floating action button is
+     * glyph-only and its `aria-label` stays concise via `fabLabel`.
+     */
+    tone?: 'standard' | 'question';
 }
 export declare const WhatsAppButton: import("react").ForwardRefExoticComponent<WhatsAppButtonProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export {};

package/dist/components/whatsapp-button/whatsapp-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-button.d.ts","sourceRoot":"","sources":["../../../src/components/whatsapp-button/whatsapp-button.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA8BlE,QAAA,MAAM,YAAY;;;8EA4FjB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;8EAgBpB,CAAC;AAyCH,MAAM,WAAW,mBACf,SACE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,EAClE,YAAY,CAAC,OAAO,YAAY,CAAC,EACjC,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAMD,eAAO,MAAM,cAAc,mHAqG1B,CAAC"}
+{"version":3,"file":"whatsapp-button.d.ts","sourceRoot":"","sources":["../../../src/components/whatsapp-button/whatsapp-button.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA8BlE,QAAA,MAAM,YAAY;;;8EA4FjB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;8EAgBpB,CAAC;AAyCH,MAAM,WAAW,mBACf,SACE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,EAClE,YAAY,CAAC,OAAO,YAAY,CAAC,EACjC,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CAChC;AAMD,eAAO,MAAM,cAAc,mHA+G1B,CAAC"}

package/dist/hooks/index.js

@@ -1,15 +1,16 @@
 import { u as D } from "../_chunks/use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as w, a as _, b as k } from "../_chunks/use-locale-C5rS3Xon.js";
-import { u as g } from "../_chunks/use-count-up-BLLetaZ8.js";
-import { A as M, T as O, a as H, r as R, t as Y, u as q } from "../_chunks/use-theme-B1cwAXJR.js";
-import { u as G } from "../_chunks/use-controllable-state-BiY4xTzM.js";
-import { u as U } from "../_chunks/use-copy-to-clipboard-Cyfc_dlv.js";
-import { u as j } from "../_chunks/use-debounced-callback-BisrB-Fq.js";
-import { useState as p, useEffect as l, useRef as T, useLayoutEffect as x } from "react";
-import { u as z, a as J } from "../_chunks/use-direction-D6rvvG9G.js";
-import { u as W } from "../_chunks/use-persistent-state-i23OWy6G.js";
+import { u as w, a as _ } from "../_chunks/use-scroll-to-first-error-BrK7dKB_.js";
+import { u as I } from "../_chunks/use-count-up-BLLetaZ8.js";
+import { u as K } from "../_chunks/use-locale-BkCIHujH.js";
+import { A as O, T as H, a as R, r as Y, t as q, u as B } from "../_chunks/use-theme-B1cwAXJR.js";
+import { u as P } from "../_chunks/use-controllable-state-BiY4xTzM.js";
+import { u as V } from "../_chunks/use-copy-to-clipboard-Cyfc_dlv.js";
+import { u as Q } from "../_chunks/use-debounced-callback-BisrB-Fq.js";
+import { useState as b, useEffect as l, useRef as T, useLayoutEffect as x } from "react";
+import { u as J, a as N } from "../_chunks/use-direction-D6rvvG9G.js";
+import { u as X } from "../_chunks/use-persistent-state-i23OWy6G.js";
 function S(e, t) {
-  const [o, s] = p(e);
+  const [o, s] = b(e);
   return l(() => {
     if (t <= 0) {
       s(e);
@@ -62,8 +63,8 @@ function C(e, t = {}) {
         r.preventDefault();
         return;
       }
-      const m = c[0], b = c[c.length - 1], i = document.activeElement;
-      r.shiftKey ? (i === m || !n.contains(i)) && (r.preventDefault(), b.focus()) : (i === b || !n.contains(i)) && (r.preventDefault(), m.focus());
+      const m = c[0], p = c[c.length - 1], i = document.activeElement;
+      r.shiftKey ? (i === m || !n.contains(i)) && (r.preventDefault(), p.focus()) : (i === p || !n.contains(i)) && (r.preventDefault(), m.focus());
     }
     return u.addEventListener("keydown", d), () => {
       if (u.removeEventListener("keydown", d), a && f.current) {
@@ -77,25 +78,25 @@ function C(e, t = {}) {
 }
 const L = typeof window < "u" ? x : l;
 export {
-  M as ACCESSIBILITY_STORAGE_KEY,
-  O as THEME_CLASS,
-  H as THEME_STORAGE_KEY,
-  R as resolveTheme,
-  Y as themeClassList,
-  G as useControllableState,
-  U as useCopyToClipboard,
-  g as useCountUp,
-  j as useDebouncedCallback,
+  O as ACCESSIBILITY_STORAGE_KEY,
+  H as THEME_CLASS,
+  R as THEME_STORAGE_KEY,
+  Y as resolveTheme,
+  q as themeClassList,
+  P as useControllableState,
+  V as useCopyToClipboard,
+  I as useCountUp,
+  Q as useDebouncedCallback,
   S as useDebouncedValue,
-  z as useDirection,
-  J as useDocumentDirection,
+  J as useDirection,
+  N as useDocumentDirection,
   C as useFocusTrap,
   L as useIsomorphicLayoutEffect,
-  w as useLocale,
-  _ as useMediaQuery,
-  W as usePersistentState,
+  K as useLocale,
+  w as useMediaQuery,
+  X as usePersistentState,
   D as usePrefersReducedMotion,
-  k as useScrollToFirstError,
-  q as useTheme
+  _ as useScrollToFirstError,
+  B as useTheme
 };
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/hooks/use-debounced-value.ts","../../src/hooks/use-focus-trap.ts","../../src/hooks/use-isomorphic-layout-effect.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Returns a value that lags `input` by `delayMs`. Each new `input`\n * resets the timer; the returned value updates once `input` has been\n * stable for `delayMs` ms.\n *\n * Companion to `useDebouncedCallback` — use this when you want the\n * debounced *value* (to drive a derived effect, query, or render),\n * and use the callback hook when you want the debounced *action*.\n *\n * @example\n *   const [query, setQuery] = useState('');\n *   const debouncedQuery = useDebouncedValue(query, 250);\n *   useEffect(() => { void search(debouncedQuery); }, [debouncedQuery]);\n */\nexport function useDebouncedValue<T>(input: T, delayMs: number): T {\n  const [value, setValue] = useState<T>(input);\n\n  useEffect(() => {\n    if (delayMs <= 0) {\n      setValue(input);\n      return;\n    }\n    const timer = setTimeout(() => setValue(input), delayMs);\n    return () => clearTimeout(timer);\n  }, [input, delayMs]);\n\n  return value;\n}\n","import { useEffect, useRef, type RefObject } from 'react';\n\n/* -------------------------------------------------------------------- */\n/* Focus trap                                                           */\n/*                                                                      */\n/* Lightweight focus-trap hook for components that compose a Radix      */\n/* primitive without the overlay primitive (Dialog, AlertDialog, Sheet) */\n/* — those handle focus trapping for free via `@radix-ui/react-dialog`. */\n/*                                                                      */\n/* This hook is intentionally NOT a Radix `<FocusScope>` re-export — it */\n/* is a hook so it composes inside `forwardRef` components without      */\n/* nesting another wrapper element. If you need the full Radix         */\n/* contract (return-focus management, loop, asChild), use               */\n/* `@radix-ui/react-focus-scope` directly.                              */\n/* -------------------------------------------------------------------- */\n\nexport interface UseFocusTrapOptions {\n  /** When `false` the trap is inert. Defaults to `true`. */\n  enabled?: boolean;\n  /**\n   * When `true`, focus initial autofocus into the first focusable\n   * descendant on mount / enable. @default true\n   */\n  autoFocus?: boolean;\n  /**\n   * When `true`, restores focus to the previously-focused element on\n   * unmount / disable. @default true\n   */\n  restoreFocus?: boolean;\n}\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]',\n  'audio[controls]',\n  'video[controls]',\n].join(',');\n\nfunction getFocusable(container: HTMLElement): HTMLElement[] {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  ).filter((el) => {\n    if (el.hidden) return false;\n    if (el.getAttribute('aria-hidden') === 'true') return false;\n    // `inert` ancestors block focus — checked via a quick walk.\n    let node: HTMLElement | null = el;\n    while (node) {\n      if (node.hasAttribute('inert')) return false;\n      node = node.parentElement;\n    }\n    return true;\n  });\n}\n\n/**\n * Constrain Tab navigation to descendants of `containerRef`. Wraps Tab\n * forward from the last focusable to the first, and Shift+Tab back from\n * the first to the last. Optionally autofocuses on enable and restores\n * focus on disable.\n *\n * Use this for inline modal patterns or focus zones that don't ship\n * with their own Radix overlay. Don't stack it inside Dialog / Sheet —\n * Radix already traps focus in those.\n *\n * @example\n *   const ref = useRef<HTMLDivElement>(null);\n *   useFocusTrap(ref, { enabled: open });\n *   return <div ref={ref}>…</div>;\n */\nexport function useFocusTrap<T extends HTMLElement>(\n  containerRef: RefObject<T | null>,\n  options: UseFocusTrapOptions = {},\n): void {\n  const { enabled = true, autoFocus = true, restoreFocus = true } = options;\n  const previouslyFocused = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (!enabled) return;\n    const container = containerRef.current;\n    if (!container) return;\n\n    previouslyFocused.current =\n      typeof document !== 'undefined' &&\n      document.activeElement instanceof HTMLElement\n        ? document.activeElement\n        : null;\n\n    if (autoFocus) {\n      const focusable = getFocusable(container);\n      // Container itself is the fallback focus target — needs `tabIndex`\n      // to receive focus, but `-1` is fine.\n      const target =\n        focusable[0] ?? (container.tabIndex >= -1 ? container : null);\n      target?.focus();\n    }\n\n    function onKeyDown(event: KeyboardEvent) {\n      if (event.key !== 'Tab') return;\n      const root = containerRef.current;\n      if (!root) return;\n      const focusable = getFocusable(root);\n      if (focusable.length === 0) {\n        event.preventDefault();\n        return;\n      }\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      const active = document.activeElement;\n\n      if (event.shiftKey) {\n        if (active === first || !root.contains(active)) {\n          event.preventDefault();\n          last.focus();\n        }\n      } else {\n        if (active === last || !root.contains(active)) {\n          event.preventDefault();\n          first.focus();\n        }\n      }\n    }\n\n    container.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      container.removeEventListener('keydown', onKeyDown);\n      if (restoreFocus && previouslyFocused.current) {\n        // Defer so a parent unmount that takes the previous element with\n        // it doesn't cause a focus-on-detached-node throw.\n        const target = previouslyFocused.current;\n        queueMicrotask(() => {\n          if (target.isConnected) target.focus();\n        });\n      }\n    };\n  }, [enabled, autoFocus, restoreFocus, containerRef]);\n}\n","import { useEffect, useLayoutEffect } from 'react';\n\n/**\n * `useLayoutEffect` on the client, `useEffect` during SSR. Use when you\n * need a layout effect (e.g. measuring DOM, syncing a ref) without\n * triggering React's \"useLayoutEffect does nothing on the server\"\n * warning when the same component renders under SSR.\n *\n * The check is `typeof window` rather than `typeof document` so the\n * shim is correct in any non-browser runtime (Node, Deno, edge\n * runtimes, workers).\n */\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n"],"names":["useDebouncedValue","input","delayMs","value","setValue","useState","useEffect","timer","FOCUSABLE_SELECTOR","getFocusable","container","el","node","useFocusTrap","containerRef","options","enabled","autoFocus","restoreFocus","previouslyFocused","useRef","target","onKeyDown","event","root","focusable","first","last","active","useIsomorphicLayoutEffect","useLayoutEffect"],"mappings":";;;;;;;;;;AAgBO,SAASA,EAAqBC,GAAUC,GAAoB;AACjE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAYJ,CAAK;AAE3C,SAAAK,EAAU,MAAM;AACd,QAAIJ,KAAW,GAAG;AAChB,MAAAE,EAASH,CAAK;AACd;AAAA,IACF;AACA,UAAMM,IAAQ,WAAW,MAAMH,EAASH,CAAK,GAAGC,CAAO;AACvD,WAAO,MAAM,aAAaK,CAAK;AAAA,EACjC,GAAG,CAACN,GAAOC,CAAO,CAAC,GAEZC;AACT;ACEA,MAAMK,IAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAEV,SAASC,EAAaC,GAAuC;AAC3D,SAAO,MAAM;AAAA,IACXA,EAAU,iBAA8BF,CAAkB;AAAA,EAAA,EAC1D,OAAO,CAACG,MAAO;AAEf,QADIA,EAAG,UACHA,EAAG,aAAa,aAAa,MAAM,OAAQ,QAAO;AAEtD,QAAIC,IAA2BD;AAC/B,WAAOC,KAAM;AACX,UAAIA,EAAK,aAAa,OAAO,EAAG,QAAO;AACvC,MAAAA,IAAOA,EAAK;AAAA,IACd;AACA,WAAO;AAAA,EACT,CAAC;AACH;AAiBO,SAASC,EACdC,GACAC,IAA+B,IACzB;AACN,QAAM,EAAE,SAAAC,IAAU,IAAM,WAAAC,IAAY,IAAM,cAAAC,IAAe,OAASH,GAC5DI,IAAoBC,EAA2B,IAAI;AAEzD,EAAAd,EAAU,MAAM;AACd,QAAI,CAACU,EAAS;AACd,UAAMN,IAAYI,EAAa;AAC/B,QAAI,CAACJ,EAAW;AAQhB,QANAS,EAAkB,UAChB,OAAO,WAAa,OACpB,SAAS,yBAAyB,cAC9B,SAAS,gBACT,MAEFF,GAAW;AAIb,YAAMI,IAHYZ,EAAaC,CAAS,EAI5B,CAAC,MAAMA,EAAU,YAAY,KAAKA,IAAY;AAC1D,MAAAW,KAAA,QAAAA,EAAQ;AAAA,IACV;AAEA,aAASC,EAAUC,GAAsB;AACvC,UAAIA,EAAM,QAAQ,MAAO;AACzB,YAAMC,IAAOV,EAAa;AAC1B,UAAI,CAACU,EAAM;AACX,YAAMC,IAAYhB,EAAae,CAAI;AACnC,UAAIC,EAAU,WAAW,GAAG;AAC1B,QAAAF,EAAM,eAAA;AACN;AAAA,MACF;AACA,YAAMG,IAAQD,EAAU,CAAC,GACnBE,IAAOF,EAAUA,EAAU,SAAS,CAAC,GACrCG,IAAS,SAAS;AAExB,MAAIL,EAAM,YACJK,MAAWF,KAAS,CAACF,EAAK,SAASI,CAAM,OAC3CL,EAAM,eAAA,GACNI,EAAK,MAAA,MAGHC,MAAWD,KAAQ,CAACH,EAAK,SAASI,CAAM,OAC1CL,EAAM,eAAA,GACNG,EAAM,MAAA;AAAA,IAGZ;AAEA,WAAAhB,EAAU,iBAAiB,WAAWY,CAAS,GAExC,MAAM;AAEX,UADAZ,EAAU,oBAAoB,WAAWY,CAAS,GAC9CJ,KAAgBC,EAAkB,SAAS;AAG7C,cAAME,IAASF,EAAkB;AACjC,uBAAe,MAAM;AACnB,UAAIE,EAAO,eAAaA,EAAO,MAAA;AAAA,QACjC,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,GAAG,CAACL,GAASC,GAAWC,GAAcJ,CAAY,CAAC;AACrD;ACjIO,MAAMe,IACX,OAAO,SAAW,MAAcC,IAAkBxB;"}
+{"version":3,"file":"index.js","sources":["../../src/hooks/use-debounced-value.ts","../../src/hooks/use-focus-trap.ts","../../src/hooks/use-isomorphic-layout-effect.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Returns a value that lags `input` by `delayMs`. Each new `input`\n * resets the timer; the returned value updates once `input` has been\n * stable for `delayMs` ms.\n *\n * Companion to `useDebouncedCallback` — use this when you want the\n * debounced *value* (to drive a derived effect, query, or render),\n * and use the callback hook when you want the debounced *action*.\n *\n * @example\n *   const [query, setQuery] = useState('');\n *   const debouncedQuery = useDebouncedValue(query, 250);\n *   useEffect(() => { void search(debouncedQuery); }, [debouncedQuery]);\n */\nexport function useDebouncedValue<T>(input: T, delayMs: number): T {\n  const [value, setValue] = useState<T>(input);\n\n  useEffect(() => {\n    if (delayMs <= 0) {\n      setValue(input);\n      return;\n    }\n    const timer = setTimeout(() => setValue(input), delayMs);\n    return () => clearTimeout(timer);\n  }, [input, delayMs]);\n\n  return value;\n}\n","import { useEffect, useRef, type RefObject } from 'react';\n\n/* -------------------------------------------------------------------- */\n/* Focus trap                                                           */\n/*                                                                      */\n/* Lightweight focus-trap hook for components that compose a Radix      */\n/* primitive without the overlay primitive (Dialog, AlertDialog, Sheet) */\n/* — those handle focus trapping for free via `@radix-ui/react-dialog`. */\n/*                                                                      */\n/* This hook is intentionally NOT a Radix `<FocusScope>` re-export — it */\n/* is a hook so it composes inside `forwardRef` components without      */\n/* nesting another wrapper element. If you need the full Radix         */\n/* contract (return-focus management, loop, asChild), use               */\n/* `@radix-ui/react-focus-scope` directly.                              */\n/* -------------------------------------------------------------------- */\n\nexport interface UseFocusTrapOptions {\n  /** When `false` the trap is inert. Defaults to `true`. */\n  enabled?: boolean;\n  /**\n   * When `true`, focus initial autofocus into the first focusable\n   * descendant on mount / enable. @default true\n   */\n  autoFocus?: boolean;\n  /**\n   * When `true`, restores focus to the previously-focused element on\n   * unmount / disable. @default true\n   */\n  restoreFocus?: boolean;\n}\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]',\n  'audio[controls]',\n  'video[controls]',\n].join(',');\n\nfunction getFocusable(container: HTMLElement): HTMLElement[] {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  ).filter((el) => {\n    if (el.hidden) return false;\n    if (el.getAttribute('aria-hidden') === 'true') return false;\n    // `inert` ancestors block focus — checked via a quick walk.\n    let node: HTMLElement | null = el;\n    while (node) {\n      if (node.hasAttribute('inert')) return false;\n      node = node.parentElement;\n    }\n    return true;\n  });\n}\n\n/**\n * Constrain Tab navigation to descendants of `containerRef`. Wraps Tab\n * forward from the last focusable to the first, and Shift+Tab back from\n * the first to the last. Optionally autofocuses on enable and restores\n * focus on disable.\n *\n * Use this for inline modal patterns or focus zones that don't ship\n * with their own Radix overlay. Don't stack it inside Dialog / Sheet —\n * Radix already traps focus in those.\n *\n * @example\n *   const ref = useRef<HTMLDivElement>(null);\n *   useFocusTrap(ref, { enabled: open });\n *   return <div ref={ref}>…</div>;\n */\nexport function useFocusTrap<T extends HTMLElement>(\n  containerRef: RefObject<T | null>,\n  options: UseFocusTrapOptions = {},\n): void {\n  const { enabled = true, autoFocus = true, restoreFocus = true } = options;\n  const previouslyFocused = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (!enabled) return;\n    const container = containerRef.current;\n    if (!container) return;\n\n    previouslyFocused.current =\n      typeof document !== 'undefined' &&\n      document.activeElement instanceof HTMLElement\n        ? document.activeElement\n        : null;\n\n    if (autoFocus) {\n      const focusable = getFocusable(container);\n      // Container itself is the fallback focus target — needs `tabIndex`\n      // to receive focus, but `-1` is fine.\n      const target =\n        focusable[0] ?? (container.tabIndex >= -1 ? container : null);\n      target?.focus();\n    }\n\n    function onKeyDown(event: KeyboardEvent) {\n      if (event.key !== 'Tab') return;\n      const root = containerRef.current;\n      if (!root) return;\n      const focusable = getFocusable(root);\n      if (focusable.length === 0) {\n        event.preventDefault();\n        return;\n      }\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      const active = document.activeElement;\n\n      if (event.shiftKey) {\n        if (active === first || !root.contains(active)) {\n          event.preventDefault();\n          last.focus();\n        }\n      } else {\n        if (active === last || !root.contains(active)) {\n          event.preventDefault();\n          first.focus();\n        }\n      }\n    }\n\n    container.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      container.removeEventListener('keydown', onKeyDown);\n      if (restoreFocus && previouslyFocused.current) {\n        // Defer so a parent unmount that takes the previous element with\n        // it doesn't cause a focus-on-detached-node throw.\n        const target = previouslyFocused.current;\n        queueMicrotask(() => {\n          if (target.isConnected) target.focus();\n        });\n      }\n    };\n  }, [enabled, autoFocus, restoreFocus, containerRef]);\n}\n","import { useEffect, useLayoutEffect } from 'react';\n\n/**\n * `useLayoutEffect` on the client, `useEffect` during SSR. Use when you\n * need a layout effect (e.g. measuring DOM, syncing a ref) without\n * triggering React's \"useLayoutEffect does nothing on the server\"\n * warning when the same component renders under SSR.\n *\n * The check is `typeof window` rather than `typeof document` so the\n * shim is correct in any non-browser runtime (Node, Deno, edge\n * runtimes, workers).\n */\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n"],"names":["useDebouncedValue","input","delayMs","value","setValue","useState","useEffect","timer","FOCUSABLE_SELECTOR","getFocusable","container","el","node","useFocusTrap","containerRef","options","enabled","autoFocus","restoreFocus","previouslyFocused","useRef","target","onKeyDown","event","root","focusable","first","last","active","useIsomorphicLayoutEffect","useLayoutEffect"],"mappings":";;;;;;;;;;;AAgBO,SAASA,EAAqBC,GAAUC,GAAoB;AACjE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAYJ,CAAK;AAE3C,SAAAK,EAAU,MAAM;AACd,QAAIJ,KAAW,GAAG;AAChB,MAAAE,EAASH,CAAK;AACd;AAAA,IACF;AACA,UAAMM,IAAQ,WAAW,MAAMH,EAASH,CAAK,GAAGC,CAAO;AACvD,WAAO,MAAM,aAAaK,CAAK;AAAA,EACjC,GAAG,CAACN,GAAOC,CAAO,CAAC,GAEZC;AACT;ACEA,MAAMK,IAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAEV,SAASC,EAAaC,GAAuC;AAC3D,SAAO,MAAM;AAAA,IACXA,EAAU,iBAA8BF,CAAkB;AAAA,EAAA,EAC1D,OAAO,CAACG,MAAO;AAEf,QADIA,EAAG,UACHA,EAAG,aAAa,aAAa,MAAM,OAAQ,QAAO;AAEtD,QAAIC,IAA2BD;AAC/B,WAAOC,KAAM;AACX,UAAIA,EAAK,aAAa,OAAO,EAAG,QAAO;AACvC,MAAAA,IAAOA,EAAK;AAAA,IACd;AACA,WAAO;AAAA,EACT,CAAC;AACH;AAiBO,SAASC,EACdC,GACAC,IAA+B,IACzB;AACN,QAAM,EAAE,SAAAC,IAAU,IAAM,WAAAC,IAAY,IAAM,cAAAC,IAAe,OAASH,GAC5DI,IAAoBC,EAA2B,IAAI;AAEzD,EAAAd,EAAU,MAAM;AACd,QAAI,CAACU,EAAS;AACd,UAAMN,IAAYI,EAAa;AAC/B,QAAI,CAACJ,EAAW;AAQhB,QANAS,EAAkB,UAChB,OAAO,WAAa,OACpB,SAAS,yBAAyB,cAC9B,SAAS,gBACT,MAEFF,GAAW;AAIb,YAAMI,IAHYZ,EAAaC,CAAS,EAI5B,CAAC,MAAMA,EAAU,YAAY,KAAKA,IAAY;AAC1D,MAAAW,KAAA,QAAAA,EAAQ;AAAA,IACV;AAEA,aAASC,EAAUC,GAAsB;AACvC,UAAIA,EAAM,QAAQ,MAAO;AACzB,YAAMC,IAAOV,EAAa;AAC1B,UAAI,CAACU,EAAM;AACX,YAAMC,IAAYhB,EAAae,CAAI;AACnC,UAAIC,EAAU,WAAW,GAAG;AAC1B,QAAAF,EAAM,eAAA;AACN;AAAA,MACF;AACA,YAAMG,IAAQD,EAAU,CAAC,GACnBE,IAAOF,EAAUA,EAAU,SAAS,CAAC,GACrCG,IAAS,SAAS;AAExB,MAAIL,EAAM,YACJK,MAAWF,KAAS,CAACF,EAAK,SAASI,CAAM,OAC3CL,EAAM,eAAA,GACNI,EAAK,MAAA,MAGHC,MAAWD,KAAQ,CAACH,EAAK,SAASI,CAAM,OAC1CL,EAAM,eAAA,GACNG,EAAM,MAAA;AAAA,IAGZ;AAEA,WAAAhB,EAAU,iBAAiB,WAAWY,CAAS,GAExC,MAAM;AAEX,UADAZ,EAAU,oBAAoB,WAAWY,CAAS,GAC9CJ,KAAgBC,EAAkB,SAAS;AAG7C,cAAME,IAASF,EAAkB;AACjC,uBAAe,MAAM;AACnB,UAAIE,EAAO,eAAaA,EAAO,MAAA;AAAA,QACjC,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,GAAG,CAACL,GAASC,GAAWC,GAAcJ,CAAY,CAAC;AACrD;ACjIO,MAAMe,IACX,OAAO,SAAW,MAAcC,IAAkBxB;"}