@mastra/playground-ui 61.0.0-alpha.2 → 61.0.0-alpha.4

package/dist/{checkbox-Bkobte27.cjs → checkbox-BafbfFcE.cjs}

@@ -75,7 +75,7 @@ function CheckboxIndicatorIcon() {
       lucideReact.Check,
       {
         className: utils_cn.cn(
-          "stroke-3.25 size-3 scale-95 transition-[stroke-dashoffset,transform] duration-200 ease-out-custom",
+          "size-3 scale-95 stroke-[3.25] transition-[stroke-dashoffset,transform] duration-200 ease-out-custom",
           // Lucide's check path is ~22.6 units long. Use a longer dash so the
           // final checked mark is never clipped.
           "[stroke-dasharray:28] [stroke-dashoffset:28]",
@@ -89,7 +89,7 @@ function CheckboxIndicatorIcon() {
       lucideReact.Minus,
       {
         className: utils_cn.cn(
-          "stroke-3.25 hidden size-3 scale-95 transition-transform duration-200 ease-out-custom",
+          "hidden size-3 scale-95 stroke-[3.25] transition-transform duration-200 ease-out-custom",
           "group-data-[indeterminate]/checkbox-indicator:block",
           "group-data-[indeterminate]/checkbox-indicator:scale-100"
         )
@@ -99,4 +99,4 @@ function CheckboxIndicatorIcon() {
 }
 
 exports.Checkbox = Checkbox;
-//# sourceMappingURL=checkbox-Bkobte27.cjs.map
+//# sourceMappingURL=checkbox-BafbfFcE.cjs.map

package/dist/{checkbox-Bkobte27.cjs.map → checkbox-BafbfFcE.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-Bkobte27.cjs","sources":["../src/ds/components/Checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { Check, Minus } from 'lucide-react';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { selectionControlStyle } from '@/ds/primitives/selection-control';\nimport { cn } from '@/lib/utils';\n\n/**\n * Radix-style tri-state value for the controlled `checked` prop. Base UI splits\n * this into a strict `checked` boolean plus a separate `indeterminate` boolean —\n * we keep the Radix union here so existing consumers (which pass\n * `checked=\"indeterminate\"`) keep working without changes.\n *\n * `defaultChecked` is intentionally a plain boolean: an uncontrolled checkbox\n * cannot start \"indeterminate\" and then be toggled out of it (the indeterminate\n * state is inherently controlled), so `'indeterminate'` is not allowed there.\n */\nexport type CheckedState = boolean | 'indeterminate';\n\ntype CheckboxProps = Omit<CheckboxPrimitive.Root.Props, 'className' | 'checked'> & {\n  className?: string;\n  checked?: CheckedState;\n};\n\nconst Checkbox = React.forwardRef<HTMLSpanElement, CheckboxProps>(\n  ({ className, checked, indeterminate, ...props }, ref) => {\n    // Translate the Radix `'indeterminate'` sentinel into Base UI's dedicated\n    // `indeterminate` prop while leaving `checked` as a boolean.\n    const isCheckedIndeterminate = checked === 'indeterminate';\n\n    return (\n      <CheckboxPrimitive.Root\n        ref={ref}\n        checked={isCheckedIndeterminate ? false : checked}\n        indeterminate={indeterminate ?? isCheckedIndeterminate}\n        data-slot=\"checkbox\"\n        render={<span {...keepOwnAccessibleName(props)} />}\n        className={cn(\n          'peer rounded-[0.3125rem]',\n          selectionControlStyle,\n          // Indeterminate is checkbox-only and mirrors the checked chip.\n          'data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background',\n          'data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90',\n          'data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75',\n          'data-[disabled]:data-[indeterminate]:border-muted-foreground data-[disabled]:data-[indeterminate]:bg-muted-foreground data-[disabled]:data-[indeterminate]:text-background',\n          className,\n        )}\n        {...props}\n      >\n        <CheckboxPrimitive.Indicator\n          keepMounted\n          className={cn(\n            'group/checkbox-indicator flex items-center justify-center text-current',\n            'scale-75 opacity-0 transition-[opacity,transform] duration-200 ease-out-custom',\n            'data-[checked]:scale-100 data-[checked]:opacity-100',\n            'data-[indeterminate]:scale-100 data-[indeterminate]:opacity-100',\n            'data-[starting-style]:scale-75 data-[starting-style]:opacity-0',\n            'data-[ending-style]:scale-75 data-[ending-style]:opacity-0',\n          )}\n        >\n          <CheckboxIndicatorIcon />\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\n/**\n * Picks the checkmark vs. the dash based on the Indicator's data attributes.\n * The Indicator stays mounted so unchecked transitions can animate out cleanly.\n */\nfunction CheckboxIndicatorIcon() {\n  return (\n    <>\n      <Check\n        className={cn(\n          'stroke-3.25 size-3 scale-95 transition-[stroke-dashoffset,transform] duration-200 ease-out-custom',\n          // Lucide's check path is ~22.6 units long. Use a longer dash so the\n          // final checked mark is never clipped.\n          '[stroke-dasharray:28] [stroke-dashoffset:28]',\n          'group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]',\n          'group-data-[checked]/checkbox-indicator:scale-100',\n          'group-data-[indeterminate]/checkbox-indicator:hidden',\n        )}\n      />\n      <Minus\n        className={cn(\n          'stroke-3.25 hidden size-3 scale-95 transition-transform duration-200 ease-out-custom',\n          'group-data-[indeterminate]/checkbox-indicator:block',\n          'group-data-[indeterminate]/checkbox-indicator:scale-100',\n        )}\n      />\n    </>\n  );\n}\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],"names":["React","jsx","CheckboxPrimitive","keepOwnAccessibleName","cn","selectionControlStyle","jsxs","Fragment","Check","Minus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,WAAWA,gBAAA,CAAM,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,eAAe,GAAG,KAAA,IAAS,GAAA,KAAQ;AAGxD,IAAA,MAAM,yBAAyB,OAAA,KAAY,eAAA;AAE3C,IAAA,uBACEC,cAAA;AAAA,MAACC,iBAAA,CAAkB,IAAA;AAAA,MAAlB;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,yBAAyB,KAAA,GAAQ,OAAA;AAAA,QAC1C,eAAe,aAAA,IAAiB,sBAAA;AAAA,QAChC,WAAA,EAAU,UAAA;AAAA,QACV,wBAAQD,cAAA,CAAC,MAAA,EAAA,EAAM,GAAGE,sCAAA,CAAsB,KAAK,CAAA,EAAG,CAAA;AAAA,QAChD,SAAA,EAAWC,WAAA;AAAA,UACT,0BAAA;AAAA,UACAC,iDAAA;AAAA;AAAA,UAEA,gHAAA;AAAA,UACA,6FAAA;AAAA,UACA,+FAAA;AAAA,UACA,4KAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAAJ,cAAA;AAAA,UAACC,iBAAA,CAAkB,SAAA;AAAA,UAAlB;AAAA,YACC,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAWE,WAAA;AAAA,cACT,wEAAA;AAAA,cACA,gFAAA;AAAA,cACA,qDAAA;AAAA,cACA,iEAAA;AAAA,cACA,gEAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEA,yCAAC,qBAAA,EAAA,EAAsB;AAAA;AAAA;AACzB;AAAA,KACF;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;AAMvB,SAAS,qBAAA,GAAwB;AAC/B,EAAA,uBACEE,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAN,cAAA;AAAA,MAACO,iBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWJ,WAAA;AAAA,UACT,mGAAA;AAAA;AAAA;AAAA,UAGA,8CAAA;AAAA,UACA,+DAAA;AAAA,UACA,mDAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,oBACAH,cAAA;AAAA,MAACQ,iBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWL,WAAA;AAAA,UACT,sFAAA;AAAA,UACA,qDAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"checkbox-BafbfFcE.cjs","sources":["../src/ds/components/Checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { Check, Minus } from 'lucide-react';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { selectionControlStyle } from '@/ds/primitives/selection-control';\nimport { cn } from '@/lib/utils';\n\n/**\n * Radix-style tri-state value for the controlled `checked` prop. Base UI splits\n * this into a strict `checked` boolean plus a separate `indeterminate` boolean —\n * we keep the Radix union here so existing consumers (which pass\n * `checked=\"indeterminate\"`) keep working without changes.\n *\n * `defaultChecked` is intentionally a plain boolean: an uncontrolled checkbox\n * cannot start \"indeterminate\" and then be toggled out of it (the indeterminate\n * state is inherently controlled), so `'indeterminate'` is not allowed there.\n */\nexport type CheckedState = boolean | 'indeterminate';\n\ntype CheckboxProps = Omit<CheckboxPrimitive.Root.Props, 'className' | 'checked'> & {\n  className?: string;\n  checked?: CheckedState;\n};\n\nconst Checkbox = React.forwardRef<HTMLSpanElement, CheckboxProps>(\n  ({ className, checked, indeterminate, ...props }, ref) => {\n    // Translate the Radix `'indeterminate'` sentinel into Base UI's dedicated\n    // `indeterminate` prop while leaving `checked` as a boolean.\n    const isCheckedIndeterminate = checked === 'indeterminate';\n\n    return (\n      <CheckboxPrimitive.Root\n        ref={ref}\n        checked={isCheckedIndeterminate ? false : checked}\n        indeterminate={indeterminate ?? isCheckedIndeterminate}\n        data-slot=\"checkbox\"\n        render={<span {...keepOwnAccessibleName(props)} />}\n        className={cn(\n          'peer rounded-[0.3125rem]',\n          selectionControlStyle,\n          // Indeterminate is checkbox-only and mirrors the checked chip.\n          'data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background',\n          'data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90',\n          'data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75',\n          'data-[disabled]:data-[indeterminate]:border-muted-foreground data-[disabled]:data-[indeterminate]:bg-muted-foreground data-[disabled]:data-[indeterminate]:text-background',\n          className,\n        )}\n        {...props}\n      >\n        <CheckboxPrimitive.Indicator\n          keepMounted\n          className={cn(\n            'group/checkbox-indicator flex items-center justify-center text-current',\n            'scale-75 opacity-0 transition-[opacity,transform] duration-200 ease-out-custom',\n            'data-[checked]:scale-100 data-[checked]:opacity-100',\n            'data-[indeterminate]:scale-100 data-[indeterminate]:opacity-100',\n            'data-[starting-style]:scale-75 data-[starting-style]:opacity-0',\n            'data-[ending-style]:scale-75 data-[ending-style]:opacity-0',\n          )}\n        >\n          <CheckboxIndicatorIcon />\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\n/**\n * Picks the checkmark vs. the dash based on the Indicator's data attributes.\n * The Indicator stays mounted so unchecked transitions can animate out cleanly.\n */\nfunction CheckboxIndicatorIcon() {\n  return (\n    <>\n      <Check\n        className={cn(\n          'size-3 scale-95 stroke-[3.25] transition-[stroke-dashoffset,transform] duration-200 ease-out-custom',\n          // Lucide's check path is ~22.6 units long. Use a longer dash so the\n          // final checked mark is never clipped.\n          '[stroke-dasharray:28] [stroke-dashoffset:28]',\n          'group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]',\n          'group-data-[checked]/checkbox-indicator:scale-100',\n          'group-data-[indeterminate]/checkbox-indicator:hidden',\n        )}\n      />\n      <Minus\n        className={cn(\n          'hidden size-3 scale-95 stroke-[3.25] transition-transform duration-200 ease-out-custom',\n          'group-data-[indeterminate]/checkbox-indicator:block',\n          'group-data-[indeterminate]/checkbox-indicator:scale-100',\n        )}\n      />\n    </>\n  );\n}\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],"names":["React","jsx","CheckboxPrimitive","keepOwnAccessibleName","cn","selectionControlStyle","jsxs","Fragment","Check","Minus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,WAAWA,gBAAA,CAAM,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,eAAe,GAAG,KAAA,IAAS,GAAA,KAAQ;AAGxD,IAAA,MAAM,yBAAyB,OAAA,KAAY,eAAA;AAE3C,IAAA,uBACEC,cAAA;AAAA,MAACC,iBAAA,CAAkB,IAAA;AAAA,MAAlB;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,yBAAyB,KAAA,GAAQ,OAAA;AAAA,QAC1C,eAAe,aAAA,IAAiB,sBAAA;AAAA,QAChC,WAAA,EAAU,UAAA;AAAA,QACV,wBAAQD,cAAA,CAAC,MAAA,EAAA,EAAM,GAAGE,sCAAA,CAAsB,KAAK,CAAA,EAAG,CAAA;AAAA,QAChD,SAAA,EAAWC,WAAA;AAAA,UACT,0BAAA;AAAA,UACAC,iDAAA;AAAA;AAAA,UAEA,gHAAA;AAAA,UACA,6FAAA;AAAA,UACA,+FAAA;AAAA,UACA,4KAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAAJ,cAAA;AAAA,UAACC,iBAAA,CAAkB,SAAA;AAAA,UAAlB;AAAA,YACC,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAWE,WAAA;AAAA,cACT,wEAAA;AAAA,cACA,gFAAA;AAAA,cACA,qDAAA;AAAA,cACA,iEAAA;AAAA,cACA,gEAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEA,yCAAC,qBAAA,EAAA,EAAsB;AAAA;AAAA;AACzB;AAAA,KACF;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;AAMvB,SAAS,qBAAA,GAAwB;AAC/B,EAAA,uBACEE,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAN,cAAA;AAAA,MAACO,iBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWJ,WAAA;AAAA,UACT,qGAAA;AAAA;AAAA;AAAA,UAGA,8CAAA;AAAA,UACA,+DAAA;AAAA,UACA,mDAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,oBACAH,cAAA;AAAA,MAACQ,iBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWL,WAAA;AAAA,UACT,wFAAA;AAAA,UACA,qDAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{checkbox-DcNIsz5L.js → checkbox-DyZhbQo9.js}

@@ -54,7 +54,7 @@ function CheckboxIndicatorIcon() {
       Check,
       {
         className: cn(
-          "stroke-3.25 size-3 scale-95 transition-[stroke-dashoffset,transform] duration-200 ease-out-custom",
+          "size-3 scale-95 stroke-[3.25] transition-[stroke-dashoffset,transform] duration-200 ease-out-custom",
           // Lucide's check path is ~22.6 units long. Use a longer dash so the
           // final checked mark is never clipped.
           "[stroke-dasharray:28] [stroke-dashoffset:28]",
@@ -68,7 +68,7 @@ function CheckboxIndicatorIcon() {
       Minus,
       {
         className: cn(
-          "stroke-3.25 hidden size-3 scale-95 transition-transform duration-200 ease-out-custom",
+          "hidden size-3 scale-95 stroke-[3.25] transition-transform duration-200 ease-out-custom",
           "group-data-[indeterminate]/checkbox-indicator:block",
           "group-data-[indeterminate]/checkbox-indicator:scale-100"
         )
@@ -78,4 +78,4 @@ function CheckboxIndicatorIcon() {
 }
 
 export { Checkbox as C };
-//# sourceMappingURL=checkbox-DcNIsz5L.js.map
+//# sourceMappingURL=checkbox-DyZhbQo9.js.map

package/dist/{checkbox-DcNIsz5L.js.map → checkbox-DyZhbQo9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-DcNIsz5L.js","sources":["../src/ds/components/Checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { Check, Minus } from 'lucide-react';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { selectionControlStyle } from '@/ds/primitives/selection-control';\nimport { cn } from '@/lib/utils';\n\n/**\n * Radix-style tri-state value for the controlled `checked` prop. Base UI splits\n * this into a strict `checked` boolean plus a separate `indeterminate` boolean —\n * we keep the Radix union here so existing consumers (which pass\n * `checked=\"indeterminate\"`) keep working without changes.\n *\n * `defaultChecked` is intentionally a plain boolean: an uncontrolled checkbox\n * cannot start \"indeterminate\" and then be toggled out of it (the indeterminate\n * state is inherently controlled), so `'indeterminate'` is not allowed there.\n */\nexport type CheckedState = boolean | 'indeterminate';\n\ntype CheckboxProps = Omit<CheckboxPrimitive.Root.Props, 'className' | 'checked'> & {\n  className?: string;\n  checked?: CheckedState;\n};\n\nconst Checkbox = React.forwardRef<HTMLSpanElement, CheckboxProps>(\n  ({ className, checked, indeterminate, ...props }, ref) => {\n    // Translate the Radix `'indeterminate'` sentinel into Base UI's dedicated\n    // `indeterminate` prop while leaving `checked` as a boolean.\n    const isCheckedIndeterminate = checked === 'indeterminate';\n\n    return (\n      <CheckboxPrimitive.Root\n        ref={ref}\n        checked={isCheckedIndeterminate ? false : checked}\n        indeterminate={indeterminate ?? isCheckedIndeterminate}\n        data-slot=\"checkbox\"\n        render={<span {...keepOwnAccessibleName(props)} />}\n        className={cn(\n          'peer rounded-[0.3125rem]',\n          selectionControlStyle,\n          // Indeterminate is checkbox-only and mirrors the checked chip.\n          'data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background',\n          'data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90',\n          'data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75',\n          'data-[disabled]:data-[indeterminate]:border-muted-foreground data-[disabled]:data-[indeterminate]:bg-muted-foreground data-[disabled]:data-[indeterminate]:text-background',\n          className,\n        )}\n        {...props}\n      >\n        <CheckboxPrimitive.Indicator\n          keepMounted\n          className={cn(\n            'group/checkbox-indicator flex items-center justify-center text-current',\n            'scale-75 opacity-0 transition-[opacity,transform] duration-200 ease-out-custom',\n            'data-[checked]:scale-100 data-[checked]:opacity-100',\n            'data-[indeterminate]:scale-100 data-[indeterminate]:opacity-100',\n            'data-[starting-style]:scale-75 data-[starting-style]:opacity-0',\n            'data-[ending-style]:scale-75 data-[ending-style]:opacity-0',\n          )}\n        >\n          <CheckboxIndicatorIcon />\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\n/**\n * Picks the checkmark vs. the dash based on the Indicator's data attributes.\n * The Indicator stays mounted so unchecked transitions can animate out cleanly.\n */\nfunction CheckboxIndicatorIcon() {\n  return (\n    <>\n      <Check\n        className={cn(\n          'stroke-3.25 size-3 scale-95 transition-[stroke-dashoffset,transform] duration-200 ease-out-custom',\n          // Lucide's check path is ~22.6 units long. Use a longer dash so the\n          // final checked mark is never clipped.\n          '[stroke-dasharray:28] [stroke-dashoffset:28]',\n          'group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]',\n          'group-data-[checked]/checkbox-indicator:scale-100',\n          'group-data-[indeterminate]/checkbox-indicator:hidden',\n        )}\n      />\n      <Minus\n        className={cn(\n          'stroke-3.25 hidden size-3 scale-95 transition-transform duration-200 ease-out-custom',\n          'group-data-[indeterminate]/checkbox-indicator:block',\n          'group-data-[indeterminate]/checkbox-indicator:scale-100',\n        )}\n      />\n    </>\n  );\n}\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],"names":["CheckboxPrimitive"],"mappings":";;;;;;;;AAyBA,MAAM,WAAW,KAAA,CAAM,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,eAAe,GAAG,KAAA,IAAS,GAAA,KAAQ;AAGxD,IAAA,MAAM,yBAAyB,OAAA,KAAY,eAAA;AAE3C,IAAA,uBACE,GAAA;AAAA,MAACA,UAAA,CAAkB,IAAA;AAAA,MAAlB;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,yBAAyB,KAAA,GAAQ,OAAA;AAAA,QAC1C,eAAe,aAAA,IAAiB,sBAAA;AAAA,QAChC,WAAA,EAAU,UAAA;AAAA,QACV,wBAAQ,GAAA,CAAC,MAAA,EAAA,EAAM,GAAG,qBAAA,CAAsB,KAAK,CAAA,EAAG,CAAA;AAAA,QAChD,SAAA,EAAW,EAAA;AAAA,UACT,0BAAA;AAAA,UACA,qBAAA;AAAA;AAAA,UAEA,gHAAA;AAAA,UACA,6FAAA;AAAA,UACA,+FAAA;AAAA,UACA,4KAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA;AAAA,UAACA,UAAA,CAAkB,SAAA;AAAA,UAAlB;AAAA,YACC,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAW,EAAA;AAAA,cACT,wEAAA;AAAA,cACA,gFAAA;AAAA,cACA,qDAAA;AAAA,cACA,iEAAA;AAAA,cACA,gEAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEA,8BAAC,qBAAA,EAAA,EAAsB;AAAA;AAAA;AACzB;AAAA,KACF;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;AAMvB,SAAS,qBAAA,GAAwB;AAC/B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,mGAAA;AAAA;AAAA;AAAA,UAGA,8CAAA;AAAA,UACA,+DAAA;AAAA,UACA,mDAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,sFAAA;AAAA,UACA,qDAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"checkbox-DyZhbQo9.js","sources":["../src/ds/components/Checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { Check, Minus } from 'lucide-react';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { selectionControlStyle } from '@/ds/primitives/selection-control';\nimport { cn } from '@/lib/utils';\n\n/**\n * Radix-style tri-state value for the controlled `checked` prop. Base UI splits\n * this into a strict `checked` boolean plus a separate `indeterminate` boolean —\n * we keep the Radix union here so existing consumers (which pass\n * `checked=\"indeterminate\"`) keep working without changes.\n *\n * `defaultChecked` is intentionally a plain boolean: an uncontrolled checkbox\n * cannot start \"indeterminate\" and then be toggled out of it (the indeterminate\n * state is inherently controlled), so `'indeterminate'` is not allowed there.\n */\nexport type CheckedState = boolean | 'indeterminate';\n\ntype CheckboxProps = Omit<CheckboxPrimitive.Root.Props, 'className' | 'checked'> & {\n  className?: string;\n  checked?: CheckedState;\n};\n\nconst Checkbox = React.forwardRef<HTMLSpanElement, CheckboxProps>(\n  ({ className, checked, indeterminate, ...props }, ref) => {\n    // Translate the Radix `'indeterminate'` sentinel into Base UI's dedicated\n    // `indeterminate` prop while leaving `checked` as a boolean.\n    const isCheckedIndeterminate = checked === 'indeterminate';\n\n    return (\n      <CheckboxPrimitive.Root\n        ref={ref}\n        checked={isCheckedIndeterminate ? false : checked}\n        indeterminate={indeterminate ?? isCheckedIndeterminate}\n        data-slot=\"checkbox\"\n        render={<span {...keepOwnAccessibleName(props)} />}\n        className={cn(\n          'peer rounded-[0.3125rem]',\n          selectionControlStyle,\n          // Indeterminate is checkbox-only and mirrors the checked chip.\n          'data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background',\n          'data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90',\n          'data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75',\n          'data-[disabled]:data-[indeterminate]:border-muted-foreground data-[disabled]:data-[indeterminate]:bg-muted-foreground data-[disabled]:data-[indeterminate]:text-background',\n          className,\n        )}\n        {...props}\n      >\n        <CheckboxPrimitive.Indicator\n          keepMounted\n          className={cn(\n            'group/checkbox-indicator flex items-center justify-center text-current',\n            'scale-75 opacity-0 transition-[opacity,transform] duration-200 ease-out-custom',\n            'data-[checked]:scale-100 data-[checked]:opacity-100',\n            'data-[indeterminate]:scale-100 data-[indeterminate]:opacity-100',\n            'data-[starting-style]:scale-75 data-[starting-style]:opacity-0',\n            'data-[ending-style]:scale-75 data-[ending-style]:opacity-0',\n          )}\n        >\n          <CheckboxIndicatorIcon />\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\n/**\n * Picks the checkmark vs. the dash based on the Indicator's data attributes.\n * The Indicator stays mounted so unchecked transitions can animate out cleanly.\n */\nfunction CheckboxIndicatorIcon() {\n  return (\n    <>\n      <Check\n        className={cn(\n          'size-3 scale-95 stroke-[3.25] transition-[stroke-dashoffset,transform] duration-200 ease-out-custom',\n          // Lucide's check path is ~22.6 units long. Use a longer dash so the\n          // final checked mark is never clipped.\n          '[stroke-dasharray:28] [stroke-dashoffset:28]',\n          'group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]',\n          'group-data-[checked]/checkbox-indicator:scale-100',\n          'group-data-[indeterminate]/checkbox-indicator:hidden',\n        )}\n      />\n      <Minus\n        className={cn(\n          'hidden size-3 scale-95 stroke-[3.25] transition-transform duration-200 ease-out-custom',\n          'group-data-[indeterminate]/checkbox-indicator:block',\n          'group-data-[indeterminate]/checkbox-indicator:scale-100',\n        )}\n      />\n    </>\n  );\n}\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],"names":["CheckboxPrimitive"],"mappings":";;;;;;;;AAyBA,MAAM,WAAW,KAAA,CAAM,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,eAAe,GAAG,KAAA,IAAS,GAAA,KAAQ;AAGxD,IAAA,MAAM,yBAAyB,OAAA,KAAY,eAAA;AAE3C,IAAA,uBACE,GAAA;AAAA,MAACA,UAAA,CAAkB,IAAA;AAAA,MAAlB;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,yBAAyB,KAAA,GAAQ,OAAA;AAAA,QAC1C,eAAe,aAAA,IAAiB,sBAAA;AAAA,QAChC,WAAA,EAAU,UAAA;AAAA,QACV,wBAAQ,GAAA,CAAC,MAAA,EAAA,EAAM,GAAG,qBAAA,CAAsB,KAAK,CAAA,EAAG,CAAA;AAAA,QAChD,SAAA,EAAW,EAAA;AAAA,UACT,0BAAA;AAAA,UACA,qBAAA;AAAA;AAAA,UAEA,gHAAA;AAAA,UACA,6FAAA;AAAA,UACA,+FAAA;AAAA,UACA,4KAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA;AAAA,UAACA,UAAA,CAAkB,SAAA;AAAA,UAAlB;AAAA,YACC,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAW,EAAA;AAAA,cACT,wEAAA;AAAA,cACA,gFAAA;AAAA,cACA,qDAAA;AAAA,cACA,iEAAA;AAAA,cACA,gEAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEA,8BAAC,qBAAA,EAAA,EAAsB;AAAA;AAAA;AACzB;AAAA,KACF;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;AAMvB,SAAS,qBAAA,GAAwB;AAC/B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,qGAAA;AAAA;AAAA;AAAA,UAGA,8CAAA;AAAA,UACA,+DAAA;AAAA,UACA,mDAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,wFAAA;AAAA,UACA,qDAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{code-block-CXZNO_qi.js → code-block-BMmilLti.js}

@@ -31,7 +31,7 @@ function CodeBlock({
     "figure",
     {
       className: cn(
-        "group relative flex w-full flex-col overflow-hidden rounded-2xl border border-border-strong/40 bg-background [contain:inline-size]",
+        "group relative flex w-full flex-col overflow-hidden rounded-2xl border border-border bg-background [contain:inline-size]",
         className
       ),
       children: [
@@ -40,18 +40,18 @@ function CodeBlock({
           /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(TabList, { children: options.map((opt) => /* @__PURE__ */ jsx(Tab, { value: opt.value, children: opt.label }, opt.value)) }) }),
           actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center border-b border-border pr-2 pl-3", children: actions })
         ] }) }),
-        useSelect && options && /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border-strong/40 px-2 py-1.5", children: [
+        useSelect && options && /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border px-2 py-1.5", children: [
           /* @__PURE__ */ jsxs(Select, { value: activeValue, onValueChange, children: [
             /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", variant: "ghost", className: "w-auto", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
             /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
           ] }),
           actions && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: actions })
         ] }),
-        !hasOptions && fileName && /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border-strong/40 px-4 py-2", children: [
+        !hasOptions && fileName && /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border px-4 py-2", children: [
           /* @__PURE__ */ jsx("figcaption", { className: "font-mono text-caption text-muted-foreground", children: fileName }),
           actions && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: actions })
         ] }),
-        !hasOptions && !fileName && actions && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end border-b border-border-strong/40 px-2 py-1.5", children: actions }),
+        !hasOptions && !fileName && actions && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end border-b border-border px-2 py-1.5", children: actions }),
         /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsx(
             Code,
@@ -84,4 +84,4 @@ function CodeBlock({
 }
 
 export { CodeBlock as C };
-//# sourceMappingURL=code-block-CXZNO_qi.js.map
+//# sourceMappingURL=code-block-BMmilLti.js.map

package/dist/code-block-BMmilLti.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-BMmilLti.js","sources":["../src/ds/components/CodeBlock/code-block.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Code } from '../Code/code';\nimport { CopyButton } from '../CopyButton/copy-button';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../Select/select';\nimport { TabList } from '../Tabs/tabs-list';\nimport { Tabs } from '../Tabs/tabs-root';\nimport { Tab } from '../Tabs/tabs-tab';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type CodeBlockSelector = 'select' | 'tabs';\n\nexport type CodeBlockOverflow = 'wrap' | 'scroll';\n\nexport interface CodeBlockOption {\n  label: string;\n  value: string;\n}\n\nexport interface CodeBlockProps {\n  code: string;\n  options?: CodeBlockOption[];\n  value?: string;\n  onValueChange?: (value: string) => void;\n  selector?: CodeBlockSelector;\n  fileName?: string;\n  lang?: string;\n  /** `wrap` (default) breaks long lines — best for commands and snippets.\n   *  `scroll` preserves columns behind a horizontal scroll — best for source code. */\n  overflow?: CodeBlockOverflow;\n  copyMessage?: string;\n  copyTooltip?: string;\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport function CodeBlock({\n  code,\n  options,\n  value,\n  onValueChange,\n  selector = 'select',\n  fileName,\n  lang,\n  overflow = 'wrap',\n  copyMessage,\n  copyTooltip,\n  actions,\n  className,\n}: CodeBlockProps) {\n  const hasOptions = options && options.length > 0;\n  const useTabs = hasOptions && selector === 'tabs';\n  const useSelect = hasOptions && selector === 'select';\n  const firstOption = options?.[0];\n  const activeValue = value ?? firstOption?.value;\n\n  return (\n    <figure\n      // A scrolling `pre` still reports its longest line as an intrinsic width, which\n      // grows every ancestor; containment keeps the block inside the width it is given.\n      className={cn(\n        'group relative flex w-full flex-col overflow-hidden rounded-2xl border border-border bg-background [contain:inline-size]',\n        className,\n      )}\n    >\n      {useTabs && firstOption && (\n        <Tabs defaultTab={firstOption.value} value={activeValue} onValueChange={onValueChange ?? (() => {})}>\n          <div className=\"flex items-stretch\">\n            <div className=\"min-w-0 flex-1\">\n              <TabList>\n                {options.map(opt => (\n                  <Tab key={opt.value} value={opt.value}>\n                    {opt.label}\n                  </Tab>\n                ))}\n              </TabList>\n            </div>\n            {actions && <div className=\"flex shrink-0 items-center border-b border-border pr-2 pl-3\">{actions}</div>}\n          </div>\n        </Tabs>\n      )}\n\n      {useSelect && options && (\n        <div className=\"flex items-center border-b border-border px-2 py-1.5\">\n          <Select value={activeValue} onValueChange={onValueChange}>\n            <SelectTrigger size=\"sm\" variant=\"ghost\" className=\"w-auto\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {options.map(opt => (\n                <SelectItem key={opt.value} value={opt.value}>\n                  {opt.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {actions && <div className=\"ml-auto flex items-center\">{actions}</div>}\n        </div>\n      )}\n\n      {!hasOptions && fileName && (\n        <div className=\"flex items-center border-b border-border px-4 py-2\">\n          <figcaption className=\"font-mono text-caption text-muted-foreground\">{fileName}</figcaption>\n          {actions && <div className=\"ml-auto flex items-center\">{actions}</div>}\n        </div>\n      )}\n\n      {!hasOptions && !fileName && actions && (\n        <div className=\"flex items-center justify-end border-b border-border px-2 py-1.5\">{actions}</div>\n      )}\n\n      <div className=\"relative\">\n        <Code\n          code={code}\n          lang={lang}\n          className={cn(\n            'px-4 py-3 font-mono text-caption text-foreground',\n            overflow === 'scroll' ? 'overflow-x-auto whitespace-pre' : 'break-all whitespace-pre-wrap',\n          )}\n        />\n        <CopyButton\n          content={code}\n          copyMessage={copyMessage}\n          tooltip={copyTooltip}\n          size=\"sm\"\n          className={cn(\n            'absolute top-2 right-2 opacity-100 group-focus-within:opacity-100 group-hover:opacity-100 pointer-fine:opacity-0',\n            transitions.opacity,\n          )}\n        />\n      </div>\n    </figure>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/{code-block-z2hVcNq7.cjs → code-block-Ipm4Kqvc.cjs}

@@ -33,7 +33,7 @@ function CodeBlock({
     "figure",
     {
       className: utils_cn.cn(
-        "group relative flex w-full flex-col overflow-hidden rounded-2xl border border-border-strong/40 bg-background [contain:inline-size]",
+        "group relative flex w-full flex-col overflow-hidden rounded-2xl border border-border bg-background [contain:inline-size]",
         className
       ),
       children: [
@@ -42,18 +42,18 @@ function CodeBlock({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(tabsList.TabList, { children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: opt.value, children: opt.label }, opt.value)) }) }),
           actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center border-b border-border pr-2 pl-3", children: actions })
         ] }) }),
-        useSelect && options && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b border-border-strong/40 px-2 py-1.5", children: [
+        useSelect && options && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b border-border px-2 py-1.5", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { value: activeValue, onValueChange, children: [
             /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { size: "sm", variant: "ghost", className: "w-auto", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, {}) }),
             /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
           ] }),
           actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center", children: actions })
         ] }),
