@bergetai/ui 0.20.0 → 0.20.1

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/dropdown-menu/DropdownMenu.d.cts

@@ -14,8 +14,8 @@ type DropdownMenuSubTriggerProps = Omit<React.ComponentProps<typeof DropdownMenu
   asChild?: boolean;
 };
 declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuSubTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type DropdownMenuItemProps = Omit<React.ComponentProps<typeof DropdownMenuItem$1>, 'className' | 'render' | 'label'> & {
   className?: string;
   inset?: boolean;

package/dist/components/dropdown-menu/DropdownMenu.d.mts

@@ -14,8 +14,8 @@ type DropdownMenuSubTriggerProps = Omit<React.ComponentProps<typeof DropdownMenu
   asChild?: boolean;
 };
 declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuSubTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPopupProps & Pick<import("@base-ui/react").MenuPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type DropdownMenuItemProps = Omit<React.ComponentProps<typeof DropdownMenuItem$1>, 'className' | 'render' | 'label'> & {
   className?: string;
   inset?: boolean;

package/dist/components/tooltip/Tooltip.d.cts

@@ -8,7 +8,7 @@ export type TooltipTriggerProps = Omit<React.ComponentProps<typeof TooltipTrigge
 };
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export type TooltipContentProps = React.ComponentProps<typeof TooltipContent$1>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=Tooltip.d.cts.map

package/dist/components/tooltip/Tooltip.d.mts

@@ -8,7 +8,7 @@ export type TooltipTriggerProps = Omit<React.ComponentProps<typeof TooltipTrigge
 };
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export type TooltipContentProps = React.ComponentProps<typeof TooltipContent$1>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "side" | "align" | "alignOffset" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=Tooltip.d.mts.map

package/dist/primitives/combobox.cjs

