@bergetai/ui 0.15.0 → 0.16.1

package/dist/components/grid/Grid.mjs

@@ -36,7 +36,17 @@ const Grid = React.forwardRef(({ className, align, justify, cols, rows, gap, gap
 			className: cn(gridVariants({
 				align,
 				justify
-			}), cols !== void 0 && `grid-cols-${cols}`, rows !== void 0 && `grid-rows-${rows}`, gap !== void 0 && `gap-${gap}`, gapX !== void 0 && `gap-x-${gapX}`, gapY !== void 0 && `gap-y-${gapY}`, className),
+			}), cols !== void 0 && `
+                grid-cols-${cols}
+              `, rows !== void 0 && `
+                grid-rows-${rows}
+              `, gap !== void 0 && `
+                gap-${gap}
+              `, gapX !== void 0 && `
+                gap-x-${gapX}
+              `, gapY !== void 0 && `
+                gap-y-${gapY}
+              `, className),
 			children: asChild ? void 0 : children
 		}, props)
 	});

package/dist/components/grid/Grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.mjs","names":[],"sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cn } from '../../lib/utils';\n\nconst gridVariants = cva('grid', {\n  variants: {\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n  },\n  defaultVariants: {\n    align: 'stretch',\n    justify: 'start',\n  },\n});\n\nexport type SpacingScale =\n  | 0\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 8\n  | 10\n  | 12\n  | 16\n  | 20\n  | 24\n  | 32\n  | 40\n  | 48\n  | 56\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport type GridColsScale = 1 | 2 | 3 | 4 | 6 | 12;\n\nexport type GridRowsScale = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface GridProps\n  extends useRender.ComponentProps<'div'>, VariantProps<typeof gridVariants> {\n  children?: React.ReactNode;\n  cols?: GridColsScale;\n  rows?: GridRowsScale;\n  gap?: SpacingScale;\n  gapX?: SpacingScale;\n  gapY?: SpacingScale;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nconst Grid = React.forwardRef<HTMLElement, GridProps>(\n  (\n    { className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props },\n    ref,\n  ) => {\n    return useRender({\n      ref,\n      defaultTagName: 'div',\n      render: asChild ? (children as React.ReactElement) : undefined,\n      props: mergeProps<'div'>(\n        {\n          className: cn(\n            gridVariants({ align, justify }),\n            cols !== undefined && `grid-cols-${cols}`,\n            rows !== undefined && `grid-rows-${rows}`,\n            gap !== undefined && `gap-${gap}`,\n            gapX !== undefined && `gap-x-${gapX}`,\n            gapY !== undefined && `gap-y-${gapY}`,\n            className,\n          ),\n          children: asChild ? undefined : children,\n        } as React.ComponentProps<'div'>,\n        props,\n      ),\n    });\n  },\n);\nGrid.displayName = 'Grid';\n\nexport { Grid, gridVariants };\n"],"mappings":";;;;;;;AAQA,MAAM,eAAe,IAAI,QAAQ;CAC/B,UAAU;EACR,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;EACX;EACA,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;EACV;CACF;CACA,iBAAiB;EACf,OAAO;EACP,SAAS;CACX;AACF,CAAC;AAyCD,MAAM,OAAO,MAAM,YAEf,EAAE,WAAW,OAAO,SAAS,MAAM,MAAM,KAAK,MAAM,MAAM,UAAU,OAAO,UAAU,GAAG,SACxF,QACG;CACH,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,QAAQ,UAAW,WAAkC,KAAA;EACrD,OAAO,WACL;GACE,WAAW,GACT,aAAa;IAAE;IAAO;GAAQ,CAAC,GAC/B,SAAS,KAAA,KAAa,aAAa,QACnC,SAAS,KAAA,KAAa,aAAa,QACnC,QAAQ,KAAA,KAAa,OAAO,OAC5B,SAAS,KAAA,KAAa,SAAS,QAC/B,SAAS,KAAA,KAAa,SAAS,QAC/B,SACF;GACA,UAAU,UAAU,KAAA,IAAY;EAClC,GACA,KACF;CACF,CAAC;AACH,CACF;AACA,KAAK,cAAc"}
+{"version":3,"file":"Grid.mjs","names":[],"sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cn } from '../../lib/utils';\n\nconst gridVariants = cva('grid', {\n  variants: {\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n  },\n  defaultVariants: {\n    align: 'stretch',\n    justify: 'start',\n  },\n});\n\nexport type SpacingScale =\n  | 0\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 8\n  | 10\n  | 12\n  | 16\n  | 20\n  | 24\n  | 32\n  | 40\n  | 48\n  | 56\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport type GridColsScale = 1 | 2 | 3 | 4 | 6 | 12;\n\nexport type GridRowsScale = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface GridProps\n  extends useRender.ComponentProps<'div'>, VariantProps<typeof gridVariants> {\n  children?: React.ReactNode;\n  cols?: GridColsScale;\n  rows?: GridRowsScale;\n  gap?: SpacingScale;\n  gapX?: SpacingScale;\n  gapY?: SpacingScale;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nconst Grid = React.forwardRef<HTMLElement, GridProps>(\n  (\n    { className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props },\n    ref,\n  ) => {\n    return useRender({\n      ref,\n      defaultTagName: 'div',\n      render: asChild ? (children as React.ReactElement) : undefined,\n      props: mergeProps<'div'>(\n        {\n          className: cn(\n            gridVariants({ align, justify }),\n            cols !== undefined &&\n              `\n                grid-cols-${cols}\n              `,\n            rows !== undefined &&\n              `\n                grid-rows-${rows}\n              `,\n            gap !== undefined &&\n              `\n                gap-${gap}\n              `,\n            gapX !== undefined &&\n              `\n                gap-x-${gapX}\n              `,\n            gapY !== undefined &&\n              `\n                gap-y-${gapY}\n              `,\n            className,\n          ),\n          children: asChild ? undefined : children,\n        } as React.ComponentProps<'div'>,\n        props,\n      ),\n    });\n  },\n);\nGrid.displayName = 'Grid';\n\nexport { Grid, gridVariants };\n"],"mappings":";;;;;;;AAQA,MAAM,eAAe,IAAI,QAAQ;CAC/B,UAAU;EACR,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;EACX;EACA,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;EACV;CACF;CACA,iBAAiB;EACf,OAAO;EACP,SAAS;CACX;AACF,CAAC;AAyCD,MAAM,OAAO,MAAM,YAEf,EAAE,WAAW,OAAO,SAAS,MAAM,MAAM,KAAK,MAAM,MAAM,UAAU,OAAO,UAAU,GAAG,SACxF,QACG;CACH,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,QAAQ,UAAW,WAAkC,KAAA;EACrD,OAAO,WACL;GACE,WAAW,GACT,aAAa;IAAE;IAAO;GAAQ,CAAC,GAC/B,SAAS,KAAA,KACP;4BACc,KAAK;iBAErB,SAAS,KAAA,KACP;4BACc,KAAK;iBAErB,QAAQ,KAAA,KACN;sBACQ,IAAI;iBAEd,SAAS,KAAA,KACP;wBACU,KAAK;iBAEjB,SAAS,KAAA,KACP;wBACU,KAAK;iBAEjB,SACF;GACA,UAAU,UAAU,KAAA,IAAY;EAClC,GACA,KACF;CACF,CAAC;AACH,CACF;AACA,KAAK,cAAc"}

package/dist/components/input-group/InputGroup.cjs

@@ -0,0 +1,50 @@
+"use client";
+const require_utils = require("../../lib/utils.cjs");
+const require_input_group = require("../../primitives/input-group.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/input-group/InputGroup.tsx
+/**
+* Berget wrapper for the base-nova InputGroup primitive.
+*
+* Reproduces the Playground chat-composer treatment that lived in the
+* console's legacy `src/components/ui/input-group.tsx` so migration causes
+* no visual regression:
+*
+* - Filled composer look: `--berget-surface-raised` fill with a transparent
+*   resting border (the primitive ships a hard `border-input` border).
+* - Focus ring: `--berget-ring` at 30% — same as the console's
+*   `ring-ring/30`, expressed with Berget tokens.
+* - Radius: 16px (`rounded-berget-sm`), matching the console's
+*   `rounded-2xl` composer.
+*
+* `Addon` carries the console's kbd chrome overrides. The other parts are
+* re-exported unchanged from the primitive.
+*/
+const InputGroup = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroup, {
+	className: require_utils.cn(`
+        rounded-berget-sm border-transparent bg-berget-surface-raised
+        dark:bg-berget-surface-raised
+      `, `
+        has-[[data-slot=input-group-control]:focus-visible]:border-transparent
+        has-[[data-slot=input-group-control]:focus-visible]:ring-berget-ring/30
+      `, className),
+	...props
+});
+InputGroup.displayName = "InputGroup";
+const InputGroupAddon = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroupAddon, {
+	className: require_utils.cn(`
+        **:data-[slot=kbd]:rounded-berget-sm
+        **:data-[slot=kbd]:bg-berget-surface-raised **:data-[slot=kbd]:px-1.5
+      `, className),
+	...props
+});
+InputGroupAddon.displayName = "InputGroupAddon";
+//#endregion
+exports.InputGroup = InputGroup;
+exports.InputGroupAddon = InputGroupAddon;
+exports.InputGroupButton = require_input_group.InputGroupButton;
+exports.InputGroupInput = require_input_group.InputGroupInput;
+exports.InputGroupText = require_input_group.InputGroupText;
+exports.InputGroupTextarea = require_input_group.InputGroupTextarea;
+
+//# sourceMappingURL=InputGroup.cjs.map

