@alfadocs/ui-kit-debug 0.72.2 → 0.75.0

package/dist/_chunks/freemium-paywall-DFoeedwh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"freemium-paywall-DFoeedwh.js","sources":["../../src/components/freemium-paywall/freemium-paywall.agent.ts","../../src/components/freemium-paywall/freemium-paywall.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — FreemiumPaywall.                                       */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { FreemiumPaywallHandle } from './freemium-paywall';\n\nexport const freemiumPaywallAgent: AgentAdapter<FreemiumPaywallHandle> = {\n  id: 'freemium-paywall',\n  capabilities: ['submit', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.freemiumPaywall.state.isOpen',\n      description: 'True when the paywall dialog is open.',\n      read: (handle) => handle.isOpen(),\n    },\n    selectedPlanId: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.freemiumPaywall.state.selectedPlanId',\n      description: 'Opaque id of the currently-selected plan.',\n      read: (handle) => handle.getSelectedPlanId(),\n    },\n  },\n  actions: {\n    upgrade: {\n      safety: 'write',\n      // Backs the `submit` capability: commits the current plan selection\n      // to the host's upgrade flow (checkout / billing).\n      openWorld: true,\n      descriptionKey: 'ui.agent.freemiumPaywall.actions.upgrade',\n      description: 'Fire onUpgrade with the currently-selected plan id.',\n      errors: ['No plan selected — upgrade is a no-op until a plan is chosen.'],\n      invoke: (handle) => {\n        handle.upgrade();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      // Backs the `dismiss` capability.\n      descriptionKey: 'ui.agent.freemiumPaywall.actions.dismiss',\n      description:\n        'Dismiss the paywall via the Not Now action. Irreversible from the same UI.',\n      invoke: (handle) => {\n        handle.dismiss();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'freemium-paywall',\n      description: 'Marks the FreemiumPaywall dialog content.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type ReactNode,\n} from 'react';\nimport * as RadixAlertDialog from '@radix-ui/react-alert-dialog';\nimport * as RadixRadioGroup from '@radix-ui/react-radio-group';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { freemiumPaywallAgent } from './freemium-paywall.agent';\nimport { AlertTriangle, Check } from 'lucide-react';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { formatPaymentAmount } from '../payment-form';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface FreemiumPlan {\n  id: string;\n  /** Translation key for the plan name (e.g. `app.paywall.plans.pro`). */\n  nameKey: string;\n  /** Amount in minor units (cents, centesimi). */\n  priceAmount: number;\n  /** ISO 4217 currency code. */\n  currency: string;\n  /** Translation key for the cadence suffix (e.g. `app.paywall.period.month`). */\n  perKey?: string;\n  /** Per-line feature translation keys. */\n  featuresKeys?: string[];\n}\n\nconst contentVariants = cva(\n  [\n    'ds:fixed ds:z-[var(--z-modal)] ds:overflow-auto',\n    'ds:bg-[color:var(--popover)] ds:text-[color:var(--popover-foreground)]',\n    'ds:border ds:border-border ds:shadow-[var(--shadow-lg)]',\n    // forced-colors: keep the dialog boundary visible under Windows High\n    // Contrast, where `var(--border)` may collapse to system colours.\n    'ds:forced-colors:border-[CanvasText]',\n    'ds:focus:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      layout: {\n        centered:\n          'ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:rtl:translate-x-1/2 ds:rounded-[var(--radius-md)] ds:max-w-[var(--dialog-width-xl)] ds:w-[calc(100vw-2rem)] ds:max-h-[90vh]',\n        sheet:\n          'ds:inset-inline-0 ds:bottom-0 ds:w-full ds:max-h-[90vh] ds:rounded-t-[var(--radius-md)]',\n      },\n      density: {\n        compact:\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n        full: 'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-lg)]',\n      },\n    },\n    defaultVariants: { layout: 'centered', density: 'full' },\n  },\n);\n\n/** Curated imperative handle for agent / external automation. */\nexport interface FreemiumPaywallHandle {\n  isOpen: () => boolean;\n  getSelectedPlanId: () => string | null;\n  upgrade: () => void;\n  dismiss: () => void;\n}\n\nexport interface FreemiumPaywallProps extends VariantProps<\n  typeof contentVariants\n> {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  plans: FreemiumPlan[];\n  /** Currently-selected plan id (controlled) or default. */\n  selectedPlanId?: string;\n  defaultSelectedPlanId?: string;\n  onSelectedPlanChange?: (id: string) => void;\n  /** Usage indicator values — omit the object to hide the bar. */\n  usage?: { used: number; limit: number };\n  /** Fires on upgrade. */\n  onUpgrade: (planId: string) => void;\n  /** Fires when the user dismisses via Not Now. */\n  onCancel?: () => void;\n  /** Title override; defaults to t('paywall.title'). */\n  title?: ReactNode;\n  /** Description override; defaults to t('paywall.description'). */\n  description?: ReactNode;\n  /**\n   * Stable instance id. Emitted on the dialog content as\n   * `data-component-id` and used as the agent-registry instance key so\n   * a host can address this specific paywall.\n   */\n  id?: string;\n  className?: string;\n}\n\nexport const FreemiumPaywall = forwardRef<HTMLDivElement, FreemiumPaywallProps>(\n  (\n    {\n      open,\n      onOpenChange,\n      plans,\n      selectedPlanId,\n      defaultSelectedPlanId,\n      onSelectedPlanChange,\n      usage,\n      onUpgrade,\n      onCancel,\n      title,\n      description,\n      id,\n      layout = 'centered',\n      density = 'full',\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const titleId = useId();\n    const descId = useId();\n\n    const [currentSelectedRaw, handleSelectedChange] =\n      useControllableState<string>({\n        value: selectedPlanId,\n        defaultValue: defaultSelectedPlanId ?? plans[0]?.id ?? '',\n        onChange: onSelectedPlanChange,\n      });\n    const currentSelected = currentSelectedRaw ?? '';\n\n    const handleCancel = () => {\n      onCancel?.();\n      onOpenChange(false);\n    };\n\n    const handleUpgrade = () => {\n      if (!currentSelected) return;\n      onUpgrade(currentSelected);\n    };\n\n    const openRef = useRef(open);\n    openRef.current = open;\n    const selectedRef = useRef<string>(currentSelected);\n    selectedRef.current = currentSelected;\n\n    const contentRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => contentRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<FreemiumPaywallHandle>(\n      () => ({\n        isOpen: () => openRef.current,\n        getSelectedPlanId: () => selectedRef.current || null,\n        upgrade: () => handleUpgrade(),\n        dismiss: () => handleCancel(),\n      }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [],\n    );\n    useAgentRegistration(freemiumPaywallAgent, agentHandle, id);\n\n    const usagePercent = usage\n      ? Math.min(\n          100,\n          Math.max(0, (usage.used / Math.max(1, usage.limit)) * 100),\n        )\n      : 0;\n    const usageFull = usage ? usage.used >= usage.limit : false;\n\n    return (\n      <RadixAlertDialog.Root open={open} onOpenChange={onOpenChange}>\n        <RadixAlertDialog.Portal>\n          <RadixAlertDialog.Overlay\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n              'ds:bg-[color:var(--background)]/70',\n              'ds:motion-safe:data-[state=open]:animate-in ds:motion-safe:data-[state=closed]:animate-out',\n              'ds:[.theme-accessible_&]:animate-none',\n            ].join(' ')}\n          />\n          <RadixAlertDialog.Content\n            ref={contentRef}\n            aria-labelledby={titleId}\n            aria-describedby={descId}\n            className={contentVariants({ layout, density, className })}\n            data-component=\"freemium-paywall\"\n            data-component-id={id}\n          >\n            <RadixAlertDialog.Title id={titleId} asChild>\n              <h2 className=\"type-title-card\">{title ?? t('paywall.title')}</h2>\n            </RadixAlertDialog.Title>\n            <RadixAlertDialog.Description id={descId} asChild>\n              <p className=\"ds:mt-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]\">\n                {description ?? t('paywall.description')}\n              </p>\n            </RadixAlertDialog.Description>\n\n            {usage ? (\n              <div className=\"ds:mt-[var(--spacing-md)]\">\n                <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:mb-[var(--spacing-xs)]\">\n                  {usageFull ? (\n                    <AlertTriangle\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:text-[color:var(--destructive)]\"\n                    />\n                  ) : null}\n                  <span\n                    className={[\n                      'type-body-sm',\n                      usageFull\n                        ? 'ds:text-[color:var(--destructive)]'\n                        : 'ds:text-[color:var(--muted-foreground)]',\n                    ].join(' ')}\n                  >\n                    {usageFull\n                      ? t('paywall.usageFull')\n                      : t('paywall.usageLabel', {\n                          used: usage.used,\n                          limit: usage.limit,\n                        })}\n                  </span>\n                </div>\n                <Progress\n                  value={usagePercent}\n                  max={100}\n                  ariaLabel={t('paywall.usageLabel', {\n                    used: usage.used,\n                    limit: usage.limit,\n                  })}\n                  className={\n                    usageFull\n                      ? 'ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]'\n                      : ''\n                  }\n                />\n              </div>\n            ) : null}\n\n            <RadixRadioGroup.Root\n              value={currentSelected}\n              onValueChange={handleSelectedChange}\n              aria-label={t('paywall.title')}\n              className=\"ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n            >\n              {plans.map((plan) => {\n                // Reuse the payment-form helper — it knows about\n                // zero-decimal currencies (JPY, KRW, VND …) and applies\n                // the right divisor. Raw `/ 100` would 100× the price in\n                // those currencies.\n                const formattedPrice = formatPaymentAmount(\n                  plan.priceAmount,\n                  plan.currency,\n                  i18n.language,\n                );\n                const period = plan.perKey ? t(plan.perKey) : undefined;\n                const priceLine = period\n                  ? t('paywall.pricePer', { price: formattedPrice, period })\n                  : formattedPrice;\n                const planName = t(plan.nameKey);\n                return (\n                  <RadixRadioGroup.Item\n                    key={plan.id}\n                    value={plan.id}\n                    className={[\n                      'ds:group ds:relative ds:flex ds:flex-col ds:items-stretch',\n                      'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\n                      'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n                      'ds:text-start ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n                      'ds:data-[state=checked]:border-[color:var(--primary)]',\n                      'ds:data-[state=checked]:bg-[color:var(--primary)]/5',\n                      'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                      'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                    ].join(' ')}\n                  >\n                    <span className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n                      <span className=\"ds:font-semibold\">{planName}</span>\n                      <span className=\"ds:tabular-nums\">{priceLine}</span>\n                    </span>\n                    {plan.featuresKeys && plan.featuresKeys.length > 0 ? (\n                      <ul\n                        aria-label={t('paywall.features')}\n                        className=\"ds:mt-[var(--spacing-xs)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n                      >\n                        {plan.featuresKeys.map((key, i) => (\n                          <li\n                            key={i}\n                            className=\"ds:flex ds:items-start ds:gap-[var(--spacing-xs)] type-body-sm\"\n                          >\n                            <Check\n                              aria-hidden=\"true\"\n                              className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--primary)] ds:mt-[1px]\"\n                            />\n                            <span>{t(key)}</span>\n                          </li>\n                        ))}\n                      </ul>\n                    ) : null}\n                  </RadixRadioGroup.Item>\n                );\n              })}\n            </RadixRadioGroup.Root>\n\n            <div className=\"ds:mt-[var(--spacing-lg)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:justify-end\">\n              <RadixAlertDialog.Cancel asChild>\n                <Button intent=\"outline\" onClick={handleCancel}>\n                  {t('paywall.notNow')}\n                </Button>\n              </RadixAlertDialog.Cancel>\n              <RadixAlertDialog.Action asChild>\n                <Button intent=\"primary\" onClick={handleUpgrade}>\n                  {t('paywall.upgrade')}\n                </Button>\n              </RadixAlertDialog.Action>\n            </div>\n          </RadixAlertDialog.Content>\n        </RadixAlertDialog.Portal>\n      </RadixAlertDialog.Root>\n    );\n  },\n);\n\nFreemiumPaywall.displayName = 'FreemiumPaywall';\n"],"names":["freemiumPaywallAgent","handle","contentVariants","cva","FreemiumPaywall","forwardRef","open","onOpenChange","plans","selectedPlanId","defaultSelectedPlanId","onSelectedPlanChange","usage","onUpgrade","onCancel","title","description","id","layout","density","className","ref","t","i18n","useTranslation","titleId","useId","descId","currentSelectedRaw","handleSelectedChange","useControllableState","_a","currentSelected","handleCancel","handleUpgrade","openRef","useRef","selectedRef","contentRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration","usagePercent","usageFull","jsx","RadixAlertDialog","jsxs","AlertTriangle","Progress","RadixRadioGroup","plan","formattedPrice","formatPaymentAmount","period","priceLine","planName","key","i","Check","Button"],"mappings":";;;;;;;;;;;;;AAOO,MAAMA,KAA4D;AAAA,EACvE,IAAI;AAAA,EACJ,cAAc,CAAC,UAAU,SAAS;AAAA,EAClC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,OAAA;AAAA,IAAO;AAAA,IAElC,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACA,MAAWA,EAAO,kBAAA;AAAA,IAAkB;AAAA,EAC7C;AAAA,EAEF,SAAS;AAAA,IACP,SAAS;AAAA,MACP,QAAQ;AAAA;AAAA;AAAA,MAGR,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAAC,+DAA+D;AAAA,MACxE,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,SAAS;AAAA,MACP,QAAQ;AAAA;AAAA,MAER,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCtBMC,KAAkBC;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,UACE;AAAA,QACF,OACE;AAAA,MAAA;AAAA,MAEJ,SAAS;AAAA,QACP,SACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB,EAAE,QAAQ,YAAY,SAAS,OAAA;AAAA,EAAO;AAE3D,GAuCaC,KAAkBC;AAAA,EAC7B,CACE;AAAA,IACE,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,EAAA,GAEFC,MACG;;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GACdC,IAAUC,EAAA,GACVC,IAASD,EAAA,GAET,CAACE,GAAoBC,CAAoB,IAC7CC,EAA6B;AAAA,MAC3B,OAAOrB;AAAA,MACP,cAAcC,OAAyBqB,IAAAvB,EAAM,CAAC,MAAP,gBAAAuB,EAAU,OAAM;AAAA,MACvD,UAAUpB;AAAA,IAAA,CACX,GACGqB,IAAkBJ,KAAsB,IAExCK,IAAe,MAAM;AACzB,MAAAnB,KAAA,QAAAA,KACAP,EAAa,EAAK;AAAA,IACpB,GAEM2B,IAAgB,MAAM;AAC1B,MAAKF,KACLnB,EAAUmB,CAAe;AAAA,IAC3B,GAEMG,IAAUC,EAAO9B,CAAI;AAC3B,IAAA6B,EAAQ,UAAU7B;AAClB,UAAM+B,IAAcD,EAAeJ,CAAe;AAClD,IAAAK,EAAY,UAAUL;AAEtB,UAAMM,IAAaF,EAAuB,IAAI;AAC9C,IAAAG,EAAoBlB,GAAK,MAAMiB,EAAW,SAA2B,CAAA,CAAE;AAEvE,UAAME,IAAcC;AAAA,MAClB,OAAO;AAAA,QACL,QAAQ,MAAMN,EAAQ;AAAA,QACtB,mBAAmB,MAAME,EAAY,WAAW;AAAA,QAChD,SAAS,MAAMH,EAAA;AAAA,QACf,SAAS,MAAMD,EAAA;AAAA,MAAa;AAAA;AAAA,MAG9B,CAAA;AAAA,IAAC;AAEH,IAAAS,EAAqB1C,IAAsBwC,GAAavB,CAAE;AAE1D,UAAM0B,IAAe/B,IACjB,KAAK;AAAA,MACH;AAAA,MACA,KAAK,IAAI,GAAIA,EAAM,OAAO,KAAK,IAAI,GAAGA,EAAM,KAAK,IAAK,GAAG;AAAA,IAAA,IAE3D,GACEgC,IAAYhC,IAAQA,EAAM,QAAQA,EAAM,QAAQ;AAEtD,WACE,gBAAAiC,EAACC,EAAiB,MAAjB,EAAsB,MAAAxC,GAAY,cAAAC,GACjC,UAAA,gBAAAwC,EAACD,EAAiB,QAAjB,EACC,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACC,EAAiB;AAAA,QAAjB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA,EACA,KAAK,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAC;AAAA,QAACD,EAAiB;AAAA,QAAjB;AAAA,UACC,KAAKR;AAAA,UACL,mBAAiBb;AAAA,UACjB,oBAAkBE;AAAA,UAClB,WAAWzB,GAAgB,EAAE,QAAAgB,GAAQ,SAAAC,GAAS,WAAAC,GAAW;AAAA,UACzD,kBAAe;AAAA,UACf,qBAAmBH;AAAA,UAEnB,UAAA;AAAA,YAAA,gBAAA4B,EAACC,EAAiB,OAAjB,EAAuB,IAAIrB,GAAS,SAAO,IAC1C,UAAA,gBAAAoB,EAAC,MAAA,EAAG,WAAU,mBAAmB,UAAA9B,KAASO,EAAE,eAAe,GAAE,GAC/D;AAAA,8BACCwB,EAAiB,aAAjB,EAA6B,IAAInB,GAAQ,SAAO,IAC/C,UAAA,gBAAAkB,EAAC,KAAA,EAAE,WAAU,qEACV,UAAA7B,KAAeM,EAAE,qBAAqB,GACzC,GACF;AAAA,YAECV,IACC,gBAAAmC,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,cAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gFACZ,UAAA;AAAA,gBAAAH,IACC,gBAAAC;AAAA,kBAACG;AAAAA,kBAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,WAAU;AAAA,kBAAA;AAAA,gBAAA,IAEV;AAAA,gBACJ,gBAAAH;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA,sBACT;AAAA,sBACAD,IACI,uCACA;AAAA,oBAAA,EACJ,KAAK,GAAG;AAAA,oBAET,UAAAA,IACGtB,EAAE,mBAAmB,IACrBA,EAAE,sBAAsB;AAAA,sBACtB,MAAMV,EAAM;AAAA,sBACZ,OAAOA,EAAM;AAAA,oBAAA,CACd;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACP,GACF;AAAA,cACA,gBAAAiC;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,OAAON;AAAA,kBACP,KAAK;AAAA,kBACL,WAAWrB,EAAE,sBAAsB;AAAA,oBACjC,MAAMV,EAAM;AAAA,oBACZ,OAAOA,EAAM;AAAA,kBAAA,CACd;AAAA,kBACD,WACEgC,IACI,8DACA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAER,EAAA,CACF,IACE;AAAA,YAEJ,gBAAAC;AAAA,cAACK,EAAgB;AAAA,cAAhB;AAAA,gBACC,OAAOlB;AAAA,gBACP,eAAeH;AAAA,gBACf,cAAYP,EAAE,eAAe;AAAA,gBAC7B,WAAU;AAAA,gBAET,UAAAd,EAAM,IAAI,CAAC2C,MAAS;AAKnB,wBAAMC,IAAiBC;AAAA,oBACrBF,EAAK;AAAA,oBACLA,EAAK;AAAA,oBACL5B,EAAK;AAAA,kBAAA,GAED+B,IAASH,EAAK,SAAS7B,EAAE6B,EAAK,MAAM,IAAI,QACxCI,IAAYD,IACdhC,EAAE,oBAAoB,EAAE,OAAO8B,GAAgB,QAAAE,EAAA,CAAQ,IACvDF,GACEI,IAAWlC,EAAE6B,EAAK,OAAO;AAC/B,yBACE,gBAAAJ;AAAA,oBAACG,EAAgB;AAAA,oBAAhB;AAAA,sBAEC,OAAOC,EAAK;AAAA,sBACZ,WAAW;AAAA,wBACT;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,sBAAA,EACA,KAAK,GAAG;AAAA,sBAEV,UAAA;AAAA,wBAAA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,yEACd,UAAA;AAAA,0BAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAAW,GAAS;AAAA,0BAC7C,gBAAAX,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAAU,EAAA,CAAU;AAAA,wBAAA,GAC/C;AAAA,wBACCJ,EAAK,gBAAgBA,EAAK,aAAa,SAAS,IAC/C,gBAAAN;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,cAAYvB,EAAE,kBAAkB;AAAA,4BAChC,WAAU;AAAA,4BAET,UAAA6B,EAAK,aAAa,IAAI,CAACM,GAAKC,MAC3B,gBAAAX;AAAA,8BAAC;AAAA,8BAAA;AAAA,gCAEC,WAAU;AAAA,gCAEV,UAAA;AAAA,kCAAA,gBAAAF;AAAA,oCAACc;AAAA,oCAAA;AAAA,sCACC,eAAY;AAAA,sCACZ,WAAU;AAAA,oCAAA;AAAA,kCAAA;AAAA,kCAEZ,gBAAAd,EAAC,QAAA,EAAM,UAAAvB,EAAEmC,CAAG,EAAA,CAAE;AAAA,gCAAA;AAAA,8BAAA;AAAA,8BAPTC;AAAA,4BAAA,CASR;AAAA,0BAAA;AAAA,wBAAA,IAED;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAnCCP,EAAK;AAAA,kBAAA;AAAA,gBAsChB,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAGH,gBAAAJ,EAAC,OAAA,EAAI,WAAU,+FACb,UAAA;AAAA,cAAA,gBAAAF,EAACC,EAAiB,QAAjB,EAAwB,SAAO,IAC9B,UAAA,gBAAAD,EAACe,GAAA,EAAO,QAAO,WAAU,SAAS3B,GAC/B,UAAAX,EAAE,gBAAgB,GACrB,GACF;AAAA,cACA,gBAAAuB,EAACC,EAAiB,QAAjB,EAAwB,SAAO,IAC9B,UAAA,gBAAAD,EAACe,GAAA,EAAO,QAAO,WAAU,SAAS1B,GAC/B,UAAAZ,EAAE,iBAAiB,GACtB,EAAA,CACF;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF,EAAA,CACF;AAAA,EAEJ;AACF;AAEAlB,GAAgB,cAAc;"}