-        !hasOptions && fileName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b border-border-strong/40 px-4 py-2", children: [
+        !hasOptions && fileName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b border-border px-4 py-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: "font-mono text-caption text-muted-foreground", children: fileName }),
           actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center", children: actions })
         ] }),
-        !hasOptions && !fileName && actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end border-b border-border-strong/40 px-2 py-1.5", children: actions }),
+        !hasOptions && !fileName && actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end border-b border-border px-2 py-1.5", children: actions }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             code.Code,
@@ -86,4 +86,4 @@ function CodeBlock({
 }
 
 exports.CodeBlock = CodeBlock;
-//# sourceMappingURL=code-block-z2hVcNq7.cjs.map
+//# sourceMappingURL=code-block-Ipm4Kqvc.cjs.map

package/dist/code-block-Ipm4Kqvc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-Ipm4Kqvc.cjs","sources":["../src/ds/components/CodeBlock/code-block.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Code } from '../Code/code';\nimport { CopyButton } from '../CopyButton/copy-button';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../Select/select';\nimport { TabList } from '../Tabs/tabs-list';\nimport { Tabs } from '../Tabs/tabs-root';\nimport { Tab } from '../Tabs/tabs-tab';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type CodeBlockSelector = 'select' | 'tabs';\n\nexport type CodeBlockOverflow = 'wrap' | 'scroll';\n\nexport interface CodeBlockOption {\n  label: string;\n  value: string;\n}\n\nexport interface CodeBlockProps {\n  code: string;\n  options?: CodeBlockOption[];\n  value?: string;\n  onValueChange?: (value: string) => void;\n  selector?: CodeBlockSelector;\n  fileName?: string;\n  lang?: string;\n  /** `wrap` (default) breaks long lines — best for commands and snippets.\n   *  `scroll` preserves columns behind a horizontal scroll — best for source code. */\n  overflow?: CodeBlockOverflow;\n  copyMessage?: string;\n  copyTooltip?: string;\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport function CodeBlock({\n  code,\n  options,\n  value,\n  onValueChange,\n  selector = 'select',\n  fileName,\n  lang,\n  overflow = 'wrap',\n  copyMessage,\n  copyTooltip,\n  actions,\n  className,\n}: CodeBlockProps) {\n  const hasOptions = options && options.length > 0;\n  const useTabs = hasOptions && selector === 'tabs';\n  const useSelect = hasOptions && selector === 'select';\n  const firstOption = options?.[0];\n  const activeValue = value ?? firstOption?.value;\n\n  return (\n    <figure\n      // A scrolling `pre` still reports its longest line as an intrinsic width, which\n      // grows every ancestor; containment keeps the block inside the width it is given.\n      className={cn(\n        'group relative flex w-full flex-col overflow-hidden rounded-2xl border border-border bg-background [contain:inline-size]',\n        className,\n      )}\n    >\n      {useTabs && firstOption && (\n        <Tabs defaultTab={firstOption.value} value={activeValue} onValueChange={onValueChange ?? (() => {})}>\n          <div className=\"flex items-stretch\">\n            <div className=\"min-w-0 flex-1\">\n              <TabList>\n                {options.map(opt => (\n                  <Tab key={opt.value} value={opt.value}>\n                    {opt.label}\n                  </Tab>\n                ))}\n              </TabList>\n            </div>\n            {actions && <div className=\"flex shrink-0 items-center border-b border-border pr-2 pl-3\">{actions}</div>}\n          </div>\n        </Tabs>\n      )}\n\n      {useSelect && options && (\n        <div className=\"flex items-center border-b border-border px-2 py-1.5\">\n          <Select value={activeValue} onValueChange={onValueChange}>\n            <SelectTrigger size=\"sm\" variant=\"ghost\" className=\"w-auto\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {options.map(opt => (\n                <SelectItem key={opt.value} value={opt.value}>\n                  {opt.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {actions && <div className=\"ml-auto flex items-center\">{actions}</div>}\n        </div>\n      )}\n\n      {!hasOptions && fileName && (\n        <div className=\"flex items-center border-b border-border px-4 py-2\">\n          <figcaption className=\"font-mono text-caption text-muted-foreground\">{fileName}</figcaption>\n          {actions && <div className=\"ml-auto flex items-center\">{actions}</div>}\n        </div>\n      )}\n\n      {!hasOptions && !fileName && actions && (\n        <div className=\"flex items-center justify-end border-b border-border px-2 py-1.5\">{actions}</div>\n      )}\n\n      <div className=\"relative\">\n        <Code\n          code={code}\n          lang={lang}\n          className={cn(\n            'px-4 py-3 font-mono text-caption text-foreground',\n            overflow === 'scroll' ? 'overflow-x-auto whitespace-pre' : 'break-all whitespace-pre-wrap',\n          )}\n        />\n        <CopyButton\n          content={code}\n          copyMessage={copyMessage}\n          tooltip={copyTooltip}\n          size=\"sm\"\n          className={cn(\n            'absolute top-2 right-2 opacity-100 group-focus-within:opacity-100 group-hover:opacity-100 pointer-fine:opacity-0',\n            transitions.opacity,\n          )}\n        />\n      </div>\n    </figure>\n  );\n}\n"],"names":["code","jsxs","cn","jsx","Tabs","TabList","Tab","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","Code","CopyButton","transitions"],"mappings":";;;;;;;;;;;;AAoCO,SAAS,SAAA,CAAU;AAAA,QACxBA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA,GAAW,QAAA;AAAA,EACX,QAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,GAAW,MAAA;AAAA,EACX,WAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,UAAA,GAAa,OAAA,IAAW,OAAA,CAAQ,MAAA,GAAS,CAAA;AAC/C,EAAA,MAAM,OAAA,GAAU,cAAc,QAAA,KAAa,MAAA;AAC3C,EAAA,MAAM,SAAA,GAAY,cAAc,QAAA,KAAa,QAAA;AAC7C,EAAA,MAAM,WAAA,GAAc,UAAU,CAAC,CAAA;AAC/B,EAAA,MAAM,WAAA,GAAc,SAAS,WAAA,EAAa,KAAA;AAE1C,EAAA,uBACEC,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MAGC,SAAA,EAAWC,WAAA;AAAA,QACT,0HAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,OAAA,IAAW,WAAA,oBACVC,cAAA,CAACC,aAAA,EAAA,EAAK,UAAA,EAAY,WAAA,CAAY,OAAO,KAAA,EAAO,WAAA,EAAa,aAAA,EAAe,aAAA,KAAkB,MAAM;AAAA,QAAC,CAAA,CAAA,EAC/F,QAAA,kBAAAH,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EACb,QAAA,EAAA;AAAA,0BAAAE,cAAA,CAAC,SAAI,SAAA,EAAU,gBAAA,EACb,yCAACE,gBAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,GAAA,qBACXF,cAAA,CAACG,eAAoB,KAAA,EAAO,GAAA,CAAI,OAC7B,QAAA,EAAA,GAAA,CAAI,KAAA,EAAA,EADG,IAAI,KAEd,CACD,GACH,CAAA,EACF,CAAA;AAAA,UACC,OAAA,oBAAWH,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAA+D,QAAA,EAAA,OAAA,EAAQ;AAAA,SAAA,EACpG,CAAA,EACF,CAAA;AAAA,QAGD,SAAA,IAAa,OAAA,oBACZF,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sDAAA,EACb,QAAA,EAAA;AAAA,0BAAAA,eAAA,CAACM,aAAA,EAAA,EAAO,KAAA,EAAO,WAAA,EAAa,aAAA,EAC1B,QAAA,EAAA;AAAA,4BAAAJ,cAAA,CAACK,oBAAA,EAAA,EAAc,MAAK,IAAA,EAAK,OAAA,EAAQ,SAAQ,SAAA,EAAU,QAAA,EACjD,QAAA,kBAAAL,cAAA,CAACM,kBAAA,EAAA,EAAY,CAAA,EACf,CAAA;AAAA,4BACAN,cAAA,CAACO,oBAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,yBACXP,cAAA,CAACQ,iBAAA,EAAA,EAA2B,KAAA,EAAO,GAAA,CAAI,OACpC,QAAA,EAAA,GAAA,CAAI,KAAA,EAAA,EADU,GAAA,CAAI,KAErB,CACD,CAAA,EACH;AAAA,WAAA,EACF,CAAA;AAAA,UACC,OAAA,oBAAWR,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAA6B,QAAA,EAAA,OAAA,EAAQ;AAAA,SAAA,EAClE,CAAA;AAAA,QAGD,CAAC,UAAA,IAAc,QAAA,oBACdF,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oDAAA,EACb,QAAA,EAAA;AAAA,0BAAAE,cAAA,CAAC,YAAA,EAAA,EAAW,SAAA,EAAU,8CAAA,EAAgD,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,UAC9E,OAAA,oBAAWA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAA6B,QAAA,EAAA,OAAA,EAAQ;AAAA,SAAA,EAClE,CAAA;AAAA,QAGD,CAAC,cAAc,CAAC,QAAA,IAAY,2BAC3BA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kEAAA,EAAoE,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,wBAG7FF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAAE,cAAA;AAAA,YAACS,SAAA;AAAA,YAAA;AAAA,oBACCZ,MAAA;AAAA,cACA,IAAA;AAAA,cACA,SAAA,EAAWE,WAAA;AAAA,gBACT,kDAAA;AAAA,gBACA,QAAA,KAAa,WAAW,gCAAA,GAAmC;AAAA;AAC7D;AAAA,WACF;AAAA,0BACAC,cAAA;AAAA,YAACU,qBAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAASb,MAAA;AAAA,cACT,WAAA;AAAA,cACA,OAAA,EAAS,WAAA;AAAA,cACT,IAAA,EAAK,IAAA;AAAA,cACL,SAAA,EAAWE,WAAA;AAAA,gBACT,kHAAA;AAAA,gBACAY,kCAAA,CAAY;AAAA;AACd;AAAA;AACF,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/AttachmentCard.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const attachmentCard = require('../attachment-card-BcK3XoCH.cjs');
+
+
+
+exports.AttachmentCard = attachmentCard.AttachmentCard;
+//# sourceMappingURL=AttachmentCard.cjs.js.map