@@ -20,7 +20,7 @@ function ComboboxValue({ ...props }) {
 function ComboboxInput({ className, showTrigger = false, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Input, {
 		"data-slot": "combobox-input",
-		className: (0, cn.cn)("w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-sm placeholder:text-muted-foreground transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50", className),
+		className: (0, cn.cn)("w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-sm placeholder:text-berget-placeholder-foreground transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50", className),
 		...props
 	});
 }

package/dist/primitives/combobox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.cjs","names":["ComboboxPrimitive","CheckIcon"],"sources":["../../src/primitives/combobox.tsx"],"sourcesContent":["\"use client\"\n\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react/combobox\"\nimport { cn } from \"cn\"\nimport { CheckIcon } from \"lucide-react\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxTrigger({ className, ...props }: ComboboxPrimitive.Trigger.Props) {\n  return <ComboboxPrimitive.Trigger data-slot=\"combobox-trigger\" {...props} />\n}\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />\n}\n\nfunction ComboboxInput({\n  className,\n  showTrigger = false,\n  ...props\n}: ComboboxPrimitive.Input.Props & {\n  /** Render the input as an anchor trigger by composing a chevron via Input/Trigger. */\n  showTrigger?: boolean\n}) {\n  return (\n    <ComboboxPrimitive.Input\n      data-slot=\"combobox-input\"\n      className={cn(\n        \"w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-sm placeholder:text-muted-foreground transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"start\",\n  alignOffset = 0,\n  ...props\n}: ComboboxPrimitive.Popup.Props &\n  Pick<\n    ComboboxPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        className=\"isolate z-50\"\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          className={cn(\n            \"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </ComboboxPrimitive.Popup>\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot=\"combobox-list\"\n      className={cn(\"max-h-(--available-height) overflow-y-auto p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={\n          <span className=\"absolute right-1.5 flex items-center\">\n            <CheckIcon className=\"pointer-events-none size-4\" />\n          </span>\n        }\n      />\n    </ComboboxPrimitive.Item>\n  )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n  return (\n    <ComboboxPrimitive.Group\n      data-slot=\"combobox-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxGroupLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot=\"combobox-group-label\"\n      className={cn(\"px-1.5 py-1 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\n/** Rendered only when the item list is empty. Requires the `items` prop on\n * the root when using this default empty treatment. */\nfunction ComboboxEmpty({ className, children, ...props }: ComboboxPrimitive.Empty.Props) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\"px-2 py-1.5 text-sm text-muted-foreground\", className)}\n      {...props}\n    >\n      {children ?? \"No results found.\"}\n    </ComboboxPrimitive.Empty>\n  )\n}\n\n/** Polite live region for async loading state. Keep this part mounted —\n * conditionally render its children instead (per the upstream docs). */\nfunction ComboboxStatus({ className, ...props }: ComboboxPrimitive.Status.Props) {\n  return (\n    <ComboboxPrimitive.Status\n      data-slot=\"combobox-status\"\n      className={cn(\"sr-only\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxClear({ className, children, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      className={cn(\"cursor-pointer\", className)}\n      {...props}\n    >\n      {children}\n    </ComboboxPrimitive.Clear>\n  )\n}\n\nfunction ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot=\"combobox-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Combobox,\n  ComboboxTrigger,\n  ComboboxValue,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n  ComboboxEmpty,\n  ComboboxStatus,\n  ComboboxClear,\n  ComboboxSeparator,\n}\n"],"mappings":"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"}
+{"version":3,"file":"combobox.cjs","names":["ComboboxPrimitive","CheckIcon"],"sources":["../../src/primitives/combobox.tsx"],"sourcesContent":["\"use client\"\n\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react/combobox\"\nimport { cn } from \"cn\"\nimport { CheckIcon } from \"lucide-react\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxTrigger({ className, ...props }: ComboboxPrimitive.Trigger.Props) {\n  return <ComboboxPrimitive.Trigger data-slot=\"combobox-trigger\" {...props} />\n}\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />\n}\n\nfunction ComboboxInput({\n  className,\n  showTrigger = false,\n  ...props\n}: ComboboxPrimitive.Input.Props & {\n  /** Render the input as an anchor trigger by composing a chevron via Input/Trigger. */\n  showTrigger?: boolean\n}) {\n  return (\n    <ComboboxPrimitive.Input\n      data-slot=\"combobox-input\"\n      className={cn(\n        \"w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-sm placeholder:text-berget-placeholder-foreground transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"start\",\n  alignOffset = 0,\n  ...props\n}: ComboboxPrimitive.Popup.Props &\n  Pick<\n    ComboboxPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        className=\"isolate z-50\"\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          className={cn(\n            \"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </ComboboxPrimitive.Popup>\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot=\"combobox-list\"\n      className={cn(\"max-h-(--available-height) overflow-y-auto p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={\n          <span className=\"absolute right-1.5 flex items-center\">\n            <CheckIcon className=\"pointer-events-none size-4\" />\n          </span>\n        }\n      />\n    </ComboboxPrimitive.Item>\n  )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n  return (\n    <ComboboxPrimitive.Group\n      data-slot=\"combobox-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxGroupLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot=\"combobox-group-label\"\n      className={cn(\"px-1.5 py-1 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\n/** Rendered only when the item list is empty. Requires the `items` prop on\n * the root when using this default empty treatment. */\nfunction ComboboxEmpty({ className, children, ...props }: ComboboxPrimitive.Empty.Props) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\"px-2 py-1.5 text-sm text-muted-foreground\", className)}\n      {...props}\n    >\n      {children ?? \"No results found.\"}\n    </ComboboxPrimitive.Empty>\n  )\n}\n\n/** Polite live region for async loading state. Keep this part mounted —\n * conditionally render its children instead (per the upstream docs). */\nfunction ComboboxStatus({ className, ...props }: ComboboxPrimitive.Status.Props) {\n  return (\n    <ComboboxPrimitive.Status\n      data-slot=\"combobox-status\"\n      className={cn(\"sr-only\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxClear({ className, children, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      className={cn(\"cursor-pointer\", className)}\n      {...props}\n    >\n      {children}\n    </ComboboxPrimitive.Clear>\n  )\n}\n\nfunction ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot=\"combobox-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Combobox,\n  ComboboxTrigger,\n  ComboboxValue,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n  ComboboxEmpty,\n  ComboboxStatus,\n  ComboboxClear,\n  ComboboxSeparator,\n}\n"],"mappings":"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"}

package/dist/primitives/combobox.mjs

