@alfadocs/ui-kit 0.1.2 → 0.1.3

package/dist/_chunks/{button-group-BtTHSyU0.js.map → button-group-CONver7M.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-group-BtTHSyU0.js","sources":["../../src/components/button-group/button-group.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactElement,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport type { ButtonProps } from '../button/button';\n\ntype ButtonIntent = NonNullable<ButtonProps['intent']>;\n\nconst buttonGroupVariants = cva(\n  'ds:inline-flex ds:isolate ds:[&>*]:relative ds:[&>*:focus-visible]:z-10',\n  {\n    variants: {\n      orientation: {\n        horizontal: [\n          'ds:flex-row',\n          'ds:[&>*:not(:first-child)]:rounded-s-none',\n          'ds:[&>*:not(:last-child)]:rounded-e-none',\n          'ds:[&>*:not(:first-child)]:-ms-px',\n        ].join(' '),\n        vertical: [\n          'ds:flex-col',\n          'ds:[&>*:not(:first-child)]:rounded-t-none',\n          'ds:[&>*:not(:last-child)]:rounded-b-none',\n          'ds:[&>*:not(:first-child)]:-mt-px',\n        ].join(' '),\n      },\n      separator: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        separator: true,\n        class:\n          'ds:[&>*:not(:last-child)]:border-e ds:[&>*:not(:last-child)]:border-border',\n      },\n      {\n        orientation: 'vertical',\n        separator: true,\n        class:\n          'ds:[&>*:not(:last-child)]:border-b ds:[&>*:not(:last-child)]:border-border',\n      },\n    ],\n    defaultVariants: {\n      orientation: 'horizontal',\n      separator: false,\n    },\n  },\n);\n\nexport interface ButtonGroupProps\n  extends HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof buttonGroupVariants> {\n  /**\n   * Accessible label for the group. Falls back to the translated\n   * `ui.buttonGroup.label` string when not provided.\n   */\n  label?: string;\n  /**\n   * When the children are interactive toolbar-style controls (e.g. toggles),\n   * set this to render `role=\"toolbar\"` instead of `role=\"group\"`.\n   */\n  toolbar?: boolean;\n  /**\n   * Intent applied to every Button / IconButton child that does not set\n   * its own `intent`. Defaults to `outline` — grouped buttons are peers,\n   * not three solid-primary CTAs.\n   */\n  intent?: ButtonIntent;\n}\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  (\n    {\n      className,\n      orientation = 'horizontal',\n      separator = false,\n      toolbar = false,\n      intent = 'outline',\n      label,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const accessibleLabel = label ?? t('ui.buttonGroup.label', 'Button group');\n\n    // Roving tabindex — required by the WAI-ARIA toolbar pattern.\n    // When `toolbar` is true, one child owns `tabIndex=0` and the rest are\n    // `-1`. Arrow keys / Home / End move focus between children, respecting\n    // orientation and RTL. Plain `group` mode keeps every child natively\n    // tabbable.\n    const rovingTabindex = toolbar;\n    const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const [focusIndex, setFocusIndex] = useState(0);\n\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const [isRTL, setIsRTL] = useState(false);\n    useLayoutEffect(() => {\n      if (typeof window === 'undefined') return;\n      const node = rootRef.current;\n      if (!node) return;\n      setIsRTL(window.getComputedStyle(node).direction === 'rtl');\n    }, []);\n\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        if (next === null) return;\n\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 (el && el.getAttribute('aria-disabled') !== 'true' && !el.disabled) {\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      },\n      [rovingTabindex, orientation, isRTL, focusIndex],\n    );\n\n    const enhanced = Children.map(children, (child, index) => {\n      if (!isValidElement(child)) return child;\n      const childEl = child as ReactElement<{\n        intent?: ButtonIntent;\n        tabIndex?: number;\n        onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n        ref?: React.Ref<HTMLButtonElement>;\n      }>;\n\n      const setMergedRef = (node: HTMLButtonElement | null) => {\n        buttonsRef.current[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      const overrides = {\n        intent: childEl.props.intent ?? intent,\n        tabIndex: rovingTabindex\n          ? index === focusIndex\n            ? 0\n            : -1\n          : childEl.props.tabIndex,\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<{ intent?: ButtonIntent }>;\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={toolbar ? 'toolbar' : 'group'}\n        aria-label={accessibleLabel}\n        aria-orientation={toolbar ? (orientation ?? 'horizontal') : undefined}\n        onKeyDown={handleRootKeyDown}\n        className={buttonGroupVariants({ orientation, separator, className })}\n        {...props}\n      >\n        {enhanced}\n      </div>\n    );\n  },\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n"],"names":["buttonGroupVariants","cva","ButtonGroup","forwardRef","className","orientation","separator","toolbar","intent","label","children","props","ref","t","useTranslation","accessibleLabel","rovingTabindex","buttonsRef","useRef","focusIndex","setFocusIndex","useState","rootRef","isRTL","setIsRTL","useLayoutEffect","node","handleRootKeyDown","useCallback","event","count","forwardKey","backwardKey","next","maxAttempts","attempts","candidate","el","_a","enhanced","Children","child","index","isValidElement","childEl","setMergedRef","originalRef","overrides","ev","_b","cloneElement","jsx"],"mappings":";;;;AAmBA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,UAAU;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,MAAA;AAAA,MAEZ,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,QACE,aAAa;AAAA,QACb,WAAW;AAAA,QACX,OACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,aAAa;AAAA,QACb,WAAW;AAAA,QACX,OACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,MACb,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,GAuBaC,IAAcC;AAAA,EACzB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,SAAAC,IAAU;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAkBN,KAASI,EAAE,wBAAwB,cAAc,GAOnEG,IAAiBT,GACjBU,IAAaC,EAAwC,EAAE,GACvD,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC,GAExCC,IAAUJ,EAA8B,IAAI,GAC5C,CAACK,GAAOC,CAAQ,IAAIH,EAAS,EAAK;AACxC,IAAAI,EAAgB,MAAM;AACpB,UAAI,OAAO,SAAW,IAAa;AACnC,YAAMC,IAAOJ,EAAQ;AACrB,MAAKI,KACLF,EAAS,OAAO,iBAAiBE,CAAI,EAAE,cAAc,KAAK;AAAA,IAC5D,GAAG,CAAA,CAAE;AAEL,UAAMC,IAAoBC;AAAA,MACxB,CAACC,MAA8C;;AAC7C,YAAI,CAACb,EAAgB;AACrB,cAAMc,IAAQb,EAAW,QAAQ,OAAO,OAAO,EAAE;AACjD,YAAIa,MAAU,EAAG;AAEjB,cAAMC,IACJ1B,MAAgB,aACZ,cACAkB,IACE,cACA,cACFS,IACJ3B,MAAgB,aACZ,YACAkB,IACE,eACA;AAER,YAAIU,IAAsB;AAM1B,YALIJ,EAAM,QAAQE,IAAYE,KAAQd,IAAa,KAAKW,IAC/CD,EAAM,QAAQG,IACrBC,KAAQd,IAAa,IAAIW,KAASA,IAC3BD,EAAM,QAAQ,SAAQI,IAAO,IAC7BJ,EAAM,QAAQ,UAAOI,IAAOH,IAAQ,IACzCG,MAAS,KAAM;AAGnB,cAAMC,IAAcJ;AACpB,YAAIK,IAAW,GACXC,IAAYH;AAChB,eAAOE,IAAWD,KAAa;AAC7B,gBAAMG,IAAKpB,EAAW,QAAQmB,CAAS;AACvC,cAAIC,KAAMA,EAAG,aAAa,eAAe,MAAM,UAAU,CAACA,EAAG;AAC3D;AAEF,UAAAD,IACEP,EAAM,QAAQG,KAAeH,EAAM,QAAQ,SACtCO,IAAY,IAAIN,KAASA,KACzBM,IAAY,KAAKN,GACxBK,KAAY;AAAA,QACd;AACA,QAAAN,EAAM,eAAA,GACNT,EAAcgB,CAAS,IACvBE,IAAArB,EAAW,QAAQmB,CAAS,MAA5B,QAAAE,EAA+B;AAAA,MACjC;AAAA,MACA,CAACtB,GAAgBX,GAAakB,GAAOJ,CAAU;AAAA,IAAA,GAG3CoB,IAAWC,EAAS,IAAI9B,GAAU,CAAC+B,GAAOC,MAAU;AACxD,UAAI,CAACC,EAAeF,CAAK,EAAG,QAAOA;AACnC,YAAMG,IAAUH,GAOVI,IAAe,CAACnB,MAAmC;AACvD,QAAAT,EAAW,QAAQyB,CAAK,IAAIhB;AAC5B,cAAMoB,IACJF,EACA;AACF,QAAI,OAAOE,KAAgB,aAAYA,EAAYpB,CAAI,IAErDoB,KAAgB,QAEhB,OAAOA,KAAgB,aAGrBA,EACA,UAAUpB;AAAA,MAEhB,GAEMqB,IAAY;AAAA,QAChB,QAAQH,EAAQ,MAAM,UAAUpC;AAAA,QAChC,UAAUQ,IACN0B,MAAUvB,IACR,IACA,KACFyB,EAAQ,MAAM;AAAA,QAClB,SAAS,CAACI,MAA4C;;AACpD,UAAIhC,OAA8B0B,CAAK,IACvCO,KAAAX,IAAAM,EAAQ,OAAM,YAAd,QAAAK,EAAA,KAAAX,GAAwBU;AAAA,QAC1B;AAAA,QACA,KAAKH;AAAA,MAAA;AAGP,aAAOK,EAAaN,GAASG,CAAS;AAAA,IACxC,CAAC;AAUD,WACE,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAVkB,CAACzB,MAAgC;AACrD,UAAAJ,EAAQ,UAAUI,GACd,OAAOd,KAAQ,aAAYA,EAAIc,CAAI,IAC9Bd,KAAO,OAAOA,KAAQ,aAC5BA,EAAsD,UAAUc;AAAA,QAErE;AAAA,QAKI,MAAMnB,IAAU,YAAY;AAAA,QAC5B,cAAYQ;AAAA,QACZ,oBAAkBR,IAAWF,KAAe,eAAgB;AAAA,QAC5D,WAAWsB;AAAA,QACX,WAAW3B,EAAoB,EAAE,aAAAK,GAAa,WAAAC,GAAW,WAAAF,GAAW;AAAA,QACnE,GAAGO;AAAA,QAEH,UAAA4B;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEArC,EAAY,cAAc;"}
+{"version":3,"file":"button-group-CONver7M.js","sources":["../../src/components/button-group/button-group.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactElement,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport type { ButtonProps } from '../button/button';\n\ntype ButtonIntent = NonNullable<ButtonProps['intent']>;\n\nconst buttonGroupVariants = cva(\n  'ds:inline-flex ds:isolate ds:[&>*]:relative ds:[&>*:focus-visible]:z-10',\n  {\n    variants: {\n      orientation: {\n        horizontal: [\n          'ds:flex-row',\n          'ds:[&>*:not(:first-child)]:rounded-s-none',\n          'ds:[&>*:not(:last-child)]:rounded-e-none',\n          'ds:[&>*:not(:first-child)]:-ms-px',\n        ].join(' '),\n        vertical: [\n          'ds:flex-col',\n          'ds:[&>*:not(:first-child)]:rounded-t-none',\n          'ds:[&>*:not(:last-child)]:rounded-b-none',\n          'ds:[&>*:not(:first-child)]:-mt-px',\n        ].join(' '),\n      },\n      separator: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        separator: true,\n        class:\n          'ds:[&>*:not(:last-child)]:border-e ds:[&>*:not(:last-child)]:border-border',\n      },\n      {\n        orientation: 'vertical',\n        separator: true,\n        class:\n          'ds:[&>*:not(:last-child)]:border-b ds:[&>*:not(:last-child)]:border-border',\n      },\n    ],\n    defaultVariants: {\n      orientation: 'horizontal',\n      separator: false,\n    },\n  },\n);\n\nexport interface ButtonGroupProps\n  extends HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof buttonGroupVariants> {\n  /**\n   * Accessible label for the group. Falls back to the translated\n   * `ui.buttonGroup.label` string when not provided.\n   */\n  label?: string;\n  /**\n   * When the children are interactive toolbar-style controls (e.g. toggles),\n   * set this to render `role=\"toolbar\"` instead of `role=\"group\"`.\n   */\n  toolbar?: boolean;\n  /**\n   * Intent applied to every Button / IconButton child that does not set\n   * its own `intent`. Defaults to `outline` — grouped buttons are peers,\n   * not three solid-primary CTAs.\n   */\n  intent?: ButtonIntent;\n}\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  (\n    {\n      className,\n      orientation = 'horizontal',\n      separator = false,\n      toolbar = false,\n      intent = 'outline',\n      label,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const accessibleLabel = label ?? t('ui.buttonGroup.label', 'Button group');\n\n    // Roving tabindex — required by the WAI-ARIA toolbar pattern.\n    // When `toolbar` is true, one child owns `tabIndex=0` and the rest are\n    // `-1`. Arrow keys / Home / End move focus between children, respecting\n    // orientation and RTL. Plain `group` mode keeps every child natively\n    // tabbable.\n    const rovingTabindex = toolbar;\n    const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const [focusIndex, setFocusIndex] = useState(0);\n\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const [isRTL, setIsRTL] = useState(false);\n    useLayoutEffect(() => {\n      if (typeof window === 'undefined') return;\n      const node = rootRef.current;\n      if (!node) return;\n      setIsRTL(window.getComputedStyle(node).direction === 'rtl');\n    }, []);\n\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        if (next === null) return;\n\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 (el && el.getAttribute('aria-disabled') !== 'true' && !el.disabled) {\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      },\n      [rovingTabindex, orientation, isRTL, focusIndex],\n    );\n\n    const enhanced = Children.map(children, (child, index) => {\n      if (!isValidElement(child)) return child;\n      const childEl = child as ReactElement<{\n        intent?: ButtonIntent;\n        tabIndex?: number;\n        onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n        ref?: React.Ref<HTMLButtonElement>;\n      }>;\n\n      const setMergedRef = (node: HTMLButtonElement | null) => {\n        buttonsRef.current[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      const overrides = {\n        intent: childEl.props.intent ?? intent,\n        tabIndex: rovingTabindex\n          ? index === focusIndex\n            ? 0\n            : -1\n          : childEl.props.tabIndex,\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<{ intent?: ButtonIntent }>;\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={toolbar ? 'toolbar' : 'group'}\n        aria-label={accessibleLabel}\n        aria-orientation={toolbar ? (orientation ?? 'horizontal') : undefined}\n        data-component=\"button-group\"\n        onKeyDown={handleRootKeyDown}\n        className={buttonGroupVariants({ orientation, separator, className })}\n        {...props}\n      >\n        {enhanced}\n      </div>\n    );\n  },\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n"],"names":["buttonGroupVariants","cva","ButtonGroup","forwardRef","className","orientation","separator","toolbar","intent","label","children","props","ref","t","useTranslation","accessibleLabel","rovingTabindex","buttonsRef","useRef","focusIndex","setFocusIndex","useState","rootRef","isRTL","setIsRTL","useLayoutEffect","node","handleRootKeyDown","useCallback","event","count","forwardKey","backwardKey","next","maxAttempts","attempts","candidate","el","_a","enhanced","Children","child","index","isValidElement","childEl","setMergedRef","originalRef","overrides","ev","_b","cloneElement","jsx"],"mappings":"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"}

package/dist/_chunks/{card-DeItIBcV.js → card-BEy58ZKp.js}

@@ -69,6 +69,7 @@ const u = I({
       {
         ref: x,
         "aria-labelledby": w ? f : void 0,
+        "data-component": "card",
         className: R({
           variant: r,
           interactive: a ?? !1,
@@ -155,4 +156,4 @@ const O = Object.assign(m, {
 export {
   O as C
 };
-//# sourceMappingURL=card-DeItIBcV.js.map
+//# sourceMappingURL=card-BEy58ZKp.js.map

package/dist/_chunks/card-BEy58ZKp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-BEy58ZKp.js","sources":["../../src/components/card/card.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useId,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ninterface CardContextValue {\n  headerId: string;\n  interactive: boolean;\n  registerHeader: () => void;\n}\n\nconst CardContext = createContext<CardContextValue>({\n  headerId: '',\n  interactive: false,\n  registerHeader: () => {},\n});\n\n/* ------------------------------------------------------------------ */\n/* Variants                                                            */\n/* ------------------------------------------------------------------ */\n\nconst cardVariants = cva(\n  [\n    'ds:rounded-[var(--radius-lg)] ds:text-[var(--card-foreground)]',\n    'ds:overflow-hidden',\n    'ds:flex ds:flex-col',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        default: 'ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)]',\n        outlined: 'ds:bg-[var(--card)] ds:border ds:border-[color:var(--border)]',\n        elevated: 'ds:bg-[var(--card)] ds:shadow-[var(--shadow-card)]',\n      },\n      interactive: {\n        true: [\n          'ds:cursor-pointer',\n          'ds:transition-shadow ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n          'ds:hover:shadow-[var(--shadow-hover)]',\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          'ds:min-h-[var(--min-target-size)]',\n        ].join(' '),\n        false: '',\n      },\n      // `stretch: true` fills the parent layout cell (grid / flex) so a\n      // row of Cards ends up with matching heights. Combined with the\n      // `flex-1` on `Card.Body`, the footer naturally pins to the bottom.\n      stretch: {\n        true: 'ds:h-full ds:self-stretch',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      interactive: false,\n      stretch: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface CardProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'role'>,\n    VariantProps<typeof cardVariants> {\n  variant?: 'default' | 'outlined' | 'elevated';\n  interactive?: boolean;\n  /**\n   * Stretch the Card to fill its parent layout cell. Use on every Card in\n   * a dashboard row so siblings end up with matching heights, and the\n   * `Card.Body` + `Card.Footer` flex naturally pin the footer to the\n   * bottom. Grid cells already `align-items: stretch` by default, but an\n   * explicit `h-full` keeps the behaviour robust under flex parents too.\n   */\n  stretch?: boolean;\n  asChild?: boolean;\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nconst CardRoot = forwardRef<HTMLElement, CardProps>(\n  (\n    {\n      variant = 'default',\n      interactive = false,\n      stretch = false,\n      asChild = false,\n      className,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const headerId = useId();\n    const [hasHeader, setHasHeader] = useState(false);\n    const registerHeader = useCallback(() => setHasHeader(true), []);\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n      if (interactive && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        (e.currentTarget as HTMLElement).click();\n      }\n      onKeyDown?.(e);\n    };\n\n    // When asChild=true the consumer provides its own element (<a>, <button>)\n    // which already carries the correct role and tabIndex — don't override them.\n    const interactiveProps = interactive\n      ? {\n          ...(asChild ? {} : { role: 'button' as const, tabIndex: 0 }),\n          onKeyDown: handleKeyDown,\n          onClick,\n        }\n      : { onClick };\n\n    const Comp = asChild ? Slot : 'article';\n\n    return (\n      <CardContext.Provider value={{ headerId, interactive: interactive ?? false, registerHeader }}>\n        <Comp\n          ref={ref as React.Ref<HTMLElement>}\n          aria-labelledby={hasHeader ? headerId : undefined}\n          data-component=\"card\"\n          className={cardVariants({\n            variant,\n            interactive: interactive ?? false,\n            stretch: stretch ?? false,\n            className,\n          })}\n          {...interactiveProps}\n          {...props}\n        >\n          {children}\n        </Comp>\n      </CardContext.Provider>\n    );\n  },\n);\nCardRoot.displayName = 'Card';\n\n/* ------------------------------------------------------------------ */\n/* Header                                                              */\n/* ------------------------------------------------------------------ */\n\nconst CardHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const { headerId, registerHeader } = useContext(CardContext);\n\n    // Notify root that a header is present so aria-labelledby is applied.\n    const callbackRef = useCallback(\n      (node: HTMLDivElement | null) => {\n        if (node) registerHeader();\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref, registerHeader],\n    );\n\n    return (\n      <div\n        ref={callbackRef}\n        id={headerId}\n        className={[\n          'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-md)] ds:pb-0',\n          'ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:anywhere]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    );\n  },\n);\nCardHeader.displayName = 'Card.Header';\n\n/* ------------------------------------------------------------------ */\n/* Media                                                               */\n/* ------------------------------------------------------------------ */\n\nconst CardMedia = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:overflow-hidden ds:[&_img]:w-full ds:[&_img]:h-auto ds:[&_img]:[object-fit:cover] ds:[&_video]:w-full',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardMedia.displayName = 'Card.Media';\n\n/* ------------------------------------------------------------------ */\n/* Body                                                                */\n/* ------------------------------------------------------------------ */\n\nconst CardBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={['ds:p-[var(--spacing-md)] ds:flex-1 ds:text-start', className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardBody.displayName = 'Card.Body';\n\n/* ------------------------------------------------------------------ */\n/* Footer                                                              */\n/* ------------------------------------------------------------------ */\n\nconst CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:pt-0',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = 'Card.Footer';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Media: CardMedia,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n\nexport type { VariantProps as CardVariantProps };\n"],"names":["CardContext","createContext","cardVariants","cva","CardRoot","forwardRef","variant","interactive","stretch","asChild","className","children","onClick","onKeyDown","props","ref","headerId","useId","hasHeader","setHasHeader","useState","registerHeader","useCallback","interactiveProps","e","Comp","Slot","jsx","CardHeader","useContext","callbackRef","node","CardMedia","CardBody","CardFooter","Card"],"mappings":"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"}

package/dist/_chunks/{chat-container-ChdJTH0J.js → chat-container-BZvQ3_yT.js}

@@ -3,7 +3,7 @@ import { forwardRef as z, useRef as h, useState as R, useCallback as V, useImper
 import { c as b } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
 import { u as O } from "./index-CJE9uQmb.js";
-import { F as j } from "./floating-action-button-DjRhFQdd.js";
+import { F as j } from "./floating-action-button-Cnw-f6AG.js";
 import { u as H } from "./use-prefers-reduced-motion-BMwIQRjB.js";
 import { C as M } from "./chevron-down-BX_NP2Yh.js";
 const S = b(
@@ -171,4 +171,4 @@ K.displayName = "ChatContainer";
 export {
   K as C
 };
-//# sourceMappingURL=chat-container-ChdJTH0J.js.map
+//# sourceMappingURL=chat-container-BZvQ3_yT.js.map

package/dist/_chunks/{chat-container-ChdJTH0J.js.map → chat-container-BZvQ3_yT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chat-container-ChdJTH0J.js","sources":["../../src/components/chat-container/chat-container.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { FloatingActionButton } from '../floating-action-button/floating-action-button';\nimport { usePrefersReducedMotion } from '../../hooks';\n\nconst rootVariants = cva(\n  'ds:relative ds:flex ds:w-full ds:flex-col ds:overflow-hidden ds:bg-background',\n  {\n    variants: {\n      density: {\n        default: 'ds:gap-[var(--spacing-md)]',\n        compact: 'ds:gap-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: { density: 'default' },\n  },\n);\n\nconst scrollViewportVariants = cva(\n  [\n    'ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\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    'ds:scroll-smooth ds:motion-reduce:scroll-auto ds:[.theme-accessible_&]:scroll-auto',\n    // Edge fade — content near the scroll boundaries fades into the\n    // container surface instead of clipping abruptly against the header\n    // or composer, so avatars / bubbles don't look \"cut in half\" as they\n    // pass the viewport edge. Fade width matches the viewport padding so\n    // a row can slide fully behind the mask before disappearing.\n    // Disabled under HCM (mask strips content), reduced motion (less\n    // decoration when motion is off), and the accessible theme.\n    'ds:[mask-image:linear-gradient(to_bottom,transparent_0,black_var(--spacing-md),black_calc(100%-var(--spacing-md)),transparent_100%)]',\n    'ds:motion-reduce:[mask-image:none]',\n    'ds:[.theme-accessible_&]:[mask-image:none]',\n    'ds:forced-colors:[mask-image:none]',\n  ].join(' '),\n);\n\nconst VIRTUALIZATION_THRESHOLD = 100;\n/** Pixel slack against the bottom edge that still counts as \"at bottom\". */\nconst BOTTOM_SLACK_PX = 48;\n\nexport interface ChatContainerHandle {\n  scrollToBottom: (opts?: { smooth?: boolean }) => void;\n  getScrollViewport: () => HTMLDivElement | null;\n}\n\nexport interface ChatContainerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n    VariantProps<typeof rootVariants> {\n  /** Array of messages to render. When the array exceeds 100 items the\n   *  list is virtualised via @tanstack/react-virtual. */\n  messages: Array<{ id: string; node: ReactNode }>;\n  /** Composer slot pinned to the block-end. */\n  composer?: ReactNode;\n  /** Fires when the user's auto-scroll preference flips. */\n  onAutoScrollChange?: (isAtBottom: boolean) => void;\n  /**\n   * When true, renders a \"scroll to latest\" FloatingActionButton in the\n   * bottom-end of the scroll column whenever the user has scrolled\n   * away from the newest message. Defaults to `false` because the\n   * affordance is only useful in long-form chat surfaces (fullscreen\n   * assistants, dedicated messaging views); in compact docks — e.g. the\n   * Leo side-panel — conversations rarely exceed one screen and the FAB\n   * just adds visual noise. Turn on for fullscreen chat surfaces.\n   */\n  showScrollToLatest?: boolean;\n}\n\nexport const ChatContainer = forwardRef<ChatContainerHandle, ChatContainerProps>(\n  (\n    {\n      messages,\n      composer,\n      density = 'default',\n      className,\n      onAutoScrollChange,\n      showScrollToLatest = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const viewportRef = useRef<HTMLDivElement | null>(null);\n    const sentinelRef = useRef<HTMLDivElement | null>(null);\n    const [isAtBottom, setIsAtBottom] = useState(true);\n\n    const prefersReducedMotion = usePrefersReducedMotion();\n\n    const scrollToBottom = useCallback(\n      (opts?: { smooth?: boolean }) => {\n        const el = viewportRef.current;\n        if (!el) return;\n        const smooth = (opts?.smooth ?? true) && !prefersReducedMotion;\n        el.scrollTo({ top: el.scrollHeight, behavior: smooth ? 'smooth' : 'auto' });\n      },\n      [prefersReducedMotion],\n    );\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        scrollToBottom,\n        getScrollViewport: () => viewportRef.current,\n      }),\n      [scrollToBottom],\n    );\n\n    /* ── Intersection observer: track \"at bottom\" via a sentinel ── */\n    useEffect(() => {\n      const root = viewportRef.current;\n      const sentinel = sentinelRef.current;\n      if (!root || !sentinel) return;\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0];\n          setIsAtBottom(entry.isIntersecting);\n          onAutoScrollChange?.(entry.isIntersecting);\n        },\n        {\n          root,\n          // Fire when the sentinel is within BOTTOM_SLACK_PX of being visible.\n          rootMargin: `0px 0px ${BOTTOM_SLACK_PX}px 0px`,\n          threshold: 0,\n        },\n      );\n      observer.observe(sentinel);\n      return () => observer.disconnect();\n    }, [onAutoScrollChange]);\n\n    /* ── Auto-scroll on new messages when at bottom ── */\n    const messagesLength = messages.length;\n    useLayoutEffect(() => {\n      // `smooth: false` — when we're already pinned to the bottom and a\n      // new message appends, the user doesn't perceive any scroll motion\n      // (the sentinel just slides a few px). But a smooth animation DOES\n      // give the IntersectionObserver a window in which the sentinel is\n      // temporarily outside the rootMargin zone — that's what causes the\n      // scroll-to-latest FAB to flicker in and out on every new message.\n      // Instant scroll settles in one frame; FAB state stays stable.\n      // The user-initiated FAB click below still uses smooth because the\n      // jump is large and the motion communicates the travel.\n      if (isAtBottom) scrollToBottom({ smooth: false });\n      // Intentionally watching only length — individual node updates (streaming)\n      // are driven by their own scroll decisions.\n    }, [messagesLength, isAtBottom, scrollToBottom]);\n\n    const virtualized = messages.length > VIRTUALIZATION_THRESHOLD;\n\n    const virtualizer = useVirtualizer({\n      count: virtualized ? messages.length : 0,\n      getScrollElement: () => viewportRef.current,\n      estimateSize: () => 80,\n      overscan: 6,\n      getItemKey: (i) => messages[i]?.id ?? i,\n    });\n\n    return (\n      <div className={rootVariants({ density, className })} data-component=\"chat-container\" {...rest}>\n        {/* Scroll column wraps the viewport AND the FAB together so the\n            FAB's absolute `bottom` is measured from the top of the\n            composer (this wrapper's end edge), not from the root — which\n            would drop the FAB inside the composer/suggestion-chip area. */}\n        <div className=\"ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col\">\n          <div\n            ref={viewportRef}\n            role=\"log\"\n            aria-live=\"polite\"\n            aria-relevant=\"additions\"\n            aria-label={t('ui.chat.container')}\n            tabIndex={0}\n            className={scrollViewportVariants()}\n          >\n            {virtualized ? (\n              <ol\n                className=\"ds:relative ds:list-none ds:ps-0 ds:m-0\"\n                // Inline style — permitted per 23-constraints\n                // §Runtime-computed dimensions (virtualizer total size).\n                style={{ blockSize: `${virtualizer.getTotalSize()}px` }}\n              >\n                {virtualizer.getVirtualItems().map((vi) => {\n                  const msg = messages[vi.index];\n                  if (!msg) return null;\n                  return (\n                    <li\n                      key={msg.id}\n                      data-index={vi.index}\n                      ref={virtualizer.measureElement}\n                      className=\"ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full\"\n                      // Inline style — permitted per 23-constraints\n                      // §Runtime-computed dimensions (virtualizer translateY).\n                      style={{ transform: `translateY(${vi.start}px)` }}\n                    >\n                      <div className=\"ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]\">\n                        {msg.node}\n                      </div>\n                    </li>\n                  );\n                })}\n              </ol>\n            ) : (\n              <ol className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:ps-0 ds:m-0\">\n                {messages.map((m) => (\n                  <li key={m.id}>{m.node}</li>\n                ))}\n              </ol>\n            )}\n            <div ref={sentinelRef} aria-hidden=\"true\" className=\"ds:h-1 ds:w-full\" />\n          </div>\n\n          {showScrollToLatest && !isAtBottom ? (\n            <div\n              className={[\n                'ds:pointer-events-none ds:absolute ds:inset-inline-end-0',\n                // `bottom` is measured from the bottom of the scroll\n                // column (i.e. the top edge of the composer slot). A\n                // small spacing-md gap keeps the FAB clear of the\n                // divider border above the composer.\n                'ds:bottom-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n                // Enter animation — fade + scale in from 95%. The FAB only\n                // unmounts when the user returns to bottom, so an exit\n                // animation isn't justified (abrupt disappearance reads as\n                // \"task complete\" when they've scrolled back).\n                'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:zoom-in-95',\n                'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n              ].join(' ')}\n            >\n              <div className=\"ds:pointer-events-auto\">\n                <FloatingActionButton\n                  icon={<ChevronDown />}\n                  aria-label={t('ui.chat.scrollToLatest')}\n                  size=\"sm\"\n                  variant=\"secondary\"\n                  // `position=\"static\"` — the wrapper is already\n                  // absolutely-positioned. Without this, FAB's default\n                  // `bottom-end` variant applies `position: fixed` and\n                  // pins the button to the browser viewport corner,\n                  // escaping the container and appearing as an orphan\n                  // circle that stays put while the chat scrolls.\n                  position=\"static\"\n                  onClick={() => scrollToBottom({ smooth: true })}\n                />\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {composer ? (\n          <div className=\"ds:shrink-0 ds:border-t ds:border-border ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)] ds:bg-background\">\n            {composer}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nChatContainer.displayName = 'ChatContainer';\n"],"names":["rootVariants","cva","scrollViewportVariants","VIRTUALIZATION_THRESHOLD","BOTTOM_SLACK_PX","ChatContainer","forwardRef","messages","composer","density","className","onAutoScrollChange","showScrollToLatest","rest","ref","t","useTranslation","viewportRef","useRef","sentinelRef","isAtBottom","setIsAtBottom","useState","prefersReducedMotion","usePrefersReducedMotion","scrollToBottom","useCallback","opts","el","smooth","useImperativeHandle","useEffect","root","sentinel","observer","entries","entry","messagesLength","useLayoutEffect","virtualized","virtualizer","useVirtualizer","i","_a","jsxs","jsx","vi","msg","m","FloatingActionButton","ChevronDown"],"mappings":"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"}
+{"version":3,"file":"chat-container-BZvQ3_yT.js","sources":["../../src/components/chat-container/chat-container.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { FloatingActionButton } from '../floating-action-button/floating-action-button';\nimport { usePrefersReducedMotion } from '../../hooks';\n\nconst rootVariants = cva(\n  'ds:relative ds:flex ds:w-full ds:flex-col ds:overflow-hidden ds:bg-background',\n  {\n    variants: {\n      density: {\n        default: 'ds:gap-[var(--spacing-md)]',\n        compact: 'ds:gap-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: { density: 'default' },\n  },\n);\n\nconst scrollViewportVariants = cva(\n  [\n    'ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\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    'ds:scroll-smooth ds:motion-reduce:scroll-auto ds:[.theme-accessible_&]:scroll-auto',\n    // Edge fade — content near the scroll boundaries fades into the\n    // container surface instead of clipping abruptly against the header\n    // or composer, so avatars / bubbles don't look \"cut in half\" as they\n    // pass the viewport edge. Fade width matches the viewport padding so\n    // a row can slide fully behind the mask before disappearing.\n    // Disabled under HCM (mask strips content), reduced motion (less\n    // decoration when motion is off), and the accessible theme.\n    'ds:[mask-image:linear-gradient(to_bottom,transparent_0,black_var(--spacing-md),black_calc(100%-var(--spacing-md)),transparent_100%)]',\n    'ds:motion-reduce:[mask-image:none]',\n    'ds:[.theme-accessible_&]:[mask-image:none]',\n    'ds:forced-colors:[mask-image:none]',\n  ].join(' '),\n);\n\nconst VIRTUALIZATION_THRESHOLD = 100;\n/** Pixel slack against the bottom edge that still counts as \"at bottom\". */\nconst BOTTOM_SLACK_PX = 48;\n\nexport interface ChatContainerHandle {\n  scrollToBottom: (opts?: { smooth?: boolean }) => void;\n  getScrollViewport: () => HTMLDivElement | null;\n}\n\nexport interface ChatContainerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n    VariantProps<typeof rootVariants> {\n  /** Array of messages to render. When the array exceeds 100 items the\n   *  list is virtualised via @tanstack/react-virtual. */\n  messages: Array<{ id: string; node: ReactNode }>;\n  /** Composer slot pinned to the block-end. */\n  composer?: ReactNode;\n  /** Fires when the user's auto-scroll preference flips. */\n  onAutoScrollChange?: (isAtBottom: boolean) => void;\n  /**\n   * When true, renders a \"scroll to latest\" FloatingActionButton in the\n   * bottom-end of the scroll column whenever the user has scrolled\n   * away from the newest message. Defaults to `false` because the\n   * affordance is only useful in long-form chat surfaces (fullscreen\n   * assistants, dedicated messaging views); in compact docks — e.g. the\n   * Leo side-panel — conversations rarely exceed one screen and the FAB\n   * just adds visual noise. Turn on for fullscreen chat surfaces.\n   */\n  showScrollToLatest?: boolean;\n}\n\nexport const ChatContainer = forwardRef<ChatContainerHandle, ChatContainerProps>(\n  (\n    {\n      messages,\n      composer,\n      density = 'default',\n      className,\n      onAutoScrollChange,\n      showScrollToLatest = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const viewportRef = useRef<HTMLDivElement | null>(null);\n    const sentinelRef = useRef<HTMLDivElement | null>(null);\n    const [isAtBottom, setIsAtBottom] = useState(true);\n\n    const prefersReducedMotion = usePrefersReducedMotion();\n\n    const scrollToBottom = useCallback(\n      (opts?: { smooth?: boolean }) => {\n        const el = viewportRef.current;\n        if (!el) return;\n        const smooth = (opts?.smooth ?? true) && !prefersReducedMotion;\n        el.scrollTo({ top: el.scrollHeight, behavior: smooth ? 'smooth' : 'auto' });\n      },\n      [prefersReducedMotion],\n    );\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        scrollToBottom,\n        getScrollViewport: () => viewportRef.current,\n      }),\n      [scrollToBottom],\n    );\n\n    /* ── Intersection observer: track \"at bottom\" via a sentinel ── */\n    useEffect(() => {\n      const root = viewportRef.current;\n      const sentinel = sentinelRef.current;\n      if (!root || !sentinel) return;\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0];\n          setIsAtBottom(entry.isIntersecting);\n          onAutoScrollChange?.(entry.isIntersecting);\n        },\n        {\n          root,\n          // Fire when the sentinel is within BOTTOM_SLACK_PX of being visible.\n          rootMargin: `0px 0px ${BOTTOM_SLACK_PX}px 0px`,\n          threshold: 0,\n        },\n      );\n      observer.observe(sentinel);\n      return () => observer.disconnect();\n    }, [onAutoScrollChange]);\n\n    /* ── Auto-scroll on new messages when at bottom ── */\n    const messagesLength = messages.length;\n    useLayoutEffect(() => {\n      // `smooth: false` — when we're already pinned to the bottom and a\n      // new message appends, the user doesn't perceive any scroll motion\n      // (the sentinel just slides a few px). But a smooth animation DOES\n      // give the IntersectionObserver a window in which the sentinel is\n      // temporarily outside the rootMargin zone — that's what causes the\n      // scroll-to-latest FAB to flicker in and out on every new message.\n      // Instant scroll settles in one frame; FAB state stays stable.\n      // The user-initiated FAB click below still uses smooth because the\n      // jump is large and the motion communicates the travel.\n      if (isAtBottom) scrollToBottom({ smooth: false });\n      // Intentionally watching only length — individual node updates (streaming)\n      // are driven by their own scroll decisions.\n    }, [messagesLength, isAtBottom, scrollToBottom]);\n\n    const virtualized = messages.length > VIRTUALIZATION_THRESHOLD;\n\n    const virtualizer = useVirtualizer({\n      count: virtualized ? messages.length : 0,\n      getScrollElement: () => viewportRef.current,\n      estimateSize: () => 80,\n      overscan: 6,\n      getItemKey: (i) => messages[i]?.id ?? i,\n    });\n\n    return (\n      <div className={rootVariants({ density, className })} data-component=\"chat-container\" {...rest}>\n        {/* Scroll column wraps the viewport AND the FAB together so the\n            FAB's absolute `bottom` is measured from the top of the\n            composer (this wrapper's end edge), not from the root — which\n            would drop the FAB inside the composer/suggestion-chip area. */}\n        <div className=\"ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col\">\n          <div\n            ref={viewportRef}\n            role=\"log\"\n            aria-live=\"polite\"\n            aria-relevant=\"additions\"\n            aria-label={t('ui.chat.container')}\n            tabIndex={0}\n            className={scrollViewportVariants()}\n          >\n            {virtualized ? (\n              <ol\n                className=\"ds:relative ds:list-none ds:ps-0 ds:m-0\"\n                // Inline style — permitted per 23-constraints\n                // §Runtime-computed dimensions (virtualizer total size).\n                style={{ blockSize: `${virtualizer.getTotalSize()}px` }}\n              >\n                {virtualizer.getVirtualItems().map((vi) => {\n                  const msg = messages[vi.index];\n                  if (!msg) return null;\n                  return (\n                    <li\n                      key={msg.id}\n                      data-index={vi.index}\n                      ref={virtualizer.measureElement}\n                      className=\"ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full\"\n                      // Inline style — permitted per 23-constraints\n                      // §Runtime-computed dimensions (virtualizer translateY).\n                      style={{ transform: `translateY(${vi.start}px)` }}\n                    >\n                      <div className=\"ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]\">\n                        {msg.node}\n                      </div>\n                    </li>\n                  );\n                })}\n              </ol>\n            ) : (\n              <ol className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:ps-0 ds:m-0\">\n                {messages.map((m) => (\n                  <li key={m.id}>{m.node}</li>\n                ))}\n              </ol>\n            )}\n            <div ref={sentinelRef} aria-hidden=\"true\" className=\"ds:h-1 ds:w-full\" />\n          </div>\n\n          {showScrollToLatest && !isAtBottom ? (\n            <div\n              className={[\n                'ds:pointer-events-none ds:absolute ds:inset-inline-end-0',\n                // `bottom` is measured from the bottom of the scroll\n                // column (i.e. the top edge of the composer slot). A\n                // small spacing-md gap keeps the FAB clear of the\n                // divider border above the composer.\n                'ds:bottom-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n                // Enter animation — fade + scale in from 95%. The FAB only\n                // unmounts when the user returns to bottom, so an exit\n                // animation isn't justified (abrupt disappearance reads as\n                // \"task complete\" when they've scrolled back).\n                'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:zoom-in-95',\n                'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n              ].join(' ')}\n            >\n              <div className=\"ds:pointer-events-auto\">\n                <FloatingActionButton\n                  icon={<ChevronDown />}\n                  aria-label={t('ui.chat.scrollToLatest')}\n                  size=\"sm\"\n                  variant=\"secondary\"\n                  // `position=\"static\"` — the wrapper is already\n                  // absolutely-positioned. Without this, FAB's default\n                  // `bottom-end` variant applies `position: fixed` and\n                  // pins the button to the browser viewport corner,\n                  // escaping the container and appearing as an orphan\n                  // circle that stays put while the chat scrolls.\n                  position=\"static\"\n                  onClick={() => scrollToBottom({ smooth: true })}\n                />\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {composer ? (\n          <div className=\"ds:shrink-0 ds:border-t ds:border-border ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)] ds:bg-background\">\n            {composer}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nChatContainer.displayName = 'ChatContainer';\n"],"names":["rootVariants","cva","scrollViewportVariants","VIRTUALIZATION_THRESHOLD","BOTTOM_SLACK_PX","ChatContainer","forwardRef","messages","composer","density","className","onAutoScrollChange","showScrollToLatest","rest","ref","t","useTranslation","viewportRef","useRef","sentinelRef","isAtBottom","setIsAtBottom","useState","prefersReducedMotion","usePrefersReducedMotion","scrollToBottom","useCallback","opts","el","smooth","useImperativeHandle","useEffect","root","sentinel","observer","entries","entry","messagesLength","useLayoutEffect","virtualized","virtualizer","useVirtualizer","i","_a","jsxs","jsx","vi","msg","m","FloatingActionButton","ChevronDown"],"mappings":"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"}

package/dist/_chunks/{chat-input-C-B4snVJ.js → chat-input-xiBIujMv.js}

@@ -2,7 +2,7 @@ import { jsxs as d, jsx as s, Fragment as ge } from "react/jsx-runtime";
 import { forwardRef as he, useId as ve, useRef as F, useCallback as K, useState as be, useLayoutEffect as ye } from "react";
 import { c as xe } from "./index-D2ZczOXr.js";
 import { useTranslation as Ie } from "react-i18next";
-import { I as W } from "./icon-button-SWpSs9S6.js";
+import { I as W } from "./icon-button-CNjWCD1X.js";
 import { c as Ce } from "./createLucideIcon-CrFbzy84.js";
 import { C as Ne } from "./circle-alert-ChA9opNA.js";
 import { S as ke } from "./send-CySZIRPJ.js";
@@ -111,7 +111,7 @@ const je = he(
     }, ie = (e) => {
       e.target.files && e.target.files.length > 0 && (m == null || m(e.target.files)), e.target.value = "";
     }, c = L ?? U, P = `${c}-label`, S = v ? `${c}-counter` : void 0, $ = `${c}-hint`, oe = G ?? n("chat.input.placeholder"), le = j ?? n("chat.prompt");
-    return /* @__PURE__ */ d("div", { className: we({ size: u, className: J }), children: [
+    return /* @__PURE__ */ d("div", { "data-component": "chat-input", className: we({ size: u, className: J }), children: [
       /* @__PURE__ */ s("label", { id: P, htmlFor: c, className: j ? "type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]" : "ds:sr-only", children: le }),
       /* @__PURE__ */ s(
         "textarea",
@@ -218,4 +218,4 @@ je.displayName = "ChatInput";
 export {
   je as C
 };
-//# sourceMappingURL=chat-input-C-B4snVJ.js.map
+//# sourceMappingURL=chat-input-xiBIujMv.js.map

package/dist/_chunks/chat-input-xiBIujMv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input-xiBIujMv.js","sources":["../../node_modules/lucide-react/dist/esm/icons/paperclip.js","../../src/components/chat-input/chat-input.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551\",\n      key: \"1miecu\"\n    }\n  ]\n];\nconst Paperclip = createLucideIcon(\"paperclip\", __iconNode);\n\nexport { __iconNode, Paperclip as default };\n//# sourceMappingURL=paperclip.js.map\n","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CompositionEvent,\n  type KeyboardEvent,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertCircle, Paperclip, Send } from 'lucide-react';\nimport { IconButton } from '../button';\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n    'ds:bg-background ds:focus-within:border-[color:var(--primary)]',\n    'ds:transition-[border-color] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\ntype NativeTextareaProps = Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'size' | 'onSubmit' | 'children'\n>;\n\nexport interface ChatInputProps\n  extends NativeTextareaProps,\n    VariantProps<typeof rootVariants> {\n  /** Invoked when the user submits (Cmd/Ctrl+Enter, or send button). */\n  onSubmit?: (text: string) => void;\n  /** Maximum allowed characters (grapheme clusters via Intl.Segmenter when available). */\n  maxLength?: number;\n  /** When true, plain Enter submits and Shift+Enter inserts a newline.\n   *  Default false (Enter inserts newline; Cmd/Ctrl+Enter submits). */\n  submitOnEnter?: boolean;\n  /** Minimum visible rows. Default 1. */\n  minRows?: number;\n  /** Maximum visible rows before the field scrolls. Default 8. */\n  maxRows?: number;\n  /** Optional attachment handler — when provided, renders the attachment button. */\n  onAttach?: (files: FileList) => void;\n  /** `accept` forwarded to the hidden file input. */\n  accept?: string;\n  /** Controls whether the textarea is disabled and submit is blocked. */\n  disabled?: boolean;\n  /** Optional slot placed between the textarea and the send button. */\n  toolbar?: ReactNode;\n  /** Visible label above the textarea. When omitted, a visually-hidden label is used. */\n  label?: string;\n}\n\nfunction graphemeCount(value: string, locale: string): number {\n  if (typeof Intl !== 'undefined' && typeof Intl.Segmenter === 'function') {\n    try {\n      const seg = new Intl.Segmenter(locale, { granularity: 'grapheme' });\n      let n = 0;\n      for (const _s of seg.segment(value)) n += 1;\n      return n;\n    } catch {\n      /* fall through to Array.from */\n    }\n  }\n  return Array.from(value).length;\n}\n\nexport const ChatInput = forwardRef<HTMLTextAreaElement, ChatInputProps>(\n  (\n    {\n      size = 'md',\n      value,\n      defaultValue,\n      maxLength,\n      submitOnEnter = false,\n      minRows = 1,\n      maxRows = 8,\n      onSubmit,\n      onAttach,\n      accept,\n      disabled,\n      toolbar,\n      label,\n      placeholder,\n      className,\n      onChange,\n      onKeyDown,\n      onCompositionStart,\n      onCompositionEnd,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const textareaId = useId();\n    const composingRef = useRef(false);\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n\n    const setRefs = useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [ref],\n    );\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const currentValue = isControlled ? String(value) : internalValue;\n\n    const count = graphemeCount(currentValue, i18n.language);\n    const hasMaxLength = typeof maxLength === 'number' && maxLength > 0;\n    const remaining = hasMaxLength ? Math.max(0, maxLength - count) : 0;\n    const showCounter = hasMaxLength && count > (maxLength as number) * 0.9;\n    const atLimit = hasMaxLength && count >= maxLength;\n\n    /* Auto-grow — compute height from scrollHeight, clamped to [minRows, maxRows].\n       Imperative `.style` write is permitted per 23-constraints\n       §Runtime-computed dimensions (textarea scrollHeight measurement). */\n    const resize = useCallback(() => {\n      const el = innerRef.current;\n      if (!el) return;\n      const styles = window.getComputedStyle(el);\n      const lineHeight = parseFloat(styles.lineHeight) || 24;\n      const padTop = parseFloat(styles.paddingTop) || 0;\n      const padBot = parseFloat(styles.paddingBottom) || 0;\n      const borderTop = parseFloat(styles.borderTopWidth) || 0;\n      const borderBot = parseFloat(styles.borderBottomWidth) || 0;\n      const chrome = padTop + padBot + borderTop + borderBot;\n      const minH = lineHeight * minRows + chrome;\n      const maxH = lineHeight * maxRows + chrome;\n      el.style.height = 'auto';\n      const next = Math.max(minH, Math.min(el.scrollHeight, maxH));\n      el.style.height = `${next}px`;\n      el.style.overflowY = el.scrollHeight > maxH ? 'auto' : 'hidden';\n    }, [minRows, maxRows]);\n\n    useLayoutEffect(() => {\n      resize();\n    }, [resize, currentValue]);\n\n    const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) setInternalValue(e.target.value);\n      if (composingRef.current) return;\n      onChange?.(e);\n    };\n\n    const handleCompositionStart = (e: CompositionEvent<HTMLTextAreaElement>) => {\n      composingRef.current = true;\n      onCompositionStart?.(e);\n    };\n    const handleCompositionEnd = (e: CompositionEvent<HTMLTextAreaElement>) => {\n      composingRef.current = false;\n      onCompositionEnd?.(e);\n    };\n\n    const isIMEKey = (e: KeyboardEvent<HTMLTextAreaElement>) =>\n      e.nativeEvent.isComposing || e.keyCode === 229 || composingRef.current;\n\n    const submit = () => {\n      const text = currentValue.trim();\n      if (!text || disabled || atLimit) return;\n      onSubmit?.(currentValue);\n      if (!isControlled) setInternalValue('');\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n      if (isIMEKey(e)) return;\n\n      if (e.key === 'Enter') {\n        const explicitSubmit = e.metaKey || e.ctrlKey;\n        const plainEnterSubmits = submitOnEnter && !e.shiftKey;\n        if (explicitSubmit || plainEnterSubmits) {\n          e.preventDefault();\n          submit();\n        }\n      }\n    };\n\n    const handleAttach = () => {\n      fileInputRef.current?.click();\n    };\n\n    const handleFilePick = (e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.files && e.target.files.length > 0) {\n        onAttach?.(e.target.files);\n      }\n      // Reset so picking the same file twice still fires change.\n      e.target.value = '';\n    };\n\n    const effectiveId = id ?? textareaId;\n    const labelId = `${effectiveId}-label`;\n    const counterId = hasMaxLength ? `${effectiveId}-counter` : undefined;\n    const hintId = `${effectiveId}-hint`;\n\n    const resolvedPlaceholder =\n      placeholder ?? t('chat.input.placeholder');\n    const resolvedLabel = label ?? t('chat.prompt');\n\n    return (\n      <div data-component=\"chat-input\" className={rootVariants({ size, className })}>\n        <label id={labelId} htmlFor={effectiveId} className={label ? 'type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]' : 'ds:sr-only'}>\n          {resolvedLabel}\n        </label>\n        <textarea\n          ref={setRefs}\n          id={effectiveId}\n          value={isControlled ? currentValue : undefined}\n          defaultValue={!isControlled ? defaultValue : undefined}\n          disabled={disabled}\n          rows={minRows}\n          maxLength={maxLength}\n          placeholder={resolvedPlaceholder}\n          aria-labelledby={labelId}\n          aria-describedby={[counterId, hintId].filter(Boolean).join(' ') || undefined}\n          aria-invalid={atLimit || undefined}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          className={[\n            'ds:w-full ds:resize-none ds:bg-transparent',\n            'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]',\n            'ds:placeholder:text-[color:var(--muted-foreground)]',\n            'ds:leading-[var(--line-height-base)]',\n            'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n            // Tokenised focus ring on the textarea itself — the 1px border\n            // shift on the wrapper alone fails the 3px accessible-theme\n            // requirement. See a11y-critical-fixes.mdx.\n            'ds:outline-none',\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            'ds:rounded-[var(--radius-sm)]',\n            'ds:forced-colors:focus-visible:outline-[CanvasText]',\n          ].join(' ')}\n          {...rest}\n        />\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]\">\n          {onAttach ? (\n            <>\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                className=\"ds:sr-only\"\n                multiple\n                accept={accept}\n                onChange={handleFilePick}\n              />\n              <IconButton\n                icon={<Paperclip />}\n                aria-label={t('chat.input.attach')}\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={handleAttach}\n                disabled={disabled}\n              />\n            </>\n          ) : null}\n          {toolbar}\n          <div className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {showCounter ? (\n              <span\n                id={counterId}\n                aria-live=\"polite\"\n                className={[\n                  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                  'type-meta ds:tabular-nums',\n                  atLimit\n                    ? 'ds:text-[color:var(--destructive)]'\n                    : 'ds:text-[color:var(--muted-foreground)]',\n                ].join(' ')}\n              >\n                {atLimit ? (\n                  // Icon pairs with --destructive colour so the at-limit\n                  // state is not conveyed by hue alone (WCAG 1.4.1).\n                  <AlertCircle aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                ) : null}\n                {t('chat.input.remaining', { count: remaining })}\n              </span>\n            ) : null}\n            <span id={hintId} className=\"ds:sr-only\">\n              {t('chat.input.sendHint')}\n            </span>\n            <IconButton\n              icon={<Send />}\n              aria-label={t('chat.send')}\n              intent=\"primary\"\n              size=\"sm\"\n              disabled={disabled || !currentValue.trim() || atLimit}\n              onClick={submit}\n              aria-keyshortcuts=\"Meta+Enter Control+Enter\"\n            />\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nChatInput.displayName = 'ChatInput';\n"],"names":["__iconNode","Paperclip","createLucideIcon","rootVariants","cva","graphemeCount","value","locale","seg","n","_s","ChatInput","forwardRef","size","defaultValue","maxLength","submitOnEnter","minRows","maxRows","onSubmit","onAttach","accept","disabled","toolbar","label","placeholder","className","onChange","onKeyDown","onCompositionStart","onCompositionEnd","id","rest","ref","t","i18n","useTranslation","textareaId","useId","composingRef","useRef","fileInputRef","innerRef","setRefs","useCallback","node","isControlled","internalValue","setInternalValue","useState","currentValue","count","hasMaxLength","remaining","showCounter","atLimit","resize","el","styles","lineHeight","padTop","padBot","borderTop","borderBot","chrome","minH","maxH","next","useLayoutEffect","handleChange","handleCompositionStart","handleCompositionEnd","isIMEKey","submit","handleKeyDown","explicitSubmit","plainEnterSubmits","handleAttach","_a","handleFilePick","effectiveId","labelId","counterId","hintId","resolvedPlaceholder","resolvedLabel","jsxs","jsx","Fragment","IconButton","AlertCircle","Send"],"mappings":";;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AACA,GACMC,KAAYC,GAAiB,aAAaF,EAAU,GCApDG,KAAeC;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC;AAiCA,SAASC,GAAcC,GAAeC,GAAwB;AAC5D,MAAI,OAAO,OAAS,OAAe,OAAO,KAAK,aAAc;AAC3D,QAAI;AACF,YAAMC,IAAM,IAAI,KAAK,UAAUD,GAAQ,EAAE,aAAa,YAAY;AAClE,UAAIE,IAAI;AACR,iBAAWC,KAAMF,EAAI,QAAQF,CAAK,EAAG,CAAAG,KAAK;AAC1C,aAAOA;AAAA,IACT,QAAQ;AAAA,IAER;AAEF,SAAO,MAAM,KAAKH,CAAK,EAAE;AAC3B;AAEO,MAAMK,KAAYC;AAAA,EACvB,CACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,OAAAP;AAAA,IACA,cAAAQ;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,SAAAC,IAAU;AAAA,IACV,SAAAC,IAAU;AAAA,IACV,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,GAAA,GACdC,IAAaC,GAAA,GACbC,IAAeC,EAAO,EAAK,GAC3BC,IAAeD,EAAyB,IAAI,GAC5CE,IAAWF,EAAmC,IAAI,GAElDG,IAAUC;AAAA,MACd,CAACC,MAAqC;AACpC,QAAAH,EAAS,UAAUG,GACf,OAAOZ,KAAQ,aAAYA,EAAIY,CAAI,IAC9BZ,QAAS,UAAUY;AAAA,MAC9B;AAAA,MACA,CAACZ,CAAG;AAAA,IAAA,GAGAa,IAAexC,MAAU,QACzB,CAACyC,GAAeC,CAAgB,IAAIC;AAAA,MACxC,OAAOnC,KAAgB,EAAE;AAAA,IAAA,GAErBoC,IAAeJ,IAAe,OAAOxC,CAAK,IAAIyC,GAE9CI,IAAQ9C,GAAc6C,GAAcf,EAAK,QAAQ,GACjDiB,IAAe,OAAOrC,KAAc,YAAYA,IAAY,GAC5DsC,IAAYD,IAAe,KAAK,IAAI,GAAGrC,IAAYoC,CAAK,IAAI,GAC5DG,IAAcF,KAAgBD,IAASpC,IAAuB,KAC9DwC,IAAUH,KAAgBD,KAASpC,GAKnCyC,IAASZ,EAAY,MAAM;AAC/B,YAAMa,IAAKf,EAAS;AACpB,UAAI,CAACe,EAAI;AACT,YAAMC,IAAS,OAAO,iBAAiBD,CAAE,GACnCE,IAAa,WAAWD,EAAO,UAAU,KAAK,IAC9CE,KAAS,WAAWF,EAAO,UAAU,KAAK,GAC1CG,KAAS,WAAWH,EAAO,aAAa,KAAK,GAC7CI,KAAY,WAAWJ,EAAO,cAAc,KAAK,GACjDK,KAAY,WAAWL,EAAO,iBAAiB,KAAK,GACpDM,IAASJ,KAASC,KAASC,KAAYC,IACvCE,KAAON,IAAa1C,IAAU+C,GAC9BE,IAAOP,IAAazC,IAAU8C;AACpC,MAAAP,EAAG,MAAM,SAAS;AAClB,YAAMU,KAAO,KAAK,IAAIF,IAAM,KAAK,IAAIR,EAAG,cAAcS,CAAI,CAAC;AAC3D,MAAAT,EAAG,MAAM,SAAS,GAAGU,EAAI,MACzBV,EAAG,MAAM,YAAYA,EAAG,eAAeS,IAAO,SAAS;AAAA,IACzD,GAAG,CAACjD,GAASC,CAAO,CAAC;AAErB,IAAAkD,GAAgB,MAAM;AACpB,MAAAZ,EAAA;AAAA,IACF,GAAG,CAACA,GAAQN,CAAY,CAAC;AAEzB,UAAMmB,KAAe,CAAC,MAAwC;AAE5D,MADKvB,KAAcE,EAAiB,EAAE,OAAO,KAAK,GAC9C,CAAAT,EAAa,YACjBZ,KAAA,QAAAA,EAAW;AAAA,IACb,GAEM2C,KAAyB,CAAC,MAA6C;AAC3E,MAAA/B,EAAa,UAAU,IACvBV,KAAA,QAAAA,EAAqB;AAAA,IACvB,GACM0C,KAAuB,CAAC,MAA6C;AACzE,MAAAhC,EAAa,UAAU,IACvBT,KAAA,QAAAA,EAAmB;AAAA,IACrB,GAEM0C,KAAW,CAAC,MAChB,EAAE,YAAY,eAAe,EAAE,YAAY,OAAOjC,EAAa,SAE3DkC,IAAS,MAAM;AAEnB,MAAI,CADSvB,EAAa,KAAA,KACb5B,KAAYiC,MACzBpC,KAAA,QAAAA,EAAW+B,IACNJ,KAAcE,EAAiB,EAAE;AAAA,IACxC,GAEM0B,KAAgB,CAAC,MAA0C;AAE/D,UADA9C,KAAA,QAAAA,EAAY,IACR,GAAE,oBACF,CAAA4C,GAAS,CAAC,KAEV,EAAE,QAAQ,SAAS;AACrB,cAAMG,IAAiB,EAAE,WAAW,EAAE,SAChCC,IAAoB5D,KAAiB,CAAC,EAAE;AAC9C,SAAI2D,KAAkBC,OACpB,EAAE,eAAA,GACFH,EAAA;AAAA,MAEJ;AAAA,IACF,GAEMI,KAAe,MAAM;;AACzB,OAAAC,IAAArC,EAAa,YAAb,QAAAqC,EAAsB;AAAA,IACxB,GAEMC,KAAiB,CAAC,MAAqC;AAC3D,MAAI,EAAE,OAAO,SAAS,EAAE,OAAO,MAAM,SAAS,MAC5C3D,KAAA,QAAAA,EAAW,EAAE,OAAO,SAGtB,EAAE,OAAO,QAAQ;AAAA,IACnB,GAEM4D,IAAcjD,KAAMM,GACpB4C,IAAU,GAAGD,CAAW,UACxBE,IAAY9B,IAAe,GAAG4B,CAAW,aAAa,QACtDG,IAAS,GAAGH,CAAW,SAEvBI,KACJ3D,KAAeS,EAAE,wBAAwB,GACrCmD,KAAgB7D,KAASU,EAAE,aAAa;AAE9C,WACE,gBAAAoD,EAAC,OAAA,EAAI,kBAAe,cAAa,WAAWnF,GAAa,EAAE,MAAAU,GAAM,WAAAa,EAAA,CAAW,GAC1E,UAAA;AAAA,MAAA,gBAAA6D,EAAC,SAAA,EAAM,IAAIN,GAAS,SAASD,GAAa,WAAWxD,IAAQ,mEAAmE,cAC7H,UAAA6D,GAAA,CACH;AAAA,MACA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK5C;AAAA,UACL,IAAIqC;AAAA,UACJ,OAAOlC,IAAeI,IAAe;AAAA,UACrC,cAAeJ,IAA8B,SAAfhC;AAAA,UAC9B,UAAAQ;AAAA,UACA,MAAML;AAAA,UACN,WAAAF;AAAA,UACA,aAAaqE;AAAA,UACb,mBAAiBH;AAAA,UACjB,oBAAkB,CAACC,GAAWC,CAAM,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,UACnE,gBAAc5B,KAAW;AAAA,UACzB,UAAUc;AAAA,UACV,WAAWK;AAAA,UACX,oBAAoBJ;AAAA,UACpB,kBAAkBC;AAAA,UAClB,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA;AAAA;AAAA,YAIA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA,EACA,KAAK,GAAG;AAAA,UACT,GAAGvC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEN,gBAAAsD,EAAC,OAAA,EAAI,WAAU,oIACZ,UAAA;AAAA,QAAAlE,IACC,gBAAAkE,EAAAE,IAAA,EACE,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK9C;AAAA,cACL,MAAK;AAAA,cACL,WAAU;AAAA,cACV,UAAQ;AAAA,cACR,QAAApB;AAAA,cACA,UAAU0D;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,gBAAAQ;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,wBAAOxF,IAAA,EAAU;AAAA,cACjB,cAAYiC,EAAE,mBAAmB;AAAA,cACjC,QAAO;AAAA,cACP,MAAK;AAAA,cACL,SAAS2C;AAAA,cACT,UAAAvD;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CACF,IACE;AAAA,QACHC;AAAA,QACD,gBAAA+D,EAAC,OAAA,EAAI,WAAU,wEACZ,UAAA;AAAA,UAAAhC,IACC,gBAAAgC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIJ;AAAA,cACJ,aAAU;AAAA,cACV,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA3B,IACI,uCACA;AAAA,cAAA,EACJ,KAAK,GAAG;AAAA,cAET,UAAA;AAAA,gBAAAA;AAAA;AAAA;AAAA,kBAGC,gBAAAgC,EAACG,IAAA,EAAY,eAAY,QAAO,WAAU,cAAA,CAAc;AAAA,oBACtD;AAAA,gBACHxD,EAAE,wBAAwB,EAAE,OAAOmB,GAAW;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAE/C;AAAA,UACJ,gBAAAkC,EAAC,UAAK,IAAIJ,GAAQ,WAAU,cACzB,UAAAjD,EAAE,qBAAqB,GAC1B;AAAA,UACA,gBAAAqD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,wBAAOE,IAAA,EAAK;AAAA,cACZ,cAAYzD,EAAE,WAAW;AAAA,cACzB,QAAO;AAAA,cACP,MAAK;AAAA,cACL,UAAUZ,KAAY,CAAC4B,EAAa,UAAUK;AAAA,cAC9C,SAASkB;AAAA,cACT,qBAAkB;AAAA,YAAA;AAAA,UAAA;AAAA,QACpB,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AAEA9D,GAAU,cAAc;","x_google_ignoreList":[0]}

package/dist/_chunks/{chat-message-cFNbQYRH.js → chat-message-BtxUyugB.js}

@@ -1,10 +1,10 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import { forwardRef as C, useMemo as j, Fragment as g } from "react";
-import { c as v } from "./index-D2ZczOXr.js";
+import { c as h } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
 import { B as z } from "./button-7dTew-IV.js";
-import { A as M } from "./avatar-DTQY5qIZ.js";
-import { T as I } from "./timestamp-DmSt92P1.js";
+import { A as M } from "./avatar-Biffh-_H.js";
+import { T as I } from "./timestamp-BV2lC-wV.js";
 import { s as A } from "./safe-image-src-DstKgCo7.js";
 import { c as F } from "./createLucideIcon-CrFbzy84.js";
 import { C as L } from "./clock-21AGPWJ5.js";
@@ -19,7 +19,7 @@ import { C as V } from "./circle-alert-ChA9opNA.js";
 const _ = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-], B = F("rotate-ccw", _), D = v("ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", {
+], B = F("rotate-ccw", _), D = h("ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", {
   variants: {
     role: {
       user: "ds:flex-row-reverse",
@@ -28,7 +28,7 @@ const _ = [
     }
   },
   defaultVariants: { role: "assistant" }
-}), E = v(
+}), E = h(
   [
     // Cap at 42rem on wide surfaces; on narrow docks (Leo sidebar ≈22rem)
     // leave room for the avatar column (size-8 = 32px = --spacing-xl) +
@@ -93,7 +93,7 @@ const H = C(
     avatar: r,
     timestamp: n,
     status: s,
-    renderMarkdown: h = !1,
+    renderMarkdown: v = !1,
     onRetry: l,
     className: x,
     ...b
@@ -105,7 +105,7 @@ const H = C(
         hour: "2-digit",
         minute: "2-digit"
       }).format(p);
-    }, [n, m.language]), c = i(`chat.message.role.${t}`), N = o ? i("chat.message.label", { role: c, time: o }) : i("chat.message.labelNoTime", { role: c }), w = h ? q(e) : e, u = !s || s === "edited" ? null : s === "sending" ? /* @__PURE__ */ a(L, { "aria-hidden": "true", className: "ds:size-3.5" }) : s === "sent" ? /* @__PURE__ */ a(S, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
+    }, [n, m.language]), c = i(`chat.message.role.${t}`), N = o ? i("chat.message.label", { role: c, time: o }) : i("chat.message.labelNoTime", { role: c }), w = v ? q(e) : e, u = !s || s === "edited" ? null : s === "sending" ? /* @__PURE__ */ a(L, { "aria-hidden": "true", className: "ds:size-3.5" }) : s === "sent" ? /* @__PURE__ */ a(S, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
       V,
       {
         "aria-hidden": "true",
@@ -117,6 +117,7 @@ const H = C(
       {
         ref: y,
         "aria-label": N,
+        "data-component": "chat-message",
         className: [
           D({ role: t, className: x }),
           // Entrance: fade + slide up on mount. `--animation-duration` is 0ms
@@ -225,4 +226,4 @@ H.displayName = "ChatMessage";
 export {
   H as C
 };
-//# sourceMappingURL=chat-message-cFNbQYRH.js.map
+//# sourceMappingURL=chat-message-BtxUyugB.js.map

package/dist/_chunks/chat-message-BtxUyugB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-BtxUyugB.js","sources":["../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.js","../../src/components/chat-message/chat-message.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\", key: \"1357e3\" }],\n  [\"path\", { d: \"M3 3v5h5\", key: \"1xhq8a\" }]\n];\nconst RotateCcw = createLucideIcon(\"rotate-ccw\", __iconNode);\n\nexport { __iconNode, RotateCcw as default };\n//# sourceMappingURL=rotate-ccw.js.map\n","import {\n  forwardRef,\n  Fragment,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertCircle, Check, Clock, RotateCcw } from 'lucide-react';\nimport { Button } from '../button';\nimport { Avatar } from '../avatar';\nimport { Timestamp } from '../timestamp';\nimport { safeImageSrc } from '../_shared';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport type ChatMessageRole = 'user' | 'assistant' | 'system';\nexport type ChatMessageStatus = 'sending' | 'sent' | 'error' | 'edited';\n\nexport interface ChatMessageAvatar {\n  name?: string;\n  src?: string;\n  /**\n   * Optional custom avatar node. When provided, it REPLACES the built-in\n   * `<Avatar>` (initials / image) for this message. Used by the Leo\n   * pattern to render a Sparkles identity tile instead of an avatar, and\n   * by consumers that want to swap in a user-icon chip, brand glyph, etc.\n   * The caller is responsible for accessible labelling on the custom node\n   * — ChatMessage's own `aria-label` already announces the role/time, so\n   * purely decorative nodes can be `aria-hidden`.\n   */\n  slot?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst rowVariants = cva('ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]', {\n  variants: {\n    role: {\n      user: 'ds:flex-row-reverse',\n      assistant: 'ds:flex-row',\n      system: 'ds:flex-col ds:items-center ds:text-center',\n    },\n  },\n  defaultVariants: { role: 'assistant' },\n});\n\nconst bubbleVariants = cva(\n  [\n    // Cap at 42rem on wide surfaces; on narrow docks (Leo sidebar ≈22rem)\n    // leave room for the avatar column (size-8 = 32px = --spacing-xl) +\n    // `gap-sm` (8px = --spacing-sm) so avatars don't clip off the inline\n    // edge when the row is width-constrained.\n    'ds:relative ds:max-w-[min(42rem,calc(100%-var(--spacing-xl)-var(--spacing-sm)))]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'type-body',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      role: {\n        user: 'ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:rounded-[var(--radius-md)] ds:rounded-ee-[var(--radius-sm)]',\n        assistant:\n          'ds:bg-muted/40 ds:text-foreground ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]',\n        system:\n          'ds:bg-transparent ds:text-[color:var(--muted-foreground)] type-body-sm ds:italic',\n      },\n    },\n    defaultVariants: { role: 'assistant' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Safe markdown-ish (bold, inline code, line-breaks, links as text)   */\n/* No dangerouslySetInnerHTML.                                          */\n/* ------------------------------------------------------------------ */\n\ntype Token =\n  | { type: 'text'; value: string }\n  | { type: 'bold'; value: string }\n  | { type: 'code'; value: string }\n  | { type: 'br' }\n  | { type: 'link'; label: string; href: string };\n\nconst SAFE_SCHEMES = /^(https?:|mailto:)/i;\n\nfunction tokenize(input: string): Token[] {\n  const tokens: Token[] = [];\n  let remaining = input;\n  const pattern = /\\*\\*([^*]+)\\*\\*|`([^`]+)`|\\[([^\\]]+)\\]\\(([^)]+)\\)|\\n/;\n  while (remaining.length > 0) {\n    const match = pattern.exec(remaining);\n    if (!match) {\n      tokens.push({ type: 'text', value: remaining });\n      break;\n    }\n    if (match.index > 0) {\n      tokens.push({ type: 'text', value: remaining.slice(0, match.index) });\n    }\n    if (match[1] !== undefined) {\n      tokens.push({ type: 'bold', value: match[1] });\n    } else if (match[2] !== undefined) {\n      tokens.push({ type: 'code', value: match[2] });\n    } else if (match[3] !== undefined && match[4] !== undefined) {\n      tokens.push({ type: 'link', label: match[3], href: match[4] });\n    } else {\n      tokens.push({ type: 'br' });\n    }\n    remaining = remaining.slice(match.index + match[0].length);\n  }\n  return tokens;\n}\n\nfunction renderBody(input: string): ReactNode {\n  return tokenize(input).map((tok, i) => {\n    if (tok.type === 'bold') return <strong key={i}>{tok.value}</strong>;\n    if (tok.type === 'code') {\n      return (\n        <code\n          key={i}\n          dir=\"ltr\"\n          className=\"ds:rounded-[var(--radius-sm)] ds:bg-muted/30 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)]\"\n        >\n          {tok.value}\n        </code>\n      );\n    }\n    if (tok.type === 'br') return <br key={i} />;\n    if (tok.type === 'link') {\n      if (!SAFE_SCHEMES.test(tok.href)) {\n        // Unsafe scheme (javascript:, data:) — render as inert text.\n        return <Fragment key={i}>{tok.label}</Fragment>;\n      }\n      return (\n        <a\n          key={i}\n          href={tok.href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"ds:underline ds:underline-offset-2 ds:hover:opacity-80\"\n        >\n          {tok.label}\n        </a>\n      );\n    }\n    return <Fragment key={i}>{tok.value}</Fragment>;\n  });\n}\n\n/* ------------------------------------------------------------------ */\n/* ChatMessage                                                          */\n/* ------------------------------------------------------------------ */\n\ntype NativeProps = Omit<HTMLAttributes<HTMLElement>, 'content' | 'role'>;\n\nexport interface ChatMessageProps\n  extends NativeProps,\n    VariantProps<typeof bubbleVariants> {\n  role: ChatMessageRole;\n  content: string;\n  avatar?: ChatMessageAvatar;\n  timestamp?: Date | number | string;\n  status?: ChatMessageStatus;\n  /** Parse a small, safe subset of markdown. Never renders raw HTML. */\n  renderMarkdown?: boolean;\n  /** Invoked when the retry button is activated (error status only). */\n  onRetry?: () => void;\n}\n\nexport const ChatMessage = forwardRef<HTMLElement, ChatMessageProps>(\n  (\n    {\n      role,\n      content,\n      avatar,\n      timestamp,\n      status,\n      renderMarkdown = false,\n      onRetry,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    // Local format — used for the aria-label interpolation only. Visible\n    // label is rendered by `<Timestamp>` below, which computes the same\n    // locale-aware HH:MM internally.\n    const formattedTime = useMemo(() => {\n      if (!timestamp) return null;\n      const date =\n        timestamp instanceof Date ? timestamp : new Date(timestamp);\n      if (Number.isNaN(date.getTime())) return null;\n      return new Intl.DateTimeFormat(i18n.language, {\n        hour: '2-digit',\n        minute: '2-digit',\n      }).format(date);\n    }, [timestamp, i18n.language]);\n\n    const roleLabel = t(`chat.message.role.${role}`);\n    const messageLabel = formattedTime\n      ? t('chat.message.label', { role: roleLabel, time: formattedTime })\n      : t('chat.message.labelNoTime', { role: roleLabel });\n\n    const body = renderMarkdown ? renderBody(content) : content;\n\n    const statusIcon = (() => {\n      if (!status || status === 'edited') return null;\n      if (status === 'sending')\n        return <Clock aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      if (status === 'sent')\n        return <Check aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      return (\n        <AlertCircle\n          aria-hidden=\"true\"\n          className=\"ds:size-3.5 ds:text-[color:var(--destructive)]\"\n        />\n      );\n    })();\n\n    const statusText = status ? t(`chat.message.status.${status}`) : null;\n\n    return (\n      <article\n        ref={ref}\n        aria-label={messageLabel}\n        data-component=\"chat-message\"\n        className={[\n          rowVariants({ role, className }),\n          // Entrance: fade + slide up on mount. `--animation-duration` is 0ms\n          // under `prefers-reduced-motion` and `.theme-accessible`, so both\n          // collapse the animation to an instant state change automatically.\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2',\n          'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n        ].join(' ')}\n        {...rest}\n      >\n        {role !== 'system' && avatar ? (\n          avatar.slot ? (\n            // Consumer-supplied avatar node (e.g. Leo's Sparkles tile).\n            avatar.slot\n          ) : (\n            // Allow-list the src: LLM-supplied values can carry\n            // `javascript:` / `data:text/html` / `data:image/svg+xml` and so\n            // are scrubbed here before reaching <Avatar>. Fallback to initials.\n            <Avatar name={avatar.name} src={safeImageSrc(avatar.src)} size=\"sm\" />\n          )\n        ) : null}\n\n        <div\n          className={[\n            // min-w-0 allows this flex item to shrink below its content's\n            // natural width — without it, a single unbreakable token (URL,\n            // CJK run, hash) can force the bubble wider than the parent\n            // and spill outside narrow containers like the Leo sidebar.\n            'ds:flex ds:flex-col ds:min-w-0',\n            role === 'user' ? 'ds:items-end' : role === 'assistant' ? 'ds:items-start' : 'ds:items-center',\n          ].join(' ')}\n        >\n          <div\n            dir=\"auto\"\n            className={[\n              bubbleVariants({ role }),\n              // `break-words` (from bubbleVariants) handles soft hyphens;\n              // `overflow-wrap: anywhere` is the last-resort break for\n              // URLs, hashes, or CJK runs that would otherwise push the\n              // bubble wider than its parent in narrow docks like Leo.\n              'ds:[overflow-wrap:anywhere]',\n            ].join(' ')}\n          >\n            {body}\n          </div>\n\n          {(formattedTime || statusText) && role !== 'system' ? (\n            <div\n              className={[\n                'ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                'type-meta ds:text-[color:var(--muted-foreground)]',\n              ].join(' ')}\n            >\n              {timestamp ? (\n                <Timestamp\n                  value={timestamp}\n                  format=\"absolute\"\n                  absoluteFormat={{ hour: '2-digit', minute: '2-digit' }}\n                  dir=\"ltr\"\n                />\n              ) : null}\n              {statusIcon ? (\n                // `key={status}` re-mounts the span on every status change so\n                // `animate-in` re-runs — gives the sending → sent → error\n                // swap a subtle cross-fade instead of an abrupt pop.\n                <span\n                  key={status}\n                  className={[\n                    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                    'ds:motion-safe:animate-in ds:motion-safe:fade-in-0',\n                    'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n                  ].join(' ')}\n                >\n                  {statusIcon}\n                  <span className=\"ds:sr-only\">{statusText}</span>\n                </span>\n              ) : null}\n              {status === 'error' && onRetry ? (\n                <Button\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  onClick={onRetry}\n                  startIcon={<RotateCcw />}\n                >\n                  {t('chat.message.retry')}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      </article>\n    );\n  },\n);\n\nChatMessage.displayName = 'ChatMessage';\n"],"names":["__iconNode","RotateCcw","createLucideIcon","rowVariants","cva","bubbleVariants","SAFE_SCHEMES","tokenize","input","tokens","remaining","pattern","match","renderBody","tok","i","jsx","Fragment","ChatMessage","forwardRef","role","content","avatar","timestamp","status","renderMarkdown","onRetry","className","rest","ref","t","i18n","useTranslation","formattedTime","useMemo","date","roleLabel","messageLabel","body","statusIcon","Clock","Check","AlertCircle","statusText","jsxs","Avatar","safeImageSrc","Timestamp","Button"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{checkbox-DMzgtnqw.js → checkbox-Ni6C_KJg.js}

@@ -2,7 +2,7 @@ import { jsxs as j, jsx as e } from "react/jsx-runtime";
 import { createContext as I, useContext as L, forwardRef as G, useId as _ } from "react";
 import * as h from "@radix-ui/react-checkbox";
 import { c as B } from "./index-D2ZczOXr.js";
-import { T as M } from "./tooltip-Dp3u8jGz.js";
+import { T as M } from "./tooltip-DHik5yRI.js";
 const R = I(null);
 function T() {
   return L(R);
@@ -73,19 +73,19 @@ const D = B(
     label: s,
     checked: f,
     onCheckedChange: b,
-    size: a = "md",
+    size: n = "md",
     disabled: k,
-    disabledReason: n,
+    disabledReason: r,
     name: p,
     value: o,
     id: x,
     className: g,
     ...v
   }, C) => {
-    const y = _(), i = x ?? y, t = T(), d = t !== null && o !== void 0, c = d ? t.value.has(o) : f, w = d ? () => t.toggle(o) : b, N = (t == null ? void 0 : t.name) ?? p, r = (t == null ? void 0 : t.disabled) || k, l = a === "sm" ? "size-3" : a === "lg" ? "size-4" : "size-3.5", z = [
+    const y = _(), i = x ?? y, t = T(), d = t !== null && o !== void 0, c = d ? t.value.has(o) : f, w = d ? () => t.toggle(o) : b, N = (t == null ? void 0 : t.name) ?? p, a = (t == null ? void 0 : t.disabled) || k, l = n === "sm" ? "size-3" : n === "lg" ? "size-4" : "size-3.5", z = [
       "type-label text-foreground select-none",
-      r ? "cursor-not-allowed opacity-50" : "cursor-pointer"
-    ].join(" "), m = /* @__PURE__ */ j("div", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      a ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+    ].join(" "), m = /* @__PURE__ */ j("div", { "data-component": "checkbox", className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
       /* @__PURE__ */ e(
         h.Root,
         {
@@ -93,18 +93,18 @@ const D = B(
           id: i,
           checked: c,
           onCheckedChange: w,
-          disabled: r,
-          "aria-disabled": r || void 0,
+          disabled: a,
+          "aria-disabled": a || void 0,
           name: N,
           value: o,
-          className: D({ size: a, className: g }),
+          className: D({ size: n, className: g }),
           ...v,
           children: /* @__PURE__ */ e(h.Indicator, { children: c === "indeterminate" ? /* @__PURE__ */ e(W, { className: l }) : /* @__PURE__ */ e(V, { className: l }) })
         }
       ),
       /* @__PURE__ */ e("label", { htmlFor: i, className: z, children: s })
     ] });
-    return r && n ? /* @__PURE__ */ e(M, { label: n, children: m }) : m;
+    return a && r ? /* @__PURE__ */ e(M, { label: r, children: m }) : m;
   }
 );
 F.displayName = "Checkbox";
@@ -113,4 +113,4 @@ export {
   R as a,
   T as u
 };
-//# sourceMappingURL=checkbox-DMzgtnqw.js.map
+//# sourceMappingURL=checkbox-Ni6C_KJg.js.map

package/dist/_chunks/{checkbox-DMzgtnqw.js.map → checkbox-Ni6C_KJg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-DMzgtnqw.js","sources":["../../src/components/checkbox/checkbox-group-context.ts","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface CheckboxGroupContextShape {\n  name?: string;\n  value: Set<string>;\n  toggle: (itemValue: string) => void;\n  disabled: boolean;\n}\n\nexport const CheckboxGroupContext =\n  createContext<CheckboxGroupContextShape | null>(null);\n\nexport function useCheckboxGroup(): CheckboxGroupContextShape | null {\n  return useContext(CheckboxGroupContext);\n}\n","import { forwardRef, useId, type ComponentPropsWithoutRef } from 'react';\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useCheckboxGroup } from './checkbox-group-context';\nimport { Tooltip } from '../tooltip';\n\nconst drawClasses = [\n  '[stroke-dasharray:1] [stroke-dashoffset:1]',\n  'animate-[checkbox-indicator-draw_var(--animation-duration)_ease-out_forwards]',\n].join(' ');\n\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"checkbox-check-icon\"\n      className={className}\n    >\n      <path pathLength=\"1\" d=\"M5 12l5 5L20 7\" className={drawClasses} />\n    </svg>\n  );\n}\n\nfunction IndeterminateIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"checkbox-indeterminate-icon\"\n      className={className}\n    >\n      <path pathLength=\"1\" d=\"M5 12h14\" className={drawClasses} />\n    </svg>\n  );\n}\n\nconst checkboxVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:border ds:border-border ds:rounded-[var(--radius-sm)] ds:bg-background',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground',\n    'ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground',\n    'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-3.5',\n        md: 'ds:size-4',\n        lg: 'ds:size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixCheckbox.Root>;\n\nexport interface CheckboxProps\n  extends Omit<RadixRootProps, 'checked' | 'onCheckedChange' | 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  label: string;\n  checked?: boolean | 'indeterminate';\n  onCheckedChange?: (checked: boolean | 'indeterminate') => void;\n  size?: 'sm' | 'md' | 'lg';\n  disabledReason?: string;\n  value?: string;\n}\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      label,\n      checked,\n      onCheckedChange,\n      size = 'md',\n      disabled,\n      disabledReason,\n      name,\n      value,\n      id,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const checkboxId = id ?? generatedId;\n    const group = useCheckboxGroup();\n\n    const inGroup = group !== null && value !== undefined;\n    const effectiveChecked = inGroup ? group.value.has(value) : checked;\n    const effectiveOnChange = inGroup\n      ? () => group.toggle(value)\n      : onCheckedChange;\n    const effectiveName = group?.name ?? name;\n    const effectiveDisabled = group?.disabled || disabled;\n\n    const iconSizeClass =\n      size === 'sm' ? 'size-3' : size === 'lg' ? 'size-4' : 'size-3.5';\n\n    const labelClasses = [\n      'type-label text-foreground select-none',\n      effectiveDisabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer',\n    ].join(' ');\n\n    const content = (\n      <div className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n        <RadixCheckbox.Root\n          ref={ref}\n          id={checkboxId}\n          checked={effectiveChecked}\n          onCheckedChange={effectiveOnChange}\n          disabled={effectiveDisabled}\n          aria-disabled={effectiveDisabled || undefined}\n          name={effectiveName}\n          value={value}\n          className={checkboxVariants({ size, className })}\n          {...props}\n        >\n          <RadixCheckbox.Indicator>\n            {effectiveChecked === 'indeterminate' ? (\n              <IndeterminateIcon className={iconSizeClass} />\n            ) : (\n              <CheckIcon className={iconSizeClass} />\n            )}\n          </RadixCheckbox.Indicator>\n        </RadixCheckbox.Root>\n        <label htmlFor={checkboxId} className={labelClasses}>\n          {label}\n        </label>\n      </div>\n    );\n\n    if (effectiveDisabled && disabledReason) {\n      return <Tooltip label={disabledReason}>{content}</Tooltip>;\n    }\n\n    return content;\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["CheckboxGroupContext","createContext","useCheckboxGroup","useContext","drawClasses","CheckIcon","className","jsx","IndeterminateIcon","checkboxVariants","cva","Checkbox","forwardRef","label","checked","onCheckedChange","size","disabled","disabledReason","name","value","id","props","ref","generatedId","useId","checkboxId","group","inGroup","effectiveChecked","effectiveOnChange","effectiveName","effectiveDisabled","iconSizeClass","labelClasses","content","jsxs","RadixCheckbox","Tooltip"],"mappings":"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"}
+{"version":3,"file":"checkbox-Ni6C_KJg.js","sources":["../../src/components/checkbox/checkbox-group-context.ts","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface CheckboxGroupContextShape {\n  name?: string;\n  value: Set<string>;\n  toggle: (itemValue: string) => void;\n  disabled: boolean;\n}\n\nexport const CheckboxGroupContext =\n  createContext<CheckboxGroupContextShape | null>(null);\n\nexport function useCheckboxGroup(): CheckboxGroupContextShape | null {\n  return useContext(CheckboxGroupContext);\n}\n","import { forwardRef, useId, type ComponentPropsWithoutRef } from 'react';\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useCheckboxGroup } from './checkbox-group-context';\nimport { Tooltip } from '../tooltip';\n\nconst drawClasses = [\n  '[stroke-dasharray:1] [stroke-dashoffset:1]',\n  'animate-[checkbox-indicator-draw_var(--animation-duration)_ease-out_forwards]',\n].join(' ');\n\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"checkbox-check-icon\"\n      className={className}\n    >\n      <path pathLength=\"1\" d=\"M5 12l5 5L20 7\" className={drawClasses} />\n    </svg>\n  );\n}\n\nfunction IndeterminateIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"checkbox-indeterminate-icon\"\n      className={className}\n    >\n      <path pathLength=\"1\" d=\"M5 12h14\" className={drawClasses} />\n    </svg>\n  );\n}\n\nconst checkboxVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:border ds:border-border ds:rounded-[var(--radius-sm)] ds:bg-background',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground',\n    'ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground',\n    'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-3.5',\n        md: 'ds:size-4',\n        lg: 'ds:size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixCheckbox.Root>;\n\nexport interface CheckboxProps\n  extends Omit<RadixRootProps, 'checked' | 'onCheckedChange' | 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  label: string;\n  checked?: boolean | 'indeterminate';\n  onCheckedChange?: (checked: boolean | 'indeterminate') => void;\n  size?: 'sm' | 'md' | 'lg';\n  disabledReason?: string;\n  value?: string;\n}\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      label,\n      checked,\n      onCheckedChange,\n      size = 'md',\n      disabled,\n      disabledReason,\n      name,\n      value,\n      id,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const checkboxId = id ?? generatedId;\n    const group = useCheckboxGroup();\n\n    const inGroup = group !== null && value !== undefined;\n    const effectiveChecked = inGroup ? group.value.has(value) : checked;\n    const effectiveOnChange = inGroup\n      ? () => group.toggle(value)\n      : onCheckedChange;\n    const effectiveName = group?.name ?? name;\n    const effectiveDisabled = group?.disabled || disabled;\n\n    const iconSizeClass =\n      size === 'sm' ? 'size-3' : size === 'lg' ? 'size-4' : 'size-3.5';\n\n    const labelClasses = [\n      'type-label text-foreground select-none',\n      effectiveDisabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer',\n    ].join(' ');\n\n    const content = (\n      <div data-component=\"checkbox\" className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n        <RadixCheckbox.Root\n          ref={ref}\n          id={checkboxId}\n          checked={effectiveChecked}\n          onCheckedChange={effectiveOnChange}\n          disabled={effectiveDisabled}\n          aria-disabled={effectiveDisabled || undefined}\n          name={effectiveName}\n          value={value}\n          className={checkboxVariants({ size, className })}\n          {...props}\n        >\n          <RadixCheckbox.Indicator>\n            {effectiveChecked === 'indeterminate' ? (\n              <IndeterminateIcon className={iconSizeClass} />\n            ) : (\n              <CheckIcon className={iconSizeClass} />\n            )}\n          </RadixCheckbox.Indicator>\n        </RadixCheckbox.Root>\n        <label htmlFor={checkboxId} className={labelClasses}>\n          {label}\n        </label>\n      </div>\n    );\n\n    if (effectiveDisabled && disabledReason) {\n      return <Tooltip label={disabledReason}>{content}</Tooltip>;\n    }\n\n    return content;\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["CheckboxGroupContext","createContext","useCheckboxGroup","useContext","drawClasses","CheckIcon","className","jsx","IndeterminateIcon","checkboxVariants","cva","Checkbox","forwardRef","label","checked","onCheckedChange","size","disabled","disabledReason","name","value","id","props","ref","generatedId","useId","checkboxId","group","inGroup","effectiveChecked","effectiveOnChange","effectiveName","effectiveDisabled","iconSizeClass","labelClasses","content","jsxs","RadixCheckbox","Tooltip"],"mappings":"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"}

package/dist/_chunks/{checkbox-group-DBnIBRT_.js → checkbox-group-BFZ4oN5t.js}

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as R } from "react/jsx-runtime";
 import { forwardRef as Q, useId as U, useState as S, useMemo as A, Children as W, isValidElement as X } from "react";
 import { c as Y } from "./index-D2ZczOXr.js";
 import { useTranslation as Z } from "react-i18next";
-import { C as M, a as _ } from "./checkbox-DMzgtnqw.js";
+import { C as M, a as _ } from "./checkbox-Ni6C_KJg.js";
 import { C as T } from "./circle-alert-ChA9opNA.js";
 const V = Y("", {
   variants: {
@@ -28,7 +28,7 @@ const se = Q(
     onChange: a,
     name: o,
     orientation: $ = "vertical",
-    disabled: k = !1,
+    disabled: y = !1,
     min: t,
     max: u,
     onConstraintViolation: l,
@@ -62,8 +62,8 @@ const se = Q(
         }
         c(""), m([...r, e]);
       },
-      disabled: k
-    }, p = x.length, y = r.length, B = p === 0 || y === 0 ? !1 : y >= p ? !0 : "indeterminate", H = () => {
+      disabled: y
+    }, p = x.length, k = r.length, B = p === 0 || k === 0 ? !1 : k >= p ? !0 : "indeterminate", H = () => {
       if (B === !0) {
         if (typeof t == "number" && t > 0) {
           c(n("ui.inputs.checkboxGroup.minReached", { min: t })), l == null || l("min");
@@ -97,6 +97,7 @@ const se = Q(
         className: L,
         "aria-describedby": J,
         "aria-invalid": !!f || void 0,
+        "data-component": "checkbox-group",
         children: [
           /* @__PURE__ */ s("legend", { className: "type-label ds:text-foreground ds:p-0 ds:mb-[var(--spacing-sm)]", children: h }),
           z ? /* @__PURE__ */ s(
@@ -105,7 +106,7 @@ const se = Q(
               label: n("ui.inputs.checkboxGroup.selectAll"),
               checked: B,
               onCheckedChange: H,
-              disabled: k
+              disabled: y
             }
           ) : null,
           /* @__PURE__ */ s(_.Provider, { value: F, children: /* @__PURE__ */ s("div", { className: V({ orientation: $ }), children: K }) }),
@@ -129,7 +130,7 @@ const se = Q(
               role: "status",
               "aria-live": "polite",
               className: "ds:sr-only",
-              children: p > 0 ? n("ui.inputs.checkboxGroup.counter", { count: y, total: p }) : ""
+              children: p > 0 ? n("ui.inputs.checkboxGroup.counter", { count: k, total: p }) : ""
             }
           ),
           /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: D })
@@ -142,4 +143,4 @@ se.displayName = "CheckboxGroup";
 export {
   se as C
 };
-//# sourceMappingURL=checkbox-group-DBnIBRT_.js.map
+//# sourceMappingURL=checkbox-group-BFZ4oN5t.js.map

package/dist/_chunks/checkbox-group-BFZ4oN5t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group-BFZ4oN5t.js","sources":["../../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  isValidElement,\n  useId,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertCircle } from 'lucide-react';\nimport { Checkbox } from '../checkbox/checkbox';\nimport {\n  CheckboxGroupContext,\n  type CheckboxGroupContextShape,\n} from '../checkbox/checkbox-group-context';\n\nconst checkboxGroupVariants = cva('', {\n  variants: {\n    orientation: {\n      vertical: 'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n      horizontal:\n        'ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)]',\n    },\n  },\n  defaultVariants: { orientation: 'vertical' },\n});\n\nexport interface CheckboxGroupOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface CheckboxGroupProps\n  extends VariantProps<typeof checkboxGroupVariants> {\n  label: string;\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  name?: string;\n  orientation?: 'vertical' | 'horizontal';\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  onConstraintViolation?: (type: 'min' | 'max') => void;\n  withSelectAll?: boolean;\n  options?: CheckboxGroupOption[];\n  error?: string;\n  helperText?: string;\n  className?: string;\n  children?: ReactNode;\n}\n\nfunction collectChildValues(children: ReactNode): string[] {\n  const values: string[] = [];\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) return;\n    const props = child.props as { value?: unknown };\n    if (typeof props.value === 'string') values.push(props.value);\n  });\n  return values;\n}\n\nexport const CheckboxGroup = forwardRef<\n  HTMLFieldSetElement,\n  CheckboxGroupProps\n>(\n  (\n    {\n      label,\n      value: controlledValue,\n      onChange,\n      name,\n      orientation = 'vertical',\n      disabled = false,\n      min,\n      max,\n      onConstraintViolation,\n      withSelectAll = false,\n      options,\n      error,\n      helperText,\n      className,\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const baseId = useId();\n    const helperId = `${baseId}-helper`;\n    const errorId = `${baseId}-error`;\n    const counterId = `${baseId}-counter`;\n\n    const [internalValue, setInternalValue] = useState<string[]>([]);\n    const isControlled = controlledValue !== undefined;\n    const currentValue = isControlled ? controlledValue : internalValue;\n\n    const valueSet = useMemo(() => new Set(currentValue), [currentValue]);\n\n    const [violationMsg, setViolationMsg] = useState<string>('');\n\n    const allValues = useMemo<string[]>(\n      () =>\n        options ? options.map((o) => o.value) : collectChildValues(children),\n      [options, children],\n    );\n\n    const commit = (next: string[]): void => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const toggle = (itemValue: string): void => {\n      if (valueSet.has(itemValue)) {\n        if (typeof min === 'number' && currentValue.length <= min) {\n          setViolationMsg(t('ui.inputs.checkboxGroup.minReached', { min }));\n          onConstraintViolation?.('min');\n          return;\n        }\n        setViolationMsg('');\n        commit(currentValue.filter((v) => v !== itemValue));\n        return;\n      }\n      if (typeof max === 'number' && currentValue.length >= max) {\n        setViolationMsg(t('ui.inputs.checkboxGroup.maxReached', { max }));\n        onConstraintViolation?.('max');\n        return;\n      }\n      setViolationMsg('');\n      commit([...currentValue, itemValue]);\n    };\n\n    const ctxValue: CheckboxGroupContextShape = {\n      name,\n      value: valueSet,\n      toggle,\n      disabled,\n    };\n\n    const total = allValues.length;\n    const count = currentValue.length;\n\n    const parentChecked: boolean | 'indeterminate' =\n      total === 0 || count === 0\n        ? false\n        : count >= total\n          ? true\n          : 'indeterminate';\n\n    const handleSelectAll = (): void => {\n      if (parentChecked === true) {\n        if (typeof min === 'number' && min > 0) {\n          setViolationMsg(t('ui.inputs.checkboxGroup.minReached', { min }));\n          onConstraintViolation?.('min');\n          return;\n        }\n        commit([]);\n        setViolationMsg('');\n        return;\n      }\n      const toCheck =\n        typeof max === 'number' ? allValues.slice(0, max) : allValues;\n      commit(toCheck);\n      setViolationMsg('');\n    };\n\n    const describedBy =\n      [\n        helperText ? helperId : null,\n        error ? errorId : null,\n        total > 0 ? counterId : null,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    const resolvedChildren =\n      children ??\n      (options\n        ? options.map((opt) => (\n            <Checkbox\n              key={opt.value}\n              value={opt.value}\n              label={opt.label}\n              disabled={opt.disabled}\n            />\n          ))\n        : null);\n\n    const fieldsetClasses = [\n      'flex flex-col gap-[var(--spacing-sm)] min-w-0 border-0 p-0 m-0',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <fieldset\n        ref={ref}\n        className={fieldsetClasses}\n        aria-describedby={describedBy}\n        aria-invalid={Boolean(error) || undefined}\n        data-component=\"checkbox-group\"\n      >\n        <legend className=\"type-label ds:text-foreground ds:p-0 ds:mb-[var(--spacing-sm)]\">\n          {label}\n        </legend>\n        {withSelectAll ? (\n          <Checkbox\n            label={t('ui.inputs.checkboxGroup.selectAll')}\n            checked={parentChecked}\n            onCheckedChange={handleSelectAll}\n            disabled={disabled}\n          />\n        ) : null}\n        <CheckboxGroupContext.Provider value={ctxValue}>\n          <div className={checkboxGroupVariants({ orientation })}>\n            {resolvedChildren}\n          </div>\n        </CheckboxGroupContext.Provider>\n        {helperText ? (\n          <p id={helperId} className=\"type-body-sm ds:text-muted-foreground\">\n            {helperText}\n          </p>\n        ) : null}\n        {error ? (\n          <p\n            id={errorId}\n            role=\"alert\"\n            className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive\"\n          >\n            <AlertCircle aria-hidden=\"true\" className=\"ds:size-4 ds:shrink-0\" />\n            <span>{error}</span>\n          </p>\n        ) : null}\n        <span\n          id={counterId}\n          role=\"status\"\n          aria-live=\"polite\"\n          className=\"ds:sr-only\"\n        >\n          {total > 0\n            ? t('ui.inputs.checkboxGroup.counter', { count, total })\n            : ''}\n        </span>\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {violationMsg}\n        </span>\n      </fieldset>\n    );\n  },\n);\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n"],"names":["checkboxGroupVariants","cva","collectChildValues","children","values","Children","child","isValidElement","props","CheckboxGroup","forwardRef","label","controlledValue","onChange","name","orientation","disabled","min","max","onConstraintViolation","withSelectAll","options","error","helperText","className","ref","t","useTranslation","baseId","useId","helperId","errorId","counterId","internalValue","setInternalValue","useState","isControlled","currentValue","valueSet","useMemo","violationMsg","setViolationMsg","allValues","o","commit","next","ctxValue","itemValue","v","total","count","parentChecked","handleSelectAll","toCheck","describedBy","resolvedChildren","opt","jsx","Checkbox","fieldsetClasses","jsxs","CheckboxGroupContext","AlertCircle"],"mappings":"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"}