package/dist/components/AttachmentCard.cjs.js.map

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

package/dist/components/AttachmentCard.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/AttachmentCard/index'
+export {}

package/dist/components/AttachmentCard.es.js

@@ -0,0 +1,2 @@
+export { A as AttachmentCard } from '../attachment-card-CbsWWaV5.js';
+//# sourceMappingURL=AttachmentCard.es.js.map

package/dist/components/AttachmentCard.es.js.map

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

package/dist/components/ChatShell.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const messageScroller = require('../message-scroller-D-_KN9Fv.cjs');
+const messageScroller = require('../message-scroller-DcZBA9Sl.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 function ChatShellRoot({ className, scroller, ...props }) {

package/dist/components/ChatShell.es.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { d as MessageScrollerProvider, e as MessageScrollerViewport, M as MessageScroller, a as MessageScrollerButton, b as MessageScrollerContent } from '../message-scroller-WWaQ-XU_.js';
+import { d as MessageScrollerProvider, e as MessageScrollerViewport, M as MessageScroller, a as MessageScrollerButton, b as MessageScrollerContent } from '../message-scroller-d8meQ5AR.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 
 function ChatShellRoot({ className, scroller, ...props }) {

package/dist/components/Checkbox.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const checkbox = require('../checkbox-Bkobte27.cjs');
+const checkbox = require('../checkbox-BafbfFcE.cjs');
 
 
 

package/dist/components/Checkbox.es.js

@@ -1,2 +1,2 @@
-export { C as Checkbox } from '../checkbox-DcNIsz5L.js';
+export { C as Checkbox } from '../checkbox-DyZhbQo9.js';
 //# sourceMappingURL=Checkbox.es.js.map

package/dist/components/CodeBlock.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const codeBlock = require('../code-block-z2hVcNq7.cjs');
+const codeBlock = require('../code-block-Ipm4Kqvc.cjs');
 
 
 

package/dist/components/CodeBlock.es.js

@@ -1,2 +1,2 @@
-export { C as CodeBlock } from '../code-block-CXZNO_qi.js';
+export { C as CodeBlock } from '../code-block-BMmilLti.js';
 //# sourceMappingURL=CodeBlock.es.js.map

package/dist/components/Composer.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const composer = require('../composer-DyoM0j2m.cjs');
+const composer = require('../composer-Bf2poiID.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const collapsible = require('@base-ui/react/collapsible');
 const lucideReact = require('lucide-react');
@@ -25,8 +25,8 @@ function ComposerSuggestions({
   React.useEffect(() => {
     activeOption.current?.scrollIntoView({ block: "nearest" });
   }, [activeItemId]);
-  return /* @__PURE__ */ jsxRuntime.jsx(collapsible.Collapsible.Root, { open: items.length > 0, children: /* @__PURE__ */ jsxRuntime.jsx(collapsible.Collapsible.Panel, { className: "h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-normal ease-out-custom data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border/60", role: "region", "aria-label": label, children: [
-    contextLabel && onBack && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border/60 px-1.5 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(collapsible.Collapsible.Root, { open: items.length > 0, children: /* @__PURE__ */ jsxRuntime.jsx(collapsible.Collapsible.Panel, { className: "h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-normal ease-out-custom data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border", role: "region", "aria-label": label, children: [
+    contextLabel && onBack && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border px-1.5 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",

package/dist/components/Composer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.cjs.js","sources":["../../src/ds/components/Composer/commands/composer-suggestions.tsx","../../src/ds/components/Composer/commands/command-matches.ts","../../src/ds/components/Composer/commands/use-composer-commands.ts"],"sourcesContent":["import { Collapsible } from '@base-ui/react/collapsible';\nimport { ArrowLeft, Check } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport { ScrollArea, ScrollAreaViewport } from '../../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nexport interface ComposerSuggestionItem {\n  id: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerSuggestionsProps {\n  id: string;\n  items: readonly ComposerSuggestionItem[];\n  activeIndex: number;\n  contextLabel?: string;\n  onBack?: () => void;\n  onSelect: (index: number) => void;\n}\n\nexport function ComposerSuggestions({\n  id,\n  items,\n  activeIndex,\n  contextLabel,\n  onBack,\n  onSelect,\n}: ComposerSuggestionsProps) {\n  const activeOption = useRef<HTMLButtonElement>(null);\n  const activeItemId = items[activeIndex]?.id;\n  const label = contextLabel ? `${contextLabel} options` : 'Slash commands';\n\n  useEffect(() => {\n    activeOption.current?.scrollIntoView({ block: 'nearest' });\n  }, [activeItemId]);\n\n  return (\n    <Collapsible.Root open={items.length > 0}>\n      <Collapsible.Panel className=\"h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-normal ease-out-custom data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none\">\n        <div className=\"border-b border-border/60\" role=\"region\" aria-label={label}>\n          {contextLabel && onBack && (\n            <div className=\"border-b border-border/60 px-1.5 py-1\">\n              <button\n                type=\"button\"\n                className=\"flex items-center gap-1.5 rounded-xl px-2 py-1.5 text-caption text-muted-foreground transition-colors duration-normal ease-out-custom hover:bg-fill-subtle hover:text-foreground motion-reduce:transition-none\"\n                aria-label=\"Back to slash commands\"\n                onMouseDown={event => event.preventDefault()}\n                onClick={onBack}\n              >\n                <ArrowLeft size={14} aria-hidden />\n                <span>{contextLabel}</span>\n              </button>\n            </div>\n          )}\n          <ScrollArea maxHeight=\"min(22rem, 50dvh)\">\n            <ScrollAreaViewport className=\"overscroll-contain\">\n              <div id={id} role=\"listbox\" aria-label={label} className=\"flex flex-col gap-px p-1.5\">\n                {items.map((item, index) => (\n                  <button\n                    ref={index === activeIndex ? activeOption : undefined}\n                    id={item.id}\n                    key={item.id}\n                    type=\"button\"\n                    role=\"option\"\n                    tabIndex={-1}\n                    aria-selected={index === activeIndex}\n                    aria-current={item.active ? 'true' : undefined}\n                    className={cn(\n                      'flex w-full cursor-pointer items-center justify-between gap-4 rounded-2xl px-2 py-1.5 text-left text-caption transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n                      index === activeIndex\n                        ? 'bg-fill-subtle text-foreground'\n                        : 'text-muted-foreground hover:bg-fill-subtle hover:text-foreground',\n                    )}\n                    onMouseDown={event => event.preventDefault()}\n                    onClick={() => onSelect(index)}\n                  >\n                    <span className=\"max-w-[60%] min-w-0 shrink-0 truncate\" title={item.label}>\n                      {item.label}\n                    </span>\n                    {(item.description || item.active) && (\n                      <span className=\"flex min-w-0 items-center gap-1.5 text-right\">\n                        {item.description && (\n                          <span className=\"truncate\" title={item.description}>\n                            {item.description}\n                          </span>\n                        )}\n                        {item.active && (\n                          <span className=\"flex shrink-0 items-center gap-1\">\n                            <Check size={13} aria-hidden />\n                            Current\n                          </span>\n                        )}\n                      </span>\n                    )}\n                  </button>\n                ))}\n              </div>\n            </ScrollAreaViewport>\n          </ScrollArea>\n        </div>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n}\n","export interface ComposerCommandOption {\n  value: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerCommand {\n  name: string;\n  description: string;\n  options?: readonly ComposerCommandOption[];\n}\n\nexport function matchCommands<T extends Pick<ComposerCommand, 'name'>>(commands: readonly T[], draft: string): T[] {\n  if (!draft.startsWith('/')) return [];\n  const query = draft.slice(1).toLowerCase();\n  if (/\\s/.test(query)) return [];\n  return commands.filter(command => command.name.toLowerCase().startsWith(query));\n}\n\nexport function matchCommandOptions<T extends ComposerCommand>(commands: readonly T[], draft: string) {\n  if (!draft.startsWith('/')) return undefined;\n  const firstWhitespace = draft.search(/\\s/);\n  if (firstWhitespace === -1) return undefined;\n  const command = commands.find(candidate => candidate.name === draft.slice(1, firstWhitespace));\n  if (!command?.options) return undefined;\n  const query = draft.slice(firstWhitespace).trim().toLowerCase();\n  if (/\\s/.test(query)) return undefined;\n  const options = command.options.filter(option => option.value.toLowerCase().startsWith(query));\n  return options.length > 0 ? { command, options } : undefined;\n}\n","import type { ChangeEvent, ComponentPropsWithoutRef, RefObject } from 'react';\nimport { useId, useState } from 'react';\nimport type { ComposerCommand, ComposerCommandOption } from './command-matches';\nimport { matchCommandOptions, matchCommands } from './command-matches';\nimport type { ComposerSuggestionItem, ComposerSuggestionsProps } from './composer-suggestions';\nimport { useKeydown } from '@/lib/keyboard/use-keydown';\n\nfunction createSuggestionItems(\n  listId: string,\n  commands: readonly ComposerCommand[],\n  options?: readonly ComposerCommandOption[],\n): ComposerSuggestionItem[] {\n  if (options)\n    return options.map(option => ({ ...option, id: `${listId}-option-${encodeURIComponent(option.value)}` }));\n  return commands.map(command => ({\n    id: `${listId}-command-${encodeURIComponent(command.name)}`,\n    label: `/${command.name}`,\n    description: command.description,\n  }));\n}\n\nexport interface UseComposerCommandsProps {\n  commands: readonly ComposerCommand[];\n  value: string;\n  onValueChange: (value: string) => void;\n  onSubmit: (value: string) => void;\n  inputRef: RefObject<HTMLTextAreaElement | null>;\n  enabled?: boolean;\n}\n\nexport function useComposerCommands({\n  commands,\n  value,\n  onValueChange,\n  onSubmit,\n  inputRef,\n  enabled = true,\n}: UseComposerCommandsProps) {\n  const listId = useId();\n  const [navigation, setNavigation] = useState({ value: '', index: 0 });\n  const optionMatch = enabled ? matchCommandOptions(commands, value) : undefined;\n  const matchingCommands = enabled && !optionMatch ? matchCommands(commands, value) : [];\n  const items = createSuggestionItems(listId, matchingCommands, optionMatch?.options);\n  const boundedIndex = Math.min(navigation.index, Math.max(0, items.length - 1));\n  const activeIndex = navigation.value === value ? boundedIndex : 0;\n\n  function updateValue(nextValue: string) {\n    setNavigation({ value: nextValue, index: 0 });\n    onValueChange(nextValue);\n  }\n\n  function returnToCommands() {\n    updateValue(optionMatch ? `/${optionMatch.command.name}` : '');\n    inputRef.current?.focus();\n  }\n\n  function selectSuggestion(index: number) {\n    inputRef.current?.focus();\n    if (optionMatch) {\n      const option = optionMatch.options[index];\n      if (option) onSubmit(`/${optionMatch.command.name} ${option.value}`);\n      return;\n    }\n    const command = matchingCommands[index];\n    if (command) updateValue(`/${command.name} `);\n  }\n\n  function moveSelection(direction: number) {\n    setNavigation({ value, index: (activeIndex + direction + items.length) % items.length });\n  }\n\n  function shouldHandleCommandKey(event: KeyboardEvent) {\n    const command = matchingCommands[activeIndex];\n    const submitExactCommand =\n      matchingCommands.length === 1 && value.toLowerCase() === `/${command?.name}` && !command?.options?.length;\n    return event.key !== 'Enter' || !submitExactCommand;\n  }\n\n  useKeydown(\n    {\n      ArrowDown: () => moveSelection(1),\n      ArrowUp: () => moveSelection(-1),\n      Escape: returnToCommands,\n      Tab: () => selectSuggestion(activeIndex),\n      Enter: () => selectSuggestion(activeIndex),\n    },\n    {\n      target: inputRef,\n      enabled: items.length > 0,\n      shouldHandle: shouldHandleCommandKey,\n    },\n  );\n\n  const inputProps = {\n    value,\n    onChange: (event: ChangeEvent<HTMLTextAreaElement>) => updateValue(event.target.value),\n    'aria-autocomplete': 'list',\n    'aria-controls': items.length > 0 ? listId : undefined,\n    'aria-activedescendant': items[activeIndex]?.id,\n  } satisfies ComponentPropsWithoutRef<'textarea'>;\n\n  const suggestionsProps: ComposerSuggestionsProps = {\n    id: listId,\n    items,\n    activeIndex,\n    contextLabel: optionMatch ? `/${optionMatch.command.name}` : undefined,\n    onBack: optionMatch ? returnToCommands : undefined,\n    onSelect: selectSuggestion,\n  };\n\n  return { inputProps, suggestionsProps };\n}\n"],"names":["useRef","useEffect","jsx","Collapsible","jsxs","ArrowLeft","ScrollArea","ScrollAreaViewport","cn","Check","useId","useState","useKeydown"],"mappings":"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"}
+{"version":3,"file":"Composer.cjs.js","sources":["../../src/ds/components/Composer/commands/composer-suggestions.tsx","../../src/ds/components/Composer/commands/command-matches.ts","../../src/ds/components/Composer/commands/use-composer-commands.ts"],"sourcesContent":["import { Collapsible } from '@base-ui/react/collapsible';\nimport { ArrowLeft, Check } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport { ScrollArea, ScrollAreaViewport } from '../../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nexport interface ComposerSuggestionItem {\n  id: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerSuggestionsProps {\n  id: string;\n  items: readonly ComposerSuggestionItem[];\n  activeIndex: number;\n  contextLabel?: string;\n  onBack?: () => void;\n  onSelect: (index: number) => void;\n}\n\nexport function ComposerSuggestions({\n  id,\n  items,\n  activeIndex,\n  contextLabel,\n  onBack,\n  onSelect,\n}: ComposerSuggestionsProps) {\n  const activeOption = useRef<HTMLButtonElement>(null);\n  const activeItemId = items[activeIndex]?.id;\n  const label = contextLabel ? `${contextLabel} options` : 'Slash commands';\n\n  useEffect(() => {\n    activeOption.current?.scrollIntoView({ block: 'nearest' });\n  }, [activeItemId]);\n\n  return (\n    <Collapsible.Root open={items.length > 0}>\n      <Collapsible.Panel className=\"h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-normal ease-out-custom data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none\">\n        <div className=\"border-b border-border\" role=\"region\" aria-label={label}>\n          {contextLabel && onBack && (\n            <div className=\"border-b border-border px-1.5 py-1\">\n              <button\n                type=\"button\"\n                className=\"flex items-center gap-1.5 rounded-xl px-2 py-1.5 text-caption text-muted-foreground transition-colors duration-normal ease-out-custom hover:bg-fill-subtle hover:text-foreground motion-reduce:transition-none\"\n                aria-label=\"Back to slash commands\"\n                onMouseDown={event => event.preventDefault()}\n                onClick={onBack}\n              >\n                <ArrowLeft size={14} aria-hidden />\n                <span>{contextLabel}</span>\n              </button>\n            </div>\n          )}\n          <ScrollArea maxHeight=\"min(22rem, 50dvh)\">\n            <ScrollAreaViewport className=\"overscroll-contain\">\n              <div id={id} role=\"listbox\" aria-label={label} className=\"flex flex-col gap-px p-1.5\">\n                {items.map((item, index) => (\n                  <button\n                    ref={index === activeIndex ? activeOption : undefined}\n                    id={item.id}\n                    key={item.id}\n                    type=\"button\"\n                    role=\"option\"\n                    tabIndex={-1}\n                    aria-selected={index === activeIndex}\n                    aria-current={item.active ? 'true' : undefined}\n                    className={cn(\n                      'flex w-full cursor-pointer items-center justify-between gap-4 rounded-2xl px-2 py-1.5 text-left text-caption transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n                      index === activeIndex\n                        ? 'bg-fill-subtle text-foreground'\n                        : 'text-muted-foreground hover:bg-fill-subtle hover:text-foreground',\n                    )}\n                    onMouseDown={event => event.preventDefault()}\n                    onClick={() => onSelect(index)}\n                  >\n                    <span className=\"max-w-[60%] min-w-0 shrink-0 truncate\" title={item.label}>\n                      {item.label}\n                    </span>\n                    {(item.description || item.active) && (\n                      <span className=\"flex min-w-0 items-center gap-1.5 text-right\">\n                        {item.description && (\n                          <span className=\"truncate\" title={item.description}>\n                            {item.description}\n                          </span>\n                        )}\n                        {item.active && (\n                          <span className=\"flex shrink-0 items-center gap-1\">\n                            <Check size={13} aria-hidden />\n                            Current\n                          </span>\n                        )}\n                      </span>\n                    )}\n                  </button>\n                ))}\n              </div>\n            </ScrollAreaViewport>\n          </ScrollArea>\n        </div>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n}\n","export interface ComposerCommandOption {\n  value: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerCommand {\n  name: string;\n  description: string;\n  options?: readonly ComposerCommandOption[];\n}\n\nexport function matchCommands<T extends Pick<ComposerCommand, 'name'>>(commands: readonly T[], draft: string): T[] {\n  if (!draft.startsWith('/')) return [];\n  const query = draft.slice(1).toLowerCase();\n  if (/\\s/.test(query)) return [];\n  return commands.filter(command => command.name.toLowerCase().startsWith(query));\n}\n\nexport function matchCommandOptions<T extends ComposerCommand>(commands: readonly T[], draft: string) {\n  if (!draft.startsWith('/')) return undefined;\n  const firstWhitespace = draft.search(/\\s/);\n  if (firstWhitespace === -1) return undefined;\n  const command = commands.find(candidate => candidate.name === draft.slice(1, firstWhitespace));\n  if (!command?.options) return undefined;\n  const query = draft.slice(firstWhitespace).trim().toLowerCase();\n  if (/\\s/.test(query)) return undefined;\n  const options = command.options.filter(option => option.value.toLowerCase().startsWith(query));\n  return options.length > 0 ? { command, options } : undefined;\n}\n","import type { ChangeEvent, ComponentPropsWithoutRef, RefObject } from 'react';\nimport { useId, useState } from 'react';\nimport type { ComposerCommand, ComposerCommandOption } from './command-matches';\nimport { matchCommandOptions, matchCommands } from './command-matches';\nimport type { ComposerSuggestionItem, ComposerSuggestionsProps } from './composer-suggestions';\nimport { useKeydown } from '@/lib/keyboard/use-keydown';\n\nfunction createSuggestionItems(\n  listId: string,\n  commands: readonly ComposerCommand[],\n  options?: readonly ComposerCommandOption[],\n): ComposerSuggestionItem[] {\n  if (options)\n    return options.map(option => ({ ...option, id: `${listId}-option-${encodeURIComponent(option.value)}` }));\n  return commands.map(command => ({\n    id: `${listId}-command-${encodeURIComponent(command.name)}`,\n    label: `/${command.name}`,\n    description: command.description,\n  }));\n}\n\nexport interface UseComposerCommandsProps {\n  commands: readonly ComposerCommand[];\n  value: string;\n  onValueChange: (value: string) => void;\n  onSubmit: (value: string) => void;\n  inputRef: RefObject<HTMLTextAreaElement | null>;\n  enabled?: boolean;\n}\n\nexport function useComposerCommands({\n  commands,\n  value,\n  onValueChange,\n  onSubmit,\n  inputRef,\n  enabled = true,\n}: UseComposerCommandsProps) {\n  const listId = useId();\n  const [navigation, setNavigation] = useState({ value: '', index: 0 });\n  const optionMatch = enabled ? matchCommandOptions(commands, value) : undefined;\n  const matchingCommands = enabled && !optionMatch ? matchCommands(commands, value) : [];\n  const items = createSuggestionItems(listId, matchingCommands, optionMatch?.options);\n  const boundedIndex = Math.min(navigation.index, Math.max(0, items.length - 1));\n  const activeIndex = navigation.value === value ? boundedIndex : 0;\n\n  function updateValue(nextValue: string) {\n    setNavigation({ value: nextValue, index: 0 });\n    onValueChange(nextValue);\n  }\n\n  function returnToCommands() {\n    updateValue(optionMatch ? `/${optionMatch.command.name}` : '');\n    inputRef.current?.focus();\n  }\n\n  function selectSuggestion(index: number) {\n    inputRef.current?.focus();\n    if (optionMatch) {\n      const option = optionMatch.options[index];\n      if (option) onSubmit(`/${optionMatch.command.name} ${option.value}`);\n      return;\n    }\n    const command = matchingCommands[index];\n    if (command) updateValue(`/${command.name} `);\n  }\n\n  function moveSelection(direction: number) {\n    setNavigation({ value, index: (activeIndex + direction + items.length) % items.length });\n  }\n\n  function shouldHandleCommandKey(event: KeyboardEvent) {\n    const command = matchingCommands[activeIndex];\n    const submitExactCommand =\n      matchingCommands.length === 1 && value.toLowerCase() === `/${command?.name}` && !command?.options?.length;\n    return event.key !== 'Enter' || !submitExactCommand;\n  }\n\n  useKeydown(\n    {\n      ArrowDown: () => moveSelection(1),\n      ArrowUp: () => moveSelection(-1),\n      Escape: returnToCommands,\n      Tab: () => selectSuggestion(activeIndex),\n      Enter: () => selectSuggestion(activeIndex),\n    },\n    {\n      target: inputRef,\n      enabled: items.length > 0,\n      shouldHandle: shouldHandleCommandKey,\n    },\n  );\n\n  const inputProps = {\n    value,\n    onChange: (event: ChangeEvent<HTMLTextAreaElement>) => updateValue(event.target.value),\n    'aria-autocomplete': 'list',\n    'aria-controls': items.length > 0 ? listId : undefined,\n    'aria-activedescendant': items[activeIndex]?.id,\n  } satisfies ComponentPropsWithoutRef<'textarea'>;\n\n  const suggestionsProps: ComposerSuggestionsProps = {\n    id: listId,\n    items,\n    activeIndex,\n    contextLabel: optionMatch ? `/${optionMatch.command.name}` : undefined,\n    onBack: optionMatch ? returnToCommands : undefined,\n    onSelect: selectSuggestion,\n  };\n\n  return { inputProps, suggestionsProps };\n}\n"],"names":["useRef","useEffect","jsx","Collapsible","jsxs","ArrowLeft","ScrollArea","ScrollAreaViewport","cn","Check","useId","useState","useKeydown"],"mappings":"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"}

package/dist/components/Composer.es.js

@@ -1,4 +1,4 @@
-export { a as Composer, b as ComposerActions, C as ComposerAttachments, c as ComposerBox, d as ComposerInput, e as ComposerRing, f as ComposerToneLabel } from '../composer-eMyX1lBH.js';
+export { a as Composer, b as ComposerActions, C as ComposerAttachments, c as ComposerBox, d as ComposerInput, e as ComposerRing, f as ComposerToneLabel } from '../composer-B_yUWdcW.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Collapsible } from '@base-ui/react/collapsible';
 import { ArrowLeft, Check } from 'lucide-react';
@@ -21,8 +21,8 @@ function ComposerSuggestions({
   useEffect(() => {
     activeOption.current?.scrollIntoView({ block: "nearest" });
   }, [activeItemId]);
-  return /* @__PURE__ */ jsx(Collapsible.Root, { open: items.length > 0, children: /* @__PURE__ */ jsx(Collapsible.Panel, { className: "h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-normal ease-out-custom data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none", children: /* @__PURE__ */ jsxs("div", { className: "border-b border-border/60", role: "region", "aria-label": label, children: [
-    contextLabel && onBack && /* @__PURE__ */ jsx("div", { className: "border-b border-border/60 px-1.5 py-1", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Collapsible.Root, { open: items.length > 0, children: /* @__PURE__ */ jsx(Collapsible.Panel, { className: "h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-normal ease-out-custom data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none", children: /* @__PURE__ */ jsxs("div", { className: "border-b border-border", role: "region", "aria-label": label, children: [
+    contextLabel && onBack && /* @__PURE__ */ jsx("div", { className: "border-b border-border px-1.5 py-1", children: /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",

package/dist/components/Composer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.es.js","sources":["../../src/ds/components/Composer/commands/composer-suggestions.tsx","../../src/ds/components/Composer/commands/command-matches.ts","../../src/ds/components/Composer/commands/use-composer-commands.ts"],"sourcesContent":["import { Collapsible } from '@base-ui/react/collapsible';\nimport { ArrowLeft, Check } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport { ScrollArea, ScrollAreaViewport } from '../../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nexport interface ComposerSuggestionItem {\n  id: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerSuggestionsProps {\n  id: string;\n  items: readonly ComposerSuggestionItem[];\n  activeIndex: number;\n  contextLabel?: string;\n  onBack?: () => void;\n  onSelect: (index: number) => void;\n}\n\nexport function ComposerSuggestions({\n  id,\n  items,\n  activeIndex,\n  contextLabel,\n  onBack,\n  onSelect,\n}: ComposerSuggestionsProps) {\n  const activeOption = useRef<HTMLButtonElement>(null);\n  const activeItemId = items[activeIndex]?.id;\n  const label = contextLabel ? `${contextLabel} options` : 'Slash commands';\n\n  useEffect(() => {\n    activeOption.current?.scrollIntoView({ block: 'nearest' });\n  }, [activeItemId]);\n\n  return (\n    <Collapsible.Root open={items.length > 0}>\n      <Collapsible.Panel className=\"h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-normal ease-out-custom data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none\">\n        <div className=\"border-b border-border/60\" role=\"region\" aria-label={label}>\n          {contextLabel && onBack && (\n            <div className=\"border-b border-border/60 px-1.5 py-1\">\n              <button\n                type=\"button\"\n                className=\"flex items-center gap-1.5 rounded-xl px-2 py-1.5 text-caption text-muted-foreground transition-colors duration-normal ease-out-custom hover:bg-fill-subtle hover:text-foreground motion-reduce:transition-none\"\n                aria-label=\"Back to slash commands\"\n                onMouseDown={event => event.preventDefault()}\n                onClick={onBack}\n              >\n                <ArrowLeft size={14} aria-hidden />\n                <span>{contextLabel}</span>\n              </button>\n            </div>\n          )}\n          <ScrollArea maxHeight=\"min(22rem, 50dvh)\">\n            <ScrollAreaViewport className=\"overscroll-contain\">\n              <div id={id} role=\"listbox\" aria-label={label} className=\"flex flex-col gap-px p-1.5\">\n                {items.map((item, index) => (\n                  <button\n                    ref={index === activeIndex ? activeOption : undefined}\n                    id={item.id}\n                    key={item.id}\n                    type=\"button\"\n                    role=\"option\"\n                    tabIndex={-1}\n                    aria-selected={index === activeIndex}\n                    aria-current={item.active ? 'true' : undefined}\n                    className={cn(\n                      'flex w-full cursor-pointer items-center justify-between gap-4 rounded-2xl px-2 py-1.5 text-left text-caption transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n                      index === activeIndex\n                        ? 'bg-fill-subtle text-foreground'\n                        : 'text-muted-foreground hover:bg-fill-subtle hover:text-foreground',\n                    )}\n                    onMouseDown={event => event.preventDefault()}\n                    onClick={() => onSelect(index)}\n                  >\n                    <span className=\"max-w-[60%] min-w-0 shrink-0 truncate\" title={item.label}>\n                      {item.label}\n                    </span>\n                    {(item.description || item.active) && (\n                      <span className=\"flex min-w-0 items-center gap-1.5 text-right\">\n                        {item.description && (\n                          <span className=\"truncate\" title={item.description}>\n                            {item.description}\n                          </span>\n                        )}\n                        {item.active && (\n                          <span className=\"flex shrink-0 items-center gap-1\">\n                            <Check size={13} aria-hidden />\n                            Current\n                          </span>\n                        )}\n                      </span>\n                    )}\n                  </button>\n                ))}\n              </div>\n            </ScrollAreaViewport>\n          </ScrollArea>\n        </div>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n}\n","export interface ComposerCommandOption {\n  value: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerCommand {\n  name: string;\n  description: string;\n  options?: readonly ComposerCommandOption[];\n}\n\nexport function matchCommands<T extends Pick<ComposerCommand, 'name'>>(commands: readonly T[], draft: string): T[] {\n  if (!draft.startsWith('/')) return [];\n  const query = draft.slice(1).toLowerCase();\n  if (/\\s/.test(query)) return [];\n  return commands.filter(command => command.name.toLowerCase().startsWith(query));\n}\n\nexport function matchCommandOptions<T extends ComposerCommand>(commands: readonly T[], draft: string) {\n  if (!draft.startsWith('/')) return undefined;\n  const firstWhitespace = draft.search(/\\s/);\n  if (firstWhitespace === -1) return undefined;\n  const command = commands.find(candidate => candidate.name === draft.slice(1, firstWhitespace));\n  if (!command?.options) return undefined;\n  const query = draft.slice(firstWhitespace).trim().toLowerCase();\n  if (/\\s/.test(query)) return undefined;\n  const options = command.options.filter(option => option.value.toLowerCase().startsWith(query));\n  return options.length > 0 ? { command, options } : undefined;\n}\n","import type { ChangeEvent, ComponentPropsWithoutRef, RefObject } from 'react';\nimport { useId, useState } from 'react';\nimport type { ComposerCommand, ComposerCommandOption } from './command-matches';\nimport { matchCommandOptions, matchCommands } from './command-matches';\nimport type { ComposerSuggestionItem, ComposerSuggestionsProps } from './composer-suggestions';\nimport { useKeydown } from '@/lib/keyboard/use-keydown';\n\nfunction createSuggestionItems(\n  listId: string,\n  commands: readonly ComposerCommand[],\n  options?: readonly ComposerCommandOption[],\n): ComposerSuggestionItem[] {\n  if (options)\n    return options.map(option => ({ ...option, id: `${listId}-option-${encodeURIComponent(option.value)}` }));\n  return commands.map(command => ({\n    id: `${listId}-command-${encodeURIComponent(command.name)}`,\n    label: `/${command.name}`,\n    description: command.description,\n  }));\n}\n\nexport interface UseComposerCommandsProps {\n  commands: readonly ComposerCommand[];\n  value: string;\n  onValueChange: (value: string) => void;\n  onSubmit: (value: string) => void;\n  inputRef: RefObject<HTMLTextAreaElement | null>;\n  enabled?: boolean;\n}\n\nexport function useComposerCommands({\n  commands,\n  value,\n  onValueChange,\n  onSubmit,\n  inputRef,\n  enabled = true,\n}: UseComposerCommandsProps) {\n  const listId = useId();\n  const [navigation, setNavigation] = useState({ value: '', index: 0 });\n  const optionMatch = enabled ? matchCommandOptions(commands, value) : undefined;\n  const matchingCommands = enabled && !optionMatch ? matchCommands(commands, value) : [];\n  const items = createSuggestionItems(listId, matchingCommands, optionMatch?.options);\n  const boundedIndex = Math.min(navigation.index, Math.max(0, items.length - 1));\n  const activeIndex = navigation.value === value ? boundedIndex : 0;\n\n  function updateValue(nextValue: string) {\n    setNavigation({ value: nextValue, index: 0 });\n    onValueChange(nextValue);\n  }\n\n  function returnToCommands() {\n    updateValue(optionMatch ? `/${optionMatch.command.name}` : '');\n    inputRef.current?.focus();\n  }\n\n  function selectSuggestion(index: number) {\n    inputRef.current?.focus();\n    if (optionMatch) {\n      const option = optionMatch.options[index];\n      if (option) onSubmit(`/${optionMatch.command.name} ${option.value}`);\n      return;\n    }\n    const command = matchingCommands[index];\n    if (command) updateValue(`/${command.name} `);\n  }\n\n  function moveSelection(direction: number) {\n    setNavigation({ value, index: (activeIndex + direction + items.length) % items.length });\n  }\n\n  function shouldHandleCommandKey(event: KeyboardEvent) {\n    const command = matchingCommands[activeIndex];\n    const submitExactCommand =\n      matchingCommands.length === 1 && value.toLowerCase() === `/${command?.name}` && !command?.options?.length;\n    return event.key !== 'Enter' || !submitExactCommand;\n  }\n\n  useKeydown(\n    {\n      ArrowDown: () => moveSelection(1),\n      ArrowUp: () => moveSelection(-1),\n      Escape: returnToCommands,\n      Tab: () => selectSuggestion(activeIndex),\n      Enter: () => selectSuggestion(activeIndex),\n    },\n    {\n      target: inputRef,\n      enabled: items.length > 0,\n      shouldHandle: shouldHandleCommandKey,\n    },\n  );\n\n  const inputProps = {\n    value,\n    onChange: (event: ChangeEvent<HTMLTextAreaElement>) => updateValue(event.target.value),\n    'aria-autocomplete': 'list',\n    'aria-controls': items.length > 0 ? listId : undefined,\n    'aria-activedescendant': items[activeIndex]?.id,\n  } satisfies ComponentPropsWithoutRef<'textarea'>;\n\n  const suggestionsProps: ComposerSuggestionsProps = {\n    id: listId,\n    items,\n    activeIndex,\n    contextLabel: optionMatch ? `/${optionMatch.command.name}` : undefined,\n    onBack: optionMatch ? returnToCommands : undefined,\n    onSelect: selectSuggestion,\n  };\n\n  return { inputProps, suggestionsProps };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Composer.es.js","sources":["../../src/ds/components/Composer/commands/composer-suggestions.tsx","../../src/ds/components/Composer/commands/command-matches.ts","../../src/ds/components/Composer/commands/use-composer-commands.ts"],"sourcesContent":["import { Collapsible } from '@base-ui/react/collapsible';\nimport { ArrowLeft, Check } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport { ScrollArea, ScrollAreaViewport } from '../../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nexport interface ComposerSuggestionItem {\n  id: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerSuggestionsProps {\n  id: string;\n  items: readonly ComposerSuggestionItem[];\n  activeIndex: number;\n  contextLabel?: string;\n  onBack?: () => void;\n  onSelect: (index: number) => void;\n}\n\nexport function ComposerSuggestions({\n  id,\n  items,\n  activeIndex,\n  contextLabel,\n  onBack,\n  onSelect,\n}: ComposerSuggestionsProps) {\n  const activeOption = useRef<HTMLButtonElement>(null);\n  const activeItemId = items[activeIndex]?.id;\n  const label = contextLabel ? `${contextLabel} options` : 'Slash commands';\n\n  useEffect(() => {\n    activeOption.current?.scrollIntoView({ block: 'nearest' });\n  }, [activeItemId]);\n\n  return (\n    <Collapsible.Root open={items.length > 0}>\n      <Collapsible.Panel className=\"h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-normal ease-out-custom data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none\">\n        <div className=\"border-b border-border\" role=\"region\" aria-label={label}>\n          {contextLabel && onBack && (\n            <div className=\"border-b border-border px-1.5 py-1\">\n              <button\n                type=\"button\"\n                className=\"flex items-center gap-1.5 rounded-xl px-2 py-1.5 text-caption text-muted-foreground transition-colors duration-normal ease-out-custom hover:bg-fill-subtle hover:text-foreground motion-reduce:transition-none\"\n                aria-label=\"Back to slash commands\"\n                onMouseDown={event => event.preventDefault()}\n                onClick={onBack}\n              >\n                <ArrowLeft size={14} aria-hidden />\n                <span>{contextLabel}</span>\n              </button>\n            </div>\n          )}\n          <ScrollArea maxHeight=\"min(22rem, 50dvh)\">\n            <ScrollAreaViewport className=\"overscroll-contain\">\n              <div id={id} role=\"listbox\" aria-label={label} className=\"flex flex-col gap-px p-1.5\">\n                {items.map((item, index) => (\n                  <button\n                    ref={index === activeIndex ? activeOption : undefined}\n                    id={item.id}\n                    key={item.id}\n                    type=\"button\"\n                    role=\"option\"\n                    tabIndex={-1}\n                    aria-selected={index === activeIndex}\n                    aria-current={item.active ? 'true' : undefined}\n                    className={cn(\n                      'flex w-full cursor-pointer items-center justify-between gap-4 rounded-2xl px-2 py-1.5 text-left text-caption transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n                      index === activeIndex\n                        ? 'bg-fill-subtle text-foreground'\n                        : 'text-muted-foreground hover:bg-fill-subtle hover:text-foreground',\n                    )}\n                    onMouseDown={event => event.preventDefault()}\n                    onClick={() => onSelect(index)}\n                  >\n                    <span className=\"max-w-[60%] min-w-0 shrink-0 truncate\" title={item.label}>\n                      {item.label}\n                    </span>\n                    {(item.description || item.active) && (\n                      <span className=\"flex min-w-0 items-center gap-1.5 text-right\">\n                        {item.description && (\n                          <span className=\"truncate\" title={item.description}>\n                            {item.description}\n                          </span>\n                        )}\n                        {item.active && (\n                          <span className=\"flex shrink-0 items-center gap-1\">\n                            <Check size={13} aria-hidden />\n                            Current\n                          </span>\n                        )}\n                      </span>\n                    )}\n                  </button>\n                ))}\n              </div>\n            </ScrollAreaViewport>\n          </ScrollArea>\n        </div>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n}\n","export interface ComposerCommandOption {\n  value: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerCommand {\n  name: string;\n  description: string;\n  options?: readonly ComposerCommandOption[];\n}\n\nexport function matchCommands<T extends Pick<ComposerCommand, 'name'>>(commands: readonly T[], draft: string): T[] {\n  if (!draft.startsWith('/')) return [];\n  const query = draft.slice(1).toLowerCase();\n  if (/\\s/.test(query)) return [];\n  return commands.filter(command => command.name.toLowerCase().startsWith(query));\n}\n\nexport function matchCommandOptions<T extends ComposerCommand>(commands: readonly T[], draft: string) {\n  if (!draft.startsWith('/')) return undefined;\n  const firstWhitespace = draft.search(/\\s/);\n  if (firstWhitespace === -1) return undefined;\n  const command = commands.find(candidate => candidate.name === draft.slice(1, firstWhitespace));\n  if (!command?.options) return undefined;\n  const query = draft.slice(firstWhitespace).trim().toLowerCase();\n  if (/\\s/.test(query)) return undefined;\n  const options = command.options.filter(option => option.value.toLowerCase().startsWith(query));\n  return options.length > 0 ? { command, options } : undefined;\n}\n","import type { ChangeEvent, ComponentPropsWithoutRef, RefObject } from 'react';\nimport { useId, useState } from 'react';\nimport type { ComposerCommand, ComposerCommandOption } from './command-matches';\nimport { matchCommandOptions, matchCommands } from './command-matches';\nimport type { ComposerSuggestionItem, ComposerSuggestionsProps } from './composer-suggestions';\nimport { useKeydown } from '@/lib/keyboard/use-keydown';\n\nfunction createSuggestionItems(\n  listId: string,\n  commands: readonly ComposerCommand[],\n  options?: readonly ComposerCommandOption[],\n): ComposerSuggestionItem[] {\n  if (options)\n    return options.map(option => ({ ...option, id: `${listId}-option-${encodeURIComponent(option.value)}` }));\n  return commands.map(command => ({\n    id: `${listId}-command-${encodeURIComponent(command.name)}`,\n    label: `/${command.name}`,\n    description: command.description,\n  }));\n}\n\nexport interface UseComposerCommandsProps {\n  commands: readonly ComposerCommand[];\n  value: string;\n  onValueChange: (value: string) => void;\n  onSubmit: (value: string) => void;\n  inputRef: RefObject<HTMLTextAreaElement | null>;\n  enabled?: boolean;\n}\n\nexport function useComposerCommands({\n  commands,\n  value,\n  onValueChange,\n  onSubmit,\n  inputRef,\n  enabled = true,\n}: UseComposerCommandsProps) {\n  const listId = useId();\n  const [navigation, setNavigation] = useState({ value: '', index: 0 });\n  const optionMatch = enabled ? matchCommandOptions(commands, value) : undefined;\n  const matchingCommands = enabled && !optionMatch ? matchCommands(commands, value) : [];\n  const items = createSuggestionItems(listId, matchingCommands, optionMatch?.options);\n  const boundedIndex = Math.min(navigation.index, Math.max(0, items.length - 1));\n  const activeIndex = navigation.value === value ? boundedIndex : 0;\n\n  function updateValue(nextValue: string) {\n    setNavigation({ value: nextValue, index: 0 });\n    onValueChange(nextValue);\n  }\n\n  function returnToCommands() {\n    updateValue(optionMatch ? `/${optionMatch.command.name}` : '');\n    inputRef.current?.focus();\n  }\n\n  function selectSuggestion(index: number) {\n    inputRef.current?.focus();\n    if (optionMatch) {\n      const option = optionMatch.options[index];\n      if (option) onSubmit(`/${optionMatch.command.name} ${option.value}`);\n      return;\n    }\n    const command = matchingCommands[index];\n    if (command) updateValue(`/${command.name} `);\n  }\n\n  function moveSelection(direction: number) {\n    setNavigation({ value, index: (activeIndex + direction + items.length) % items.length });\n  }\n\n  function shouldHandleCommandKey(event: KeyboardEvent) {\n    const command = matchingCommands[activeIndex];\n    const submitExactCommand =\n      matchingCommands.length === 1 && value.toLowerCase() === `/${command?.name}` && !command?.options?.length;\n    return event.key !== 'Enter' || !submitExactCommand;\n  }\n\n  useKeydown(\n    {\n      ArrowDown: () => moveSelection(1),\n      ArrowUp: () => moveSelection(-1),\n      Escape: returnToCommands,\n      Tab: () => selectSuggestion(activeIndex),\n      Enter: () => selectSuggestion(activeIndex),\n    },\n    {\n      target: inputRef,\n      enabled: items.length > 0,\n      shouldHandle: shouldHandleCommandKey,\n    },\n  );\n\n  const inputProps = {\n    value,\n    onChange: (event: ChangeEvent<HTMLTextAreaElement>) => updateValue(event.target.value),\n    'aria-autocomplete': 'list',\n    'aria-controls': items.length > 0 ? listId : undefined,\n    'aria-activedescendant': items[activeIndex]?.id,\n  } satisfies ComponentPropsWithoutRef<'textarea'>;\n\n  const suggestionsProps: ComposerSuggestionsProps = {\n    id: listId,\n    items,\n    activeIndex,\n    contextLabel: optionMatch ? `/${optionMatch.command.name}` : undefined,\n    onBack: optionMatch ? returnToCommands : undefined,\n    onSelect: selectSuggestion,\n  };\n\n  return { inputProps, suggestionsProps };\n}\n"],"names":[],"mappings":"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"}