package/dist/components/input-group/InputGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.cjs","names":["InputGroupPrimitive","cn","InputGroupAddonPrimitive"],"sources":["../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  InputGroup as InputGroupPrimitive,\n  InputGroupAddon as InputGroupAddonPrimitive,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n} from '../../primitives/input-group';\n\nexport type InputGroupProps = React.ComponentProps<typeof InputGroupPrimitive>;\nexport type InputGroupAddonProps = React.ComponentProps<typeof InputGroupAddonPrimitive>;\n\n/**\n * Berget wrapper for the base-nova InputGroup primitive.\n *\n * Reproduces the Playground chat-composer treatment that lived in the\n * console's legacy `src/components/ui/input-group.tsx` so migration causes\n * no visual regression:\n *\n * - Filled composer look: `--berget-surface-raised` fill with a transparent\n *   resting border (the primitive ships a hard `border-input` border).\n * - Focus ring: `--berget-ring` at 30% — same as the console's\n *   `ring-ring/30`, expressed with Berget tokens.\n * - Radius: 16px (`rounded-berget-sm`), matching the console's\n *   `rounded-2xl` composer.\n *\n * `Addon` carries the console's kbd chrome overrides. The other parts are\n * re-exported unchanged from the primitive.\n */\nconst InputGroup = ({ className, ...props }: InputGroupProps) => (\n  <InputGroupPrimitive\n    className={cn(\n      `\n        rounded-berget-sm border-transparent bg-berget-surface-raised\n        dark:bg-berget-surface-raised\n      `,\n      `\n        has-[[data-slot=input-group-control]:focus-visible]:border-transparent\n        has-[[data-slot=input-group-control]:focus-visible]:ring-berget-ring/30\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nInputGroup.displayName = 'InputGroup';\n\nconst InputGroupAddon = ({ className, ...props }: InputGroupAddonProps) => (\n  <InputGroupAddonPrimitive\n    className={cn(\n      `\n        **:data-[slot=kbd]:rounded-berget-sm\n        **:data-[slot=kbd]:bg-berget-surface-raised **:data-[slot=kbd]:px-1.5\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nInputGroupAddon.displayName = 'InputGroupAddon';\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,YAAD;CACE,WAAWC,cAAAA,GACT;;;SAIA;;;SAIA,SACF;CACA,GAAI;AACL,CAAA;AAEH,WAAW,cAAc;AAEzB,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,iBAAD;CACE,WAAWD,cAAAA,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA;AAEH,gBAAgB,cAAc"}

package/dist/components/input-group/InputGroup.d.cts

@@ -0,0 +1,33 @@
+import { InputGroup as InputGroup$1, InputGroupAddon as InputGroupAddon$1, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "../../primitives/input-group.cjs";
+import * as React from "react";
+//#region src/components/input-group/InputGroup.d.ts
+export type InputGroupProps = React.ComponentProps<typeof InputGroup$1>;
+export type InputGroupAddonProps = React.ComponentProps<typeof InputGroupAddon$1>;
+/**
+ * Berget wrapper for the base-nova InputGroup primitive.
+ *
+ * Reproduces the Playground chat-composer treatment that lived in the
+ * console's legacy `src/components/ui/input-group.tsx` so migration causes
+ * no visual regression:
+ *
+ * - Filled composer look: `--berget-surface-raised` fill with a transparent
+ *   resting border (the primitive ships a hard `border-input` border).
+ * - Focus ring: `--berget-ring` at 30% — same as the console's
+ *   `ring-ring/30`, expressed with Berget tokens.
+ * - Radius: 16px (`rounded-berget-sm`), matching the console's
+ *   `rounded-2xl` composer.
+ *
+ * `Addon` carries the console's kbd chrome overrides. The other parts are
+ * re-exported unchanged from the primitive.
+ */
+declare const InputGroup: {
+  ({ className, ...props }: InputGroupProps): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const InputGroupAddon: {
+  ({ className, ...props }: InputGroupAddonProps): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
+//# sourceMappingURL=InputGroup.d.cts.map

package/dist/components/input-group/InputGroup.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.d.cts","names":["InputGroupPrimitive","InputGroupAddonPrimitive"],"sources":["../../../src/components/input-group/InputGroup.tsx"],"mappings":";;;YAaY,kBAAkB,MAAM,sBAAsBA;YAC9C,uBAAuB,MAAM,sBAAsBC;;;;;;;;;;;;;;;;;;cAmBzD;KAAuC,cAAA,SAAA,8CAAe,IAAA;;;cAkBtD;KAA4C,cAAA,SAAA,mDAAoB,IAAA"}

package/dist/components/input-group/InputGroup.d.mts

@@ -0,0 +1,33 @@
+import { InputGroup as InputGroup$1, InputGroupAddon as InputGroupAddon$1, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "../../primitives/input-group.mjs";
+import * as React from "react";
+//#region src/components/input-group/InputGroup.d.ts
+export type InputGroupProps = React.ComponentProps<typeof InputGroup$1>;
+export type InputGroupAddonProps = React.ComponentProps<typeof InputGroupAddon$1>;
+/**
+ * Berget wrapper for the base-nova InputGroup primitive.
+ *
+ * Reproduces the Playground chat-composer treatment that lived in the
+ * console's legacy `src/components/ui/input-group.tsx` so migration causes
+ * no visual regression:
+ *
+ * - Filled composer look: `--berget-surface-raised` fill with a transparent
+ *   resting border (the primitive ships a hard `border-input` border).
+ * - Focus ring: `--berget-ring` at 30% — same as the console's
+ *   `ring-ring/30`, expressed with Berget tokens.
+ * - Radius: 16px (`rounded-berget-sm`), matching the console's
+ *   `rounded-2xl` composer.
+ *
+ * `Addon` carries the console's kbd chrome overrides. The other parts are
+ * re-exported unchanged from the primitive.
+ */
+declare const InputGroup: {
+  ({ className, ...props }: InputGroupProps): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const InputGroupAddon: {
+  ({ className, ...props }: InputGroupAddonProps): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
+//# sourceMappingURL=InputGroup.d.mts.map

package/dist/components/input-group/InputGroup.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.d.mts","names":["InputGroupPrimitive","InputGroupAddonPrimitive"],"sources":["../../../src/components/input-group/InputGroup.tsx"],"mappings":";;;YAaY,kBAAkB,MAAM,sBAAsBA;YAC9C,uBAAuB,MAAM,sBAAsBC;;;;;;;;;;;;;;;;;;cAmBzD;KAAuC,cAAA,SAAA,8CAAe,IAAA;;;cAkBtD;KAA4C,cAAA,SAAA,mDAAoB,IAAA"}

package/dist/components/input-group/InputGroup.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { InputGroup as InputGroup$1, InputGroupAddon as InputGroupAddon$1, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "../../primitives/input-group.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/input-group/InputGroup.tsx
+/**
+* Berget wrapper for the base-nova InputGroup primitive.
+*
+* Reproduces the Playground chat-composer treatment that lived in the
+* console's legacy `src/components/ui/input-group.tsx` so migration causes
+* no visual regression:
+*
+* - Filled composer look: `--berget-surface-raised` fill with a transparent
+*   resting border (the primitive ships a hard `border-input` border).
+* - Focus ring: `--berget-ring` at 30% — same as the console's
+*   `ring-ring/30`, expressed with Berget tokens.
+* - Radius: 16px (`rounded-berget-sm`), matching the console's
+*   `rounded-2xl` composer.
+*
+* `Addon` carries the console's kbd chrome overrides. The other parts are
+* re-exported unchanged from the primitive.
+*/
+const InputGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(InputGroup$1, {
+	className: cn(`
+        rounded-berget-sm border-transparent bg-berget-surface-raised
+        dark:bg-berget-surface-raised
+      `, `
+        has-[[data-slot=input-group-control]:focus-visible]:border-transparent
+        has-[[data-slot=input-group-control]:focus-visible]:ring-berget-ring/30
+      `, className),
+	...props
+});
+InputGroup.displayName = "InputGroup";
+const InputGroupAddon = ({ className, ...props }) => /* @__PURE__ */ jsx(InputGroupAddon$1, {
+	className: cn(`
+        **:data-[slot=kbd]:rounded-berget-sm
+        **:data-[slot=kbd]:bg-berget-surface-raised **:data-[slot=kbd]:px-1.5
+      `, className),
+	...props
+});
+InputGroupAddon.displayName = "InputGroupAddon";
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
+
+//# sourceMappingURL=InputGroup.mjs.map

package/dist/components/input-group/InputGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.mjs","names":["InputGroupPrimitive","InputGroupAddonPrimitive"],"sources":["../../../src/components/input-group/InputGroup.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  InputGroup as InputGroupPrimitive,\n  InputGroupAddon as InputGroupAddonPrimitive,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n} from '../../primitives/input-group';\n\nexport type InputGroupProps = React.ComponentProps<typeof InputGroupPrimitive>;\nexport type InputGroupAddonProps = React.ComponentProps<typeof InputGroupAddonPrimitive>;\n\n/**\n * Berget wrapper for the base-nova InputGroup primitive.\n *\n * Reproduces the Playground chat-composer treatment that lived in the\n * console's legacy `src/components/ui/input-group.tsx` so migration causes\n * no visual regression:\n *\n * - Filled composer look: `--berget-surface-raised` fill with a transparent\n *   resting border (the primitive ships a hard `border-input` border).\n * - Focus ring: `--berget-ring` at 30% — same as the console's\n *   `ring-ring/30`, expressed with Berget tokens.\n * - Radius: 16px (`rounded-berget-sm`), matching the console's\n *   `rounded-2xl` composer.\n *\n * `Addon` carries the console's kbd chrome overrides. The other parts are\n * re-exported unchanged from the primitive.\n */\nconst InputGroup = ({ className, ...props }: InputGroupProps) => (\n  <InputGroupPrimitive\n    className={cn(\n      `\n        rounded-berget-sm border-transparent bg-berget-surface-raised\n        dark:bg-berget-surface-raised\n      `,\n      `\n        has-[[data-slot=input-group-control]:focus-visible]:border-transparent\n        has-[[data-slot=input-group-control]:focus-visible]:ring-berget-ring/30\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nInputGroup.displayName = 'InputGroup';\n\nconst InputGroupAddon = ({ className, ...props }: InputGroupAddonProps) => (\n  <InputGroupAddonPrimitive\n    className={cn(\n      `\n        **:data-[slot=kbd]:rounded-berget-sm\n        **:data-[slot=kbd]:bg-berget-surface-raised **:data-[slot=kbd]:px-1.5\n      `,\n      className,\n    )}\n    {...props}\n  />\n);\nInputGroupAddon.displayName = 'InputGroupAddon';\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACA,cAAD;CACE,WAAW,GACT;;;SAIA;;;SAIA,SACF;CACA,GAAI;AACL,CAAA;AAEH,WAAW,cAAc;AAEzB,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAACC,mBAAD;CACE,WAAW,GACT;;;SAIA,SACF;CACA,GAAI;AACL,CAAA;AAEH,gBAAgB,cAAc"}

package/dist/components/input-group/index.d.cts

@@ -0,0 +1,3 @@
+import { InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "../../primitives/input-group.cjs";
+import { InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupProps } from "./InputGroup.cjs";
+export { InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea };

package/dist/components/input-group/index.d.mts

@@ -0,0 +1,3 @@
+import { InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "../../primitives/input-group.mjs";
+import { InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupProps } from "./InputGroup.mjs";
+export { InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea };

package/dist/components/item/Item.cjs

@@ -9,7 +9,10 @@ let react_jsx_runtime = require("react/jsx-runtime");
 function Item({ className, asChild, children, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_item.Item, {
 		render: asChild ? children : void 0,
-		className: require_utils.cn("data-[variant=outline]:border-berget-item-outline-border", "data-[variant=muted]:bg-berget-item-muted-bg", "data-[variant=muted]:text-berget-item-muted-fg", "[&_a]:hover:bg-berget-item-link-hover-surface", "focus-visible:border-berget-item-focus-ring focus-visible:ring-berget-item-focus-ring/50", className),
+		className: require_utils.cn("data-[variant=outline]:border-berget-item-outline-border", "data-[variant=muted]:bg-berget-item-muted-bg", "data-[variant=muted]:text-berget-item-muted-fg", "[&_a]:hover:bg-berget-item-link-hover-surface", `
+          focus-visible:border-berget-item-focus-ring
+          focus-visible:ring-berget-item-focus-ring/50
+        `, className),
 		...props,
 		children: asChild ? void 0 : children
 	});

package/dist/components/item/Item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Item.cjs","names":["ItemPrimitive","cn","React","ItemMediaPrimitive","ItemTitlePrimitive","ItemDescriptionPrimitive","ItemSeparatorPrimitive"],"sources":["../../../src/components/item/Item.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Item as ItemPrimitive,\n  ItemGroup,\n  ItemSeparator as ItemSeparatorPrimitive,\n  ItemMedia as ItemMediaPrimitive,\n  ItemContent,\n  ItemTitle as ItemTitlePrimitive,\n  ItemDescription as ItemDescriptionPrimitive,\n  ItemActions,\n  ItemHeader,\n  ItemFooter,\n} from '@/primitives/item';\nimport type { VariantProps } from 'class-variance-authority';\n\nexport interface ItemProps extends React.ComponentProps<typeof ItemPrimitive> {\n  variant?: VariantProps<typeof ItemPrimitive>['variant'];\n  size?: VariantProps<typeof ItemPrimitive>['size'];\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nexport function Item({ className, asChild, children, ...props }: ItemProps) {\n  return (\n    <ItemPrimitive\n      render={asChild ? (children as React.ReactElement) : undefined}\n      className={cn(\n        /* Variant colours — override primitive defaults */\n        'data-[variant=outline]:border-berget-item-outline-border',\n        'data-[variant=muted]:bg-berget-item-muted-bg',\n        'data-[variant=muted]:text-berget-item-muted-fg',\n        /* Hover / focus */\n        '[&_a]:hover:bg-berget-item-link-hover-surface',\n        'focus-visible:border-berget-item-focus-ring focus-visible:ring-berget-item-focus-ring/50',\n        className,\n      )}\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </ItemPrimitive>\n  );\n}\n\n/** Re-export unchanged sub-components. */\nexport { ItemGroup, ItemContent, ItemActions, ItemHeader, ItemFooter };\n\n/** ItemMedia — override icon background. */\nexport const ItemMedia = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof ItemMediaPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemMediaPrimitive\n      ref={ref}\n      className={cn('data-[variant=icon]:bg-berget-item-media-icon-bg', className)}\n      {...props}\n    />\n  );\n});\nItemMedia.displayName = 'ItemMedia';\n\n/** ItemTitle — override to use semantic foreground. */\nexport const ItemTitle = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof ItemTitlePrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemTitlePrimitive\n      ref={ref}\n      className={cn('text-berget-item-default-fg', className)}\n      {...props}\n    />\n  );\n});\nItemTitle.displayName = 'ItemTitle';\n\n/** ItemDescription — override muted text colour. */\nexport const ItemDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentProps<typeof ItemDescriptionPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemDescriptionPrimitive\n      ref={ref}\n      className={cn('text-berget-item-description-fg', className)}\n      {...props}\n    />\n  );\n});\nItemDescription.displayName = 'ItemDescription';\n\n/** ItemSeparator — override colour. */\nexport const ItemSeparator = React.forwardRef<\n  React.ComponentRef<typeof ItemSeparatorPrimitive>,\n  React.ComponentProps<typeof ItemSeparatorPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemSeparatorPrimitive\n      ref={ref}\n      className={cn('bg-berget-item-separator', className)}\n      {...props}\n    />\n  );\n});\nItemSeparator.displayName = 'ItemSeparator';\n"],"mappings":";;;;;;;;AAyBA,SAAgB,KAAK,EAAE,WAAW,SAAS,UAAU,GAAG,SAAoB;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,MAAD;EACE,QAAQ,UAAW,WAAkC,KAAA;EACrD,WAAWC,cAAAA,GAET,4DACA,gDACA,kDAEA,iDACA,4FACA,SACF;EACA,GAAI;EAEH,UAAA,UAAU,KAAA,IAAY;CACV,CAAA;AAEnB;;AAMA,MAAa,YAAYC,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,WAAD;EACO;EACL,WAAWF,cAAAA,GAAG,oDAAoD,SAAS;EAC3E,GAAI;CACL,CAAA;AAEL,CAAC;AACD,UAAU,cAAc;;AAGxB,MAAa,YAAYC,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,aAAAA,WAAD;EACO;EACL,WAAWH,cAAAA,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL,CAAC;AACD,UAAU,cAAc;;AAGxB,MAAa,kBAAkBC,MAAM,YAGlC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,aAAAA,iBAAD;EACO;EACL,WAAWJ,cAAAA,GAAG,mCAAmC,SAAS;EAC1D,GAAI;CACL,CAAA;AAEL,CAAC;AACD,gBAAgB,cAAc;;AAG9B,MAAa,gBAAgBC,MAAM,YAGhC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,aAAAA,eAAD;EACO;EACL,WAAWL,cAAAA,GAAG,4BAA4B,SAAS;EACnD,GAAI;CACL,CAAA;AAEL,CAAC;AACD,cAAc,cAAc"}
+{"version":3,"file":"Item.cjs","names":["ItemPrimitive","cn","React","ItemMediaPrimitive","ItemTitlePrimitive","ItemDescriptionPrimitive","ItemSeparatorPrimitive"],"sources":["../../../src/components/item/Item.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Item as ItemPrimitive,\n  ItemGroup,\n  ItemSeparator as ItemSeparatorPrimitive,\n  ItemMedia as ItemMediaPrimitive,\n  ItemContent,\n  ItemTitle as ItemTitlePrimitive,\n  ItemDescription as ItemDescriptionPrimitive,\n  ItemActions,\n  ItemHeader,\n  ItemFooter,\n} from '@/primitives/item';\nimport type { VariantProps } from 'class-variance-authority';\n\nexport interface ItemProps extends React.ComponentProps<typeof ItemPrimitive> {\n  variant?: VariantProps<typeof ItemPrimitive>['variant'];\n  size?: VariantProps<typeof ItemPrimitive>['size'];\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nexport function Item({ className, asChild, children, ...props }: ItemProps) {\n  return (\n    <ItemPrimitive\n      render={asChild ? (children as React.ReactElement) : undefined}\n      className={cn(\n        /* Variant colours — override primitive defaults */\n        'data-[variant=outline]:border-berget-item-outline-border',\n        'data-[variant=muted]:bg-berget-item-muted-bg',\n        'data-[variant=muted]:text-berget-item-muted-fg',\n        /* Hover / focus */\n        '[&_a]:hover:bg-berget-item-link-hover-surface',\n        `\n          focus-visible:border-berget-item-focus-ring\n          focus-visible:ring-berget-item-focus-ring/50\n        `,\n        className,\n      )}\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </ItemPrimitive>\n  );\n}\n\n/** Re-export unchanged sub-components. */\nexport { ItemGroup, ItemContent, ItemActions, ItemHeader, ItemFooter };\n\n/** ItemMedia — override icon background. */\nexport const ItemMedia = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof ItemMediaPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemMediaPrimitive\n      ref={ref}\n      className={cn('data-[variant=icon]:bg-berget-item-media-icon-bg', className)}\n      {...props}\n    />\n  );\n});\nItemMedia.displayName = 'ItemMedia';\n\n/** ItemTitle — override to use semantic foreground. */\nexport const ItemTitle = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof ItemTitlePrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemTitlePrimitive\n      ref={ref}\n      className={cn('text-berget-item-default-fg', className)}\n      {...props}\n    />\n  );\n});\nItemTitle.displayName = 'ItemTitle';\n\n/** ItemDescription — override muted text colour. */\nexport const ItemDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentProps<typeof ItemDescriptionPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemDescriptionPrimitive\n      ref={ref}\n      className={cn('text-berget-item-description-fg', className)}\n      {...props}\n    />\n  );\n});\nItemDescription.displayName = 'ItemDescription';\n\n/** ItemSeparator — override colour. */\nexport const ItemSeparator = React.forwardRef<\n  React.ComponentRef<typeof ItemSeparatorPrimitive>,\n  React.ComponentProps<typeof ItemSeparatorPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemSeparatorPrimitive\n      ref={ref}\n      className={cn('bg-berget-item-separator', className)}\n      {...props}\n    />\n  );\n});\nItemSeparator.displayName = 'ItemSeparator';\n"],"mappings":";;;;;;;;AAyBA,SAAgB,KAAK,EAAE,WAAW,SAAS,UAAU,GAAG,SAAoB;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,MAAD;EACE,QAAQ,UAAW,WAAkC,KAAA;EACrD,WAAWC,cAAAA,GAET,4DACA,gDACA,kDAEA,iDACA;;;WAIA,SACF;EACA,GAAI;EAEH,UAAA,UAAU,KAAA,IAAY;CACV,CAAA;AAEnB;;AAMA,MAAa,YAAYC,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,WAAD;EACO;EACL,WAAWF,cAAAA,GAAG,oDAAoD,SAAS;EAC3E,GAAI;CACL,CAAA;AAEL,CAAC;AACD,UAAU,cAAc;;AAGxB,MAAa,YAAYC,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,aAAAA,WAAD;EACO;EACL,WAAWH,cAAAA,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL,CAAC;AACD,UAAU,cAAc;;AAGxB,MAAa,kBAAkBC,MAAM,YAGlC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,aAAAA,iBAAD;EACO;EACL,WAAWJ,cAAAA,GAAG,mCAAmC,SAAS;EAC1D,GAAI;CACL,CAAA;AAEL,CAAC;AACD,gBAAgB,cAAc;;AAG9B,MAAa,gBAAgBC,MAAM,YAGhC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,aAAAA,eAAD;EACO;EACL,WAAWL,cAAAA,GAAG,4BAA4B,SAAS;EACnD,GAAI;CACL,CAAA;AAEL,CAAC;AACD,cAAc,cAAc"}

package/dist/components/item/Item.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.cts","names":["ItemPrimitive"],"sources":["../../../src/components/item/Item.tsx"],"mappings":";;;;iBAkBiB,kBAAkB,MAAM,sBAAsBA;EAC7D,UAAU,oBAAoBA;EAC9B,OAAO,oBAAoBA;;EAE3B;;wBAGc,OAAO,WAAW,SAAS,aAAa,SAAS,wCAAS,IAAA;;qBAyB7D,WAAS,MAAA,0BAAA,KAAA,MAAA,gBAAA,kBAAA,MAAA,eAAA,kBAAA,cAAA;;6CAWpB,6CAAA,MAAA,cAAA;;qBAIW,WAAS,MAAA,0BAAA,KAAA,MAAA,gBAAA,kBAAA,MAAA,eAAA,0BAAA,MAAA,cAAA;;qBAeT,iBAAe,MAAA,0BAAA,KAAA,MAAA,gBAAA,wBAAA,MAAA,eAAA,gCAAA,MAAA,cAAA;;qBAef,eAAa,MAAA,0BAAA,8BAAA,yBAAA,MAAA,cAAA"}
+{"version":3,"file":"Item.d.cts","names":["ItemPrimitive"],"sources":["../../../src/components/item/Item.tsx"],"mappings":";;;;iBAkBiB,kBAAkB,MAAM,sBAAsBA;EAC7D,UAAU,oBAAoBA;EAC9B,OAAO,oBAAoBA;;EAE3B;;wBAGc,OAAO,WAAW,SAAS,aAAa,SAAS,wCAAS,IAAA;;qBA4B7D,WAAS,MAAA,0BAAA,KAAA,MAAA,gBAAA,kBAAA,MAAA,eAAA,kBAAA,cAAA;;6CAWpB,6CAAA,MAAA,cAAA;;qBAIW,WAAS,MAAA,0BAAA,KAAA,MAAA,gBAAA,kBAAA,MAAA,eAAA,0BAAA,MAAA,cAAA;;qBAeT,iBAAe,MAAA,0BAAA,KAAA,MAAA,gBAAA,wBAAA,MAAA,eAAA,gCAAA,MAAA,cAAA;;qBAef,eAAa,MAAA,0BAAA,8BAAA,yBAAA,MAAA,cAAA"}

package/dist/components/item/Item.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.mts","names":["ItemPrimitive"],"sources":["../../../src/components/item/Item.tsx"],"mappings":";;;;iBAkBiB,kBAAkB,MAAM,sBAAsBA;EAC7D,UAAU,oBAAoBA;EAC9B,OAAO,oBAAoBA;;EAE3B;;wBAGc,OAAO,WAAW,SAAS,aAAa,SAAS,wCAAS,IAAA;;qBAyB7D,WAAS,MAAA,0BAAA,KAAA,MAAA,gBAAA,kBAAA,MAAA,eAAA,kBAAA,cAAA;;6CAWpB,6CAAA,MAAA,cAAA;;qBAIW,WAAS,MAAA,0BAAA,KAAA,MAAA,gBAAA,kBAAA,MAAA,eAAA,0BAAA,MAAA,cAAA;;qBAeT,iBAAe,MAAA,0BAAA,KAAA,MAAA,gBAAA,wBAAA,MAAA,eAAA,gCAAA,MAAA,cAAA;;qBAef,eAAa,MAAA,0BAAA,8BAAA,yBAAA,MAAA,cAAA"}
+{"version":3,"file":"Item.d.mts","names":["ItemPrimitive"],"sources":["../../../src/components/item/Item.tsx"],"mappings":";;;;iBAkBiB,kBAAkB,MAAM,sBAAsBA;EAC7D,UAAU,oBAAoBA;EAC9B,OAAO,oBAAoBA;;EAE3B;;wBAGc,OAAO,WAAW,SAAS,aAAa,SAAS,wCAAS,IAAA;;qBA4B7D,WAAS,MAAA,0BAAA,KAAA,MAAA,gBAAA,kBAAA,MAAA,eAAA,kBAAA,cAAA;;6CAWpB,6CAAA,MAAA,cAAA;;qBAIW,WAAS,MAAA,0BAAA,KAAA,MAAA,gBAAA,kBAAA,MAAA,eAAA,0BAAA,MAAA,cAAA;;qBAeT,iBAAe,MAAA,0BAAA,KAAA,MAAA,gBAAA,wBAAA,MAAA,eAAA,gCAAA,MAAA,cAAA;;qBAef,eAAa,MAAA,0BAAA,8BAAA,yBAAA,MAAA,cAAA"}

package/dist/components/item/Item.mjs

@@ -7,7 +7,10 @@ import { jsx } from "react/jsx-runtime";
 function Item({ className, asChild, children, ...props }) {
 	return /* @__PURE__ */ jsx(Item$1, {
 		render: asChild ? children : void 0,
-		className: cn("data-[variant=outline]:border-berget-item-outline-border", "data-[variant=muted]:bg-berget-item-muted-bg", "data-[variant=muted]:text-berget-item-muted-fg", "[&_a]:hover:bg-berget-item-link-hover-surface", "focus-visible:border-berget-item-focus-ring focus-visible:ring-berget-item-focus-ring/50", className),
+		className: cn("data-[variant=outline]:border-berget-item-outline-border", "data-[variant=muted]:bg-berget-item-muted-bg", "data-[variant=muted]:text-berget-item-muted-fg", "[&_a]:hover:bg-berget-item-link-hover-surface", `
+          focus-visible:border-berget-item-focus-ring
+          focus-visible:ring-berget-item-focus-ring/50
+        `, className),
 		...props,
 		children: asChild ? void 0 : children
 	});

package/dist/components/item/Item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Item.mjs","names":["ItemPrimitive","ItemMediaPrimitive","ItemTitlePrimitive","ItemDescriptionPrimitive","ItemSeparatorPrimitive"],"sources":["../../../src/components/item/Item.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Item as ItemPrimitive,\n  ItemGroup,\n  ItemSeparator as ItemSeparatorPrimitive,\n  ItemMedia as ItemMediaPrimitive,\n  ItemContent,\n  ItemTitle as ItemTitlePrimitive,\n  ItemDescription as ItemDescriptionPrimitive,\n  ItemActions,\n  ItemHeader,\n  ItemFooter,\n} from '@/primitives/item';\nimport type { VariantProps } from 'class-variance-authority';\n\nexport interface ItemProps extends React.ComponentProps<typeof ItemPrimitive> {\n  variant?: VariantProps<typeof ItemPrimitive>['variant'];\n  size?: VariantProps<typeof ItemPrimitive>['size'];\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nexport function Item({ className, asChild, children, ...props }: ItemProps) {\n  return (\n    <ItemPrimitive\n      render={asChild ? (children as React.ReactElement) : undefined}\n      className={cn(\n        /* Variant colours — override primitive defaults */\n        'data-[variant=outline]:border-berget-item-outline-border',\n        'data-[variant=muted]:bg-berget-item-muted-bg',\n        'data-[variant=muted]:text-berget-item-muted-fg',\n        /* Hover / focus */\n        '[&_a]:hover:bg-berget-item-link-hover-surface',\n        'focus-visible:border-berget-item-focus-ring focus-visible:ring-berget-item-focus-ring/50',\n        className,\n      )}\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </ItemPrimitive>\n  );\n}\n\n/** Re-export unchanged sub-components. */\nexport { ItemGroup, ItemContent, ItemActions, ItemHeader, ItemFooter };\n\n/** ItemMedia — override icon background. */\nexport const ItemMedia = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof ItemMediaPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemMediaPrimitive\n      ref={ref}\n      className={cn('data-[variant=icon]:bg-berget-item-media-icon-bg', className)}\n      {...props}\n    />\n  );\n});\nItemMedia.displayName = 'ItemMedia';\n\n/** ItemTitle — override to use semantic foreground. */\nexport const ItemTitle = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof ItemTitlePrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemTitlePrimitive\n      ref={ref}\n      className={cn('text-berget-item-default-fg', className)}\n      {...props}\n    />\n  );\n});\nItemTitle.displayName = 'ItemTitle';\n\n/** ItemDescription — override muted text colour. */\nexport const ItemDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentProps<typeof ItemDescriptionPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemDescriptionPrimitive\n      ref={ref}\n      className={cn('text-berget-item-description-fg', className)}\n      {...props}\n    />\n  );\n});\nItemDescription.displayName = 'ItemDescription';\n\n/** ItemSeparator — override colour. */\nexport const ItemSeparator = React.forwardRef<\n  React.ComponentRef<typeof ItemSeparatorPrimitive>,\n  React.ComponentProps<typeof ItemSeparatorPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemSeparatorPrimitive\n      ref={ref}\n      className={cn('bg-berget-item-separator', className)}\n      {...props}\n    />\n  );\n});\nItemSeparator.displayName = 'ItemSeparator';\n"],"mappings":";;;;;;AAyBA,SAAgB,KAAK,EAAE,WAAW,SAAS,UAAU,GAAG,SAAoB;CAC1E,OACE,oBAACA,QAAD;EACE,QAAQ,UAAW,WAAkC,KAAA;EACrD,WAAW,GAET,4DACA,gDACA,kDAEA,iDACA,4FACA,SACF;EACA,GAAI;EAEH,UAAA,UAAU,KAAA,IAAY;CACV,CAAA;AAEnB;;AAMA,MAAa,YAAY,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAACC,aAAD;EACO;EACL,WAAW,GAAG,oDAAoD,SAAS;EAC3E,GAAI;CACL,CAAA;AAEL,CAAC;AACD,UAAU,cAAc;;AAGxB,MAAa,YAAY,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAACC,aAAD;EACO;EACL,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL,CAAC;AACD,UAAU,cAAc;;AAGxB,MAAa,kBAAkB,MAAM,YAGlC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAACC,mBAAD;EACO;EACL,WAAW,GAAG,mCAAmC,SAAS;EAC1D,GAAI;CACL,CAAA;AAEL,CAAC;AACD,gBAAgB,cAAc;;AAG9B,MAAa,gBAAgB,MAAM,YAGhC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAACC,iBAAD;EACO;EACL,WAAW,GAAG,4BAA4B,SAAS;EACnD,GAAI;CACL,CAAA;AAEL,CAAC;AACD,cAAc,cAAc"}
+{"version":3,"file":"Item.mjs","names":["ItemPrimitive","ItemMediaPrimitive","ItemTitlePrimitive","ItemDescriptionPrimitive","ItemSeparatorPrimitive"],"sources":["../../../src/components/item/Item.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Item as ItemPrimitive,\n  ItemGroup,\n  ItemSeparator as ItemSeparatorPrimitive,\n  ItemMedia as ItemMediaPrimitive,\n  ItemContent,\n  ItemTitle as ItemTitlePrimitive,\n  ItemDescription as ItemDescriptionPrimitive,\n  ItemActions,\n  ItemHeader,\n  ItemFooter,\n} from '@/primitives/item';\nimport type { VariantProps } from 'class-variance-authority';\n\nexport interface ItemProps extends React.ComponentProps<typeof ItemPrimitive> {\n  variant?: VariantProps<typeof ItemPrimitive>['variant'];\n  size?: VariantProps<typeof ItemPrimitive>['size'];\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nexport function Item({ className, asChild, children, ...props }: ItemProps) {\n  return (\n    <ItemPrimitive\n      render={asChild ? (children as React.ReactElement) : undefined}\n      className={cn(\n        /* Variant colours — override primitive defaults */\n        'data-[variant=outline]:border-berget-item-outline-border',\n        'data-[variant=muted]:bg-berget-item-muted-bg',\n        'data-[variant=muted]:text-berget-item-muted-fg',\n        /* Hover / focus */\n        '[&_a]:hover:bg-berget-item-link-hover-surface',\n        `\n          focus-visible:border-berget-item-focus-ring\n          focus-visible:ring-berget-item-focus-ring/50\n        `,\n        className,\n      )}\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </ItemPrimitive>\n  );\n}\n\n/** Re-export unchanged sub-components. */\nexport { ItemGroup, ItemContent, ItemActions, ItemHeader, ItemFooter };\n\n/** ItemMedia — override icon background. */\nexport const ItemMedia = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof ItemMediaPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemMediaPrimitive\n      ref={ref}\n      className={cn('data-[variant=icon]:bg-berget-item-media-icon-bg', className)}\n      {...props}\n    />\n  );\n});\nItemMedia.displayName = 'ItemMedia';\n\n/** ItemTitle — override to use semantic foreground. */\nexport const ItemTitle = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof ItemTitlePrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemTitlePrimitive\n      ref={ref}\n      className={cn('text-berget-item-default-fg', className)}\n      {...props}\n    />\n  );\n});\nItemTitle.displayName = 'ItemTitle';\n\n/** ItemDescription — override muted text colour. */\nexport const ItemDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentProps<typeof ItemDescriptionPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemDescriptionPrimitive\n      ref={ref}\n      className={cn('text-berget-item-description-fg', className)}\n      {...props}\n    />\n  );\n});\nItemDescription.displayName = 'ItemDescription';\n\n/** ItemSeparator — override colour. */\nexport const ItemSeparator = React.forwardRef<\n  React.ComponentRef<typeof ItemSeparatorPrimitive>,\n  React.ComponentProps<typeof ItemSeparatorPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <ItemSeparatorPrimitive\n      ref={ref}\n      className={cn('bg-berget-item-separator', className)}\n      {...props}\n    />\n  );\n});\nItemSeparator.displayName = 'ItemSeparator';\n"],"mappings":";;;;;;AAyBA,SAAgB,KAAK,EAAE,WAAW,SAAS,UAAU,GAAG,SAAoB;CAC1E,OACE,oBAACA,QAAD;EACE,QAAQ,UAAW,WAAkC,KAAA;EACrD,WAAW,GAET,4DACA,gDACA,kDAEA,iDACA;;;WAIA,SACF;EACA,GAAI;EAEH,UAAA,UAAU,KAAA,IAAY;CACV,CAAA;AAEnB;;AAMA,MAAa,YAAY,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAACC,aAAD;EACO;EACL,WAAW,GAAG,oDAAoD,SAAS;EAC3E,GAAI;CACL,CAAA;AAEL,CAAC;AACD,UAAU,cAAc;;AAGxB,MAAa,YAAY,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAACC,aAAD;EACO;EACL,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL,CAAC;AACD,UAAU,cAAc;;AAGxB,MAAa,kBAAkB,MAAM,YAGlC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAACC,mBAAD;EACO;EACL,WAAW,GAAG,mCAAmC,SAAS;EAC1D,GAAI;CACL,CAAA;AAEL,CAAC;AACD,gBAAgB,cAAc;;AAG9B,MAAa,gBAAgB,MAAM,YAGhC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAACC,iBAAD;EACO;EACL,WAAW,GAAG,4BAA4B,SAAS;EACnD,GAAI;CACL,CAAA;AAEL,CAAC;AACD,cAAc,cAAc"}

package/dist/components/link/Link.cjs

@@ -8,15 +8,39 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let class_variance_authority = require("class-variance-authority");
 let lucide_react = require("lucide-react");
 //#region src/components/link/Link.tsx
-const linkVariants = (0, class_variance_authority.cva)("inline-flex cursor-pointer items-center gap-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50", {
+const linkVariants = (0, class_variance_authority.cva)(`
+    inline-flex cursor-pointer items-center gap-2 transition-all duration-200
+    focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2
+    focus-visible:ring-offset-background focus-visible:outline-none
+    disabled:pointer-events-none disabled:opacity-50
+  `, {
 	variants: {
 		variant: {
-			default: "text-foreground hover:text-foreground/80",
-			primary: "text-berget-brand-moss-400 hover:text-berget-brand-moss-500",
-			secondary: "text-berget-accent hover:text-berget-accent/80",
-			ghost: "text-muted-foreground hover:text-foreground",
-			muted: "text-muted-foreground hover:text-muted-foreground/80",
-			code: "text-berget-brand-moss-400 hover:text-berget-brand-moss-500 font-mono text-sm bg-berget-primary-tint px-2 py-1 rounded hover:bg-berget-primary-tint-hover"
+			default: `
+          text-foreground
+          hover:text-foreground/80
+        `,
+			primary: `
+          text-berget-brand-moss-400
+          hover:text-berget-brand-moss-500
+        `,
+			secondary: `
+          text-berget-accent
+          hover:text-berget-accent/80
+        `,
+			ghost: `
+          text-muted-foreground
+          hover:text-foreground
+        `,
+			muted: `
+          text-muted-foreground
+          hover:text-muted-foreground/80
+        `,
+			code: `
+          rounded-sm bg-berget-primary-tint px-2 py-1 font-mono text-sm
+          text-berget-brand-moss-400
+          hover:bg-berget-primary-tint-hover hover:text-berget-brand-moss-500
+        `
 		},
 		size: {
 			sm: "text-sm",
@@ -53,7 +77,7 @@ const Link = react.forwardRef(({ className, variant, size, external = false, ico
 				children: icon
 			}),
 			showExternalIcon && isExternal && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "inline-flex items-center ml-1 opacity-60",
+				className: "ml-1 inline-flex items-center opacity-60",
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
 					icon: lucide_react.ExternalLink,

package/dist/components/link/Link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.cjs","names":["cva","React","cn","Icon","ExternalLink"],"sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Icon } from '../icon/Icon';\nimport { ExternalLink } from 'lucide-react';\n\nconst linkVariants = cva(\n  'inline-flex cursor-pointer items-center gap-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'text-foreground hover:text-foreground/80',\n        primary: 'text-berget-brand-moss-400 hover:text-berget-brand-moss-500',\n        secondary: 'text-berget-accent hover:text-berget-accent/80',\n        ghost: 'text-muted-foreground hover:text-foreground',\n        muted: 'text-muted-foreground hover:text-muted-foreground/80',\n        code: 'text-berget-brand-moss-400 hover:text-berget-brand-moss-500 font-mono text-sm bg-berget-primary-tint px-2 py-1 rounded hover:bg-berget-primary-tint-hover',\n      },\n      size: {\n        sm: 'text-sm',\n        default: 'text-base',\n        lg: 'text-lg',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface LinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {\n  children: React.ReactNode;\n  external?: boolean;\n  icon?: React.ReactNode;\n  showExternalIcon?: boolean;\n  disabled?: boolean;\n}\n\nconst Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      external = false,\n      icon,\n      showExternalIcon = false,\n      disabled = false,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const isExternal =\n      external ||\n      (typeof props.href === 'string' &&\n        (props.href.startsWith('http://') ||\n          props.href.startsWith('https://') ||\n          props.href.startsWith('mailto:') ||\n          props.href.startsWith('tel:')));\n\n    return (\n      <a\n        ref={ref}\n        className={cn(linkVariants({ variant, size }), className)}\n        {...(disabled && {\n          'aria-disabled': true,\n          onClick: (e: React.MouseEvent) => e.preventDefault(),\n        })}\n        {...props}\n        {...(isExternal &&\n          !disabled && {\n            rel: 'noopener noreferrer',\n            target: '_blank',\n          })}\n      >\n        {children}\n        {icon && <span className=\"inline-flex items-center\">{icon}</span>}\n        {showExternalIcon && isExternal && !disabled && (\n          <span className=\"inline-flex items-center ml-1 opacity-60\" aria-hidden=\"true\">\n            <Icon icon={ExternalLink} size={16} />\n          </span>\n        )}\n      </a>\n    );\n  },\n);\nLink.displayName = 'Link';\n\nexport { Link, linkVariants };\n"],"mappings":";;;;;;;;;;AAQA,MAAM,gBAAA,GAAeA,yBAAAA,IAAAA,CACnB,uQACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,WAAW;GACX,OAAO;GACP,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAWA,MAAM,OAAOC,MAAM,YAEf,EACE,WACA,SACA,MACA,WAAW,OACX,MACA,mBAAmB,OACnB,WAAW,OACX,UACA,GAAG,SAEL,QACG;CACH,MAAM,aACJ,YACC,OAAO,MAAM,SAAS,aACpB,MAAM,KAAK,WAAW,SAAS,KAC9B,MAAM,KAAK,WAAW,UAAU,KAChC,MAAM,KAAK,WAAW,SAAS,KAC/B,MAAM,KAAK,WAAW,MAAM;CAElC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;EACO;EACL,WAAWC,cAAAA,GAAG,aAAa;GAAE;GAAS;EAAK,CAAC,GAAG,SAAS;EACxD,GAAK,YAAY;GACf,iBAAiB;GACjB,UAAU,MAAwB,EAAE,eAAe;EACrD;EACA,GAAI;EACJ,GAAK,cACH,CAAC,YAAY;GACX,KAAK;GACL,QAAQ;EACV;EAZJ,UAAA;GAcG;GACA,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAA4B,UAAA;GAAW,CAAA;GAC/D,oBAAoB,cAAc,CAAC,YAClC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAA2C,eAAY;IACrE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;KAAM,MAAMC,aAAAA;KAAc,MAAM;IAAK,CAAA;GACjC,CAAA;EAEP;;AAEP,CACF;AACA,KAAK,cAAc"}
+{"version":3,"file":"Link.cjs","names":["cva","React","cn","Icon","ExternalLink"],"sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Icon } from '../icon/Icon';\nimport { ExternalLink } from 'lucide-react';\n\nconst linkVariants = cva(\n  `\n    inline-flex cursor-pointer items-center gap-2 transition-all duration-200\n    focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2\n    focus-visible:ring-offset-background focus-visible:outline-none\n    disabled:pointer-events-none disabled:opacity-50\n  `,\n  {\n    variants: {\n      variant: {\n        default: `\n          text-foreground\n          hover:text-foreground/80\n        `,\n        primary: `\n          text-berget-brand-moss-400\n          hover:text-berget-brand-moss-500\n        `,\n        secondary: `\n          text-berget-accent\n          hover:text-berget-accent/80\n        `,\n        ghost: `\n          text-muted-foreground\n          hover:text-foreground\n        `,\n        muted: `\n          text-muted-foreground\n          hover:text-muted-foreground/80\n        `,\n        code: `\n          rounded-sm bg-berget-primary-tint px-2 py-1 font-mono text-sm\n          text-berget-brand-moss-400\n          hover:bg-berget-primary-tint-hover hover:text-berget-brand-moss-500\n        `,\n      },\n      size: {\n        sm: 'text-sm',\n        default: 'text-base',\n        lg: 'text-lg',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface LinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {\n  children: React.ReactNode;\n  external?: boolean;\n  icon?: React.ReactNode;\n  showExternalIcon?: boolean;\n  disabled?: boolean;\n}\n\nconst Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      external = false,\n      icon,\n      showExternalIcon = false,\n      disabled = false,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const isExternal =\n      external ||\n      (typeof props.href === 'string' &&\n        (props.href.startsWith('http://') ||\n          props.href.startsWith('https://') ||\n          props.href.startsWith('mailto:') ||\n          props.href.startsWith('tel:')));\n\n    return (\n      <a\n        ref={ref}\n        className={cn(linkVariants({ variant, size }), className)}\n        {...(disabled && {\n          'aria-disabled': true,\n          onClick: (e: React.MouseEvent) => e.preventDefault(),\n        })}\n        {...props}\n        {...(isExternal &&\n          !disabled && {\n            rel: 'noopener noreferrer',\n            target: '_blank',\n          })}\n      >\n        {children}\n        {icon && <span className=\"inline-flex items-center\">{icon}</span>}\n        {showExternalIcon && isExternal && !disabled && (\n          <span className=\"ml-1 inline-flex items-center opacity-60\" aria-hidden=\"true\">\n            <Icon icon={ExternalLink} size={16} />\n          </span>\n        )}\n      </a>\n    );\n  },\n);\nLink.displayName = 'Link';\n\nexport { Link, linkVariants };\n"],"mappings":";;;;;;;;;;AAQA,MAAM,gBAAA,GAAeA,yBAAAA,IAAAA,CACnB;;;;;KAMA;CACE,UAAU;EACR,SAAS;GACP,SAAS;;;;GAIT,SAAS;;;;GAIT,WAAW;;;;GAIX,OAAO;;;;GAIP,OAAO;;;;GAIP,MAAM;;;;;EAKR;EACA,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAWA,MAAM,OAAOC,MAAM,YAEf,EACE,WACA,SACA,MACA,WAAW,OACX,MACA,mBAAmB,OACnB,WAAW,OACX,UACA,GAAG,SAEL,QACG;CACH,MAAM,aACJ,YACC,OAAO,MAAM,SAAS,aACpB,MAAM,KAAK,WAAW,SAAS,KAC9B,MAAM,KAAK,WAAW,UAAU,KAChC,MAAM,KAAK,WAAW,SAAS,KAC/B,MAAM,KAAK,WAAW,MAAM;CAElC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;EACO;EACL,WAAWC,cAAAA,GAAG,aAAa;GAAE;GAAS;EAAK,CAAC,GAAG,SAAS;EACxD,GAAK,YAAY;GACf,iBAAiB;GACjB,UAAU,MAAwB,EAAE,eAAe;EACrD;EACA,GAAI;EACJ,GAAK,cACH,CAAC,YAAY;GACX,KAAK;GACL,QAAQ;EACV;EAZJ,UAAA;GAcG;GACA,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAA4B,UAAA;GAAW,CAAA;GAC/D,oBAAoB,cAAc,CAAC,YAClC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAA2C,eAAY;IACrE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;KAAM,MAAMC,aAAAA;KAAc,MAAM;IAAK,CAAA;GACjC,CAAA;EAEP;;AAEP,CACF;AACA,KAAK,cAAc"}

package/dist/components/link/Link.d.cts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 //#region src/components/link/Link.d.ts
 declare const linkVariants: (props?: ({
-  variant?: "code" | "default" | "muted" | "primary" | "secondary" | "ghost" | null | undefined;
+  variant?: "code" | "default" | "secondary" | "muted" | "ghost" | "primary" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {

package/dist/components/link/Link.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.cts","names":[],"sources":["../../../src/components/link/Link.tsx"],"mappings":";;;cAQM,eAAY;;;6CAuBjB;iBAEgB,kBACP,MAAM,qBAAqB,oBAAoB,oBAAoB;EAC3E,UAAU,MAAM;EAChB;EACA,OAAO,MAAM;EACb;EACA;;cAGI,MAAI,MAAA,0BAAA,YAAA,MAAA,cAAA"}
+{"version":3,"file":"Link.d.cts","names":[],"sources":["../../../src/components/link/Link.tsx"],"mappings":";;;cAQM,eAAY;;;6CA+CjB;iBAEgB,kBACP,MAAM,qBAAqB,oBAAoB,oBAAoB;EAC3E,UAAU,MAAM;EAChB;EACA,OAAO,MAAM;EACb;EACA;;cAGI,MAAI,MAAA,0BAAA,YAAA,MAAA,cAAA"}

package/dist/components/link/Link.d.mts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 //#region src/components/link/Link.d.ts
 declare const linkVariants: (props?: ({
-  variant?: "code" | "default" | "muted" | "primary" | "secondary" | "ghost" | null | undefined;
+  variant?: "code" | "default" | "secondary" | "muted" | "ghost" | "primary" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {

package/dist/components/link/Link.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.mts","names":[],"sources":["../../../src/components/link/Link.tsx"],"mappings":";;;cAQM,eAAY;;;6CAuBjB;iBAEgB,kBACP,MAAM,qBAAqB,oBAAoB,oBAAoB;EAC3E,UAAU,MAAM;EAChB;EACA,OAAO,MAAM;EACb;EACA;;cAGI,MAAI,MAAA,0BAAA,YAAA,MAAA,cAAA"}
+{"version":3,"file":"Link.d.mts","names":[],"sources":["../../../src/components/link/Link.tsx"],"mappings":";;;cAQM,eAAY;;;6CA+CjB;iBAEgB,kBACP,MAAM,qBAAqB,oBAAoB,oBAAoB;EAC3E,UAAU,MAAM;EAChB;EACA,OAAO,MAAM;EACb;EACA;;cAGI,MAAI,MAAA,0BAAA,YAAA,MAAA,cAAA"}

package/dist/components/link/Link.mjs

@@ -6,15 +6,39 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { ExternalLink } from "lucide-react";
 //#region src/components/link/Link.tsx
-const linkVariants = cva("inline-flex cursor-pointer items-center gap-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50", {
+const linkVariants = cva(`
+    inline-flex cursor-pointer items-center gap-2 transition-all duration-200
+    focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2
+    focus-visible:ring-offset-background focus-visible:outline-none
+    disabled:pointer-events-none disabled:opacity-50
+  `, {
 	variants: {
 		variant: {
-			default: "text-foreground hover:text-foreground/80",
-			primary: "text-berget-brand-moss-400 hover:text-berget-brand-moss-500",
-			secondary: "text-berget-accent hover:text-berget-accent/80",
-			ghost: "text-muted-foreground hover:text-foreground",
-			muted: "text-muted-foreground hover:text-muted-foreground/80",
-			code: "text-berget-brand-moss-400 hover:text-berget-brand-moss-500 font-mono text-sm bg-berget-primary-tint px-2 py-1 rounded hover:bg-berget-primary-tint-hover"
+			default: `
+          text-foreground
+          hover:text-foreground/80
+        `,
+			primary: `
+          text-berget-brand-moss-400
+          hover:text-berget-brand-moss-500
+        `,
+			secondary: `
+          text-berget-accent
+          hover:text-berget-accent/80
+        `,
+			ghost: `
+          text-muted-foreground
+          hover:text-foreground
+        `,
+			muted: `
+          text-muted-foreground
+          hover:text-muted-foreground/80
+        `,
+			code: `
+          rounded-sm bg-berget-primary-tint px-2 py-1 font-mono text-sm
+          text-berget-brand-moss-400
+          hover:bg-berget-primary-tint-hover hover:text-berget-brand-moss-500
+        `
 		},
 		size: {
 			sm: "text-sm",
@@ -51,7 +75,7 @@ const Link = React.forwardRef(({ className, variant, size, external = false, ico
 				children: icon
 			}),
 			showExternalIcon && isExternal && !disabled && /* @__PURE__ */ jsx("span", {
-				className: "inline-flex items-center ml-1 opacity-60",
+				className: "ml-1 inline-flex items-center opacity-60",
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ jsx(Icon, {
 					icon: ExternalLink,

package/dist/components/link/Link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","names":[],"sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Icon } from '../icon/Icon';\nimport { ExternalLink } from 'lucide-react';\n\nconst linkVariants = cva(\n  'inline-flex cursor-pointer items-center gap-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'text-foreground hover:text-foreground/80',\n        primary: 'text-berget-brand-moss-400 hover:text-berget-brand-moss-500',\n        secondary: 'text-berget-accent hover:text-berget-accent/80',\n        ghost: 'text-muted-foreground hover:text-foreground',\n        muted: 'text-muted-foreground hover:text-muted-foreground/80',\n        code: 'text-berget-brand-moss-400 hover:text-berget-brand-moss-500 font-mono text-sm bg-berget-primary-tint px-2 py-1 rounded hover:bg-berget-primary-tint-hover',\n      },\n      size: {\n        sm: 'text-sm',\n        default: 'text-base',\n        lg: 'text-lg',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface LinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {\n  children: React.ReactNode;\n  external?: boolean;\n  icon?: React.ReactNode;\n  showExternalIcon?: boolean;\n  disabled?: boolean;\n}\n\nconst Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      external = false,\n      icon,\n      showExternalIcon = false,\n      disabled = false,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const isExternal =\n      external ||\n      (typeof props.href === 'string' &&\n        (props.href.startsWith('http://') ||\n          props.href.startsWith('https://') ||\n          props.href.startsWith('mailto:') ||\n          props.href.startsWith('tel:')));\n\n    return (\n      <a\n        ref={ref}\n        className={cn(linkVariants({ variant, size }), className)}\n        {...(disabled && {\n          'aria-disabled': true,\n          onClick: (e: React.MouseEvent) => e.preventDefault(),\n        })}\n        {...props}\n        {...(isExternal &&\n          !disabled && {\n            rel: 'noopener noreferrer',\n            target: '_blank',\n          })}\n      >\n        {children}\n        {icon && <span className=\"inline-flex items-center\">{icon}</span>}\n        {showExternalIcon && isExternal && !disabled && (\n          <span className=\"inline-flex items-center ml-1 opacity-60\" aria-hidden=\"true\">\n            <Icon icon={ExternalLink} size={16} />\n          </span>\n        )}\n      </a>\n    );\n  },\n);\nLink.displayName = 'Link';\n\nexport { Link, linkVariants };\n"],"mappings":";;;;;;;;AAQA,MAAM,eAAe,IACnB,uQACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,WAAW;GACX,OAAO;GACP,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAWA,MAAM,OAAO,MAAM,YAEf,EACE,WACA,SACA,MACA,WAAW,OACX,MACA,mBAAmB,OACnB,WAAW,OACX,UACA,GAAG,SAEL,QACG;CACH,MAAM,aACJ,YACC,OAAO,MAAM,SAAS,aACpB,MAAM,KAAK,WAAW,SAAS,KAC9B,MAAM,KAAK,WAAW,UAAU,KAChC,MAAM,KAAK,WAAW,SAAS,KAC/B,MAAM,KAAK,WAAW,MAAM;CAElC,OACE,qBAAC,KAAD;EACO;EACL,WAAW,GAAG,aAAa;GAAE;GAAS;EAAK,CAAC,GAAG,SAAS;EACxD,GAAK,YAAY;GACf,iBAAiB;GACjB,UAAU,MAAwB,EAAE,eAAe;EACrD;EACA,GAAI;EACJ,GAAK,cACH,CAAC,YAAY;GACX,KAAK;GACL,QAAQ;EACV;EAZJ,UAAA;GAcG;GACA,QAAQ,oBAAC,QAAD;IAAM,WAAU;IAA4B,UAAA;GAAW,CAAA;GAC/D,oBAAoB,cAAc,CAAC,YAClC,oBAAC,QAAD;IAAM,WAAU;IAA2C,eAAY;IACrE,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAc,MAAM;IAAK,CAAA;GACjC,CAAA;EAEP;;AAEP,CACF;AACA,KAAK,cAAc"}
+{"version":3,"file":"Link.mjs","names":[],"sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Icon } from '../icon/Icon';\nimport { ExternalLink } from 'lucide-react';\n\nconst linkVariants = cva(\n  `\n    inline-flex cursor-pointer items-center gap-2 transition-all duration-200\n    focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2\n    focus-visible:ring-offset-background focus-visible:outline-none\n    disabled:pointer-events-none disabled:opacity-50\n  `,\n  {\n    variants: {\n      variant: {\n        default: `\n          text-foreground\n          hover:text-foreground/80\n        `,\n        primary: `\n          text-berget-brand-moss-400\n          hover:text-berget-brand-moss-500\n        `,\n        secondary: `\n          text-berget-accent\n          hover:text-berget-accent/80\n        `,\n        ghost: `\n          text-muted-foreground\n          hover:text-foreground\n        `,\n        muted: `\n          text-muted-foreground\n          hover:text-muted-foreground/80\n        `,\n        code: `\n          rounded-sm bg-berget-primary-tint px-2 py-1 font-mono text-sm\n          text-berget-brand-moss-400\n          hover:bg-berget-primary-tint-hover hover:text-berget-brand-moss-500\n        `,\n      },\n      size: {\n        sm: 'text-sm',\n        default: 'text-base',\n        lg: 'text-lg',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface LinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {\n  children: React.ReactNode;\n  external?: boolean;\n  icon?: React.ReactNode;\n  showExternalIcon?: boolean;\n  disabled?: boolean;\n}\n\nconst Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      external = false,\n      icon,\n      showExternalIcon = false,\n      disabled = false,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const isExternal =\n      external ||\n      (typeof props.href === 'string' &&\n        (props.href.startsWith('http://') ||\n          props.href.startsWith('https://') ||\n          props.href.startsWith('mailto:') ||\n          props.href.startsWith('tel:')));\n\n    return (\n      <a\n        ref={ref}\n        className={cn(linkVariants({ variant, size }), className)}\n        {...(disabled && {\n          'aria-disabled': true,\n          onClick: (e: React.MouseEvent) => e.preventDefault(),\n        })}\n        {...props}\n        {...(isExternal &&\n          !disabled && {\n            rel: 'noopener noreferrer',\n            target: '_blank',\n          })}\n      >\n        {children}\n        {icon && <span className=\"inline-flex items-center\">{icon}</span>}\n        {showExternalIcon && isExternal && !disabled && (\n          <span className=\"ml-1 inline-flex items-center opacity-60\" aria-hidden=\"true\">\n            <Icon icon={ExternalLink} size={16} />\n          </span>\n        )}\n      </a>\n    );\n  },\n);\nLink.displayName = 'Link';\n\nexport { Link, linkVariants };\n"],"mappings":";;;;;;;;AAQA,MAAM,eAAe,IACnB;;;;;KAMA;CACE,UAAU;EACR,SAAS;GACP,SAAS;;;;GAIT,SAAS;;;;GAIT,WAAW;;;;GAIX,OAAO;;;;GAIP,OAAO;;;;GAIP,MAAM;;;;;EAKR;EACA,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAWA,MAAM,OAAO,MAAM,YAEf,EACE,WACA,SACA,MACA,WAAW,OACX,MACA,mBAAmB,OACnB,WAAW,OACX,UACA,GAAG,SAEL,QACG;CACH,MAAM,aACJ,YACC,OAAO,MAAM,SAAS,aACpB,MAAM,KAAK,WAAW,SAAS,KAC9B,MAAM,KAAK,WAAW,UAAU,KAChC,MAAM,KAAK,WAAW,SAAS,KAC/B,MAAM,KAAK,WAAW,MAAM;CAElC,OACE,qBAAC,KAAD;EACO;EACL,WAAW,GAAG,aAAa;GAAE;GAAS;EAAK,CAAC,GAAG,SAAS;EACxD,GAAK,YAAY;GACf,iBAAiB;GACjB,UAAU,MAAwB,EAAE,eAAe;EACrD;EACA,GAAI;EACJ,GAAK,cACH,CAAC,YAAY;GACX,KAAK;GACL,QAAQ;EACV;EAZJ,UAAA;GAcG;GACA,QAAQ,oBAAC,QAAD;IAAM,WAAU;IAA4B,UAAA;GAAW,CAAA;GAC/D,oBAAoB,cAAc,CAAC,YAClC,oBAAC,QAAD;IAAM,WAAU;IAA2C,eAAY;IACrE,UAAA,oBAAC,MAAD;KAAM,MAAM;KAAc,MAAM;IAAK,CAAA;GACjC,CAAA;EAEP;;AAEP,CACF;AACA,KAAK,cAAc"}

package/dist/components/list/List.cjs

@@ -21,20 +21,29 @@ const List = react.forwardRef(({ className, children, ...props }, ref) => {
 List.displayName = "List";
 const ListItem = react.forwardRef(({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 	ref,
-	className: require_utils.cn("flex items-center gap-4 px-4 py-3 sm:px-6 sm:py-4", interactive && "transition-all duration-200 hover:bg-berget-surface-hover cursor-pointer", className),
+	className: require_utils.cn(`
+          flex items-center gap-4 px-4 py-3
+          sm:px-6 sm:py-4
+        `, interactive && `
+            cursor-pointer transition-all duration-200
+            hover:bg-berget-surface-hover
+          `, className),
 	...props,
 	children: [icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "flex-shrink-0 flex items-center justify-center",
+		className: "flex shrink-0 items-center justify-center",
 		children: icon
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "flex-1 min-w-0",
+		className: "min-w-0 flex-1",
 		children
 	})]
 }));
 ListItem.displayName = "ListItem";
 const ListHeader = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 	ref,
-	className: require_utils.cn("px-4 py-2 sm:px-6 sm:py-3 text-sm text-muted-foreground", className),
+	className: require_utils.cn(`
+          px-4 py-2 text-sm text-muted-foreground
+          sm:px-6 sm:py-3
+        `, className),
 	...props,
 	children
 }));
@@ -46,8 +55,8 @@ const FeatureList = react.forwardRef(({ items, variant = "bullet", className, ..
 		...props,
 		children: items.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 			className: "flex items-start gap-fluid-md",
-			children: [variant === "bullet" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex-shrink-0 mt-0.5",
+			children: [variant === "bullet" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "\n                  mt-2 size-1.5 shrink-0 rounded-full bg-berget-icon-muted\n                " }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mt-0.5 shrink-0",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
 					icon: lucide_react.Check,
 					size: 24,