package/dist/_chunks/header-DaXWDw0M.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-DaXWDw0M.js","sources":["../../src/components/header/header.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type AnchorHTMLAttributes,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from '@radix-ui/react-slot';\nimport { useTranslation } from 'react-i18next';\nimport { Menu } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    'ds:w-full',\n    // Fixed height — a Header is always the `lg` token (64px). Using `h-*`\n    // (not `min-h-*`) pins the row regardless of how Storybook's Canvas /\n    // docs wrapper stretches the story's layout.\n    'ds:h-[var(--header-height-lg)]',\n    // `flex items-stretch` lets the inner div fill the full cross-axis so\n    // the flex-centered content sits on the true vertical midline.\n    'ds:flex ds:items-stretch',\n    // Pin to the top of the page — `sticky` keeps the Header in normal\n    // document flow (so content below isn't occluded and the docs Canvas\n    // doesn't leak the Header over adjacent preview blocks) but stays\n    // anchored to the viewport while the nearest scroll ancestor scrolls.\n    'ds:sticky ds:inset-block-start-0 ds:z-[var(--z-sticky)]',\n    'ds:bg-[var(--background)]',\n    'ds:text-[color:var(--foreground)]',\n    // Shadow recipe follows `Brand/Shadows` — one tier between states, never\n    // two. Resting: flat, no shadow. Scrolled: --shadow-md (tooltip/menu tier)\n    // paired with a 1-px --border so elevation still reads without the shadow\n    // in forced-colors / print, where UAs strip box-shadow. Transition is\n    // gated on `motion-reduce` so users opting out of motion still get the\n    // static elevation without animated lift.\n    'ds:transition-[border-color,box-shadow] ds:motion-reduce:transition-none',\n    'ds:border-block-end ds:border-transparent',\n    'ds:data-[scrolled=true]:border-[color:var(--border)]',\n    'ds:data-[scrolled=true]:shadow-[var(--shadow-md)]',\n    // Windows HCM: always show the border — forced-colors strips box-shadow\n    // entirely, so the border is the only separation cue the user gets.\n    'ds:forced-colors:border-[color:CanvasText]',\n    // Print: strip shadow, keep border so the header still reads as a\n    // bounded surface on paper.\n    'ds:print:shadow-none ds:print:border-[color:var(--border)]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        // Brand surface — primary-tinted background with primary-foreground\n        // ink. Token rescopes are narrowed to `start` + `end` slots so chrome\n        // (IconButton outline border, Logo monochrome, focus rings) re-tints\n        // automatically. The `center` slot is excluded because SearchBar paints\n        // its own `var(--background)` surface and must keep the document's\n        // --foreground / --muted-foreground for its icon, placeholder, border,\n        // kbd chip, and hover state.\n        //\n        // Contrast: --primary-foreground (#fff) over --primary (violet-500) is\n        // 4.6:1 — passes WCAG AA for normal text. Muted-foreground is also set\n        // to pure primary-foreground so any muted text in the header clears AA.\n        //\n        // Dark-mode override: in dark mode --primary is magenta-500 — using it\n        // as the full-width header surface puts a hot-pink bar at the top of\n        // every page, which the Apr 2026 brand guide's own dark mockups never\n        // do (fuchsia is reserved for CTAs). We shift the header bg to\n        // --background (blue-500) in dark so the header blends with the Dark\n        // Blue brand surface at the same level as the Sidebar; separation\n        // from the main canvas (which we offset to blue-700) is carried by\n        // the existing scroll-shadow + border. White --primary-foreground ink\n        // on blue-500 clears AAA (~12.8:1).\n        brand: [\n          'ds:bg-[var(--primary)] ds:text-[color:var(--header-foreground)]',\n          'ds:[.theme-dark_&]:bg-[var(--background)]',\n          'ds:[&_[data-header-slot=start]]:[--foreground:var(--header-foreground)]',\n          'ds:[&_[data-header-slot=start]]:[--muted-foreground:var(--header-foreground)]',\n          'ds:[&_[data-header-slot=start]]:[--border:color-mix(in_srgb,var(--header-foreground)_40%,transparent)]',\n          'ds:[&_[data-header-slot=start]]:[--muted:color-mix(in_srgb,var(--header-foreground)_16%,transparent)]',\n          'ds:[&_[data-header-slot=start]]:[--ring:var(--header-foreground)]',\n          'ds:[&_[data-header-slot=end]]:[--foreground:var(--header-foreground)]',\n          'ds:[&_[data-header-slot=end]]:[--muted-foreground:var(--header-foreground)]',\n          'ds:[&_[data-header-slot=end]]:[--border:color-mix(in_srgb,var(--header-foreground)_40%,transparent)]',\n          'ds:[&_[data-header-slot=end]]:[--muted:color-mix(in_srgb,var(--header-foreground)_16%,transparent)]',\n          'ds:[&_[data-header-slot=end]]:[--ring:var(--header-foreground)]',\n        ].join(' '),\n        // Light surface — plain page background with primary-coloured chrome.\n        // Start + end slots rescope --foreground, --border, --ring to --primary\n        // so IconButton borders/icons render in the brand hue while the\n        // HeaderBrand wordmark keeps its bicolor artwork and the SearchBar\n        // (center slot) is untouched.\n        light: [\n          'ds:bg-[var(--background)] ds:text-[color:var(--foreground)]',\n          'ds:[&_[data-header-slot=start]]:[--foreground:var(--primary)]',\n          'ds:[&_[data-header-slot=start]]:[--border:var(--primary)]',\n          'ds:[&_[data-header-slot=start]]:[--ring:var(--primary)]',\n          'ds:[&_[data-header-slot=end]]:[--foreground:var(--primary)]',\n          'ds:[&_[data-header-slot=end]]:[--border:var(--primary)]',\n          'ds:[&_[data-header-slot=end]]:[--ring:var(--primary)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      variant: 'brand',\n    },\n  },\n);\n\nconst innerVariants = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:w-full ds:h-full',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n  ].join(' '),\n);\n\nconst slotStartVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n);\nconst slotCenterVariants = cva(\n  'ds:hidden ds:md:flex ds:flex-1 ds:min-w-0 ds:items-center ds:justify-center ds:gap-[var(--spacing-sm)]',\n);\nconst slotEndVariants = cva(\n  'ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n);\n\nconst brandVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:text-[length:var(--font-size-base)] ds:font-[var(--font-weight-semibold)]',\n    // `leading-none` zeros the anchor's line-height so the Logo SVG sits at\n    // the geometric centre of the flex cross-axis — otherwise the residual\n    // line-box above ascenders / below descenders nudges the SVG upward.\n    'ds:leading-none',\n    // Inherit foreground from the Header root so the `brand` variant's\n    // --primary-foreground ink cascades here without an override prop.\n    'ds:text-[color:currentColor]',\n    'ds:no-underline',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:min-h-[var(--min-target-size)]',\n  ].join(' '),\n);\n\nconst brandDividerVariants = cva(\n  [\n    'ds:hidden ds:md:inline-block',\n    'ds:border-inline-start ds:border-[color:var(--border)]',\n    'ds:self-stretch ds:my-[var(--spacing-xs)]',\n  ].join(' '),\n);\n\nconst skipLinkVariants = cva(\n  [\n    'ds:sr-only ds:focus:not-sr-only',\n    'ds:focus:absolute ds:focus:inset-inline-start-[var(--spacing-sm)] ds:focus:inset-block-start-[var(--spacing-sm)]',\n    'ds:focus:z-[calc(var(--z-sticky)+1)]',\n    'ds:focus:ps-[var(--spacing-sm)] ds:focus:pe-[var(--spacing-sm)] ds:focus:pbs-[var(--spacing-xs)] ds:focus:pbe-[var(--spacing-xs)]',\n    'ds:focus:bg-[var(--background)] ds:focus:text-[color:var(--foreground)]',\n    'ds:focus:border ds:focus:border-[color:var(--border)]',\n    'ds:focus:rounded-[var(--radius-sm)]',\n    'ds:focus:outline-[length:var(--focus-ring-width)] ds:focus:outline-solid ds:focus:outline-[color:var(--ring)]',\n    'ds:forced-colors:focus:outline-[CanvasText]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'role' | 'children'>,\n    VariantProps<typeof rootVariants> {\n  children: ReactNode;\n  /** Override the default landmark name. */\n  'aria-label'?: string;\n  /** Enable the scroll-linked border + shadow (default `true`). */\n  scrollLinkedElevation?: boolean;\n}\n\nexport const Header = forwardRef<HTMLElement, HeaderProps>(\n  (\n    {\n      variant = 'brand',\n      className,\n      children,\n      scrollLinkedElevation = true,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const label = ariaLabel ?? t('navigation.header.label', 'Page header');\n\n    /* ---- Scroll-linked border / shadow ---------------------------- */\n    const sentinelRef = useRef<HTMLDivElement | null>(null);\n    const [scrolled, setScrolled] = useState(false);\n    useEffect(() => {\n      if (!scrollLinkedElevation) return undefined;\n      const sentinel = sentinelRef.current;\n      if (!sentinel) return undefined;\n      if (typeof IntersectionObserver === 'undefined') return undefined;\n      const io = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0];\n          // When the sentinel scrolls out of view (isIntersecting=false),\n          // the user has scrolled past the top — flip the elevation on.\n          setScrolled(!entry.isIntersecting);\n        },\n        { threshold: 0 },\n      );\n      io.observe(sentinel);\n      return () => io.disconnect();\n    }, [scrollLinkedElevation]);\n\n    return (\n      <>\n        {/* 1px sentinel above the sticky header so the IntersectionObserver\n            fires when the user scrolls past the top. Kept outside the\n            <header> so it doesn't affect landmark semantics. */}\n        {scrollLinkedElevation ? (\n          <div\n            ref={sentinelRef}\n            aria-hidden=\"true\"\n            className=\"ds:block ds:h-px ds:w-full\"\n          />\n        ) : null}\n        <header\n          ref={ref}\n          role=\"banner\"\n          aria-label={label}\n          data-component=\"header\"\n          data-scrolled={scrolled ? 'true' : undefined}\n          className={rootVariants({ variant, className })}\n          {...rest}\n        >\n          <div className={innerVariants()}>{children}</div>\n        </header>\n      </>\n    );\n  },\n);\nHeader.displayName = 'Header';\n\n/* ------------------------------------------------------------------ */\n/* Slot wrappers                                                        */\n/* ------------------------------------------------------------------ */\n\nexport const HeaderStart = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-header-slot=\"start\"\n    className={[slotStartVariants(), className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nHeaderStart.displayName = 'HeaderStart';\n\nexport const HeaderCenter = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-header-slot=\"center\"\n    className={[slotCenterVariants(), className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nHeaderCenter.displayName = 'HeaderCenter';\n\nexport const HeaderEnd = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-header-slot=\"end\"\n    className={[slotEndVariants(), className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nHeaderEnd.displayName = 'HeaderEnd';\n\n/* ------------------------------------------------------------------ */\n/* Brand                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderBrandProps extends Omit<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  'children'\n> {\n  /** Logo slot — an <svg> / <img>. Must carry its own accessible name via aria-label on the wrapping component OR a visible wordmark child. */\n  logo?: ReactNode;\n  /** Visible wordmark / product name. Sits after the logo. */\n  children?: ReactNode;\n  /** Destination href. Defaults to \"/\". */\n  href?: string;\n  /**\n   * Render through Radix `Slot` so a consumer's router link (`<Link>`) takes\n   * over the brand anchor while keeping the kit's `brandVariants` styling and\n   * any forwarded `aria-label`. Pass a single link element as `children` (the\n   * logo + wordmark go inside it). With `asChild` off the output is the plain\n   * `<a href>` exactly as before.\n   */\n  asChild?: boolean;\n}\n\nexport const HeaderBrand = forwardRef<HTMLAnchorElement, HeaderBrandProps>(\n  (\n    { logo, children, href = '/', className, asChild = false, ...props },\n    ref,\n  ) => {\n    if (import.meta.env.DEV && !props['aria-label'] && !children) {\n      console.warn(\n        'HeaderBrand: pass `aria-label` or visible children — a logo-only brand link without a name has no accessible name.',\n      );\n    }\n    const brandClassName = [brandVariants(), className]\n      .filter(Boolean)\n      .join(' ');\n\n    // Consumer-router mode: the consumer supplies their own link element as\n    // `children`; Slot merges the kit's brand class + forwarded props onto it\n    // so the lockup styling and any aria-label survive. The logo + wordmark\n    // live inside the consumer's element (it owns the click → client route).\n    if (asChild) {\n      return (\n        <Slot ref={ref} className={brandClassName} {...props}>\n          {children}\n        </Slot>\n      );\n    }\n\n    return (\n      <a ref={ref} href={href} className={brandClassName} {...props}>\n        {logo ? (\n          <span\n            aria-hidden={children ? 'true' : undefined}\n            className=\"ds:inline-flex ds:items-center\"\n          >\n            {logo}\n          </span>\n        ) : null}\n        {children ? <span className=\"ds:truncate\">{children}</span> : null}\n      </a>\n    );\n  },\n);\nHeaderBrand.displayName = 'HeaderBrand';\n\n/* ------------------------------------------------------------------ */\n/* Brand divider                                                        */\n/* ------------------------------------------------------------------ */\n\nexport function HeaderBrandDivider({\n  className,\n  ...props\n}: HTMLAttributes<HTMLSpanElement>): ReactNode {\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={[brandDividerVariants(), className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Menu button (mobile drawer trigger)                                  */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderMenuButtonProps {\n  onMenuOpen: () => void;\n  'aria-label'?: string;\n  className?: string;\n}\n\nexport const HeaderMenuButton = forwardRef<\n  HTMLButtonElement,\n  HeaderMenuButtonProps\n>(({ onMenuOpen, 'aria-label': ariaLabel, className }, ref) => {\n  const { t } = useTranslation();\n  return (\n    <IconButton\n      ref={ref}\n      // Show on mobile; hide above md breakpoint.\n      className={['ds:md:hidden', className].filter(Boolean).join(' ')}\n      icon={<Menu aria-hidden />}\n      aria-label={ariaLabel ?? t('navigation.sidebar.open', 'Open menu')}\n      onClick={onMenuOpen}\n    />\n  );\n});\nHeaderMenuButton.displayName = 'HeaderMenuButton';\n\n/* ------------------------------------------------------------------ */\n/* SkipLink                                                             */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderSkipLinkProps extends Omit<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  'children'\n> {\n  href: string;\n  children?: ReactNode;\n}\n\nexport const HeaderSkipLink = forwardRef<\n  HTMLAnchorElement,\n  HeaderSkipLinkProps\n>(({ href, children, className, ...props }, ref) => {\n  const { t } = useTranslation();\n  return (\n    <a\n      ref={ref}\n      href={href}\n      className={[skipLinkVariants(), className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children ?? t('navigation.nav.skipToContent', 'Skip to content')}\n    </a>\n  );\n});\nHeaderSkipLink.displayName = 'HeaderSkipLink';\n"],"names":["rootVariants","cva","innerVariants","slotStartVariants","slotCenterVariants","slotEndVariants","brandVariants","brandDividerVariants","skipLinkVariants","Header","forwardRef","variant","className","children","scrollLinkedElevation","ariaLabel","rest","ref","t","useTranslation","label","sentinelRef","useRef","scrolled","setScrolled","useState","useEffect","sentinel","io","entries","entry","jsxs","Fragment","jsx","HeaderStart","props","HeaderCenter","HeaderEnd","HeaderBrand","logo","href","asChild","brandClassName","Slot","HeaderBrandDivider","HeaderMenuButton","onMenuOpen","IconButton","Menu","HeaderSkipLink"],"mappings":"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"}

