@bergetai/ui 0.20.0 → 0.21.0

package/dist/components/composer/Composer.cjs

@@ -39,10 +39,7 @@ const Composer = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runt
 });
 Composer.displayName = "Composer";
 const ComposerTextarea = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroupTextarea, {
-	className: require_utils.cn(`
-        max-h-40 min-h-9 px-3 py-2
-        placeholder:text-berget-muted-foreground/50
-      `, className),
+	className: require_utils.cn(`max-h-40 min-h-9 px-3 py-2`, className),
 	...props
 });
 ComposerTextarea.displayName = "ComposerTextarea";

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

@@ -1 +1 @@
-{"version":3,"file":"Composer.cjs","names":["InputGroup","cn","InputGroupTextarea","InputGroupAddon","InputGroupButton"],"sources":["../../../src/components/composer/Composer.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  InputGroup,\n  type InputGroupAddonProps,\n  type InputGroupProps,\n  InputGroupAddon,\n  InputGroupTextarea,\n  InputGroupButton,\n} from '../input-group';\n\nexport type ComposerProps = InputGroupProps;\nexport type ComposerTextareaProps = React.ComponentProps<typeof InputGroupTextarea>;\nexport type ComposerActionsProps = InputGroupAddonProps;\nexport type ComposerSubmitProps = Omit<React.ComponentProps<'button'>, 'type'>;\n\n/**\n * Berget composer: the chat input surface from the Playground composer.\n *\n * A thin composition over the Berget `InputGroup` wrapper (which already\n * carries the composer treatment — raised surface, transparent border,\n * 16px radius) with a textarea, a bottom action row, and a circular submit\n * button.\n *\n * Extra actions are added by composition: place anything inside\n * `ComposerActions` before `ComposerSubmit` — dropdown triggers, sliders,\n * toggles — and the submit button stays pinned to the end.\n *\n * ```tsx\n * <Composer>\n *   <ComposerTextarea placeholder=\"Ask anything…\" />\n *   <ComposerActions>\n *     <DropdownMenu>…</DropdownMenu>\n *     <ComposerSubmit aria-label=\"Send\"><ArrowUpIcon /></ComposerSubmit>\n *   </ComposerActions>\n * </Composer>\n * ```\n *\n * Submission is owned by the consumer — wrap in a `<form onSubmit>` and let\n * `ComposerSubmit` (default `type=\"submit\"`) trigger it.\n */\nconst Composer = ({ className, ...props }: ComposerProps) => (\n  // bg/border come from component-scoped --berget-composer-* tokens: solid\n  // granite-900 bg + granite-800 border in dark, raised tint + subtle border\n  // in light. `dark:` classes would track prefers-color-scheme, not the\n  // Berget data-theme — do not convert. The has-[...focus] twin keeps the\n  // border through focus, overriding the wrapper's focus:border-transparent.\n  <InputGroup\n    className={cn(\n      `\n        gap-0 border-berget-composer-border bg-berget-composer-bg\n        has-[[data-slot=input-group-control]:focus-visible]:border-berget-composer-border\n        dark:border-berget-composer-border dark:bg-berget-composer-bg\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nComposer.displayName = 'Composer';\n\nconst ComposerTextarea = ({ className, ...props }: ComposerTextareaProps) => (\n  <InputGroupTextarea\n    // Softer placeholder than the primitive's `placeholder:text-muted-foreground`.\n    className={cn(\n      `\n        max-h-40 min-h-9 px-3 py-2\n        placeholder:text-berget-muted-foreground/50\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nComposerTextarea.displayName = 'ComposerTextarea';\n\n/**\n * Bottom action row of the composer. Icon buttons (`icon-*` sizes) placed in\n * the row render round, so consumer-added actions share the composer's\n * circular button treatment.\n */\nconst ComposerActions = ({ className, ...props }: ComposerActionsProps) => (\n  <InputGroupAddon\n    align=\"block-end\"\n    className={cn(\n      `\n        pt-0.5\n        **:data-[size^=icon]:rounded-berget-full\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nComposerActions.displayName = 'ComposerActions';\n\n/**\n * Circular send button. Pins to the end of the action row via `ml-auto`,\n * submits the surrounding form by default.\n */\nconst ComposerSubmit = ({ className, ...props }: ComposerSubmitProps) => (\n  <InputGroupButton\n    type=\"submit\"\n    variant=\"default\"\n    size=\"icon-sm\"\n    className={cn('ml-auto rounded-berget-full', className)}\n    {...props}\n  />\n);\nComposerSubmit.displayName = 'ComposerSubmit';\n\nexport { Composer, ComposerTextarea, ComposerActions, ComposerSubmit };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,YAAY,EAAE,WAAW,GAAG,YAMhC,iBAAA,GAAA,kBAAA,IAAA,CAACA,mBAAAA,YAAD;CACE,WAAWC,cAAAA,GACT;;;;SAKA,SACF;CACA,GAAI;AACL,CAAA;AAEH,SAAS,cAAc;AAEvB,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,oBAAD;CAEE,WAAWD,cAAAA,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA;AAEH,iBAAiB,cAAc;;;;;;AAO/B,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,iBAAA,GAAA,kBAAA,IAAA,CAACE,mBAAAA,iBAAD;CACE,OAAM;CACN,WAAWF,cAAAA,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA;AAEH,gBAAgB,cAAc;;;;;AAM9B,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,iBAAA,GAAA,kBAAA,IAAA,CAACG,oBAAAA,kBAAD;CACE,MAAK;CACL,SAAQ;CACR,MAAK;CACL,WAAWH,cAAAA,GAAG,+BAA+B,SAAS;CACtD,GAAI;AACL,CAAA;AAEH,eAAe,cAAc"}
+{"version":3,"file":"Composer.cjs","names":["InputGroup","cn","InputGroupTextarea","InputGroupAddon","InputGroupButton"],"sources":["../../../src/components/composer/Composer.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  InputGroup,\n  type InputGroupAddonProps,\n  type InputGroupProps,\n  InputGroupAddon,\n  InputGroupTextarea,\n  InputGroupButton,\n} from '../input-group';\n\nexport type ComposerProps = InputGroupProps;\nexport type ComposerTextareaProps = React.ComponentProps<typeof InputGroupTextarea>;\nexport type ComposerActionsProps = InputGroupAddonProps;\nexport type ComposerSubmitProps = Omit<React.ComponentProps<'button'>, 'type'>;\n\n/**\n * Berget composer: the chat input surface from the Playground composer.\n *\n * A thin composition over the Berget `InputGroup` wrapper (which already\n * carries the composer treatment — raised surface, transparent border,\n * 16px radius) with a textarea, a bottom action row, and a circular submit\n * button.\n *\n * Extra actions are added by composition: place anything inside\n * `ComposerActions` before `ComposerSubmit` — dropdown triggers, sliders,\n * toggles — and the submit button stays pinned to the end.\n *\n * ```tsx\n * <Composer>\n *   <ComposerTextarea placeholder=\"Ask anything…\" />\n *   <ComposerActions>\n *     <DropdownMenu>…</DropdownMenu>\n *     <ComposerSubmit aria-label=\"Send\"><ArrowUpIcon /></ComposerSubmit>\n *   </ComposerActions>\n * </Composer>\n * ```\n *\n * Submission is owned by the consumer — wrap in a `<form onSubmit>` and let\n * `ComposerSubmit` (default `type=\"submit\"`) trigger it.\n */\nconst Composer = ({ className, ...props }: ComposerProps) => (\n  // bg/border come from component-scoped --berget-composer-* tokens: solid\n  // granite-900 bg + granite-800 border in dark, raised tint + subtle border\n  // in light. `dark:` classes would track prefers-color-scheme, not the\n  // Berget data-theme — do not convert. The has-[...focus] twin keeps the\n  // border through focus, overriding the wrapper's focus:border-transparent.\n  <InputGroup\n    className={cn(\n      `\n        gap-0 border-berget-composer-border bg-berget-composer-bg\n        has-[[data-slot=input-group-control]:focus-visible]:border-berget-composer-border\n        dark:border-berget-composer-border dark:bg-berget-composer-bg\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nComposer.displayName = 'Composer';\n\nconst ComposerTextarea = ({ className, ...props }: ComposerTextareaProps) => (\n  <InputGroupTextarea className={cn(`max-h-40 min-h-9 px-3 py-2`, className)} {...props} />\n);\nComposerTextarea.displayName = 'ComposerTextarea';\n\n/**\n * Bottom action row of the composer. Icon buttons (`icon-*` sizes) placed in\n * the row render round, so consumer-added actions share the composer's\n * circular button treatment.\n */\nconst ComposerActions = ({ className, ...props }: ComposerActionsProps) => (\n  <InputGroupAddon\n    align=\"block-end\"\n    className={cn(\n      `\n        pt-0.5\n        **:data-[size^=icon]:rounded-berget-full\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nComposerActions.displayName = 'ComposerActions';\n\n/**\n * Circular send button. Pins to the end of the action row via `ml-auto`,\n * submits the surrounding form by default.\n */\nconst ComposerSubmit = ({ className, ...props }: ComposerSubmitProps) => (\n  <InputGroupButton\n    type=\"submit\"\n    variant=\"default\"\n    size=\"icon-sm\"\n    className={cn('ml-auto rounded-berget-full', className)}\n    {...props}\n  />\n);\nComposerSubmit.displayName = 'ComposerSubmit';\n\nexport { Composer, ComposerTextarea, ComposerActions, ComposerSubmit };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,YAAY,EAAE,WAAW,GAAG,YAMhC,iBAAA,GAAA,kBAAA,IAAA,CAACA,mBAAAA,YAAD;CACE,WAAWC,cAAAA,GACT;;;;SAKA,SACF;CACA,GAAI;AACL,CAAA;AAEH,SAAS,cAAc;AAEvB,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,oBAAD;CAAoB,WAAWD,cAAAA,GAAG,8BAA8B,SAAS;CAAG,GAAI;AAAQ,CAAA;AAE1F,iBAAiB,cAAc;;;;;;AAO/B,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,iBAAA,GAAA,kBAAA,IAAA,CAACE,mBAAAA,iBAAD;CACE,OAAM;CACN,WAAWF,cAAAA,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA;AAEH,gBAAgB,cAAc;;;;;AAM9B,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,iBAAA,GAAA,kBAAA,IAAA,CAACG,oBAAAA,kBAAD;CACE,MAAK;CACL,SAAQ;CACR,MAAK;CACL,WAAWH,cAAAA,GAAG,+BAA+B,SAAS;CACtD,GAAI;AACL,CAAA;AAEH,eAAe,cAAc"}

package/dist/components/composer/Composer.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.d.cts","names":[],"sources":["../../../src/components/composer/Composer.tsx"],"mappings":";;;;;YAaY,gBAAgB;YAChB,wBAAwB,MAAM,sBAAsB;YACpD,uBAAuB;YACvB,sBAAsB,KAAK,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;cA2BvC;KAAqC,cAAA,SAAA,4CAAa,IAAA;;;cAoBlD;KAA6C,cAAA,SAAA,oDAAqB,IAAA;;;;;;;;cAoBlE;KAA4C,cAAA,SAAA,mDAAoB,IAAA;;;;;;;cAmBhE;KAA2C,cAAA,SAAA,kDAAmB,IAAA"}
+{"version":3,"file":"Composer.d.cts","names":[],"sources":["../../../src/components/composer/Composer.tsx"],"mappings":";;;;;YAaY,gBAAgB;YAChB,wBAAwB,MAAM,sBAAsB;YACpD,uBAAuB;YACvB,sBAAsB,KAAK,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;cA2BvC;KAAqC,cAAA,SAAA,4CAAa,IAAA;;;cAoBlD;KAA6C,cAAA,SAAA,oDAAqB,IAAA;;;;;;;;cAUlE;KAA4C,cAAA,SAAA,mDAAoB,IAAA;;;;;;;cAmBhE;KAA2C,cAAA,SAAA,kDAAmB,IAAA"}

package/dist/components/composer/Composer.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.d.mts","names":[],"sources":["../../../src/components/composer/Composer.tsx"],"mappings":";;;;;YAaY,gBAAgB;YAChB,wBAAwB,MAAM,sBAAsB;YACpD,uBAAuB;YACvB,sBAAsB,KAAK,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;cA2BvC;KAAqC,cAAA,SAAA,4CAAa,IAAA;;;cAoBlD;KAA6C,cAAA,SAAA,oDAAqB,IAAA;;;;;;;;cAoBlE;KAA4C,cAAA,SAAA,mDAAoB,IAAA;;;;;;;cAmBhE;KAA2C,cAAA,SAAA,kDAAmB,IAAA"}
+{"version":3,"file":"Composer.d.mts","names":[],"sources":["../../../src/components/composer/Composer.tsx"],"mappings":";;;;;YAaY,gBAAgB;YAChB,wBAAwB,MAAM,sBAAsB;YACpD,uBAAuB;YACvB,sBAAsB,KAAK,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;cA2BvC;KAAqC,cAAA,SAAA,4CAAa,IAAA;;;cAoBlD;KAA6C,cAAA,SAAA,oDAAqB,IAAA;;;;;;;;cAUlE;KAA4C,cAAA,SAAA,mDAAoB,IAAA;;;;;;;cAmBhE;KAA2C,cAAA,SAAA,kDAAmB,IAAA"}

package/dist/components/composer/Composer.mjs

@@ -39,10 +39,7 @@ const Composer = ({ className, ...props }) => /* @__PURE__ */ jsx(InputGroup, {
 });
 Composer.displayName = "Composer";
 const ComposerTextarea = ({ className, ...props }) => /* @__PURE__ */ jsx(InputGroupTextarea, {
-	className: cn(`
-        max-h-40 min-h-9 px-3 py-2
-        placeholder:text-berget-muted-foreground/50
-      `, className),
+	className: cn(`max-h-40 min-h-9 px-3 py-2`, className),
 	...props
 });
 ComposerTextarea.displayName = "ComposerTextarea";

package/dist/components/composer/Composer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.mjs","names":[],"sources":["../../../src/components/composer/Composer.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  InputGroup,\n  type InputGroupAddonProps,\n  type InputGroupProps,\n  InputGroupAddon,\n  InputGroupTextarea,\n  InputGroupButton,\n} from '../input-group';\n\nexport type ComposerProps = InputGroupProps;\nexport type ComposerTextareaProps = React.ComponentProps<typeof InputGroupTextarea>;\nexport type ComposerActionsProps = InputGroupAddonProps;\nexport type ComposerSubmitProps = Omit<React.ComponentProps<'button'>, 'type'>;\n\n/**\n * Berget composer: the chat input surface from the Playground composer.\n *\n * A thin composition over the Berget `InputGroup` wrapper (which already\n * carries the composer treatment — raised surface, transparent border,\n * 16px radius) with a textarea, a bottom action row, and a circular submit\n * button.\n *\n * Extra actions are added by composition: place anything inside\n * `ComposerActions` before `ComposerSubmit` — dropdown triggers, sliders,\n * toggles — and the submit button stays pinned to the end.\n *\n * ```tsx\n * <Composer>\n *   <ComposerTextarea placeholder=\"Ask anything…\" />\n *   <ComposerActions>\n *     <DropdownMenu>…</DropdownMenu>\n *     <ComposerSubmit aria-label=\"Send\"><ArrowUpIcon /></ComposerSubmit>\n *   </ComposerActions>\n * </Composer>\n * ```\n *\n * Submission is owned by the consumer — wrap in a `<form onSubmit>` and let\n * `ComposerSubmit` (default `type=\"submit\"`) trigger it.\n */\nconst Composer = ({ className, ...props }: ComposerProps) => (\n  // bg/border come from component-scoped --berget-composer-* tokens: solid\n  // granite-900 bg + granite-800 border in dark, raised tint + subtle border\n  // in light. `dark:` classes would track prefers-color-scheme, not the\n  // Berget data-theme — do not convert. The has-[...focus] twin keeps the\n  // border through focus, overriding the wrapper's focus:border-transparent.\n  <InputGroup\n    className={cn(\n      `\n        gap-0 border-berget-composer-border bg-berget-composer-bg\n        has-[[data-slot=input-group-control]:focus-visible]:border-berget-composer-border\n        dark:border-berget-composer-border dark:bg-berget-composer-bg\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nComposer.displayName = 'Composer';\n\nconst ComposerTextarea = ({ className, ...props }: ComposerTextareaProps) => (\n  <InputGroupTextarea\n    // Softer placeholder than the primitive's `placeholder:text-muted-foreground`.\n    className={cn(\n      `\n        max-h-40 min-h-9 px-3 py-2\n        placeholder:text-berget-muted-foreground/50\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nComposerTextarea.displayName = 'ComposerTextarea';\n\n/**\n * Bottom action row of the composer. Icon buttons (`icon-*` sizes) placed in\n * the row render round, so consumer-added actions share the composer's\n * circular button treatment.\n */\nconst ComposerActions = ({ className, ...props }: ComposerActionsProps) => (\n  <InputGroupAddon\n    align=\"block-end\"\n    className={cn(\n      `\n        pt-0.5\n        **:data-[size^=icon]:rounded-berget-full\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nComposerActions.displayName = 'ComposerActions';\n\n/**\n * Circular send button. Pins to the end of the action row via `ml-auto`,\n * submits the surrounding form by default.\n */\nconst ComposerSubmit = ({ className, ...props }: ComposerSubmitProps) => (\n  <InputGroupButton\n    type=\"submit\"\n    variant=\"default\"\n    size=\"icon-sm\"\n    className={cn('ml-auto rounded-berget-full', className)}\n    {...props}\n  />\n);\nComposerSubmit.displayName = 'ComposerSubmit';\n\nexport { Composer, ComposerTextarea, ComposerActions, ComposerSubmit };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,YAAY,EAAE,WAAW,GAAG,YAMhC,oBAAC,YAAD;CACE,WAAW,GACT;;;;SAKA,SACF;CACA,GAAI;AACL,CAAA;AAEH,SAAS,cAAc;AAEvB,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAAC,oBAAD;CAEE,WAAW,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA;AAEH,iBAAiB,cAAc;;;;;;AAO/B,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAAC,iBAAD;CACE,OAAM;CACN,WAAW,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA;AAEH,gBAAgB,cAAc;;;;;AAM9B,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAAC,kBAAD;CACE,MAAK;CACL,SAAQ;CACR,MAAK;CACL,WAAW,GAAG,+BAA+B,SAAS;CACtD,GAAI;AACL,CAAA;AAEH,eAAe,cAAc"}
+{"version":3,"file":"Composer.mjs","names":[],"sources":["../../../src/components/composer/Composer.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  InputGroup,\n  type InputGroupAddonProps,\n  type InputGroupProps,\n  InputGroupAddon,\n  InputGroupTextarea,\n  InputGroupButton,\n} from '../input-group';\n\nexport type ComposerProps = InputGroupProps;\nexport type ComposerTextareaProps = React.ComponentProps<typeof InputGroupTextarea>;\nexport type ComposerActionsProps = InputGroupAddonProps;\nexport type ComposerSubmitProps = Omit<React.ComponentProps<'button'>, 'type'>;\n\n/**\n * Berget composer: the chat input surface from the Playground composer.\n *\n * A thin composition over the Berget `InputGroup` wrapper (which already\n * carries the composer treatment — raised surface, transparent border,\n * 16px radius) with a textarea, a bottom action row, and a circular submit\n * button.\n *\n * Extra actions are added by composition: place anything inside\n * `ComposerActions` before `ComposerSubmit` — dropdown triggers, sliders,\n * toggles — and the submit button stays pinned to the end.\n *\n * ```tsx\n * <Composer>\n *   <ComposerTextarea placeholder=\"Ask anything…\" />\n *   <ComposerActions>\n *     <DropdownMenu>…</DropdownMenu>\n *     <ComposerSubmit aria-label=\"Send\"><ArrowUpIcon /></ComposerSubmit>\n *   </ComposerActions>\n * </Composer>\n * ```\n *\n * Submission is owned by the consumer — wrap in a `<form onSubmit>` and let\n * `ComposerSubmit` (default `type=\"submit\"`) trigger it.\n */\nconst Composer = ({ className, ...props }: ComposerProps) => (\n  // bg/border come from component-scoped --berget-composer-* tokens: solid\n  // granite-900 bg + granite-800 border in dark, raised tint + subtle border\n  // in light. `dark:` classes would track prefers-color-scheme, not the\n  // Berget data-theme — do not convert. The has-[...focus] twin keeps the\n  // border through focus, overriding the wrapper's focus:border-transparent.\n  <InputGroup\n    className={cn(\n      `\n        gap-0 border-berget-composer-border bg-berget-composer-bg\n        has-[[data-slot=input-group-control]:focus-visible]:border-berget-composer-border\n        dark:border-berget-composer-border dark:bg-berget-composer-bg\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nComposer.displayName = 'Composer';\n\nconst ComposerTextarea = ({ className, ...props }: ComposerTextareaProps) => (\n  <InputGroupTextarea className={cn(`max-h-40 min-h-9 px-3 py-2`, className)} {...props} />\n);\nComposerTextarea.displayName = 'ComposerTextarea';\n\n/**\n * Bottom action row of the composer. Icon buttons (`icon-*` sizes) placed in\n * the row render round, so consumer-added actions share the composer's\n * circular button treatment.\n */\nconst ComposerActions = ({ className, ...props }: ComposerActionsProps) => (\n  <InputGroupAddon\n    align=\"block-end\"\n    className={cn(\n      `\n        pt-0.5\n        **:data-[size^=icon]:rounded-berget-full\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nComposerActions.displayName = 'ComposerActions';\n\n/**\n * Circular send button. Pins to the end of the action row via `ml-auto`,\n * submits the surrounding form by default.\n */\nconst ComposerSubmit = ({ className, ...props }: ComposerSubmitProps) => (\n  <InputGroupButton\n    type=\"submit\"\n    variant=\"default\"\n    size=\"icon-sm\"\n    className={cn('ml-auto rounded-berget-full', className)}\n    {...props}\n  />\n);\nComposerSubmit.displayName = 'ComposerSubmit';\n\nexport { Composer, ComposerTextarea, ComposerActions, ComposerSubmit };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,YAAY,EAAE,WAAW,GAAG,YAMhC,oBAAC,YAAD;CACE,WAAW,GACT;;;;SAKA,SACF;CACA,GAAI;AACL,CAAA;AAEH,SAAS,cAAc;AAEvB,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAAC,oBAAD;CAAoB,WAAW,GAAG,8BAA8B,SAAS;CAAG,GAAI;AAAQ,CAAA;AAE1F,iBAAiB,cAAc;;;;;;AAO/B,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAAC,iBAAD;CACE,OAAM;CACN,WAAW,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA;AAEH,gBAAgB,cAAc;;;;;AAM9B,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAAC,kBAAD;CACE,MAAK;CACL,SAAQ;CACR,MAAK;CACL,WAAW,GAAG,+BAA+B,SAAS;CACtD,GAAI;AACL,CAAA;AAEH,eAAe,cAAc"}

package/dist/components/country-select/CountrySelect.cjs

@@ -52,9 +52,9 @@ const CountrySelect = react.forwardRef(({ value, onValueChange, placeholder = "S
 				] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
 					icon: lucide_react.Globe,
 					size: 16,
-					className: "\n                  shrink-0 text-berget-muted-foreground\n                "
+					className: "shrink-0 text-berget-muted-foreground"
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "truncate text-berget-muted-foreground",
+					className: "truncate text-berget-placeholder-foreground",
 					children: placeholder
 				})] })
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
@@ -65,7 +65,7 @@ const CountrySelect = react.forwardRef(({ value, onValueChange, placeholder = "S
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.PopoverContent, {
 			align,
 			sideOffset,
-			className: "\n          w-(--trigger-width) p-0\n        ",
+			className: "w-(--trigger-width) p-0",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_command.Command, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandInput, { placeholder: "Search country..." }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_command.CommandList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandEmpty, { children: "No countries found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandGroup, { children: require_countries.COUNTRIES.map((country) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_command.CommandItem, {
 				value: `${country.name} ${country.code}`,
 				onSelect: () => {

package/dist/components/country-select/CountrySelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelect.cjs","names":["React","COUNTRIES","Popover","PopoverTrigger","cn","Icon","Globe","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem"],"sources":["../../../src/components/country-select/CountrySelect.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown, Globe } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { Icon } from '@/components/icon';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/primitives/popover';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/primitives/command';\nimport { type Country, COUNTRIES } from './countries';\n\nexport interface CountrySelectProps {\n  value?: string | null;\n  onValueChange?: (code: string) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n  align?: 'center' | 'start' | 'end';\n  sideOffset?: number;\n}\n\nconst CountrySelect = React.forwardRef<React.ElementRef<'button'>, CountrySelectProps>(\n  (\n    {\n      value,\n      onValueChange,\n      placeholder = 'Select country',\n      disabled = false,\n      className,\n      align = 'center',\n      sideOffset = 4,\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = React.useState(false);\n    const selectedCountry = React.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);\n\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger\n          ref={ref}\n          render={\n            <button\n              type=\"button\"\n              disabled={disabled}\n              aria-expanded={open}\n              className={cn(\n                // Base layout — consistent with Select trigger\n                'flex w-full items-center justify-between',\n                'rounded-berget-xs border bg-card',\n                'px-4 py-3 text-sm',\n                'transition-colors duration-200',\n                'focus-visible:ring-0 focus-visible:outline-none',\n                `\n                  focus-visible:border-berget-form-focus-border\n                  focus-visible:ring-offset-0\n                `,\n                'disabled:cursor-not-allowed disabled:opacity-50',\n                // Default border & hover matching Select variant \"default\"\n                `\n                  border-berget-border-interactive\n                  hover:bg-berget-surface-hover\n                `,\n                className,\n              )}\n            />\n          }\n        >\n          <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n            {selectedCountry ? (\n              <>\n                <span className=\"shrink-0 text-xl\">{selectedCountry.flag}</span>\n                <span className=\"truncate\">{selectedCountry.name}</span>\n                <span className=\"shrink-0 text-xs text-berget-muted-foreground\">\n                  ({selectedCountry.code})\n                </span>\n              </>\n            ) : (\n              <>\n                <Icon\n                  icon={Globe}\n                  size={16}\n                  className=\"\n                  shrink-0 text-berget-muted-foreground\n                \"\n                />\n                <span className=\"truncate text-berget-muted-foreground\">{placeholder}</span>\n              </>\n            )}\n          </div>\n          <Icon\n            icon={ChevronDown}\n            size={16}\n            className={cn(\n              'shrink-0 text-berget-muted-foreground',\n              'transition-transform duration-200',\n              open && 'rotate-180',\n            )}\n          />\n        </PopoverTrigger>\n\n        <PopoverContent\n          align={align}\n          sideOffset={sideOffset}\n          className=\"\n          w-(--trigger-width) p-0\n        \"\n        >\n          <Command>\n            <CommandInput placeholder=\"Search country...\" />\n            <CommandList>\n              <CommandEmpty>No countries found.</CommandEmpty>\n              <CommandGroup>\n                {COUNTRIES.map((country) => (\n                  <CommandItem\n                    key={country.code}\n                    value={`${country.name} ${country.code}`}\n                    onSelect={() => {\n                      onValueChange?.(country.code);\n                      setOpen(false);\n                    }}\n                    className={cn(\n                      'flex items-center gap-3 px-3 py-2.5',\n                      `\n                        data-[selected='true']:bg-berget-brand-granite-700/40!\n                        data-[selected=true]:text-berget-foreground\n                      `,\n                      value === country.code && 'bg-berget-brand-granite-800/40',\n                    )}\n                  >\n                    <span className=\"shrink-0 text-xl\">{country.flag}</span>\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"truncate text-sm\">{country.name}</div>\n                      <div className=\"text-xs text-berget-muted-foreground\">{country.code}</div>\n                    </div>\n                    {value === country.code && (\n                      <div\n                        className=\"\n                          size-2 shrink-0 rounded-full\n                          bg-berget-brand-granite-400\n                        \"\n                      />\n                    )}\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nCountrySelect.displayName = 'CountrySelect';\n\nexport { CountrySelect };\nexport type { Country };\nexport {\n  COUNTRIES,\n  EU_COUNTRY_CODES,\n  getCountryByCode,\n  getCountryByName,\n  isEUCountry,\n} from './countries';\n"],"mappings":"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"}
+{"version":3,"file":"CountrySelect.cjs","names":["React","COUNTRIES","Popover","PopoverTrigger","cn","Icon","Globe","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem"],"sources":["../../../src/components/country-select/CountrySelect.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown, Globe } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { Icon } from '@/components/icon';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/primitives/popover';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/primitives/command';\nimport { type Country, COUNTRIES } from './countries';\n\nexport interface CountrySelectProps {\n  value?: string | null;\n  onValueChange?: (code: string) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n  align?: 'center' | 'start' | 'end';\n  sideOffset?: number;\n}\n\nconst CountrySelect = React.forwardRef<React.ElementRef<'button'>, CountrySelectProps>(\n  (\n    {\n      value,\n      onValueChange,\n      placeholder = 'Select country',\n      disabled = false,\n      className,\n      align = 'center',\n      sideOffset = 4,\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = React.useState(false);\n    const selectedCountry = React.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);\n\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger\n          ref={ref}\n          render={\n            <button\n              type=\"button\"\n              disabled={disabled}\n              aria-expanded={open}\n              className={cn(\n                // Base layout — consistent with Select trigger\n                'flex w-full items-center justify-between',\n                'rounded-berget-xs border bg-card',\n                'px-4 py-3 text-sm',\n                'transition-colors duration-200',\n                'focus-visible:ring-0 focus-visible:outline-none',\n                `\n                  focus-visible:border-berget-form-focus-border\n                  focus-visible:ring-offset-0\n                `,\n                'disabled:cursor-not-allowed disabled:opacity-50',\n                // Default border & hover matching Select variant \"default\"\n                `\n                  border-berget-border-interactive\n                  hover:bg-berget-surface-hover\n                `,\n                className,\n              )}\n            />\n          }\n        >\n          <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n            {selectedCountry ? (\n              <>\n                <span className=\"shrink-0 text-xl\">{selectedCountry.flag}</span>\n                <span className=\"truncate\">{selectedCountry.name}</span>\n                <span className=\"shrink-0 text-xs text-berget-muted-foreground\">\n                  ({selectedCountry.code})\n                </span>\n              </>\n            ) : (\n              <>\n                <Icon icon={Globe} size={16} className=\"shrink-0 text-berget-muted-foreground\" />\n                <span className=\"truncate text-berget-placeholder-foreground\">{placeholder}</span>\n              </>\n            )}\n          </div>\n          <Icon\n            icon={ChevronDown}\n            size={16}\n            className={cn(\n              'shrink-0 text-berget-muted-foreground',\n              'transition-transform duration-200',\n              open && 'rotate-180',\n            )}\n          />\n        </PopoverTrigger>\n\n        <PopoverContent align={align} sideOffset={sideOffset} className=\"w-(--trigger-width) p-0\">\n          <Command>\n            <CommandInput placeholder=\"Search country...\" />\n            <CommandList>\n              <CommandEmpty>No countries found.</CommandEmpty>\n              <CommandGroup>\n                {COUNTRIES.map((country) => (\n                  <CommandItem\n                    key={country.code}\n                    value={`${country.name} ${country.code}`}\n                    onSelect={() => {\n                      onValueChange?.(country.code);\n                      setOpen(false);\n                    }}\n                    className={cn(\n                      'flex items-center gap-3 px-3 py-2.5',\n                      `\n                        data-[selected='true']:bg-berget-brand-granite-700/40!\n                        data-[selected=true]:text-berget-foreground\n                      `,\n                      value === country.code && 'bg-berget-brand-granite-800/40',\n                    )}\n                  >\n                    <span className=\"shrink-0 text-xl\">{country.flag}</span>\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"truncate text-sm\">{country.name}</div>\n                      <div className=\"text-xs text-berget-muted-foreground\">{country.code}</div>\n                    </div>\n                    {value === country.code && (\n                      <div\n                        className=\"\n                          size-2 shrink-0 rounded-full\n                          bg-berget-brand-granite-400\n                        \"\n                      />\n                    )}\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nCountrySelect.displayName = 'CountrySelect';\n\nexport { CountrySelect };\nexport type { Country };\nexport {\n  COUNTRIES,\n  EU_COUNTRY_CODES,\n  getCountryByCode,\n  getCountryByName,\n  isEUCountry,\n} from './countries';\n"],"mappings":"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"}

package/dist/components/country-select/CountrySelect.mjs

@@ -50,9 +50,9 @@ const CountrySelect = React.forwardRef(({ value, onValueChange, placeholder = "S
 				] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
 					icon: Globe,
 					size: 16,
-					className: "\n                  shrink-0 text-berget-muted-foreground\n                "
+					className: "shrink-0 text-berget-muted-foreground"
 				}), /* @__PURE__ */ jsx("span", {
-					className: "truncate text-berget-muted-foreground",
+					className: "truncate text-berget-placeholder-foreground",
 					children: placeholder
 				})] })
 			}), /* @__PURE__ */ jsx(Icon, {
@@ -63,7 +63,7 @@ const CountrySelect = React.forwardRef(({ value, onValueChange, placeholder = "S
 		}), /* @__PURE__ */ jsx(PopoverContent, {
 			align,
 			sideOffset,
-			className: "\n          w-(--trigger-width) p-0\n        ",
+			className: "w-(--trigger-width) p-0",
 			children: /* @__PURE__ */ jsxs(Command, { children: [/* @__PURE__ */ jsx(CommandInput, { placeholder: "Search country..." }), /* @__PURE__ */ jsxs(CommandList, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No countries found." }), /* @__PURE__ */ jsx(CommandGroup, { children: COUNTRIES.map((country) => /* @__PURE__ */ jsxs(CommandItem, {
 				value: `${country.name} ${country.code}`,
 				onSelect: () => {

package/dist/components/country-select/CountrySelect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelect.mjs","names":[],"sources":["../../../src/components/country-select/CountrySelect.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown, Globe } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { Icon } from '@/components/icon';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/primitives/popover';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/primitives/command';\nimport { type Country, COUNTRIES } from './countries';\n\nexport interface CountrySelectProps {\n  value?: string | null;\n  onValueChange?: (code: string) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n  align?: 'center' | 'start' | 'end';\n  sideOffset?: number;\n}\n\nconst CountrySelect = React.forwardRef<React.ElementRef<'button'>, CountrySelectProps>(\n  (\n    {\n      value,\n      onValueChange,\n      placeholder = 'Select country',\n      disabled = false,\n      className,\n      align = 'center',\n      sideOffset = 4,\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = React.useState(false);\n    const selectedCountry = React.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);\n\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger\n          ref={ref}\n          render={\n            <button\n              type=\"button\"\n              disabled={disabled}\n              aria-expanded={open}\n              className={cn(\n                // Base layout — consistent with Select trigger\n                'flex w-full items-center justify-between',\n                'rounded-berget-xs border bg-card',\n                'px-4 py-3 text-sm',\n                'transition-colors duration-200',\n                'focus-visible:ring-0 focus-visible:outline-none',\n                `\n                  focus-visible:border-berget-form-focus-border\n                  focus-visible:ring-offset-0\n                `,\n                'disabled:cursor-not-allowed disabled:opacity-50',\n                // Default border & hover matching Select variant \"default\"\n                `\n                  border-berget-border-interactive\n                  hover:bg-berget-surface-hover\n                `,\n                className,\n              )}\n            />\n          }\n        >\n          <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n            {selectedCountry ? (\n              <>\n                <span className=\"shrink-0 text-xl\">{selectedCountry.flag}</span>\n                <span className=\"truncate\">{selectedCountry.name}</span>\n                <span className=\"shrink-0 text-xs text-berget-muted-foreground\">\n                  ({selectedCountry.code})\n                </span>\n              </>\n            ) : (\n              <>\n                <Icon\n                  icon={Globe}\n                  size={16}\n                  className=\"\n                  shrink-0 text-berget-muted-foreground\n                \"\n                />\n                <span className=\"truncate text-berget-muted-foreground\">{placeholder}</span>\n              </>\n            )}\n          </div>\n          <Icon\n            icon={ChevronDown}\n            size={16}\n            className={cn(\n              'shrink-0 text-berget-muted-foreground',\n              'transition-transform duration-200',\n              open && 'rotate-180',\n            )}\n          />\n        </PopoverTrigger>\n\n        <PopoverContent\n          align={align}\n          sideOffset={sideOffset}\n          className=\"\n          w-(--trigger-width) p-0\n        \"\n        >\n          <Command>\n            <CommandInput placeholder=\"Search country...\" />\n            <CommandList>\n              <CommandEmpty>No countries found.</CommandEmpty>\n              <CommandGroup>\n                {COUNTRIES.map((country) => (\n                  <CommandItem\n                    key={country.code}\n                    value={`${country.name} ${country.code}`}\n                    onSelect={() => {\n                      onValueChange?.(country.code);\n                      setOpen(false);\n                    }}\n                    className={cn(\n                      'flex items-center gap-3 px-3 py-2.5',\n                      `\n                        data-[selected='true']:bg-berget-brand-granite-700/40!\n                        data-[selected=true]:text-berget-foreground\n                      `,\n                      value === country.code && 'bg-berget-brand-granite-800/40',\n                    )}\n                  >\n                    <span className=\"shrink-0 text-xl\">{country.flag}</span>\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"truncate text-sm\">{country.name}</div>\n                      <div className=\"text-xs text-berget-muted-foreground\">{country.code}</div>\n                    </div>\n                    {value === country.code && (\n                      <div\n                        className=\"\n                          size-2 shrink-0 rounded-full\n                          bg-berget-brand-granite-400\n                        \"\n                      />\n                    )}\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nCountrySelect.displayName = 'CountrySelect';\n\nexport { CountrySelect };\nexport type { Country };\nexport {\n  COUNTRIES,\n  EU_COUNTRY_CODES,\n  getCountryByCode,\n  getCountryByName,\n  isEUCountry,\n} from './countries';\n"],"mappings":";;;;;;;;;;AA4BA,MAAM,gBAAgB,MAAM,YAExB,EACE,OACA,eACA,cAAc,kBACd,WAAW,OACX,WACA,QAAQ,UACR,aAAa,KAEf,QACG;CACH,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,KAAK;CAC5C,MAAM,kBAAkB,MAAM,cAAc,UAAU,MAAM,MAAM,EAAE,SAAS,KAAK,GAAG,CAAC,KAAK,CAAC;CAE5F,OACE,qBAAC,SAAD;EAAe;EAAM,cAAc;EAAnC,UAAA,CACE,qBAAC,gBAAD;GACO;GACL,QACE,oBAAC,UAAD;IACE,MAAK;IACK;IACV,iBAAe;IACf,WAAW,GAET,4CACA,oCACA,qBACA,kCACA,mDACA;;;mBAIA,mDAEA;;;mBAIA,SACF;GACD,CAAA;GA1BL,UAAA,CA6BE,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,kBACC,qBAAA,UAAA,EAAA,UAAA;KACE,oBAAC,QAAD;MAAM,WAAU;MAAoB,UAAA,gBAAgB;KAAW,CAAA;KAC/D,oBAAC,QAAD;MAAM,WAAU;MAAY,UAAA,gBAAgB;KAAW,CAAA;KACvD,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OAAgE;OAC5D,gBAAgB;OAAK;MACnB;;IACN,EAAA,CAAA,IAEF,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAD;KACE,MAAM;KACN,MAAM;KACN,WAAU;IAGX,CAAA,GACD,oBAAC,QAAD;KAAM,WAAU;KAAyC,UAAA;IAAkB,CAAA,CAC3E,EAAA,CAAA;GAED,CAAA,GACL,oBAAC,MAAD;IACE,MAAM;IACN,MAAM;IACN,WAAW,GACT,yCACA,qCACA,QAAQ,YACV;GACD,CAAA,CACa;EAEhB,CAAA,GAAA,oBAAC,gBAAD;GACS;GACK;GACZ,WAAU;GAIV,UAAA,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,cAAD,EAAc,aAAY,oBAAqB,CAAA,GAC/C,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,cAAD,EAAA,UAAc,sBAAiC,CAAA,GAC/C,oBAAC,cAAD,EAAA,UACG,UAAU,KAAK,YACd,qBAAC,aAAD;IAEE,OAAO,GAAG,QAAQ,KAAK,GAAG,QAAQ;IAClC,gBAAgB;KACd,gBAAgB,QAAQ,IAAI;KAC5B,QAAQ,KAAK;IACf;IACA,WAAW,GACT,uCACA;;;yBAIA,UAAU,QAAQ,QAAQ,gCAC5B;IAdF,UAAA;KAgBE,oBAAC,QAAD;MAAM,WAAU;MAAoB,UAAA,QAAQ;KAAW,CAAA;KACvD,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,oBAAC,OAAD;OAAK,WAAU;OAAoB,UAAA,QAAQ;MAAU,CAAA,GACrD,oBAAC,OAAD;OAAK,WAAU;OAAwC,UAAA,QAAQ;MAAU,CAAA,CACtE;;KACJ,UAAU,QAAQ,QACjB,oBAAC,OAAD,EACE,WAAU,4IAIX,CAAA;IAEQ;GA5BN,GAAA,QAAQ,IA4BF,CACd,EACW,CAAA,CACH,EAAA,CAAA,CACN,EAAA,CAAA;EACK,CAAA,CACT;;AAEb,CACF;AAEA,cAAc,cAAc"}
+{"version":3,"file":"CountrySelect.mjs","names":[],"sources":["../../../src/components/country-select/CountrySelect.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown, Globe } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { Icon } from '@/components/icon';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/primitives/popover';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/primitives/command';\nimport { type Country, COUNTRIES } from './countries';\n\nexport interface CountrySelectProps {\n  value?: string | null;\n  onValueChange?: (code: string) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n  align?: 'center' | 'start' | 'end';\n  sideOffset?: number;\n}\n\nconst CountrySelect = React.forwardRef<React.ElementRef<'button'>, CountrySelectProps>(\n  (\n    {\n      value,\n      onValueChange,\n      placeholder = 'Select country',\n      disabled = false,\n      className,\n      align = 'center',\n      sideOffset = 4,\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = React.useState(false);\n    const selectedCountry = React.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);\n\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger\n          ref={ref}\n          render={\n            <button\n              type=\"button\"\n              disabled={disabled}\n              aria-expanded={open}\n              className={cn(\n                // Base layout — consistent with Select trigger\n                'flex w-full items-center justify-between',\n                'rounded-berget-xs border bg-card',\n                'px-4 py-3 text-sm',\n                'transition-colors duration-200',\n                'focus-visible:ring-0 focus-visible:outline-none',\n                `\n                  focus-visible:border-berget-form-focus-border\n                  focus-visible:ring-offset-0\n                `,\n                'disabled:cursor-not-allowed disabled:opacity-50',\n                // Default border & hover matching Select variant \"default\"\n                `\n                  border-berget-border-interactive\n                  hover:bg-berget-surface-hover\n                `,\n                className,\n              )}\n            />\n          }\n        >\n          <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n            {selectedCountry ? (\n              <>\n                <span className=\"shrink-0 text-xl\">{selectedCountry.flag}</span>\n                <span className=\"truncate\">{selectedCountry.name}</span>\n                <span className=\"shrink-0 text-xs text-berget-muted-foreground\">\n                  ({selectedCountry.code})\n                </span>\n              </>\n            ) : (\n              <>\n                <Icon icon={Globe} size={16} className=\"shrink-0 text-berget-muted-foreground\" />\n                <span className=\"truncate text-berget-placeholder-foreground\">{placeholder}</span>\n              </>\n            )}\n          </div>\n          <Icon\n            icon={ChevronDown}\n            size={16}\n            className={cn(\n              'shrink-0 text-berget-muted-foreground',\n              'transition-transform duration-200',\n              open && 'rotate-180',\n            )}\n          />\n        </PopoverTrigger>\n\n        <PopoverContent align={align} sideOffset={sideOffset} className=\"w-(--trigger-width) p-0\">\n          <Command>\n            <CommandInput placeholder=\"Search country...\" />\n            <CommandList>\n              <CommandEmpty>No countries found.</CommandEmpty>\n              <CommandGroup>\n                {COUNTRIES.map((country) => (\n                  <CommandItem\n                    key={country.code}\n                    value={`${country.name} ${country.code}`}\n                    onSelect={() => {\n                      onValueChange?.(country.code);\n                      setOpen(false);\n                    }}\n                    className={cn(\n                      'flex items-center gap-3 px-3 py-2.5',\n                      `\n                        data-[selected='true']:bg-berget-brand-granite-700/40!\n                        data-[selected=true]:text-berget-foreground\n                      `,\n                      value === country.code && 'bg-berget-brand-granite-800/40',\n                    )}\n                  >\n                    <span className=\"shrink-0 text-xl\">{country.flag}</span>\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"truncate text-sm\">{country.name}</div>\n                      <div className=\"text-xs text-berget-muted-foreground\">{country.code}</div>\n                    </div>\n                    {value === country.code && (\n                      <div\n                        className=\"\n                          size-2 shrink-0 rounded-full\n                          bg-berget-brand-granite-400\n                        \"\n                      />\n                    )}\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nCountrySelect.displayName = 'CountrySelect';\n\nexport { CountrySelect };\nexport type { Country };\nexport {\n  COUNTRIES,\n  EU_COUNTRY_CODES,\n  getCountryByCode,\n  getCountryByName,\n  isEUCountry,\n} from './countries';\n"],"mappings":";;;;;;;;;;AA4BA,MAAM,gBAAgB,MAAM,YAExB,EACE,OACA,eACA,cAAc,kBACd,WAAW,OACX,WACA,QAAQ,UACR,aAAa,KAEf,QACG;CACH,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,KAAK;CAC5C,MAAM,kBAAkB,MAAM,cAAc,UAAU,MAAM,MAAM,EAAE,SAAS,KAAK,GAAG,CAAC,KAAK,CAAC;CAE5F,OACE,qBAAC,SAAD;EAAe;EAAM,cAAc;EAAnC,UAAA,CACE,qBAAC,gBAAD;GACO;GACL,QACE,oBAAC,UAAD;IACE,MAAK;IACK;IACV,iBAAe;IACf,WAAW,GAET,4CACA,oCACA,qBACA,kCACA,mDACA;;;mBAIA,mDAEA;;;mBAIA,SACF;GACD,CAAA;GA1BL,UAAA,CA6BE,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,kBACC,qBAAA,UAAA,EAAA,UAAA;KACE,oBAAC,QAAD;MAAM,WAAU;MAAoB,UAAA,gBAAgB;KAAW,CAAA;KAC/D,oBAAC,QAAD;MAAM,WAAU;MAAY,UAAA,gBAAgB;KAAW,CAAA;KACvD,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OAAgE;OAC5D,gBAAgB;OAAK;MACnB;;IACN,EAAA,CAAA,IAEF,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAD;KAAM,MAAM;KAAO,MAAM;KAAI,WAAU;IAAyC,CAAA,GAChF,oBAAC,QAAD;KAAM,WAAU;KAA+C,UAAA;IAAkB,CAAA,CACjF,EAAA,CAAA;GAED,CAAA,GACL,oBAAC,MAAD;IACE,MAAM;IACN,MAAM;IACN,WAAW,GACT,yCACA,qCACA,QAAQ,YACV;GACD,CAAA,CACa;EAEhB,CAAA,GAAA,oBAAC,gBAAD;GAAuB;GAAmB;GAAY,WAAU;GAC9D,UAAA,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,cAAD,EAAc,aAAY,oBAAqB,CAAA,GAC/C,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,cAAD,EAAA,UAAc,sBAAiC,CAAA,GAC/C,oBAAC,cAAD,EAAA,UACG,UAAU,KAAK,YACd,qBAAC,aAAD;IAEE,OAAO,GAAG,QAAQ,KAAK,GAAG,QAAQ;IAClC,gBAAgB;KACd,gBAAgB,QAAQ,IAAI;KAC5B,QAAQ,KAAK;IACf;IACA,WAAW,GACT,uCACA;;;yBAIA,UAAU,QAAQ,QAAQ,gCAC5B;IAdF,UAAA;KAgBE,oBAAC,QAAD;MAAM,WAAU;MAAoB,UAAA,QAAQ;KAAW,CAAA;KACvD,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,oBAAC,OAAD;OAAK,WAAU;OAAoB,UAAA,QAAQ;MAAU,CAAA,GACrD,oBAAC,OAAD;OAAK,WAAU;OAAwC,UAAA,QAAQ;MAAU,CAAA,CACtE;;KACJ,UAAU,QAAQ,QACjB,oBAAC,OAAD,EACE,WAAU,4IAIX,CAAA;IAEQ;GA5BN,GAAA,QAAQ,IA4BF,CACd,EACW,CAAA,CACH,EAAA,CAAA,CACN,EAAA,CAAA;EACK,CAAA,CACT;;AAEb,CACF;AAEA,cAAc,cAAc"}

package/dist/components/trace/index.cjs

@@ -0,0 +1,46 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_trace = require("../../primitives/trace.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/trace/index.tsx
+function TraceLine({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trace.TraceLine, {
+		className: require_utils.cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trace.TraceDescription, {
+		className: require_utils.cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceCollapsibleTrigger({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trace.TraceCollapsibleTrigger, {
+		className: require_utils.cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceCollapsibleContent({ children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trace.TraceCollapsibleContent, {
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "block text-berget-trace-fg",
+			children
+		})
+	});
+}
+//#endregion
+exports.Trace = require_trace.Trace;
+exports.TraceCollapsible = require_trace.TraceCollapsible;
+exports.TraceCollapsibleContent = TraceCollapsibleContent;
+exports.TraceCollapsibleTrigger = TraceCollapsibleTrigger;
+exports.TraceDescription = TraceDescription;
+exports.TraceIcon = require_trace.TraceIcon;
+exports.TraceLine = TraceLine;
+exports.TraceTitle = require_trace.TraceTitle;
+
+//# sourceMappingURL=index.cjs.map

package/dist/components/trace/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["TraceLinePrimitive","cn","TraceDescriptionPrimitive","TraceCollapsibleTriggerPrimitive","TraceCollapsibleContentPrimitive"],"sources":["../../../src/components/trace/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Trace,\n  TraceIcon,\n  TraceTitle,\n  TraceCollapsible,\n  TraceCollapsibleTrigger as TraceCollapsibleTriggerPrimitive,\n  TraceLine as TraceLinePrimitive,\n  TraceDescription as TraceDescriptionPrimitive,\n  TraceCollapsibleContent as TraceCollapsibleContentPrimitive,\n} from '../../primitives/trace';\n\ntype TraceLineProps = React.ComponentProps<typeof TraceLinePrimitive>;\ntype TraceDescriptionProps = React.ComponentProps<typeof TraceDescriptionPrimitive>;\ntype TraceCollapsibleTriggerProps = React.ComponentProps<typeof TraceCollapsibleTriggerPrimitive>;\ntype TraceCollapsibleContentProps = React.ComponentProps<typeof TraceCollapsibleContentPrimitive>;\n\n/*\n * Reasoning lines read as secondary information. The shadcn bridge maps\n * muted-foreground to full Peak, so trace parts carry an explicit dimmer\n * token (--berget-trace-fg) instead of the primitive's default color.\n */\nfunction TraceLine({ className, ...props }: TraceLineProps) {\n  return <TraceLinePrimitive className={cn('text-berget-trace-fg', className)} {...props} />;\n}\n\nfunction TraceDescription({ className, ...props }: TraceDescriptionProps) {\n  return <TraceDescriptionPrimitive className={cn('text-berget-trace-fg', className)} {...props} />;\n}\n\nfunction TraceCollapsibleTrigger({ className, ...props }: TraceCollapsibleTriggerProps) {\n  return (\n    <TraceCollapsibleTriggerPrimitive\n      className={cn('text-berget-trace-fg', className)}\n      {...props}\n    />\n  );\n}\n\n/* The primitive's content panel hardcodes the bridge color and doesn't\n   forward className, so the color is set on a block inside the panel. */\nfunction TraceCollapsibleContent({ children, ...props }: TraceCollapsibleContentProps) {\n  return (\n    <TraceCollapsibleContentPrimitive {...props}>\n      <span className=\"block text-berget-trace-fg\">{children}</span>\n    </TraceCollapsibleContentPrimitive>\n  );\n}\n\nexport {\n  Trace,\n  TraceLine,\n  TraceIcon,\n  TraceTitle,\n  TraceDescription,\n  TraceCollapsible,\n  TraceCollapsibleTrigger,\n  TraceCollapsibleContent,\n};\n"],"mappings":";;;;;;;;AAyBA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAyB;CAC1D,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,WAAD;EAAoB,WAAWC,cAAAA,GAAG,wBAAwB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC3F;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAgC;CACxE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,kBAAD;EAA2B,WAAWD,cAAAA,GAAG,wBAAwB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAClG;AAEA,SAAS,wBAAwB,EAAE,WAAW,GAAG,SAAuC;CACtF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,cAAAA,yBAAD;EACE,WAAWF,cAAAA,GAAG,wBAAwB,SAAS;EAC/C,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,wBAAwB,EAAE,UAAU,GAAG,SAAuC;CACrF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,cAAAA,yBAAD;EAAkC,GAAI;EACpC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAA8B;EAAe,CAAA;CAC7B,CAAA;AAEtC"}

package/dist/components/trace/index.d.cts

@@ -0,0 +1,14 @@
+import { Trace, TraceCollapsible, TraceCollapsibleContent as TraceCollapsibleContent$1, TraceCollapsibleTrigger as TraceCollapsibleTrigger$1, TraceDescription as TraceDescription$1, TraceIcon, TraceLine as TraceLine$1, TraceTitle } from "../../primitives/trace.cjs";
+import * as React from "react";
+//#region src/components/trace/index.d.ts
+type TraceLineProps = React.ComponentProps<typeof TraceLine$1>;
+type TraceDescriptionProps = React.ComponentProps<typeof TraceDescription$1>;
+type TraceCollapsibleTriggerProps = React.ComponentProps<typeof TraceCollapsibleTrigger$1>;
+type TraceCollapsibleContentProps = React.ComponentProps<typeof TraceCollapsibleContent$1>;
+declare function TraceLine({ className, ...props }: TraceLineProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceDescription({ className, ...props }: TraceDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleTrigger({ className, ...props }: TraceCollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleContent({ children, ...props }: TraceCollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
+//# sourceMappingURL=index.d.cts.map

package/dist/components/trace/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":["TraceLinePrimitive","TraceDescriptionPrimitive","TraceCollapsibleTriggerPrimitive","TraceCollapsibleContentPrimitive"],"sources":["../../../src/components/trace/index.tsx"],"mappings":";;;KAeK,iBAAiB,MAAM,sBAAsBA;KAC7C,wBAAwB,MAAM,sBAAsBC;KACpD,+BAA+B,MAAM,sBAAsBC;KAC3D,+BAA+B,MAAM,sBAAsBC;iBAOvD,YAAY,cAAc,SAAS,6CAAc,IAAA;iBAIjD,mBAAmB,cAAc,SAAS,oDAAqB,IAAA;iBAI/D,0BAA0B,cAAc,SAAS,2DAA4B,IAAA;iBAW7E,0BAA0B,aAAa,SAAS,2DAA4B,IAAA"}

package/dist/components/trace/index.d.mts

@@ -0,0 +1,14 @@
+import { Trace, TraceCollapsible, TraceCollapsibleContent as TraceCollapsibleContent$1, TraceCollapsibleTrigger as TraceCollapsibleTrigger$1, TraceDescription as TraceDescription$1, TraceIcon, TraceLine as TraceLine$1, TraceTitle } from "../../primitives/trace.mjs";
+import * as React from "react";
+//#region src/components/trace/index.d.ts
+type TraceLineProps = React.ComponentProps<typeof TraceLine$1>;
+type TraceDescriptionProps = React.ComponentProps<typeof TraceDescription$1>;
+type TraceCollapsibleTriggerProps = React.ComponentProps<typeof TraceCollapsibleTrigger$1>;
+type TraceCollapsibleContentProps = React.ComponentProps<typeof TraceCollapsibleContent$1>;
+declare function TraceLine({ className, ...props }: TraceLineProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceDescription({ className, ...props }: TraceDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleTrigger({ className, ...props }: TraceCollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function TraceCollapsibleContent({ children, ...props }: TraceCollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
+//# sourceMappingURL=index.d.mts.map

package/dist/components/trace/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":["TraceLinePrimitive","TraceDescriptionPrimitive","TraceCollapsibleTriggerPrimitive","TraceCollapsibleContentPrimitive"],"sources":["../../../src/components/trace/index.tsx"],"mappings":";;;KAeK,iBAAiB,MAAM,sBAAsBA;KAC7C,wBAAwB,MAAM,sBAAsBC;KACpD,+BAA+B,MAAM,sBAAsBC;KAC3D,+BAA+B,MAAM,sBAAsBC;iBAOvD,YAAY,cAAc,SAAS,6CAAc,IAAA;iBAIjD,mBAAmB,cAAc,SAAS,oDAAqB,IAAA;iBAI/D,0BAA0B,cAAc,SAAS,2DAA4B,IAAA;iBAW7E,0BAA0B,aAAa,SAAS,2DAA4B,IAAA"}

package/dist/components/trace/index.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { Trace, TraceCollapsible, TraceCollapsibleContent as TraceCollapsibleContent$1, TraceCollapsibleTrigger as TraceCollapsibleTrigger$1, TraceDescription as TraceDescription$1, TraceIcon, TraceLine as TraceLine$1, TraceTitle } from "../../primitives/trace.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/trace/index.tsx
+function TraceLine({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TraceLine$1, {
+		className: cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TraceDescription$1, {
+		className: cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceCollapsibleTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TraceCollapsibleTrigger$1, {
+		className: cn("text-berget-trace-fg", className),
+		...props
+	});
+}
+function TraceCollapsibleContent({ children, ...props }) {
+	return /* @__PURE__ */ jsx(TraceCollapsibleContent$1, {
+		...props,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "block text-berget-trace-fg",
+			children
+		})
+	});
+}
+//#endregion
+export { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle };
+
+//# sourceMappingURL=index.mjs.map

package/dist/components/trace/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["TraceLinePrimitive","TraceDescriptionPrimitive","TraceCollapsibleTriggerPrimitive","TraceCollapsibleContentPrimitive"],"sources":["../../../src/components/trace/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Trace,\n  TraceIcon,\n  TraceTitle,\n  TraceCollapsible,\n  TraceCollapsibleTrigger as TraceCollapsibleTriggerPrimitive,\n  TraceLine as TraceLinePrimitive,\n  TraceDescription as TraceDescriptionPrimitive,\n  TraceCollapsibleContent as TraceCollapsibleContentPrimitive,\n} from '../../primitives/trace';\n\ntype TraceLineProps = React.ComponentProps<typeof TraceLinePrimitive>;\ntype TraceDescriptionProps = React.ComponentProps<typeof TraceDescriptionPrimitive>;\ntype TraceCollapsibleTriggerProps = React.ComponentProps<typeof TraceCollapsibleTriggerPrimitive>;\ntype TraceCollapsibleContentProps = React.ComponentProps<typeof TraceCollapsibleContentPrimitive>;\n\n/*\n * Reasoning lines read as secondary information. The shadcn bridge maps\n * muted-foreground to full Peak, so trace parts carry an explicit dimmer\n * token (--berget-trace-fg) instead of the primitive's default color.\n */\nfunction TraceLine({ className, ...props }: TraceLineProps) {\n  return <TraceLinePrimitive className={cn('text-berget-trace-fg', className)} {...props} />;\n}\n\nfunction TraceDescription({ className, ...props }: TraceDescriptionProps) {\n  return <TraceDescriptionPrimitive className={cn('text-berget-trace-fg', className)} {...props} />;\n}\n\nfunction TraceCollapsibleTrigger({ className, ...props }: TraceCollapsibleTriggerProps) {\n  return (\n    <TraceCollapsibleTriggerPrimitive\n      className={cn('text-berget-trace-fg', className)}\n      {...props}\n    />\n  );\n}\n\n/* The primitive's content panel hardcodes the bridge color and doesn't\n   forward className, so the color is set on a block inside the panel. */\nfunction TraceCollapsibleContent({ children, ...props }: TraceCollapsibleContentProps) {\n  return (\n    <TraceCollapsibleContentPrimitive {...props}>\n      <span className=\"block text-berget-trace-fg\">{children}</span>\n    </TraceCollapsibleContentPrimitive>\n  );\n}\n\nexport {\n  Trace,\n  TraceLine,\n  TraceIcon,\n  TraceTitle,\n  TraceDescription,\n  TraceCollapsible,\n  TraceCollapsibleTrigger,\n  TraceCollapsibleContent,\n};\n"],"mappings":";;;;;;AAyBA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAyB;CAC1D,OAAO,oBAACA,aAAD;EAAoB,WAAW,GAAG,wBAAwB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC3F;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAgC;CACxE,OAAO,oBAACC,oBAAD;EAA2B,WAAW,GAAG,wBAAwB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAClG;AAEA,SAAS,wBAAwB,EAAE,WAAW,GAAG,SAAuC;CACtF,OACE,oBAACC,2BAAD;EACE,WAAW,GAAG,wBAAwB,SAAS;EAC/C,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,wBAAwB,EAAE,UAAU,GAAG,SAAuC;CACrF,OACE,oBAACC,2BAAD;EAAkC,GAAI;EACpC,UAAA,oBAAC,QAAD;GAAM,WAAU;GAA8B;EAAe,CAAA;CAC7B,CAAA;AAEtC"}

package/dist/index.cjs

@@ -12,6 +12,8 @@ const require_Tabs = require("./components/tabs/Tabs.cjs");
 const require_bubble = require("./primitives/bubble.cjs");
 const require_message = require("./primitives/message.cjs");
 const require_message_scroller = require("./primitives/message-scroller.cjs");
+const require_trace = require("./primitives/trace.cjs");
+const require_index = require("./components/trace/index.cjs");
 const require_Typography = require("./components/typography/Typography.cjs");
 const require_card = require("./primitives/card.cjs");
 const require_Card = require("./components/card/Card.cjs");
@@ -288,6 +290,14 @@ exports.Tooltip = require_tooltip.Tooltip;
 exports.TooltipContent = require_Tooltip.TooltipContent;
 exports.TooltipProvider = require_tooltip.TooltipProvider;
 exports.TooltipTrigger = require_Tooltip.TooltipTrigger;
+exports.Trace = require_trace.Trace;
+exports.TraceCollapsible = require_trace.TraceCollapsible;
+exports.TraceCollapsibleContent = require_index.TraceCollapsibleContent;
+exports.TraceCollapsibleTrigger = require_index.TraceCollapsibleTrigger;
+exports.TraceDescription = require_index.TraceDescription;
+exports.TraceIcon = require_trace.TraceIcon;
+exports.TraceLine = require_index.TraceLine;
+exports.TraceTitle = require_trace.TraceTitle;
 exports.Typography = require_Typography.Typography;
 exports.WindowFrame = require_WindowFrame.WindowFrame;
 exports.alertVariants = require_Alert.alertVariants;

package/dist/index.d.cts

@@ -19,6 +19,8 @@ import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, Me
 import "./components/message/index.cjs";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./primitives/message-scroller.cjs";
 import "./components/message-scroller/index.cjs";
+import { Trace, TraceCollapsible, TraceIcon, TraceTitle } from "./primitives/trace.cjs";
+import { TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceLine } from "./components/trace/index.cjs";
 import { Typography, TypographyProps, typographyVariants } from "./components/typography/Typography.cjs";
 import "./components/typography/index.cjs";
 import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.cjs";
@@ -113,4 +115,4 @@ import { cn } from "./lib/utils.cjs";
 import { WindowFrame, WindowFrameProps, WindowTab } from "./components/window-frame/WindowFrame.cjs";
 import "./components/window-frame/index.cjs";
 import { FOG_BRAND_PALETTE, FogIllustration, FogIllustrationProps, FogPalette } from "./components/fog-illustration/FogIllustration.cjs";
-export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, type ComposerActionsProps, type ComposerProps, ComposerSubmit, type ComposerSubmitProps, ComposerTextarea, type ComposerTextareaProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
+export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, type ComposerActionsProps, type ComposerProps, ComposerSubmit, type ComposerSubmitProps, ComposerTextarea, type ComposerTextareaProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };

package/dist/index.d.mts

@@ -19,6 +19,8 @@ import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, Me
 import "./components/message/index.mjs";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./primitives/message-scroller.mjs";
 import "./components/message-scroller/index.mjs";
+import { Trace, TraceCollapsible, TraceIcon, TraceTitle } from "./primitives/trace.mjs";
+import { TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceLine } from "./components/trace/index.mjs";
 import { Typography, TypographyProps, typographyVariants } from "./components/typography/Typography.mjs";
 import "./components/typography/index.mjs";
 import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.mjs";
@@ -113,4 +115,4 @@ import { cn } from "./lib/utils.mjs";
 import { WindowFrame, WindowFrameProps, WindowTab } from "./components/window-frame/WindowFrame.mjs";
 import "./components/window-frame/index.mjs";
 import { FOG_BRAND_PALETTE, FogIllustration, FogIllustrationProps, FogPalette } from "./components/fog-illustration/FogIllustration.mjs";
-export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, type ComposerActionsProps, type ComposerProps, ComposerSubmit, type ComposerSubmitProps, ComposerTextarea, type ComposerTextareaProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
+export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, type ComposerActionsProps, type ComposerProps, ComposerSubmit, type ComposerSubmitProps, ComposerTextarea, type ComposerTextareaProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };

package/dist/index.mjs

@@ -11,6 +11,8 @@ import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTrigger
 import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "./primitives/bubble.mjs";
 import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader } from "./primitives/message.mjs";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./primitives/message-scroller.mjs";
+import { Trace, TraceCollapsible, TraceIcon, TraceTitle } from "./primitives/trace.mjs";
+import { TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceLine } from "./components/trace/index.mjs";
 import { Typography, typographyVariants } from "./components/typography/Typography.mjs";
 import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.mjs";
 import { Card, cardVariants } from "./components/card/Card.mjs";
@@ -64,4 +66,4 @@ import { CodeBlock, CodeBlockHeader, CodeBlockTitle } from "./components/code-bl
 import { useHighlightedCode } from "./hooks/use-highlighted-code.mjs";
 import { WindowFrame } from "./components/window-frame/WindowFrame.mjs";
 import { FOG_BRAND_PALETTE, FogIllustration } from "./components/fog-illustration/FogIllustration.mjs";
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Anchor, Badge, BergetLogo, Box, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, ComposerSubmit, ComposerTextarea, Container, CountrySelect, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, Grid, Icon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, LanguageSelect, Link, List, ListHeader, ListItem, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, ModelLogo, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, WindowFrame, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Anchor, Badge, BergetLogo, Box, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Composer, ComposerActions, ComposerSubmit, ComposerTextarea, Container, CountrySelect, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, Grid, Icon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, LanguageSelect, Link, List, ListHeader, ListItem, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, ModelLogo, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, Typography, WindowFrame, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, cn, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useHighlightedCode, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };

package/dist/primitives/collapsible.cjs

@@ -0,0 +1,27 @@
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_collapsible = require("@base-ui/react/collapsible");
+//#region src/primitives/collapsible.tsx
+function Collapsible({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Root, {
+		"data-slot": "collapsible",
+		...props
+	});
+}
+function CollapsibleTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Trigger, {
+		"data-slot": "collapsible-trigger",
+		...props
+	});
+}
+function CollapsibleContent({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Panel, {
+		"data-slot": "collapsible-content",
+		...props
+	});
+}
+//#endregion
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleTrigger = CollapsibleTrigger;
+
+//# sourceMappingURL=collapsible.cjs.map

package/dist/primitives/collapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.cjs","names":["CollapsiblePrimitive"],"sources":["../../src/primitives/collapsible.tsx"],"sourcesContent":["import { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\"\n\nfunction Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props) {\n  return (\n    <CollapsiblePrimitive.Trigger data-slot=\"collapsible-trigger\" {...props} />\n  )\n}\n\nfunction CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props) {\n  return (\n    <CollapsiblePrimitive.Panel data-slot=\"collapsible-content\" {...props} />\n  )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"],"mappings":";;;AAEA,SAAS,YAAY,EAAE,GAAG,SAA0C;CAClE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,2BAAAA,YAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAI;CAAQ,CAAA;AACxE;AAEA,SAAS,mBAAmB,EAAE,GAAG,SAA6C;CAC5E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,2BAAAA,YAAqB,SAAtB;EAA8B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAE9E;AAEA,SAAS,mBAAmB,EAAE,GAAG,SAA2C;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,2BAAAA,YAAqB,OAAtB;EAA4B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAE5E"}

package/dist/primitives/collapsible.d.cts

@@ -0,0 +1,8 @@
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/primitives/collapsible.d.ts
+declare function Collapsible$1({ ...props }: Collapsible.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: Collapsible.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: Collapsible.Panel.Props): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
+//# sourceMappingURL=collapsible.d.cts.map

package/dist/primitives/collapsible.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.cts","names":["Collapsible","CollapsiblePrimitive"],"sources":["../../src/primitives/collapsible.tsx"],"mappings":";;iBAESA,mBAAiB,SAASC,YAAqB,KAAK,oCAAK,IAAA;iBAIzD,wBAAwB,SAASA,YAAqB,QAAQ,oCAAK,IAAA;iBAMnE,wBAAwB,SAASA,YAAqB,MAAM,oCAAK,IAAA"}

package/dist/primitives/collapsible.d.mts

@@ -0,0 +1,8 @@
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/primitives/collapsible.d.ts
+declare function Collapsible$1({ ...props }: Collapsible.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: Collapsible.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: Collapsible.Panel.Props): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
+//# sourceMappingURL=collapsible.d.mts.map

package/dist/primitives/collapsible.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.mts","names":["Collapsible","CollapsiblePrimitive"],"sources":["../../src/primitives/collapsible.tsx"],"mappings":";;iBAESA,mBAAiB,SAASC,YAAqB,KAAK,oCAAK,IAAA;iBAIzD,wBAAwB,SAASA,YAAqB,QAAQ,oCAAK,IAAA;iBAMnE,wBAAwB,SAASA,YAAqB,MAAM,oCAAK,IAAA"}

package/dist/primitives/collapsible.mjs

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/primitives/collapsible.tsx
+function Collapsible$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		"data-slot": "collapsible",
+		...props
+	});
+}
+function CollapsibleTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
+		"data-slot": "collapsible-trigger",
+		...props
+	});
+}
+function CollapsibleContent({ ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
+		"data-slot": "collapsible-content",
+		...props
+	});
+}
+//#endregion
+export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
+
+//# sourceMappingURL=collapsible.mjs.map