@@ -20,7 +20,7 @@ function ComboboxValue({ ...props }) {
 function ComboboxInput({ className, showTrigger = false, ...props }) {
 	return /* @__PURE__ */ jsx(Combobox.Input, {
 		"data-slot": "combobox-input",
-		className: cn("w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-sm placeholder:text-muted-foreground transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50", className),
+		className: cn("w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-sm placeholder:text-berget-placeholder-foreground transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50", className),
 		...props
 	});
 }

package/dist/primitives/combobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.mjs","names":["Combobox","ComboboxPrimitive"],"sources":["../../src/primitives/combobox.tsx"],"sourcesContent":["\"use client\"\n\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react/combobox\"\nimport { cn } from \"cn\"\nimport { CheckIcon } from \"lucide-react\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxTrigger({ className, ...props }: ComboboxPrimitive.Trigger.Props) {\n  return <ComboboxPrimitive.Trigger data-slot=\"combobox-trigger\" {...props} />\n}\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />\n}\n\nfunction ComboboxInput({\n  className,\n  showTrigger = false,\n  ...props\n}: ComboboxPrimitive.Input.Props & {\n  /** Render the input as an anchor trigger by composing a chevron via Input/Trigger. */\n  showTrigger?: boolean\n}) {\n  return (\n    <ComboboxPrimitive.Input\n      data-slot=\"combobox-input\"\n      className={cn(\n        \"w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-sm placeholder:text-muted-foreground transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"start\",\n  alignOffset = 0,\n  ...props\n}: ComboboxPrimitive.Popup.Props &\n  Pick<\n    ComboboxPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        className=\"isolate z-50\"\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          className={cn(\n            \"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </ComboboxPrimitive.Popup>\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot=\"combobox-list\"\n      className={cn(\"max-h-(--available-height) overflow-y-auto p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={\n          <span className=\"absolute right-1.5 flex items-center\">\n            <CheckIcon className=\"pointer-events-none size-4\" />\n          </span>\n        }\n      />\n    </ComboboxPrimitive.Item>\n  )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n  return (\n    <ComboboxPrimitive.Group\n      data-slot=\"combobox-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxGroupLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot=\"combobox-group-label\"\n      className={cn(\"px-1.5 py-1 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\n/** Rendered only when the item list is empty. Requires the `items` prop on\n * the root when using this default empty treatment. */\nfunction ComboboxEmpty({ className, children, ...props }: ComboboxPrimitive.Empty.Props) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\"px-2 py-1.5 text-sm text-muted-foreground\", className)}\n      {...props}\n    >\n      {children ?? \"No results found.\"}\n    </ComboboxPrimitive.Empty>\n  )\n}\n\n/** Polite live region for async loading state. Keep this part mounted —\n * conditionally render its children instead (per the upstream docs). */\nfunction ComboboxStatus({ className, ...props }: ComboboxPrimitive.Status.Props) {\n  return (\n    <ComboboxPrimitive.Status\n      data-slot=\"combobox-status\"\n      className={cn(\"sr-only\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxClear({ className, children, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      className={cn(\"cursor-pointer\", className)}\n      {...props}\n    >\n      {children}\n    </ComboboxPrimitive.Clear>\n  )\n}\n\nfunction ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot=\"combobox-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Combobox,\n  ComboboxTrigger,\n  ComboboxValue,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n  ComboboxEmpty,\n  ComboboxStatus,\n  ComboboxClear,\n  ComboboxSeparator,\n}\n"],"mappings":";;;;;;AAMA,MAAMA,aAAWC,SAAkB;AAEnC,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAA0C;CACjF,OAAO,oBAACA,SAAkB,SAAnB;EAA2B,aAAU;EAAmB,GAAI;CAAQ,CAAA;AAC7E;AAEA,SAAS,cAAc,EAAE,GAAG,SAAwC;CAClE,OAAO,oBAACA,SAAkB,OAAnB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,cAAc,EACrB,WACA,cAAc,OACd,GAAG,SAIF;CACD,OACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GACT,mbACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,gBAAgB,EACvB,WACA,UACA,OAAO,UACP,aAAa,GACb,QAAQ,SACR,cAAc,GACd,GAAG,SAKA;CACH,OACE,oBAACA,SAAkB,QAAnB,EAAA,UACE,oBAACA,SAAkB,YAAnB;EACQ;EACM;EACL;EACM;EACb,WAAU;EAEV,UAAA,oBAACA,SAAkB,OAAnB;GACE,aAAU;GACV,WAAW,GACT,ymBACA,SACF;GACA,GAAI;GAEH;EACsB,CAAA;CACG,CAAA,EACN,CAAA;AAE9B;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;CAC3E,OACE,oBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GAAG,kDAAkD,SAAS;EACzE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,UAAU,GAAG,SAAuC;CACrF,OACE,qBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,qTACA,SACF;EACA,GAAI;EANN,UAAA,CAQG,UACD,oBAACA,SAAkB,eAAnB,EACE,QACE,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAAC,WAAD,EAAW,WAAU,6BAA8B,CAAA;EAC/C,CAAA,EAET,CAAA,CACqB;;AAE5B;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;CAC7E,OACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GAAG,mBAAmB,SAAS;EAC1C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAA6C;CACvF,OACE,oBAACA,SAAkB,YAAnB;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;CACL,CAAA;AAEL;;;AAIA,SAAS,cAAc,EAAE,WAAW,UAAU,GAAG,SAAwC;CACvF,OACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;EAEH,UAAA,YAAY;CACU,CAAA;AAE7B;;;AAIA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAyC;CAC/E,OACE,oBAACA,SAAkB,QAAnB;EACE,aAAU;EACV,WAAW,GAAG,WAAW,SAAS;EAClC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,UAAU,GAAG,SAAwC;CACvF,OACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GAAG,kBAAkB,SAAS;EACzC,GAAI;EAEH;CACsB,CAAA;AAE7B;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAA4C;CACrF,OACE,oBAACA,SAAkB,WAAnB;EACE,aAAU;EACV,WAAW,GAAG,6BAA6B,SAAS;EACpD,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"combobox.mjs","names":["Combobox","ComboboxPrimitive"],"sources":["../../src/primitives/combobox.tsx"],"sourcesContent":["\"use client\"\n\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react/combobox\"\nimport { cn } from \"cn\"\nimport { CheckIcon } from \"lucide-react\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxTrigger({ className, ...props }: ComboboxPrimitive.Trigger.Props) {\n  return <ComboboxPrimitive.Trigger data-slot=\"combobox-trigger\" {...props} />\n}\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />\n}\n\nfunction ComboboxInput({\n  className,\n  showTrigger = false,\n  ...props\n}: ComboboxPrimitive.Input.Props & {\n  /** Render the input as an anchor trigger by composing a chevron via Input/Trigger. */\n  showTrigger?: boolean\n}) {\n  return (\n    <ComboboxPrimitive.Input\n      data-slot=\"combobox-input\"\n      className={cn(\n        \"w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-sm placeholder:text-berget-placeholder-foreground transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"start\",\n  alignOffset = 0,\n  ...props\n}: ComboboxPrimitive.Popup.Props &\n  Pick<\n    ComboboxPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        className=\"isolate z-50\"\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          className={cn(\n            \"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </ComboboxPrimitive.Popup>\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot=\"combobox-list\"\n      className={cn(\"max-h-(--available-height) overflow-y-auto p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={\n          <span className=\"absolute right-1.5 flex items-center\">\n            <CheckIcon className=\"pointer-events-none size-4\" />\n          </span>\n        }\n      />\n    </ComboboxPrimitive.Item>\n  )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n  return (\n    <ComboboxPrimitive.Group\n      data-slot=\"combobox-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxGroupLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot=\"combobox-group-label\"\n      className={cn(\"px-1.5 py-1 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\n/** Rendered only when the item list is empty. Requires the `items` prop on\n * the root when using this default empty treatment. */\nfunction ComboboxEmpty({ className, children, ...props }: ComboboxPrimitive.Empty.Props) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\"px-2 py-1.5 text-sm text-muted-foreground\", className)}\n      {...props}\n    >\n      {children ?? \"No results found.\"}\n    </ComboboxPrimitive.Empty>\n  )\n}\n\n/** Polite live region for async loading state. Keep this part mounted —\n * conditionally render its children instead (per the upstream docs). */\nfunction ComboboxStatus({ className, ...props }: ComboboxPrimitive.Status.Props) {\n  return (\n    <ComboboxPrimitive.Status\n      data-slot=\"combobox-status\"\n      className={cn(\"sr-only\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxClear({ className, children, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      className={cn(\"cursor-pointer\", className)}\n      {...props}\n    >\n      {children}\n    </ComboboxPrimitive.Clear>\n  )\n}\n\nfunction ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot=\"combobox-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Combobox,\n  ComboboxTrigger,\n  ComboboxValue,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n  ComboboxEmpty,\n  ComboboxStatus,\n  ComboboxClear,\n  ComboboxSeparator,\n}\n"],"mappings":";;;;;;AAMA,MAAMA,aAAWC,SAAkB;AAEnC,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAA0C;CACjF,OAAO,oBAACA,SAAkB,SAAnB;EAA2B,aAAU;EAAmB,GAAI;CAAQ,CAAA;AAC7E;AAEA,SAAS,cAAc,EAAE,GAAG,SAAwC;CAClE,OAAO,oBAACA,SAAkB,OAAnB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,cAAc,EACrB,WACA,cAAc,OACd,GAAG,SAIF;CACD,OACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GACT,gcACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,gBAAgB,EACvB,WACA,UACA,OAAO,UACP,aAAa,GACb,QAAQ,SACR,cAAc,GACd,GAAG,SAKA;CACH,OACE,oBAACA,SAAkB,QAAnB,EAAA,UACE,oBAACA,SAAkB,YAAnB;EACQ;EACM;EACL;EACM;EACb,WAAU;EAEV,UAAA,oBAACA,SAAkB,OAAnB;GACE,aAAU;GACV,WAAW,GACT,ymBACA,SACF;GACA,GAAI;GAEH;EACsB,CAAA;CACG,CAAA,EACN,CAAA;AAE9B;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;CAC3E,OACE,oBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GAAG,kDAAkD,SAAS;EACzE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,UAAU,GAAG,SAAuC;CACrF,OACE,qBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,qTACA,SACF;EACA,GAAI;EANN,UAAA,CAQG,UACD,oBAACA,SAAkB,eAAnB,EACE,QACE,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAAC,WAAD,EAAW,WAAU,6BAA8B,CAAA;EAC/C,CAAA,EAET,CAAA,CACqB;;AAE5B;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;CAC7E,OACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GAAG,mBAAmB,SAAS;EAC1C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAA6C;CACvF,OACE,oBAACA,SAAkB,YAAnB;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;CACL,CAAA;AAEL;;;AAIA,SAAS,cAAc,EAAE,WAAW,UAAU,GAAG,SAAwC;CACvF,OACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;EAEH,UAAA,YAAY;CACU,CAAA;AAE7B;;;AAIA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAyC;CAC/E,OACE,oBAACA,SAAkB,QAAnB;EACE,aAAU;EACV,WAAW,GAAG,WAAW,SAAS;EAClC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,UAAU,GAAG,SAAwC;CACvF,OACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GAAG,kBAAkB,SAAS;EACzC,GAAI;EAEH;CACsB,CAAA;AAE7B;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAA4C;CACrF,OACE,oBAACA,SAAkB,WAAnB;EACE,aAAU;EACV,WAAW,GAAG,6BAA6B,SAAS;EACpD,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/field.d.cts