package/dist/_chunks/icon-button-group-C48khLE0.js

@@ -1,206 +0,0 @@
-import { jsx as Z } from "react/jsx-runtime";
-import { forwardRef as _, useState as x, useCallback as D, useRef as j, Children as $, isValidElement as ee, cloneElement as te } from "react";
-import { c as oe } from "./index-D2ZczOXr.js";
-import { u as re } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-const ne = oe(
-  [
-    "ds:inline-flex ds:isolate",
-    // Hairline border around the group unifies the children into one
-    // visual unit. Internal child dividers are drawn via the per-child
-    // class list below.
-    "ds:border ds:border-border",
-    "ds:rounded-[var(--radius-md)]",
-    // Ensure the focus ring of a pressed child sits above its siblings.
-    "ds:[&>*]:relative ds:[&>*:focus-visible]:z-10"
-  ].join(" "),
-  {
-    variants: {
-      orientation: {
-        horizontal: [
-          "ds:flex-row",
-          // Flatten internal corners on children so the outer radius owns
-          // the rounded edges.
-          "ds:[&>*:not(:first-child)]:rounded-s-none",
-          "ds:[&>*:not(:last-child)]:rounded-e-none",
-          // Internal divider — logical so it flips in RTL.
-          "ds:[&>*:not(:first-child)]:border-s",
-          "ds:[&>*:not(:first-child)]:border-border",
-          // The children already own an outer border (from IconButton's
-          // own border in secondary/outline variants). Collapse the doubled
-          // border so we don't get a 2px seam.
-          "ds:[&>*]:border-0"
-        ].join(" "),
-        vertical: [
-          "ds:flex-col",
-          // Vertical groups flow block-wise. Reading direction doesn't
-          // invert vertical stacks in any locale this DS targets, so the
-          // physical `rounded-t/b` is intentional.
-          "ds:[&>*:not(:first-child)]:rounded-t-none",
-          "ds:[&>*:not(:last-child)]:rounded-b-none",
-          "ds:[&>*:not(:first-child)]:border-t",
-          "ds:[&>*:not(:first-child)]:border-border",
-          "ds:[&>*]:border-0"
-        ].join(" ")
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-), ie = _(
-  (s, g) => {
-    const {
-      size: b,
-      orientation: u = "horizontal",
-      role: l = "group",
-      mode: n = "momentary",
-      disabled: T = !1,
-      intent: F = "outline",
-      className: G,
-      children: N,
-      "aria-label": S,
-      "aria-labelledby": H,
-      ...M
-    } = s, [z, L] = x(
-      () => n === "toggle-single" ? s.defaultValue ?? "" : n === "toggle-multi" ? s.defaultValue ?? [] : ""
-    ), A = (() => {
-      if (n === "toggle-single") {
-        const e = s;
-        return e.value !== void 0 ? e.value : z;
-      }
-      if (n === "toggle-multi") {
-        const e = s;
-        return e.value !== void 0 ? e.value : z;
-      }
-      return "";
-    })(), h = D(
-      (e) => {
-        var t, r;
-        if (n === "toggle-single") {
-          const o = s;
-          o.value === void 0 && L(e), (t = o.onValueChange) == null || t.call(o, e);
-        } else if (n === "toggle-multi") {
-          const o = s;
-          o.value === void 0 && L(e), (r = o.onValueChange) == null || r.call(o, e);
-        }
-      },
-      [n, s]
-    ), y = l === "toolbar" || l === "radiogroup", v = j([]), [w, E] = x(0), O = D(
-      (e, t) => {
-        v.current[e] = t;
-      },
-      []
-    ), B = j(null), [C, U] = x(!1);
-    re(() => {
-      if (typeof window > "u") return;
-      const e = B.current;
-      if (!e) return;
-      const t = window.getComputedStyle(e).direction;
-      U(t === "rtl");
-    }, []);
-    const W = D(
-      (e) => {
-        var k;
-        if (!y) return;
-        const t = v.current.filter(Boolean).length;
-        if (t === 0) return;
-        const r = u === "vertical" ? "ArrowDown" : C ? "ArrowLeft" : "ArrowRight", o = u === "vertical" ? "ArrowUp" : C ? "ArrowRight" : "ArrowLeft";
-        let f = null;
-        if (e.key === r ? f = (w + 1) % t : e.key === o ? f = (w - 1 + t) % t : e.key === "Home" ? f = 0 : e.key === "End" && (f = t - 1), f === null) return;
-        const I = t;
-        let p = 0, a = f;
-        for (; p < I; ) {
-          const d = v.current[a];
-          if (d && d.getAttribute("aria-disabled") !== "true" && !d.disabled)
-            break;
-          a = e.key === o || e.key === "End" ? (a - 1 + t) % t : (a + 1) % t, p += 1;
-        }
-        if (e.preventDefault(), E(a), (k = v.current[a]) == null || k.focus(), l === "radiogroup" && n === "toggle-single") {
-          const d = P.current[a];
-          if (d && typeof d == "object" && "props" in d) {
-            const R = d.props.value;
-            R && h(R);
-          }
-        }
-      },
-      [y, u, C, w, l, n, h]
-    ), K = $.toArray(N), P = j([]);
-    P.current = K;
-    const q = K.map((e, t) => {
-      if (!ee(e))
-        return e;
-      const r = e, o = r.props.value, { ariaPressed: f, ariaChecked: I } = se(
-        n,
-        l,
-        o,
-        A
-      ), p = T === !0, a = r.props.disabled === !0, k = (c) => {
-        var i, m;
-        if (p) {
-          c.preventDefault(), c.stopPropagation();
-          return;
-        }
-        if ((m = (i = r.props).onClick) == null || m.call(i, c), !c.defaultPrevented && o) {
-          if (n === "toggle-single") {
-            if (A === o) return;
-            h(o);
-          } else if (n === "toggle-multi") {
-            const V = A, X = V.includes(o) ? V.filter((Y) => Y !== o) : [...V, o];
-            h(X);
-          }
-        }
-      }, d = (c) => {
-        O(t, c);
-        const i = r.ref;
-        typeof i == "function" ? i(c) : i != null && typeof i == "object" && (i.current = c);
-      }, R = p && !a ? !0 : void 0, J = n !== "momentary" || p, Q = {
-        intent: r.props.intent ?? F,
-        size: r.props.size ?? b,
-        disabled: a,
-        "aria-disabled": R,
-        onClick: J ? k : r.props.onClick,
-        "aria-pressed": f,
-        "aria-checked": I,
-        // When the group is a radiogroup, children must be `role="radio"`
-        // so screen readers announce them as radio buttons and so
-        // `getByRole('radio')` works in tests. The button element is
-        // re-purposed as a radio; `aria-checked` above carries the state.
-        role: l === "radiogroup" ? "radio" : void 0,
-        tabIndex: y ? t === w ? 0 : -1 : void 0,
-        onFocus: (c) => {
-          var i, m;
-          y && E(t), (m = (i = r.props).onFocus) == null || m.call(i, c);
-        },
-        ref: d
-      };
-      return te(r, Q);
-    });
-    return /* @__PURE__ */ Z(
-      "div",
-      {
-        ref: (e) => {
-          B.current = e, typeof g == "function" ? g(e) : g && typeof g == "object" && (g.current = e);
-        },
-        role: l,
-        "aria-label": S,
-        "aria-labelledby": H,
-        "aria-orientation": l === "toolbar" ? u : void 0,
-        onKeyDown: W,
-        className: ne({ orientation: u, className: G }),
-        "data-component": "icon-button-group",
-        ...M,
-        children: q
-      }
-    );
-  }
-);
-ie.displayName = "IconButtonGroup";
-function se(s, g, b, u) {
-  if (s === "momentary" || !b) return {};
-  const l = s === "toggle-multi" ? u.includes(b) : u === b;
-  return g === "radiogroup" ? { ariaChecked: l } : { ariaPressed: l };
-}
-export {
-  ie as I
-};
-//# sourceMappingURL=icon-button-group-C48khLE0.js.map

package/dist/_chunks/icon-button-group-C48khLE0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button-group-C48khLE0.js","sources":["../../src/components/icon-button-group/icon-button-group.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { IconButton, type IconButtonProps } from '../button/icon-button';\nimport type { ButtonProps } from '../button/button';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\n\ntype ButtonIntent = NonNullable<ButtonProps['intent']>;\n\n// Intentionally does NOT compose `@radix-ui/react-toggle-group`. Radix\n// ToggleGroup's render shape makes it hard to layer shared-border chrome\n// across children (first-child / last-child / internal-divider CSS), and\n// the three-mode + three-role matrix (group / toolbar / radiogroup × momentary\n// / toggle-single / toggle-multi) is broader than Radix's single / multi\n// contract. The roving-tabindex implementation below mirrors Radix's pattern\n// so keyboard semantics stay consistent. See 05-accessibility.mdx for the\n// WAI-ARIA toolbar / radiogroup references.\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst iconButtonGroupVariants = cva(\n  [\n    'ds:inline-flex ds:isolate',\n    // Hairline border around the group unifies the children into one\n    // visual unit. Internal child dividers are drawn via the per-child\n    // class list below.\n    'ds:border ds:border-border',\n    'ds:rounded-[var(--radius-md)]',\n    // Ensure the focus ring of a pressed child sits above its siblings.\n    'ds:[&>*]:relative ds:[&>*:focus-visible]:z-10',\n  ].join(' '),\n  {\n    variants: {\n      orientation: {\n        horizontal: [\n          'ds:flex-row',\n          // Flatten internal corners on children so the outer radius owns\n          // the rounded edges.\n          'ds:[&>*:not(:first-child)]:rounded-s-none',\n          'ds:[&>*:not(:last-child)]:rounded-e-none',\n          // Internal divider — logical so it flips in RTL.\n          'ds:[&>*:not(:first-child)]:border-s',\n          'ds:[&>*:not(:first-child)]:border-border',\n          // The children already own an outer border (from IconButton's\n          // own border in secondary/outline variants). Collapse the doubled\n          // border so we don't get a 2px seam.\n          'ds:[&>*]:border-0',\n        ].join(' '),\n        vertical: [\n          'ds:flex-col',\n          // Vertical groups flow block-wise. Reading direction doesn't\n          // invert vertical stacks in any locale this DS targets, so the\n          // physical `rounded-t/b` is intentional.\n          'ds:[&>*:not(:first-child)]:rounded-t-none',\n          'ds:[&>*:not(:last-child)]:rounded-b-none',\n          'ds:[&>*:not(:first-child)]:border-t',\n          'ds:[&>*:not(:first-child)]:border-border',\n          'ds:[&>*]:border-0',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport type IconButtonGroupRole = 'group' | 'toolbar' | 'radiogroup';\nexport type IconButtonGroupMode =\n  | 'momentary'\n  | 'toggle-single'\n  | 'toggle-multi';\n\ntype SharedPropsBase = {\n  /** Forwarded to every child that does not set its own `size`. */\n  size?: 'sm' | 'md' | 'lg';\n  orientation?: 'horizontal' | 'vertical';\n  /** Disables every child. Uses `aria-disabled` on children (not the HTML\n   *  attribute) so each child still takes focus — matches WAI-ARIA toolbar\n   *  guidance. Visual disabled styling picks up the `aria-disabled:*`\n   *  variant declared on the Button base class. */\n  disabled?: boolean;\n  /** Intent applied to every child that does not set its own `intent`.\n   *  Defaults to `outline` — grouped icon buttons are peers, not a row\n   *  of solid-primary CTAs. */\n  intent?: ButtonIntent;\n  children: ReactNode;\n};\n\n// At least one of `aria-label` / `aria-labelledby` must be present. This\n// discriminated pair makes the TypeScript compiler reject a group with\n// neither — see the a11y acceptance criteria in the user story.\ntype AccessibleNameProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string };\n\ntype SharedProps = SharedPropsBase & AccessibleNameProps;\n\n// Role + mode combinations are not all valid. Encoded via a discriminated\n// union so the compiler rejects nonsensical pairings (e.g. a multi-select\n// radiogroup).\ntype GroupRoleProps =\n  | { role?: 'group'; mode?: 'momentary' | 'toggle-single' | 'toggle-multi' }\n  | { role: 'toolbar'; mode?: 'momentary' | 'toggle-single' | 'toggle-multi' }\n  | { role: 'radiogroup'; mode: 'toggle-single' };\n\ntype MomentaryProps = SharedProps & {\n  mode?: 'momentary';\n  value?: never;\n  defaultValue?: never;\n  onValueChange?: never;\n};\n\ntype ToggleSingleProps = SharedProps & {\n  mode: 'toggle-single';\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (next: string) => void;\n};\n\ntype ToggleMultiProps = SharedProps & {\n  mode: 'toggle-multi';\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (next: string[]) => void;\n};\n\nexport type IconButtonGroupProps = (\n  | MomentaryProps\n  | ToggleSingleProps\n  | ToggleMultiProps\n) &\n  GroupRoleProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'onChange' | 'children'> &\n  VariantProps<typeof iconButtonGroupVariants>;\n\n/* ------------------------------------------------------------------ */\n/* IconButtonGroup                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const IconButtonGroup = forwardRef<HTMLDivElement, IconButtonGroupProps>(\n  (props, ref) => {\n    const {\n      size,\n      orientation = 'horizontal',\n      role = 'group',\n      mode = 'momentary',\n      disabled = false,\n      intent = 'outline',\n      className,\n      children,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      ...rest\n    } = props as IconButtonGroupProps & { className?: string };\n\n    if (import.meta.env.DEV && !ariaLabel && !ariaLabelledBy) {\n      console.warn(\n        'IconButtonGroup: `aria-label` or `aria-labelledby` is required for accessibility.',\n      );\n    }\n\n    /* ---- Controlled / uncontrolled value for toggle modes --------- */\n    const [internalValue, setInternalValue] = useState<string | string[]>(\n      () => {\n        if (mode === 'toggle-single') {\n          const p = props as ToggleSingleProps;\n          return p.defaultValue ?? '';\n        }\n        if (mode === 'toggle-multi') {\n          const p = props as ToggleMultiProps;\n          return p.defaultValue ?? [];\n        }\n        return '';\n      },\n    );\n\n    const resolvedValue: string | string[] = (() => {\n      if (mode === 'toggle-single') {\n        const p = props as ToggleSingleProps;\n        return p.value !== undefined ? p.value : internalValue;\n      }\n      if (mode === 'toggle-multi') {\n        const p = props as ToggleMultiProps;\n        return p.value !== undefined ? p.value : internalValue;\n      }\n      return '';\n    })();\n\n    const commitValue = useCallback(\n      (next: string | string[]) => {\n        if (mode === 'toggle-single') {\n          const p = props as ToggleSingleProps;\n          if (p.value === undefined) setInternalValue(next as string);\n          p.onValueChange?.(next as string);\n        } else if (mode === 'toggle-multi') {\n          const p = props as ToggleMultiProps;\n          if (p.value === undefined) setInternalValue(next as string[]);\n          p.onValueChange?.(next as string[]);\n        }\n      },\n      [mode, props],\n    );\n\n    /* ---- Roving tabindex state — only active in toolbar / radiogroup - */\n    const rovingTabindex = role === 'toolbar' || role === 'radiogroup';\n    const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const [focusIndex, setFocusIndex] = useState(0);\n\n    const registerIndex = useCallback(\n      (index: number, el: HTMLButtonElement | null) => {\n        buttonsRef.current[index] = el;\n      },\n      [],\n    );\n\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const [isRTL, setIsRTL] = useState(false);\n    // `useLayoutEffect` so the direction is correct BEFORE the first paint\n    // (otherwise a user pressing an arrow key on the first frame after mount\n    // would hit the default-LTR mapping even in an RTL document).\n    useIsomorphicLayoutEffect(() => {\n      if (typeof window === 'undefined') return;\n      const node = rootRef.current;\n      if (!node) return;\n      // Read the computed direction from the group's own wrapper so a\n      // scoped `dir='rtl'` on any ancestor (not just <html>) flips arrow\n      // navigation. `getComputedStyle` walks up automatically.\n      const dir = window.getComputedStyle(node).direction;\n      setIsRTL(dir === 'rtl');\n    }, []);\n\n    /* ---- Arrow-key navigation for roving tabindex ----------------- */\n    const handleRootKeyDown = useCallback(\n      (event: ReactKeyboardEvent<HTMLDivElement>) => {\n        if (!rovingTabindex) return;\n        const count = buttonsRef.current.filter(Boolean).length;\n        if (count === 0) return;\n\n        const forwardKey =\n          orientation === 'vertical'\n            ? 'ArrowDown'\n            : isRTL\n              ? 'ArrowLeft'\n              : 'ArrowRight';\n        const backwardKey =\n          orientation === 'vertical'\n            ? 'ArrowUp'\n            : isRTL\n              ? 'ArrowRight'\n              : 'ArrowLeft';\n\n        let next: number | null = null;\n        if (event.key === forwardKey) next = (focusIndex + 1) % count;\n        else if (event.key === backwardKey)\n          next = (focusIndex - 1 + count) % count;\n        else if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = count - 1;\n\n        if (next === null) return;\n        // Skip over disabled children.\n        const maxAttempts = count;\n        let attempts = 0;\n        let candidate = next;\n        while (attempts < maxAttempts) {\n          const el = buttonsRef.current[candidate];\n          if (\n            el &&\n            el.getAttribute('aria-disabled') !== 'true' &&\n            !el.disabled\n          ) {\n            break;\n          }\n          candidate =\n            event.key === backwardKey || event.key === 'End'\n              ? (candidate - 1 + count) % count\n              : (candidate + 1) % count;\n          attempts += 1;\n        }\n        event.preventDefault();\n        setFocusIndex(candidate);\n        buttonsRef.current[candidate]?.focus();\n        // WAI-ARIA radiogroup pattern: arrow keys MOVE focus AND CHANGE\n        // the selected radio in one action. toolbar pattern (and plain\n        // group) only moves focus.\n        if (role === 'radiogroup' && mode === 'toggle-single') {\n          const child = childArrayRef.current[candidate];\n          if (child && typeof child === 'object' && 'props' in child) {\n            const cValue = (child as ReactElement<{ value?: string }>).props\n              .value;\n            if (cValue) commitValue(cValue);\n          }\n        }\n      },\n      [rovingTabindex, orientation, isRTL, focusIndex, role, mode, commitValue],\n    );\n\n    /* ---- Build enhanced children ---------------------------------- */\n    const childArray = Children.toArray(children);\n    // Mirror into a ref so the keydown handler (referenced from Memo deps)\n    // can read the latest child list without inflating the dep array.\n    const childArrayRef = useRef<ReturnType<typeof Children.toArray>>([]);\n    childArrayRef.current = childArray;\n\n    const enhanced = childArray.map((child, index) => {\n      if (!isValidElement(child)) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'IconButtonGroup: children should be <IconButton> elements.',\n          );\n        }\n        return child;\n      }\n\n      const childEl = child as ReactElement<\n        IconButtonProps & {\n          value?: string;\n          onClick?: React.MouseEventHandler<HTMLButtonElement>;\n        }\n      >;\n\n      // DEV-time sanity: warn if we got something that isn't an IconButton.\n      // `React.cloneElement` would still work, but IconButton-specific\n      // props (::before target size, forwarded tooltip) wouldn't apply.\n      if (import.meta.env.DEV && childEl.type !== IconButton) {\n        console.warn(\n          'IconButtonGroup: each child should be a DS <IconButton>. Other elements break target-size + focus-ring contracts.',\n        );\n      }\n\n      const childValue = childEl.props.value;\n\n      // Compute aria-pressed / aria-checked for toggle modes.\n      const { ariaPressed, ariaChecked } = computeToggleAria(\n        mode,\n        role,\n        childValue,\n        resolvedValue,\n      );\n\n      const groupDisabled = disabled === true;\n      const childDisabled = childEl.props.disabled === true;\n\n      // Click handling — wrap so aria-disabled (group-level) blocks\n      // activation, then forward to the child's own onClick.\n      const wrappedOnClick: React.MouseEventHandler<HTMLButtonElement> = (\n        event,\n      ) => {\n        // aria-disabled is advisory; the native click still fires. Block\n        // it explicitly when the GROUP (not the child) is disabled.\n        if (groupDisabled) {\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n        // Forward to the child's own handler first so consumers can run\n        // analytics / preventDefault.\n        childEl.props.onClick?.(event);\n        if (event.defaultPrevented) return;\n        if (!childValue) return;\n        if (mode === 'toggle-single') {\n          // Contract: exactly one pressed. Clicking the pressed one is a\n          // no-op. This matches Radix ToggleGroup type='single' and the\n          // radiogroup pattern.\n          if (resolvedValue === childValue) return;\n          commitValue(childValue);\n        } else if (mode === 'toggle-multi') {\n          const list = resolvedValue as string[];\n          const next = list.includes(childValue)\n            ? list.filter((v) => v !== childValue)\n            : [...list, childValue];\n          commitValue(next);\n        }\n      };\n\n      // cloneElement's typed overload rejects `ref` as a prop, so we\n      // build the override bag as `unknown` and cast to the element's\n      // prop type. React at runtime routes `ref` via its usual channel.\n      const setMergedRef = (node: HTMLButtonElement | null) => {\n        registerIndex(index, node);\n        const originalRef = (\n          childEl as unknown as { ref?: React.Ref<HTMLButtonElement> }\n        ).ref;\n        if (typeof originalRef === 'function') originalRef(node);\n        else if (\n          originalRef !== null &&\n          originalRef !== undefined &&\n          typeof originalRef === 'object'\n        ) {\n          (\n            originalRef as React.MutableRefObject<HTMLButtonElement | null>\n          ).current = node;\n        }\n      };\n\n      // Per the user story: group-level disabled injects `aria-disabled`\n      // so the child stays focusable; child-level `disabled` still uses\n      // the HTML attribute (child's own contract). When both are true\n      // we leave the HTML disabled in place (strictest cue wins).\n      const ariaDisabled = groupDisabled && !childDisabled ? true : undefined;\n\n      // If the group is disabled OR we are in a toggle mode, we need the\n      // wrapped click handler. In pure momentary mode with no group\n      // disable, the child's own onClick is passed through unchanged.\n      const needsWrappedClick = mode !== 'momentary' || groupDisabled;\n\n      const overrides = {\n        intent: childEl.props.intent ?? intent,\n        size: childEl.props.size ?? size,\n        disabled: childDisabled,\n        'aria-disabled': ariaDisabled,\n        onClick: needsWrappedClick ? wrappedOnClick : childEl.props.onClick,\n        'aria-pressed': ariaPressed,\n        'aria-checked': ariaChecked,\n        // When the group is a radiogroup, children must be `role=\"radio\"`\n        // so screen readers announce them as radio buttons and so\n        // `getByRole('radio')` works in tests. The button element is\n        // re-purposed as a radio; `aria-checked` above carries the state.\n        role: role === 'radiogroup' ? 'radio' : undefined,\n        tabIndex: rovingTabindex ? (index === focusIndex ? 0 : -1) : undefined,\n        onFocus: (ev: React.FocusEvent<HTMLButtonElement>) => {\n          if (rovingTabindex) setFocusIndex(index);\n          childEl.props.onFocus?.(ev);\n        },\n        ref: setMergedRef,\n      } as unknown as Partial<IconButtonProps>;\n\n      return cloneElement(childEl, overrides);\n    });\n\n    const mergedRootRef = (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref && typeof ref === 'object') {\n        (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    };\n\n    return (\n      <div\n        ref={mergedRootRef}\n        role={role}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-orientation={role === 'toolbar' ? orientation : undefined}\n        onKeyDown={handleRootKeyDown}\n        className={iconButtonGroupVariants({ orientation, className })}\n        data-component=\"icon-button-group\"\n        {...rest}\n      >\n        {enhanced}\n      </div>\n    );\n  },\n);\n\nIconButtonGroup.displayName = 'IconButtonGroup';\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction computeToggleAria(\n  mode: IconButtonGroupMode,\n  role: IconButtonGroupRole,\n  childValue: string | undefined,\n  resolvedValue: string | string[],\n): { ariaPressed?: boolean; ariaChecked?: boolean } {\n  if (mode === 'momentary' || !childValue) return {};\n\n  const isActive =\n    mode === 'toggle-multi'\n      ? (resolvedValue as string[]).includes(childValue)\n      : resolvedValue === childValue;\n\n  // radiogroup uses aria-checked; toolbar/group use aria-pressed.\n  if (role === 'radiogroup') {\n    return { ariaChecked: isActive };\n  }\n  return { ariaPressed: isActive };\n}\n"],"names":["iconButtonGroupVariants","cva","IconButtonGroup","forwardRef","props","ref","size","orientation","role","mode","disabled","intent","className","children","ariaLabel","ariaLabelledBy","rest","internalValue","setInternalValue","useState","resolvedValue","p","commitValue","useCallback","next","_a","_b","rovingTabindex","buttonsRef","useRef","focusIndex","setFocusIndex","registerIndex","index","el","rootRef","isRTL","setIsRTL","useIsomorphicLayoutEffect","node","dir","handleRootKeyDown","event","count","forwardKey","backwardKey","maxAttempts","attempts","candidate","child","childArrayRef","cValue","childArray","Children","enhanced","isValidElement","childEl","childValue","ariaPressed","ariaChecked","computeToggleAria","groupDisabled","childDisabled","wrappedOnClick","list","v","setMergedRef","originalRef","ariaDisabled","needsWrappedClick","overrides","ev","cloneElement","jsx","isActive"],"mappings":"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"}