@@ -7,7 +7,7 @@ declare function FieldLegend({ className, variant, ...props }: React.ComponentPr
 }): import("react/jsx-runtime").JSX.Element;
 declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare const fieldVariants: (props?: ({
-  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
 declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/field.d.mts

@@ -7,7 +7,7 @@ declare function FieldLegend({ className, variant, ...props }: React.ComponentPr
 }): import("react/jsx-runtime").JSX.Element;
 declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare const fieldVariants: (props?: ({
-  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
 declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/input.cjs

@@ -10,7 +10,7 @@ function Input({ className, type, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_input.Input, {
 		type,
 		"data-slot": "input",
-		className: (0, cn.cn)("h-8 w-full min-w-0 rounded-lg border border-input bg-input/30 px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		className: (0, cn.cn)("h-8 w-full min-w-0 rounded-lg border border-input bg-input/30 px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-berget-placeholder-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
 		...props
 	});
 }

package/dist/primitives/input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.cjs","names":["InputPrimitive"],"sources":["../../src/primitives/input.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\nimport { cn } from \"cn\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-8 w-full min-w-0 rounded-lg border border-input bg-input/30 px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;;;;AAMA,SAAS,MAAM,EAAE,WAAW,MAAM,GAAG,SAAwC;CAC3E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,qBAAAA,OAAD;EACQ;EACN,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,2nBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"input.cjs","names":["InputPrimitive"],"sources":["../../src/primitives/input.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\nimport { cn } from \"cn\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-8 w-full min-w-0 rounded-lg border border-input bg-input/30 px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-berget-placeholder-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;;;;AAMA,SAAS,MAAM,EAAE,WAAW,MAAM,GAAG,SAAwC;CAC3E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,qBAAAA,OAAD;EACQ;EACN,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,woBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/input.mjs

@@ -8,7 +8,7 @@ function Input$1({ className, type, ...props }) {
 	return /* @__PURE__ */ jsx(Input, {
 		type,
 		"data-slot": "input",
-		className: cn("h-8 w-full min-w-0 rounded-lg border border-input bg-input/30 px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		className: cn("h-8 w-full min-w-0 rounded-lg border border-input bg-input/30 px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-berget-placeholder-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
 		...props
 	});
 }

package/dist/primitives/input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.mjs","names":["Input","InputPrimitive"],"sources":["../../src/primitives/input.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\nimport { cn } from \"cn\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-8 w-full min-w-0 rounded-lg border border-input bg-input/30 px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;;AAMA,SAASA,QAAM,EAAE,WAAW,MAAM,GAAG,SAAwC;CAC3E,OACE,oBAACC,OAAD;EACQ;EACN,aAAU;EACV,WAAW,GACT,2nBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"input.mjs","names":["Input","InputPrimitive"],"sources":["../../src/primitives/input.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\nimport { cn } from \"cn\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-8 w-full min-w-0 rounded-lg border border-input bg-input/30 px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-berget-placeholder-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;;AAMA,SAASA,QAAM,EAAE,WAAW,MAAM,GAAG,SAAwC;CAC3E,OACE,oBAACC,OAAD;EACQ;EACN,aAAU;EACV,WAAW,GACT,woBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/select.cjs

@@ -26,7 +26,7 @@ function SelectTrigger({ className, size = "default", children, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_select.Select.Trigger, {
 		"data-slot": "select-trigger",
 		"data-size": size,
-		className: (0, cn.cn)("flex w-fit cursor-pointer items-center justify-between gap-1.5 rounded-lg border border-input bg-input/30 py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: (0, cn.cn)("flex w-fit cursor-pointer items-center justify-between gap-1.5 rounded-lg border border-input bg-input/30 py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-berget-placeholder-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
 		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Icon, { render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" }) })]
 	});

package/dist/primitives/select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.cjs","names":["SelectPrimitive","ChevronDownIcon","CheckIcon","ChevronUpIcon"],"sources":["../../src/primitives/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\nimport { cn } from \"cn\"\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from \"lucide-react\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"flex w-fit cursor-pointer items-center justify-between gap-1.5 rounded-lg border border-input bg-input/30 py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <ChevronDownIcon className=\"pointer-events-none size-4 text-muted-foreground\" />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  >) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"px-1.5 py-1 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 shrink-0 gap-2 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"pointer-events-none -mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon\n      />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon\n      />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":";;;;;;;;;AAOA,MAAM,SAASA,sBAAAA,OAAgB;AAE/B,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,OAAjB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,mBAAmB,SAAS;EAC1C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,OAAjB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,yBAAyB,SAAS;EAChD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EACrB,WACA,OAAO,WACP,UACA,GAAG,SAGF;CACD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,sBAAAA,OAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,YAAA,GAAW,GAAA,GAAA,CACT,20BACA,SACF;EACA,GAAI;EAPN,UAAA,CASG,UACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,MAAjB,EACE,QACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,iBAAD,EAAiB,WAAU,mDAAoD,CAAA,EAElF,CAAA,CACsB;;AAE7B;AAEA,SAAS,cAAc,EACrB,WACA,UACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,uBAAuB,MACvB,GAAG,SAKA;CACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAgB,QAAjB,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,YAAjB;EACQ;EACM;EACL;EACM;EACS;EACtB,WAAU;EAEV,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACA,sBAAAA,OAAgB,OAAjB;GACE,aAAU;GACV,sBAAoB;GACpB,YAAA,GAAW,GAAA,GAAA,CAAG,gpBAAgpB,SAAU;GACxqB,GAAI;GAJN,UAAA;IAME,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAD,CAAuB,CAAA;IACvB,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,MAAjB,EAAuB,SAA+B,CAAA;IACtD,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAD,CAAyB,CAAA;GACJ;;CACG,CAAA,EACN,CAAA;AAE5B;AAEA,SAAS,YAAY,EACnB,WACA,GAAG,SACgC;CACnC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,YAAjB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,6CAA6C,SAAS;EACpE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SAC0B;CAC7B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,sBAAAA,OAAgB,MAAjB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,sbACA,SACF;EACA,GAAI;EANN,UAAA,CAQE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,UAAjB;GAA0B,WAAU;GACjC;EACuB,CAAA,GAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,eAAjB;GACE,QACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,WAAU,+EAAgF,CAAA;GAGlG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,aAAAA,WAAD,EAAW,WAAU,sBAAuB,CAAA;EACf,CAAA,CACX;;AAE1B;AAEA,SAAS,gBAAgB,EACvB,WACA,GAAG,SAC+B;CAClC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,sBAAAA,OAAgB,WAAjB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,iDAAiD,SAAS;EACxE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC0D;CAC7D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,eAAjB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,0HACA,SACF;EACA,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACG,aAAAA,eAAD,CACC,CAAA;CAC4B,CAAA;AAEnC;AAEA,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC4D;CAC/D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACH,sBAAAA,OAAgB,iBAAjB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,6HACA,SACF;EACA,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,iBAAD,CACC,CAAA;CAC8B,CAAA;AAErC"}
+{"version":3,"file":"select.cjs","names":["SelectPrimitive","ChevronDownIcon","CheckIcon","ChevronUpIcon"],"sources":["../../src/primitives/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\nimport { cn } from \"cn\"\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from \"lucide-react\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"flex w-fit cursor-pointer items-center justify-between gap-1.5 rounded-lg border border-input bg-input/30 py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-berget-placeholder-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <ChevronDownIcon className=\"pointer-events-none size-4 text-muted-foreground\" />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  >) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"px-1.5 py-1 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 shrink-0 gap-2 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"pointer-events-none -mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon\n      />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon\n      />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":"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"}

package/dist/primitives/select.mjs

@@ -24,7 +24,7 @@ function SelectTrigger({ className, size = "default", children, ...props }) {
 	return /* @__PURE__ */ jsxs(Select.Trigger, {
 		"data-slot": "select-trigger",
 		"data-size": size,
-		className: cn("flex w-fit cursor-pointer items-center justify-between gap-1.5 rounded-lg border border-input bg-input/30 py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: cn("flex w-fit cursor-pointer items-center justify-between gap-1.5 rounded-lg border border-input bg-input/30 py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-berget-placeholder-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
 		children: [children, /* @__PURE__ */ jsx(Select.Icon, { render: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" }) })]
 	});

package/dist/primitives/select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.mjs","names":["Select","SelectPrimitive"],"sources":["../../src/primitives/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\nimport { cn } from \"cn\"\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from \"lucide-react\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"flex w-fit cursor-pointer items-center justify-between gap-1.5 rounded-lg border border-input bg-input/30 py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <ChevronDownIcon className=\"pointer-events-none size-4 text-muted-foreground\" />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  >) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"px-1.5 py-1 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 shrink-0 gap-2 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"pointer-events-none -mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon\n      />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon\n      />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":";;;;;;;AAOA,MAAMA,WAASC,OAAgB;AAE/B,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAACA,OAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,mBAAmB,SAAS;EAC1C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAACA,OAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,SAAS;EAChD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EACrB,WACA,OAAO,WACP,UACA,GAAG,SAGF;CACD,OACE,qBAACA,OAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,GACT,20BACA,SACF;EACA,GAAI;EAPN,UAAA,CASG,UACD,oBAACA,OAAgB,MAAjB,EACE,QACE,oBAAC,iBAAD,EAAiB,WAAU,mDAAoD,CAAA,EAElF,CAAA,CACsB;;AAE7B;AAEA,SAAS,cAAc,EACrB,WACA,UACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,uBAAuB,MACvB,GAAG,SAKA;CACH,OACE,oBAACA,OAAgB,QAAjB,EAAA,UACE,oBAACA,OAAgB,YAAjB;EACQ;EACM;EACL;EACM;EACS;EACtB,WAAU;EAEV,UAAA,qBAACA,OAAgB,OAAjB;GACE,aAAU;GACV,sBAAoB;GACpB,WAAW,GAAG,gpBAAgpB,SAAU;GACxqB,GAAI;GAJN,UAAA;IAME,oBAAC,sBAAD,CAAuB,CAAA;IACvB,oBAACA,OAAgB,MAAjB,EAAuB,SAA+B,CAAA;IACtD,oBAAC,wBAAD,CAAyB,CAAA;GACJ;;CACG,CAAA,EACN,CAAA;AAE5B;AAEA,SAAS,YAAY,EACnB,WACA,GAAG,SACgC;CACnC,OACE,oBAACA,OAAgB,YAAjB;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SAC0B;CAC7B,OACE,qBAACA,OAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GACT,sbACA,SACF;EACA,GAAI;EANN,UAAA,CAQE,oBAACA,OAAgB,UAAjB;GAA0B,WAAU;GACjC;EACuB,CAAA,GAC1B,oBAACA,OAAgB,eAAjB;GACE,QACE,oBAAC,QAAD,EAAM,WAAU,+EAAgF,CAAA;GAGlG,UAAA,oBAAC,WAAD,EAAW,WAAU,sBAAuB,CAAA;EACf,CAAA,CACX;;AAE1B;AAEA,SAAS,gBAAgB,EACvB,WACA,GAAG,SAC+B;CAClC,OACE,oBAACA,OAAgB,WAAjB;EACE,aAAU;EACV,WAAW,GAAG,iDAAiD,SAAS;EACxE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC0D;CAC7D,OACE,oBAACA,OAAgB,eAAjB;EACE,aAAU;EACV,WAAW,GACT,0HACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,eAAD,CACC,CAAA;CAC4B,CAAA;AAEnC;AAEA,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC4D;CAC/D,OACE,oBAACA,OAAgB,iBAAjB;EACE,aAAU;EACV,WAAW,GACT,6HACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,iBAAD,CACC,CAAA;CAC8B,CAAA;AAErC"}
+{"version":3,"file":"select.mjs","names":["Select","SelectPrimitive"],"sources":["../../src/primitives/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\nimport { cn } from \"cn\"\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from \"lucide-react\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"flex w-fit cursor-pointer items-center justify-between gap-1.5 rounded-lg border border-input bg-input/30 py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-berget-placeholder-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <ChevronDownIcon className=\"pointer-events-none size-4 text-muted-foreground\" />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  >) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"px-1.5 py-1 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 shrink-0 gap-2 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"pointer-events-none -mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon\n      />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon\n      />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":";;;;;;;AAOA,MAAMA,WAASC,OAAgB;AAE/B,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAACA,OAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,mBAAmB,SAAS;EAC1C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAACA,OAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,SAAS;EAChD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EACrB,WACA,OAAO,WACP,UACA,GAAG,SAGF;CACD,OACE,qBAACA,OAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,GACT,w1BACA,SACF;EACA,GAAI;EAPN,UAAA,CASG,UACD,oBAACA,OAAgB,MAAjB,EACE,QACE,oBAAC,iBAAD,EAAiB,WAAU,mDAAoD,CAAA,EAElF,CAAA,CACsB;;AAE7B;AAEA,SAAS,cAAc,EACrB,WACA,UACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,uBAAuB,MACvB,GAAG,SAKA;CACH,OACE,oBAACA,OAAgB,QAAjB,EAAA,UACE,oBAACA,OAAgB,YAAjB;EACQ;EACM;EACL;EACM;EACS;EACtB,WAAU;EAEV,UAAA,qBAACA,OAAgB,OAAjB;GACE,aAAU;GACV,sBAAoB;GACpB,WAAW,GAAG,gpBAAgpB,SAAU;GACxqB,GAAI;GAJN,UAAA;IAME,oBAAC,sBAAD,CAAuB,CAAA;IACvB,oBAACA,OAAgB,MAAjB,EAAuB,SAA+B,CAAA;IACtD,oBAAC,wBAAD,CAAyB,CAAA;GACJ;;CACG,CAAA,EACN,CAAA;AAE5B;AAEA,SAAS,YAAY,EACnB,WACA,GAAG,SACgC;CACnC,OACE,oBAACA,OAAgB,YAAjB;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SAC0B;CAC7B,OACE,qBAACA,OAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GACT,sbACA,SACF;EACA,GAAI;EANN,UAAA,CAQE,oBAACA,OAAgB,UAAjB;GAA0B,WAAU;GACjC;EACuB,CAAA,GAC1B,oBAACA,OAAgB,eAAjB;GACE,QACE,oBAAC,QAAD,EAAM,WAAU,+EAAgF,CAAA;GAGlG,UAAA,oBAAC,WAAD,EAAW,WAAU,sBAAuB,CAAA;EACf,CAAA,CACX;;AAE1B;AAEA,SAAS,gBAAgB,EACvB,WACA,GAAG,SAC+B;CAClC,OACE,oBAACA,OAAgB,WAAjB;EACE,aAAU;EACV,WAAW,GAAG,iDAAiD,SAAS;EACxE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC0D;CAC7D,OACE,oBAACA,OAAgB,eAAjB;EACE,aAAU;EACV,WAAW,GACT,0HACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,eAAD,CACC,CAAA;CAC4B,CAAA;AAEnC;AAEA,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC4D;CAC/D,OACE,oBAACA,OAAgB,iBAAjB;EACE,aAAU;EACV,WAAW,GACT,6HACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,iBAAD,CACC,CAAA;CAC8B,CAAA;AAErC"}

package/dist/primitives/textarea.cjs

@@ -8,7 +8,7 @@ let cn = require("cn");
 function Textarea({ className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
 		"data-slot": "textarea",
-		className: (0, cn.cn)("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		className: (0, cn.cn)("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-base transition-colors outline-none placeholder:text-berget-placeholder-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
 		...props
 	});
 }

package/dist/primitives/textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.cjs","names":[],"sources":["../../src/primitives/textarea.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"cn\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":";;;;;;;AAKA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;CAC3E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,sgBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"textarea.cjs","names":[],"sources":["../../src/primitives/textarea.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"cn\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-base transition-colors outline-none placeholder:text-berget-placeholder-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":";;;;;;;AAKA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;CAC3E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,mhBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/textarea.mjs

@@ -6,7 +6,7 @@ import { cn } from "cn";
 function Textarea({ className, ...props }) {
 	return /* @__PURE__ */ jsx("textarea", {
 		"data-slot": "textarea",
-		className: cn("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		className: cn("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-base transition-colors outline-none placeholder:text-berget-placeholder-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
 		...props
 	});
 }

package/dist/primitives/textarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.mjs","names":[],"sources":["../../src/primitives/textarea.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"cn\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":";;;;;AAKA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;CAC3E,OACE,oBAAC,YAAD;EACE,aAAU;EACV,WAAW,GACT,sgBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"textarea.mjs","names":[],"sources":["../../src/primitives/textarea.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"cn\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-input/30 px-2.5 py-2 text-base transition-colors outline-none placeholder:text-berget-placeholder-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":";;;;;AAKA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;CAC3E,OACE,oBAAC,YAAD;EACE,aAAU;EACV,WAAW,GACT,mhBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/styles/index.css

@@ -215,6 +215,7 @@
   --berget-popover-foreground: var(--berget-brand-granite-50);
   --berget-muted: var(--berget-brand-granite-950);
   --berget-muted-foreground: color-mix(in oklch, var(--berget-foreground) 80%, transparent);
+  --berget-placeholder-foreground: color-mix(in oklch, var(--berget-foreground) 50%, transparent);
 
   /* ── Surface semantic aliases ────────────────────────────────────── */
   /* Primary action = Moss. Neutral solid = the theme's foreground extreme. */
@@ -607,6 +608,11 @@
   --berget-popover-foreground: var(--berget-brand-granite-950);
   --berget-muted: var(--berget-brand-granite-100);
   --berget-muted-foreground: color-mix(in oklch, var(--berget-brand-granite-950) 70%, transparent);
+  --berget-placeholder-foreground: color-mix(
+    in oklch,
+    var(--berget-brand-granite-950) 60%,
+    transparent
+  );
 
   /* ── Surface semantic aliases ────────────────────────────────────── */
   --berget-primary: var(--berget-brand-moss-400); /* primary CTA / action */
@@ -1206,6 +1212,7 @@
   --color-berget-popover-foreground: var(--berget-popover-foreground);
   --color-berget-muted: var(--berget-muted);
   --color-berget-muted-foreground: var(--berget-muted-foreground);
+  --color-berget-placeholder-foreground: var(--berget-placeholder-foreground);
   --color-berget-primary: var(--berget-primary);
   --color-berget-primary-foreground: var(--berget-primary-foreground);
   --color-berget-primary-hover: var(--berget-primary-hover);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bergetai/ui",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "description": "Berget Design System - Scandinavian-inspired design system with console aesthetic",
   "type": "module",
   "license": "MIT",