@bergetai/ui 0.16.2 → 0.18.0

package/dist/components/button/anchorVariants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchorVariants.mjs","names":[],"sources":["../../../src/components/button/anchorVariants.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { buttonVariants } from '../../primitives/button';\nimport type { VariantProps } from 'class-variance-authority';\nimport {\n  brandVariantClasses,\n  interactionClasses,\n  primitiveVariant,\n  type CustomVariant,\n} from './Button';\n\n/** Props for {@link anchorVariants}. Consumes like `buttonVariants` with the\n * same variant union as the `Button` wrapper. */\nexport interface AnchorVariantsProps {\n  /** Visual style variant — same union as `Button`'s `variant` prop. */\n  variant?: CustomVariant;\n  /** Full width or auto width. */\n  width?: 'default' | 'full';\n  /** Button size ladder — maps to the same text scale as `Button`. */\n  size?: VariantProps<typeof buttonVariants>['size'];\n  /** Extra classes, merged last (same override position as `Button`). */\n  className?: string;\n}\n\n/**\n * Class variants for real `<a>` elements styled like `Button` chrome.\n *\n * Base UI's Button enforces button semantics and its docs forbid rendering\n * links through the `render` prop, and the package's `asChild` leaves\n * `nativeButton={true}` — anchors through it keep `role=\"button\"` and log a\n * dev-console error. This helper bakes in exactly the wrapper chrome the\n * `Button` component applies, so consumers can style a plain anchor instead\n * of replicating package internals:\n *\n * ```tsx\n * <a className={anchorVariants({ variant: 'primary', width: 'full' })} href=\"…\">\n *   Open dashboard\n * </a>\n * ```\n *\n * Class output is equivalent to `Button variant=… width=…` (ignoring\n * `disabled:*`, which does not apply to anchors), with anchor-safe focus\n * treatment: `:focus-visible` works natively on `<a>` elements, and the\n * shared outline-based focus ring lands the same way.\n */\nexport function anchorVariants({\n  variant = 'default',\n  width = 'default',\n  size,\n  className,\n}: AnchorVariantsProps = {}): string {\n  const isIcon = typeof size === 'string' && size.startsWith('icon');\n\n  return cn(\n    buttonVariants({ variant: primitiveVariant(variant), size }),\n    // Full-width anchors use the square radius; otherwise pill (same rule\n    // as the Button wrapper).\n    width === 'full' ? 'rounded-berget-xs' : 'rounded-full',\n    // Em-based padding, inline = 2× block, matching the Button wrapper.\n    !isIcon && 'h-auto px-[0.8em] py-[0.4em]',\n    // Text ladder: default renders at text-base like the wrapper Button.\n    !isIcon &&\n      (size === 'lg' ? 'text-lg' : size === 'sm' ? 'text-sm' : size === 'xs' ? '' : `text-base`),\n    !isIcon && 'font-normal',\n    brandVariantClasses(variant),\n    interactionClasses,\n    width === 'full' && 'w-full',\n    className,\n  );\n}\n\nexport type AnchorProps = React.ComponentProps<'a'> & AnchorVariantsProps;\n\n/** Ready-to-use anchor styled through {@link anchorVariants}. For cases\n * where a component (rather than a class string) is easier to consume. */\nexport function Anchor({ variant, width, size, className, children, ...props }: AnchorProps) {\n  return (\n    <a className={anchorVariants({ variant, width, size, className })} {...props}>\n      <span className=\"inline-flex items-center gap-2\">{children}</span>\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,eAAe,EAC7B,UAAU,WACV,QAAQ,WACR,MACA,cACuB,CAAC,GAAW;CACnC,MAAM,SAAS,OAAO,SAAS,YAAY,KAAK,WAAW,MAAM;CAEjE,OAAO,GACL,eAAe;EAAE,SAAS,iBAAiB,OAAO;EAAG;CAAK,CAAC,GAG3D,UAAU,SAAS,sBAAsB,gBAEzC,CAAC,UAAU,gCAEX,CAAC,WACE,SAAS,OAAO,YAAY,SAAS,OAAO,YAAY,SAAS,OAAO,KAAK,cAChF,CAAC,UAAU,eACX,oBAAoB,OAAO,GAC3B,oBACA,UAAU,UAAU,UACpB,SACF;AACF;;;AAMA,SAAgB,OAAO,EAAE,SAAS,OAAO,MAAM,WAAW,UAAU,GAAG,SAAsB;CAC3F,OACE,oBAAC,KAAD;EAAG,WAAW,eAAe;GAAE;GAAS;GAAO;GAAM;EAAU,CAAC;EAAG,GAAI;EACrE,UAAA,oBAAC,QAAD;GAAM,WAAU;GAAkC;EAAe,CAAA;CAChE,CAAA;AAEP"}

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

@@ -1,3 +1,4 @@
 import { buttonVariants } from "../../primitives/button.cjs";
 import { Button, ButtonProps } from "./Button.cjs";
-export { Button, type ButtonProps, buttonVariants };
+import { Anchor, AnchorProps, AnchorVariantsProps, anchorVariants } from "./anchorVariants.cjs";
+export { Anchor, type AnchorProps, type AnchorVariantsProps, Button, type ButtonProps, anchorVariants, buttonVariants };

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

@@ -1,3 +1,4 @@
 import { buttonVariants } from "../../primitives/button.mjs";
 import { Button, ButtonProps } from "./Button.mjs";
-export { Button, type ButtonProps, buttonVariants };
+import { Anchor, AnchorProps, AnchorVariantsProps, anchorVariants } from "./anchorVariants.mjs";
+export { Anchor, type AnchorProps, type AnchorVariantsProps, Button, type ButtonProps, anchorVariants, buttonVariants };

package/dist/components/code-block/CodeBlock.cjs

@@ -1,61 +1,63 @@
 "use client";
 const require_utils = require("../../lib/utils.cjs");
-const require_shiki = require("../../lib/shiki.cjs");
-let react = require("react");
+const require_code_block = require("../../primitives/code-block.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
 //#region src/components/code-block/CodeBlock.tsx
-function CodeBlock({ code, language = "text", title, className }) {
-	const [html, setHtml] = (0, react.useState)(null);
-	const [copied, setCopied] = (0, react.useState)(false);
-	(0, react.useEffect)(() => {
-		require_shiki.getHighlighter().then((highlighter) => {
-			const lang = highlighter.getLoadedLanguages().includes(language) ? language : "text";
-			setHtml(highlighter.codeToHtml(code, {
-				lang,
-				theme: "berget"
-			}));
-		});
-	}, [code, language]);
-	const handleCopy = (0, react.useCallback)(async () => {
-		await navigator.clipboard.writeText(code);
-		setCopied(true);
-		setTimeout(() => setCopied(false), 2e3);
-	}, [code]);
-	const copyButton = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		onClick: handleCopy,
-		className: "\n        flex size-6 items-center justify-center text-berget-muted-foreground\n        transition-colors\n        hover:text-berget-foreground\n      ",
-		"aria-label": "Copy code",
-		children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "size-3.5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "size-3.5" })
+/**
+* Compound code block built on the shadcn base `code-block` primitive. The
+* parts add Berget styling and nothing else — compose them the way shadcn
+* documents (ui.shadcn.com/docs/components/base/code-block):
+*
+*   <CodeBlock>
+*     <CodeBlockHeader>
+*       <CodeBlockTitle>file.ts</CodeBlockTitle>
+*       <CodeBlockActions>
+*         <CodeBlockCopyButton value={code} />
+*       </CodeBlockActions>
+*     </CodeBlockHeader>
+*     <CodeBlockContent wrap lineNumbers>
+*       {code}
+*     </CodeBlockContent>
+*   </CodeBlock>
+*
+* For syntax highlighting, pass `useHighlightedCode(code, language)` output
+* through `CodeBlockLine` elements. Highlighting is optional; a string child
+* renders as plain text.
+*/
+function CodeBlock({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_code_block.CodeBlock, {
+		className: require_utils.cn(`
+          rounded-berget-xs border-berget-border bg-berget-codeblock-bg
+          backdrop-blur-md
+          dark:bg-berget-codeblock-bg
+        `, className),
+		...props
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+}
+function CodeBlockHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_code_block.CodeBlockHeader, {
 		className: require_utils.cn(`
-          relative isolate overflow-hidden rounded-berget-xs border
-          border-berget-border bg-berget-codeblock-bg backdrop-blur-md
+          h-10 shrink-0 gap-2 border-b border-berget-border
+          bg-berget-codeblock-header-bg px-4 pt-0
+          dark:bg-berget-codeblock-header-bg
         `, className),
-		children: [
-			title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "\n            flex h-10! items-center border-b border-berget-border\n            bg-berget-codeblock-header-bg px-4! text-xs/normal!\n          ",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-berget-muted-foreground",
-					children: title
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "absolute top-2 right-2 z-10",
-				children: copyButton
-			}),
-			html ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "\n            [&_.shiki]:m-0! [&_.shiki]:overflow-x-auto [&_.shiki]:bg-transparent\n            [&_.shiki]:p-4! [&_.shiki]:text-caption/relaxed!\n          ",
-				dangerouslySetInnerHTML: { __html: html }
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-				className: "\n            m-0! overflow-x-auto p-4! text-caption/relaxed!\n            text-berget-muted-foreground\n          ",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: code })
-			})
-		]
+		...props
+	});
+}
+function CodeBlockTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_code_block.CodeBlockTitle, {
+		className: require_utils.cn("text-berget-muted-foreground", className),
+		...props
 	});
 }
 //#endregion
 exports.CodeBlock = CodeBlock;
+exports.CodeBlockActions = require_code_block.CodeBlockActions;
+exports.CodeBlockContent = require_code_block.CodeBlockContent;
+exports.CodeBlockCopyButton = require_code_block.CodeBlockCopyButton;
+exports.CodeBlockFooter = require_code_block.CodeBlockFooter;
+exports.CodeBlockHeader = CodeBlockHeader;
+exports.CodeBlockLine = require_code_block.CodeBlockLine;
+exports.CodeBlockTitle = CodeBlockTitle;
 
 //# sourceMappingURL=CodeBlock.cjs.map

package/dist/components/code-block/CodeBlock.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.cjs","names":["useState","useCallback","Check","Copy","cn"],"sources":["../../../src/components/code-block/CodeBlock.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { Copy, Check } from 'lucide-react';\nimport { cn } from '../../lib/utils';\nimport { getHighlighter } from '../../lib/shiki';\n\nexport interface CodeBlockProps {\n  code: string;\n  language?: string;\n  title?: string;\n  className?: string;\n}\n\nexport function CodeBlock({ code, language = 'text', title, className }: CodeBlockProps) {\n  const [html, setHtml] = useState<string | null>(null);\n  const [copied, setCopied] = useState(false);\n\n  useEffect(() => {\n    getHighlighter().then((highlighter) => {\n      const loadedLangs = highlighter.getLoadedLanguages();\n      const lang = loadedLangs.includes(language) ? language : 'text';\n      setHtml(highlighter.codeToHtml(code, { lang, theme: 'berget' }));\n    });\n  }, [code, language]);\n\n  const handleCopy = useCallback(async () => {\n    await navigator.clipboard.writeText(code);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  }, [code]);\n\n  const copyButton = (\n    <button\n      onClick={handleCopy}\n      className=\"\n        flex size-6 items-center justify-center text-berget-muted-foreground\n        transition-colors\n        hover:text-berget-foreground\n      \"\n      aria-label=\"Copy code\"\n    >\n      {copied ? <Check className=\"size-3.5\" /> : <Copy className=\"size-3.5\" />}\n    </button>\n  );\n\n  return (\n    <div\n      className={cn(\n        `\n          relative isolate overflow-hidden rounded-berget-xs border\n          border-berget-border bg-berget-codeblock-bg backdrop-blur-md\n        `,\n        className,\n      )}\n    >\n      {title && (\n        <div\n          className=\"\n            flex h-10! items-center border-b border-berget-border\n            bg-berget-codeblock-header-bg px-4! text-xs/normal!\n          \"\n        >\n          <span className=\"text-berget-muted-foreground\">{title}</span>\n        </div>\n      )}\n      <div className=\"absolute top-2 right-2 z-10\">{copyButton}</div>\n      {html ? (\n        <div\n          className=\"\n            [&_.shiki]:m-0! [&_.shiki]:overflow-x-auto [&_.shiki]:bg-transparent\n            [&_.shiki]:p-4! [&_.shiki]:text-caption/relaxed!\n          \"\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n      ) : (\n        <pre\n          className=\"\n            m-0! overflow-x-auto p-4! text-caption/relaxed!\n            text-berget-muted-foreground\n          \"\n        >\n          <code>{code}</code>\n        </pre>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,UAAU,EAAE,MAAM,WAAW,QAAQ,OAAO,aAA6B;CACvF,MAAM,CAAC,MAAM,YAAA,GAAWA,MAAAA,SAAAA,CAAwB,IAAI;CACpD,MAAM,CAAC,QAAQ,cAAA,GAAaA,MAAAA,SAAAA,CAAS,KAAK;CAE1C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,cAAA,eAAe,CAAC,CAAC,MAAM,gBAAgB;GAErC,MAAM,OADc,YAAY,mBACT,CAAC,CAAC,SAAS,QAAQ,IAAI,WAAW;GACzD,QAAQ,YAAY,WAAW,MAAM;IAAE;IAAM,OAAO;GAAS,CAAC,CAAC;EACjE,CAAC;CACH,GAAG,CAAC,MAAM,QAAQ,CAAC;CAEnB,MAAM,cAAA,GAAaC,MAAAA,YAAAA,CAAY,YAAY;EACzC,MAAM,UAAU,UAAU,UAAU,IAAI;EACxC,UAAU,IAAI;EACd,iBAAiB,UAAU,KAAK,GAAG,GAAI;CACzC,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,aACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACE,SAAS;EACT,WAAU;EAKV,cAAW;EAEV,UAAA,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,OAAD,EAAO,WAAU,WAAY,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD,EAAM,WAAU,WAAY,CAAA;CACjE,CAAA;CAGV,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAWC,cAAAA,GACT;;;WAIA,SACF;EAPF,UAAA;GASG,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,WAAU;IAKV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAAgC,UAAA;IAAY,CAAA;GACzD,CAAA;GAEP,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IAA+B,UAAA;GAAgB,CAAA;GAC7D,OACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,WAAU;IAIV,yBAAyB,EAAE,QAAQ,KAAK;GACzC,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,WAAU;IAKV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAA,UAAO,KAAW,CAAA;GACf,CAAA;EAEJ;;AAET"}
+{"version":3,"file":"CodeBlock.cjs","names":["CodeBlockPrimitive","cn","CodeBlockHeaderPrimitive","CodeBlockTitlePrimitive"],"sources":["../../../src/components/code-block/CodeBlock.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps } from 'react';\nimport {\n  CodeBlock as CodeBlockPrimitive,\n  CodeBlockHeader as CodeBlockHeaderPrimitive,\n  CodeBlockTitle as CodeBlockTitlePrimitive,\n} from '../../primitives/code-block';\nimport { cn } from '../../lib/utils';\n\n/**\n * Compound code block built on the shadcn base `code-block` primitive. The\n * parts add Berget styling and nothing else — compose them the way shadcn\n * documents (ui.shadcn.com/docs/components/base/code-block):\n *\n *   <CodeBlock>\n *     <CodeBlockHeader>\n *       <CodeBlockTitle>file.ts</CodeBlockTitle>\n *       <CodeBlockActions>\n *         <CodeBlockCopyButton value={code} />\n *       </CodeBlockActions>\n *     </CodeBlockHeader>\n *     <CodeBlockContent wrap lineNumbers>\n *       {code}\n *     </CodeBlockContent>\n *   </CodeBlock>\n *\n * For syntax highlighting, pass `useHighlightedCode(code, language)` output\n * through `CodeBlockLine` elements. Highlighting is optional; a string child\n * renders as plain text.\n */\n\nexport function CodeBlock({ className, ...props }: ComponentProps<typeof CodeBlockPrimitive>) {\n  return (\n    <CodeBlockPrimitive\n      className={cn(\n        `\n          rounded-berget-xs border-berget-border bg-berget-codeblock-bg\n          backdrop-blur-md\n          dark:bg-berget-codeblock-bg\n        `,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function CodeBlockHeader({\n  className,\n  ...props\n}: ComponentProps<typeof CodeBlockHeaderPrimitive>) {\n  return (\n    <CodeBlockHeaderPrimitive\n      className={cn(\n        `\n          h-10 shrink-0 gap-2 border-b border-berget-border\n          bg-berget-codeblock-header-bg px-4 pt-0\n          dark:bg-berget-codeblock-header-bg\n        `,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function CodeBlockTitle({\n  className,\n  ...props\n}: ComponentProps<typeof CodeBlockTitlePrimitive>) {\n  return (\n    <CodeBlockTitlePrimitive className={cn('text-berget-muted-foreground', className)} {...props} />\n  );\n}\n\nexport {\n  CodeBlockActions,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockFooter,\n  CodeBlockLine,\n} from '../../primitives/code-block';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAoD;CAC5F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,mBAAAA,WAAD;EACE,WAAWC,cAAAA,GACT;;;;WAKA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,gBAAgB,EAC9B,WACA,GAAG,SAC+C;CAClD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,iBAAD;EACE,WAAWD,cAAAA,GACT;;;;WAKA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,eAAe,EAC7B,WACA,GAAG,SAC8C;CACjD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,mBAAAA,gBAAD;EAAyB,WAAWF,cAAAA,GAAG,gCAAgC,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEnG"}

package/dist/components/code-block/CodeBlock.d.cts

@@ -1,10 +1,30 @@
+import { CodeBlock as CodeBlock$1, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader as CodeBlockHeader$1, CodeBlockLine, CodeBlockTitle as CodeBlockTitle$1 } from "../../primitives/code-block.cjs";
+import { ComponentProps } from "react";
 //#region src/components/code-block/CodeBlock.d.ts
-export interface CodeBlockProps {
-  code: string;
-  language?: string;
-  title?: string;
-  className?: string;
-}
-export declare function CodeBlock({ code, language, title, className }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Compound code block built on the shadcn base `code-block` primitive. The
+ * parts add Berget styling and nothing else — compose them the way shadcn
+ * documents (ui.shadcn.com/docs/components/base/code-block):
+ *
+ *   <CodeBlock>
+ *     <CodeBlockHeader>
+ *       <CodeBlockTitle>file.ts</CodeBlockTitle>
+ *       <CodeBlockActions>
+ *         <CodeBlockCopyButton value={code} />
+ *       </CodeBlockActions>
+ *     </CodeBlockHeader>
+ *     <CodeBlockContent wrap lineNumbers>
+ *       {code}
+ *     </CodeBlockContent>
+ *   </CodeBlock>
+ *
+ * For syntax highlighting, pass `useHighlightedCode(code, language)` output
+ * through `CodeBlockLine` elements. Highlighting is optional; a string child
+ * renders as plain text.
+ */
+export declare function CodeBlock({ className, ...props }: ComponentProps<typeof CodeBlock$1>): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlockHeader({ className, ...props }: ComponentProps<typeof CodeBlockHeader$1>): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlockTitle({ className, ...props }: ComponentProps<typeof CodeBlockTitle$1>): import("react/jsx-runtime").JSX.Element;
 //#endregion
+export { CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockLine };
 //# sourceMappingURL=CodeBlock.d.cts.map

package/dist/components/code-block/CodeBlock.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.cts","names":[],"sources":["../../../src/components/code-block/CodeBlock.tsx"],"mappings":";iBAOiB;EACf;EACA;EACA;EACA;;wBAGc,YAAY,MAAM,UAAmB,OAAO,aAAa,6CAAc,IAAA"}
+{"version":3,"file":"CodeBlock.d.cts","names":["CodeBlockPrimitive","CodeBlockHeaderPrimitive","CodeBlockTitlePrimitive"],"sources":["../../../src/components/code-block/CodeBlock.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;wBAgCgB,YAAY,cAAc,SAAS,sBAAsBA,2CAAmB,IAAA;wBAgB5E,kBACd,cACG,SACF,sBAAsBC,iDAAyB,IAAA;wBAgBlC,iBACd,cACG,SACF,sBAAsBC,gDAAwB,IAAA"}

package/dist/components/code-block/CodeBlock.d.mts

@@ -1,10 +1,30 @@
+import { CodeBlock as CodeBlock$1, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader as CodeBlockHeader$1, CodeBlockLine, CodeBlockTitle as CodeBlockTitle$1 } from "../../primitives/code-block.mjs";
+import { ComponentProps } from "react";
 //#region src/components/code-block/CodeBlock.d.ts
-export interface CodeBlockProps {
-  code: string;
-  language?: string;
-  title?: string;
-  className?: string;
-}
-export declare function CodeBlock({ code, language, title, className }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Compound code block built on the shadcn base `code-block` primitive. The
+ * parts add Berget styling and nothing else — compose them the way shadcn
+ * documents (ui.shadcn.com/docs/components/base/code-block):
+ *
+ *   <CodeBlock>
+ *     <CodeBlockHeader>
+ *       <CodeBlockTitle>file.ts</CodeBlockTitle>
+ *       <CodeBlockActions>
+ *         <CodeBlockCopyButton value={code} />
+ *       </CodeBlockActions>
+ *     </CodeBlockHeader>
+ *     <CodeBlockContent wrap lineNumbers>
+ *       {code}
+ *     </CodeBlockContent>
+ *   </CodeBlock>
+ *
+ * For syntax highlighting, pass `useHighlightedCode(code, language)` output
+ * through `CodeBlockLine` elements. Highlighting is optional; a string child
+ * renders as plain text.
+ */
+export declare function CodeBlock({ className, ...props }: ComponentProps<typeof CodeBlock$1>): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlockHeader({ className, ...props }: ComponentProps<typeof CodeBlockHeader$1>): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlockTitle({ className, ...props }: ComponentProps<typeof CodeBlockTitle$1>): import("react/jsx-runtime").JSX.Element;
 //#endregion
+export { CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockLine };
 //# sourceMappingURL=CodeBlock.d.mts.map

package/dist/components/code-block/CodeBlock.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.mts","names":[],"sources":["../../../src/components/code-block/CodeBlock.tsx"],"mappings":";iBAOiB;EACf;EACA;EACA;EACA;;wBAGc,YAAY,MAAM,UAAmB,OAAO,aAAa,6CAAc,IAAA"}
+{"version":3,"file":"CodeBlock.d.mts","names":["CodeBlockPrimitive","CodeBlockHeaderPrimitive","CodeBlockTitlePrimitive"],"sources":["../../../src/components/code-block/CodeBlock.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;wBAgCgB,YAAY,cAAc,SAAS,sBAAsBA,2CAAmB,IAAA;wBAgB5E,kBACd,cACG,SACF,sBAAsBC,iDAAyB,IAAA;wBAgBlC,iBACd,cACG,SACF,sBAAsBC,gDAAwB,IAAA"}

package/dist/components/code-block/CodeBlock.mjs

@@ -1,61 +1,56 @@
 "use client";
 import { cn } from "../../lib/utils.mjs";
-import { getHighlighter } from "../../lib/shiki.mjs";
-import { useCallback, useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Check, Copy } from "lucide-react";
+import { CodeBlock as CodeBlock$1, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader as CodeBlockHeader$1, CodeBlockLine, CodeBlockTitle as CodeBlockTitle$1 } from "../../primitives/code-block.mjs";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/code-block/CodeBlock.tsx
-function CodeBlock({ code, language = "text", title, className }) {
-	const [html, setHtml] = useState(null);
-	const [copied, setCopied] = useState(false);
-	useEffect(() => {
-		getHighlighter().then((highlighter) => {
-			const lang = highlighter.getLoadedLanguages().includes(language) ? language : "text";
-			setHtml(highlighter.codeToHtml(code, {
-				lang,
-				theme: "berget"
-			}));
-		});
-	}, [code, language]);
-	const handleCopy = useCallback(async () => {
-		await navigator.clipboard.writeText(code);
-		setCopied(true);
-		setTimeout(() => setCopied(false), 2e3);
-	}, [code]);
-	const copyButton = /* @__PURE__ */ jsx("button", {
-		onClick: handleCopy,
-		className: "\n        flex size-6 items-center justify-center text-berget-muted-foreground\n        transition-colors\n        hover:text-berget-foreground\n      ",
-		"aria-label": "Copy code",
-		children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
+/**
+* Compound code block built on the shadcn base `code-block` primitive. The
+* parts add Berget styling and nothing else — compose them the way shadcn
+* documents (ui.shadcn.com/docs/components/base/code-block):
+*
+*   <CodeBlock>
+*     <CodeBlockHeader>
+*       <CodeBlockTitle>file.ts</CodeBlockTitle>
+*       <CodeBlockActions>
+*         <CodeBlockCopyButton value={code} />
+*       </CodeBlockActions>
+*     </CodeBlockHeader>
+*     <CodeBlockContent wrap lineNumbers>
+*       {code}
+*     </CodeBlockContent>
+*   </CodeBlock>
+*
+* For syntax highlighting, pass `useHighlightedCode(code, language)` output
+* through `CodeBlockLine` elements. Highlighting is optional; a string child
+* renders as plain text.
+*/
+function CodeBlock({ className, ...props }) {
+	return /* @__PURE__ */ jsx(CodeBlock$1, {
+		className: cn(`
+          rounded-berget-xs border-berget-border bg-berget-codeblock-bg
+          backdrop-blur-md
+          dark:bg-berget-codeblock-bg
+        `, className),
+		...props
 	});
-	return /* @__PURE__ */ jsxs("div", {
+}
+function CodeBlockHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx(CodeBlockHeader$1, {
 		className: cn(`
-          relative isolate overflow-hidden rounded-berget-xs border
-          border-berget-border bg-berget-codeblock-bg backdrop-blur-md
+          h-10 shrink-0 gap-2 border-b border-berget-border
+          bg-berget-codeblock-header-bg px-4 pt-0
+          dark:bg-berget-codeblock-header-bg
         `, className),
-		children: [
-			title && /* @__PURE__ */ jsx("div", {
-				className: "\n            flex h-10! items-center border-b border-berget-border\n            bg-berget-codeblock-header-bg px-4! text-xs/normal!\n          ",
-				children: /* @__PURE__ */ jsx("span", {
-					className: "text-berget-muted-foreground",
-					children: title
-				})
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "absolute top-2 right-2 z-10",
-				children: copyButton
-			}),
-			html ? /* @__PURE__ */ jsx("div", {
-				className: "\n            [&_.shiki]:m-0! [&_.shiki]:overflow-x-auto [&_.shiki]:bg-transparent\n            [&_.shiki]:p-4! [&_.shiki]:text-caption/relaxed!\n          ",
-				dangerouslySetInnerHTML: { __html: html }
-			}) : /* @__PURE__ */ jsx("pre", {
-				className: "\n            m-0! overflow-x-auto p-4! text-caption/relaxed!\n            text-berget-muted-foreground\n          ",
-				children: /* @__PURE__ */ jsx("code", { children: code })
-			})
-		]
+		...props
+	});
+}
+function CodeBlockTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(CodeBlockTitle$1, {
+		className: cn("text-berget-muted-foreground", className),
+		...props
 	});
 }
 //#endregion
-export { CodeBlock };
+export { CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle };
 
 //# sourceMappingURL=CodeBlock.mjs.map

package/dist/components/code-block/CodeBlock.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.mjs","names":[],"sources":["../../../src/components/code-block/CodeBlock.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { Copy, Check } from 'lucide-react';\nimport { cn } from '../../lib/utils';\nimport { getHighlighter } from '../../lib/shiki';\n\nexport interface CodeBlockProps {\n  code: string;\n  language?: string;\n  title?: string;\n  className?: string;\n}\n\nexport function CodeBlock({ code, language = 'text', title, className }: CodeBlockProps) {\n  const [html, setHtml] = useState<string | null>(null);\n  const [copied, setCopied] = useState(false);\n\n  useEffect(() => {\n    getHighlighter().then((highlighter) => {\n      const loadedLangs = highlighter.getLoadedLanguages();\n      const lang = loadedLangs.includes(language) ? language : 'text';\n      setHtml(highlighter.codeToHtml(code, { lang, theme: 'berget' }));\n    });\n  }, [code, language]);\n\n  const handleCopy = useCallback(async () => {\n    await navigator.clipboard.writeText(code);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  }, [code]);\n\n  const copyButton = (\n    <button\n      onClick={handleCopy}\n      className=\"\n        flex size-6 items-center justify-center text-berget-muted-foreground\n        transition-colors\n        hover:text-berget-foreground\n      \"\n      aria-label=\"Copy code\"\n    >\n      {copied ? <Check className=\"size-3.5\" /> : <Copy className=\"size-3.5\" />}\n    </button>\n  );\n\n  return (\n    <div\n      className={cn(\n        `\n          relative isolate overflow-hidden rounded-berget-xs border\n          border-berget-border bg-berget-codeblock-bg backdrop-blur-md\n        `,\n        className,\n      )}\n    >\n      {title && (\n        <div\n          className=\"\n            flex h-10! items-center border-b border-berget-border\n            bg-berget-codeblock-header-bg px-4! text-xs/normal!\n          \"\n        >\n          <span className=\"text-berget-muted-foreground\">{title}</span>\n        </div>\n      )}\n      <div className=\"absolute top-2 right-2 z-10\">{copyButton}</div>\n      {html ? (\n        <div\n          className=\"\n            [&_.shiki]:m-0! [&_.shiki]:overflow-x-auto [&_.shiki]:bg-transparent\n            [&_.shiki]:p-4! [&_.shiki]:text-caption/relaxed!\n          \"\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n      ) : (\n        <pre\n          className=\"\n            m-0! overflow-x-auto p-4! text-caption/relaxed!\n            text-berget-muted-foreground\n          \"\n        >\n          <code>{code}</code>\n        </pre>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,UAAU,EAAE,MAAM,WAAW,QAAQ,OAAO,aAA6B;CACvF,MAAM,CAAC,MAAM,WAAW,SAAwB,IAAI;CACpD,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,gBAAgB;EACd,eAAe,CAAC,CAAC,MAAM,gBAAgB;GAErC,MAAM,OADc,YAAY,mBACT,CAAC,CAAC,SAAS,QAAQ,IAAI,WAAW;GACzD,QAAQ,YAAY,WAAW,MAAM;IAAE;IAAM,OAAO;GAAS,CAAC,CAAC;EACjE,CAAC;CACH,GAAG,CAAC,MAAM,QAAQ,CAAC;CAEnB,MAAM,aAAa,YAAY,YAAY;EACzC,MAAM,UAAU,UAAU,UAAU,IAAI;EACxC,UAAU,IAAI;EACd,iBAAiB,UAAU,KAAK,GAAG,GAAI;CACzC,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,aACJ,oBAAC,UAAD;EACE,SAAS;EACT,WAAU;EAKV,cAAW;EAEV,UAAA,SAAS,oBAAC,OAAD,EAAO,WAAU,WAAY,CAAA,IAAI,oBAAC,MAAD,EAAM,WAAU,WAAY,CAAA;CACjE,CAAA;CAGV,OACE,qBAAC,OAAD;EACE,WAAW,GACT;;;WAIA,SACF;EAPF,UAAA;GASG,SACC,oBAAC,OAAD;IACE,WAAU;IAKV,UAAA,oBAAC,QAAD;KAAM,WAAU;KAAgC,UAAA;IAAY,CAAA;GACzD,CAAA;GAEP,oBAAC,OAAD;IAAK,WAAU;IAA+B,UAAA;GAAgB,CAAA;GAC7D,OACC,oBAAC,OAAD;IACE,WAAU;IAIV,yBAAyB,EAAE,QAAQ,KAAK;GACzC,CAAA,IAED,oBAAC,OAAD;IACE,WAAU;IAKV,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAW,CAAA;GACf,CAAA;EAEJ;;AAET"}
+{"version":3,"file":"CodeBlock.mjs","names":["CodeBlockPrimitive","CodeBlockHeaderPrimitive","CodeBlockTitlePrimitive"],"sources":["../../../src/components/code-block/CodeBlock.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps } from 'react';\nimport {\n  CodeBlock as CodeBlockPrimitive,\n  CodeBlockHeader as CodeBlockHeaderPrimitive,\n  CodeBlockTitle as CodeBlockTitlePrimitive,\n} from '../../primitives/code-block';\nimport { cn } from '../../lib/utils';\n\n/**\n * Compound code block built on the shadcn base `code-block` primitive. The\n * parts add Berget styling and nothing else — compose them the way shadcn\n * documents (ui.shadcn.com/docs/components/base/code-block):\n *\n *   <CodeBlock>\n *     <CodeBlockHeader>\n *       <CodeBlockTitle>file.ts</CodeBlockTitle>\n *       <CodeBlockActions>\n *         <CodeBlockCopyButton value={code} />\n *       </CodeBlockActions>\n *     </CodeBlockHeader>\n *     <CodeBlockContent wrap lineNumbers>\n *       {code}\n *     </CodeBlockContent>\n *   </CodeBlock>\n *\n * For syntax highlighting, pass `useHighlightedCode(code, language)` output\n * through `CodeBlockLine` elements. Highlighting is optional; a string child\n * renders as plain text.\n */\n\nexport function CodeBlock({ className, ...props }: ComponentProps<typeof CodeBlockPrimitive>) {\n  return (\n    <CodeBlockPrimitive\n      className={cn(\n        `\n          rounded-berget-xs border-berget-border bg-berget-codeblock-bg\n          backdrop-blur-md\n          dark:bg-berget-codeblock-bg\n        `,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function CodeBlockHeader({\n  className,\n  ...props\n}: ComponentProps<typeof CodeBlockHeaderPrimitive>) {\n  return (\n    <CodeBlockHeaderPrimitive\n      className={cn(\n        `\n          h-10 shrink-0 gap-2 border-b border-berget-border\n          bg-berget-codeblock-header-bg px-4 pt-0\n          dark:bg-berget-codeblock-header-bg\n        `,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function CodeBlockTitle({\n  className,\n  ...props\n}: ComponentProps<typeof CodeBlockTitlePrimitive>) {\n  return (\n    <CodeBlockTitlePrimitive className={cn('text-berget-muted-foreground', className)} {...props} />\n  );\n}\n\nexport {\n  CodeBlockActions,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockFooter,\n  CodeBlockLine,\n} from '../../primitives/code-block';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAoD;CAC5F,OACE,oBAACA,aAAD;EACE,WAAW,GACT;;;;WAKA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,gBAAgB,EAC9B,WACA,GAAG,SAC+C;CAClD,OACE,oBAACC,mBAAD;EACE,WAAW,GACT;;;;WAKA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,eAAe,EAC7B,WACA,GAAG,SAC8C;CACjD,OACE,oBAACC,kBAAD;EAAyB,WAAW,GAAG,gCAAgC,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEnG"}

package/dist/components/code-block/index.d.cts

@@ -0,0 +1,3 @@
+import { CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockLine } from "../../primitives/code-block.cjs";
+import { CodeBlock, CodeBlockHeader, CodeBlockTitle } from "./CodeBlock.cjs";
+export { CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle };

package/dist/components/code-block/index.d.mts

@@ -0,0 +1,3 @@
+import { CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockLine } from "../../primitives/code-block.mjs";
+import { CodeBlock, CodeBlockHeader, CodeBlockTitle } from "./CodeBlock.mjs";
+export { CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle };

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

@@ -0,0 +1,2 @@
+import { Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "../../primitives/combobox.cjs";
+export { Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue };

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

@@ -0,0 +1,2 @@
+import { Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "../../primitives/combobox.mjs";
+export { Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue };

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

@@ -1,8 +1,8 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils = require("../../lib/utils.cjs");
-const require_Icon = require("../icon/Icon.cjs");
 const require_popover = require("../../primitives/popover.cjs");
+const require_Icon = require("../icon/Icon.cjs");
 const require_command = require("../../primitives/command.cjs");
 const require_countries = require("./countries.cjs");
 let react = require("react");

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

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../lib/utils.mjs";
-import { Icon } from "../icon/Icon.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "../../primitives/popover.mjs";
+import { Icon } from "../icon/Icon.mjs";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../primitives/command.mjs";
 import { COUNTRIES } from "./countries.mjs";
 import * as React from "react";

package/dist/components/grid/Grid.d.cts

@@ -3,8 +3,8 @@ import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/grid/Grid.d.ts
 declare const gridVariants: (props?: ({
-  align?: "center" | "start" | "end" | "stretch" | null | undefined;
-  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  align?: "center" | "end" | "start" | "stretch" | null | undefined;
+  justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type SpacingScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96;
 export type GridColsScale = 1 | 2 | 3 | 4 | 6 | 12;

package/dist/components/grid/Grid.d.mts

@@ -3,8 +3,8 @@ import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/grid/Grid.d.ts
 declare const gridVariants: (props?: ({
-  align?: "center" | "start" | "end" | "stretch" | null | undefined;
-  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  align?: "center" | "end" | "start" | "stretch" | null | undefined;
+  justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type SpacingScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96;
 export type GridColsScale = 1 | 2 | 3 | 4 | 6 | 12;

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

@@ -0,0 +1,2 @@
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "../../primitives/popover.cjs";
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

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

@@ -0,0 +1,2 @@
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "../../primitives/popover.mjs";
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

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

@@ -0,0 +1,2 @@
+import { RadioGroup, RadioGroupItem } from "../../primitives/radio-group.cjs";
+export { RadioGroup, RadioGroupItem };

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

@@ -0,0 +1,2 @@
+import { RadioGroup, RadioGroupItem } from "../../primitives/radio-group.mjs";
+export { RadioGroup, RadioGroupItem };

package/dist/components/tabs/Tabs.cjs

@@ -0,0 +1,109 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_tabs = require("../../primitives/tabs.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let class_variance_authority = require("class-variance-authority");
+//#region src/components/tabs/Tabs.tsx
+const TabsIndicatorPrimitive = require("@base-ui/react/tabs").Tabs.Indicator;
+const Tabs = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tabs.Tabs, {
+	ref,
+	className,
+	...props
+}));
+Tabs.displayName = "Tabs";
+const tabsListVariants = (0, class_variance_authority.cva)(require_utils.cn(`
+      group/tabs-list inline-flex w-fit items-center justify-center
+      rounded-berget-xs p-[3px] text-berget-muted-foreground
+    `, `
+      group-data-[orientation=horizontal]/tabs:h-9
+      group-data-[orientation=vertical]/tabs:h-fit
+      group-data-[orientation=vertical]/tabs:flex-col
+    `), {
+	variants: { variant: {
+		default: "bg-berget-tabs-list-bg",
+		line: "relative gap-2 rounded-berget-none bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const TabsList = react.forwardRef(({ className, variant = "default", children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tabs.TabsList, {
+	ref,
+	"data-variant": variant,
+	className: require_utils.cn(tabsListVariants({ variant }), className),
+	...props,
+	children: [children, variant === "line" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsIndicatorPrimitive, { className: require_utils.cn(`
+              pointer-events-none absolute z-10 block rounded-berget-full
+              bg-berget-tabs-line-indicator transition-[left,top,width,height]
+              duration-200 ease-out
+            `, `
+              group-data-[orientation=horizontal]/tabs:bottom-0
+              group-data-[orientation=horizontal]/tabs:left-(--active-tab-left)
+              group-data-[orientation=horizontal]/tabs:h-0.5
+              group-data-[orientation=horizontal]/tabs:w-(--active-tab-width)
+            `, `
+              group-data-[orientation=vertical]/tabs:top-(--active-tab-top)
+              group-data-[orientation=vertical]/tabs:left-0
+              group-data-[orientation=vertical]/tabs:h-(--active-tab-height)
+              group-data-[orientation=vertical]/tabs:w-0.5
+            `) })]
+}));
+TabsList.displayName = "TabsList";
+const tabsTriggerVariants = (0, class_variance_authority.cva)(require_utils.cn(`
+      relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center
+      gap-1.5 rounded-berget-xs border border-transparent px-3 py-1.5 text-sm
+      font-medium whitespace-nowrap transition-all
+    `, `
+      group-data-[orientation=vertical]/tabs:w-full
+      group-data-[orientation=vertical]/tabs:justify-start
+    `, `
+      text-berget-foreground-alt
+      hover:text-berget-foreground
+    `, `
+      focus-visible:ring-berget-focus-ring focus-visible:ring-2
+      focus-visible:ring-offset-2 focus-visible:ring-offset-berget-tabs-list-bg
+      focus-visible:outline-none
+    `, `
+      disabled:pointer-events-none disabled:opacity-50
+      aria-disabled:pointer-events-none aria-disabled:opacity-50
+    `, `
+      [&_svg]:pointer-events-none [&_svg]:shrink-0
+      [&_svg:not([class*=size-])]:size-4
+    `, "after:hidden"), {
+	variants: { variant: {
+		default: require_utils.cn(`
+            group-data-[variant=default]/tabs-list:data-active:bg-berget-tabs-trigger-active-bg
+            group-data-[variant=default]/tabs-list:data-active:text-berget-tabs-trigger-active-fg
+            group-data-[variant=default]/tabs-list:data-active:shadow-berget-sm
+          `),
+		line: require_utils.cn(`
+            group-data-[variant=line]/tabs-list:bg-transparent
+            group-data-[variant=line]/tabs-list:hover:bg-berget-surface-hover
+            group-data-[variant=line]/tabs-list:data-active:bg-transparent
+            group-data-[variant=line]/tabs-list:data-active:text-berget-foreground
+          `)
+	} },
+	defaultVariants: { variant: "default" }
+});
+const TabsTrigger = react.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tabs.TabsTrigger, {
+	ref,
+	className: require_utils.cn(tabsTriggerVariants({ variant }), className),
+	...props
+}));
+TabsTrigger.displayName = "TabsTrigger";
+const TabsContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tabs.TabsContent, {
+	ref,
+	className: require_utils.cn("flex-1 text-sm text-berget-foreground outline-none", className),
+	...props
+}));
+TabsContent.displayName = "TabsContent";
+//#endregion
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.tabsListVariants = tabsListVariants;
+exports.tabsTriggerVariants = tabsTriggerVariants;
+
+//# sourceMappingURL=Tabs.cjs.map

package/dist/components/tabs/Tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","names":["TabsBaseUI","React","TabsPrimitive","cva","cn","TabsListPrimitive","TabsTriggerPrimitive","TabsContentPrimitive"],"sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Tabs as TabsBaseUI } from '@base-ui/react/tabs';\n\nimport { cn } from '../../lib/utils';\nimport {\n  Tabs as TabsPrimitive,\n  TabsList as TabsListPrimitive,\n  TabsTrigger as TabsTriggerPrimitive,\n  TabsContent as TabsContentPrimitive,\n} from '../../primitives/tabs';\n\nconst TabsIndicatorPrimitive = TabsBaseUI.Indicator;\ntype TabsRootProps = React.ComponentProps<typeof TabsPrimitive>;\ntype TabsListPrimitiveProps = React.ComponentProps<typeof TabsListPrimitive>;\ntype TabsTabProps = React.ComponentProps<typeof TabsTriggerPrimitive>;\ntype TabsPanelProps = React.ComponentProps<typeof TabsContentPrimitive>;\n\n/* ------------------------------------------------------------------ */\n/*  Root — thin pass-through, Berget gap only                         */\n/* ------------------------------------------------------------------ */\n\nconst Tabs = React.forwardRef<\n  HTMLDivElement,\n  Omit<TabsRootProps, 'className'> & {\n    className?: string;\n  }\n>(({ className, ...props }, ref) => <TabsPrimitive ref={ref} className={className} {...props} />);\nTabs.displayName = 'Tabs';\n\n/* ------------------------------------------------------------------ */\n/*  List — Berget tokens + the sliding Indicator for the line variant */\n/* ------------------------------------------------------------------ */\n\nconst tabsListVariants = cva(\n  cn(\n    `\n      group/tabs-list inline-flex w-fit items-center justify-center\n      rounded-berget-xs p-[3px] text-berget-muted-foreground\n    `,\n    `\n      group-data-[orientation=horizontal]/tabs:h-9\n      group-data-[orientation=vertical]/tabs:h-fit\n      group-data-[orientation=vertical]/tabs:flex-col\n    `,\n  ),\n  {\n    variants: {\n      variant: {\n        // Pill / segmented control: recessed track.\n        default: 'bg-berget-tabs-list-bg',\n        // Underline: transparent track; the Indicator is the underline.\n        line: 'relative gap-2 rounded-berget-none bg-transparent',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype TabsListProps = Omit<TabsListPrimitiveProps, 'className'> &\n  VariantProps<typeof tabsListVariants> & {\n    className?: string;\n  };\n\nconst TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, variant = 'default', children, ...props }, ref) => (\n    <TabsListPrimitive\n      ref={ref}\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    >\n      {children}\n      {/* Animated sliding underline — rendered only for the line variant. */}\n      {variant === 'line' && (\n        <TabsIndicatorPrimitive\n          className={cn(\n            `\n              pointer-events-none absolute z-10 block rounded-berget-full\n              bg-berget-tabs-line-indicator transition-[left,top,width,height]\n              duration-200 ease-out\n            `,\n            `\n              group-data-[orientation=horizontal]/tabs:bottom-0\n              group-data-[orientation=horizontal]/tabs:left-(--active-tab-left)\n              group-data-[orientation=horizontal]/tabs:h-0.5\n              group-data-[orientation=horizontal]/tabs:w-(--active-tab-width)\n            `,\n            `\n              group-data-[orientation=vertical]/tabs:top-(--active-tab-top)\n              group-data-[orientation=vertical]/tabs:left-0\n              group-data-[orientation=vertical]/tabs:h-(--active-tab-height)\n              group-data-[orientation=vertical]/tabs:w-0.5\n            `,\n          )}\n        />\n      )}\n    </TabsListPrimitive>\n  ),\n);\nTabsList.displayName = 'TabsList';\n\n/* ------------------------------------------------------------------ */\n/*  Trigger — Berget-brand active/hover states                        */\n/* ------------------------------------------------------------------ */\n\nconst tabsTriggerVariants = cva(\n  cn(\n    `\n      relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center\n      gap-1.5 rounded-berget-xs border border-transparent px-3 py-1.5 text-sm\n      font-medium whitespace-nowrap transition-all\n    `,\n    `\n      group-data-[orientation=vertical]/tabs:w-full\n      group-data-[orientation=vertical]/tabs:justify-start\n    `,\n    // Inactive: dimmed foreground.\n    `\n      text-berget-foreground-alt\n      hover:text-berget-foreground\n    `,\n    // Focus.\n    `\n      focus-visible:ring-berget-focus-ring focus-visible:ring-2\n      focus-visible:ring-offset-2 focus-visible:ring-offset-berget-tabs-list-bg\n      focus-visible:outline-none\n    `,\n    // Disabled.\n    `\n      disabled:pointer-events-none disabled:opacity-50\n      aria-disabled:pointer-events-none aria-disabled:opacity-50\n    `,\n    // Icons sized by the component, no manual sizing classes.\n    `\n      [&_svg]:pointer-events-none [&_svg]:shrink-0\n      [&_svg:not([class*=size-])]:size-4\n    `,\n    // Hide the primitive's line-variant underline — Berget uses the sliding Indicator.\n    'after:hidden',\n  ),\n  {\n    variants: {\n      variant: {\n        // Pill: active trigger lifts to the background surface.\n        default: cn(\n          `\n            group-data-[variant=default]/tabs-list:data-active:bg-berget-tabs-trigger-active-bg\n            group-data-[variant=default]/tabs-list:data-active:text-berget-tabs-trigger-active-fg\n            group-data-[variant=default]/tabs-list:data-active:shadow-berget-sm\n          `,\n        ),\n        // Underline: transparent trigger; the list's Indicator is the cue.\n        line: cn(\n          `\n            group-data-[variant=line]/tabs-list:bg-transparent\n            group-data-[variant=line]/tabs-list:hover:bg-berget-surface-hover\n            group-data-[variant=line]/tabs-list:data-active:bg-transparent\n            group-data-[variant=line]/tabs-list:data-active:text-berget-foreground\n          `,\n        ),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype TabsTriggerProps = Omit<TabsTabProps, 'className'> &\n  VariantProps<typeof tabsTriggerVariants> & {\n    className?: string;\n  };\n\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ className, variant, ...props }, ref) => (\n    <TabsTriggerPrimitive\n      ref={ref}\n      className={cn(tabsTriggerVariants({ variant }), className)}\n      {...props}\n    />\n  ),\n);\nTabsTrigger.displayName = 'TabsTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Content                                                           */\n/* ------------------------------------------------------------------ */\n\nconst TabsContent = React.forwardRef<\n  HTMLDivElement,\n  Omit<TabsPanelProps, 'className'> & { className?: string }\n>(({ className, ...props }, ref) => (\n  <TabsContentPrimitive\n    ref={ref}\n    className={cn('flex-1 text-sm text-berget-foreground outline-none', className)}\n    {...props}\n  />\n));\nTabsContent.displayName = 'TabsContent';\n\n/* ------------------------------------------------------------------ */\n/*  Exports                                                           */\n/* ------------------------------------------------------------------ */\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants, tabsTriggerVariants };\n"],"mappings":";;;;;;;;;AAeA,MAAM,yB,6BAAyBA,CAAAA,CAAAA,KAAW;AAU1C,MAAM,OAAOC,MAAM,YAKhB,EAAE,WAAW,GAAG,SAAS,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;CAAoB;CAAgB;CAAW,GAAI;AAAQ,CAAA,CAAC;AAChG,KAAK,cAAc;AAMnB,MAAM,oBAAA,GAAmBC,yBAAAA,IAAAA,CACvBC,cAAAA,GACE;;;OAIA;;;;KAKF,GACA;CACE,UAAU,EACR,SAAS;EAEP,SAAS;EAET,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAOA,MAAM,WAAWH,MAAM,YACpB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,SAAS,QACvD,iBAAA,GAAA,kBAAA,KAAA,CAACI,aAAAA,UAAD;CACO;CACL,gBAAc;CACd,WAAWD,cAAAA,GAAG,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS;CACtD,GAAI;CAJN,UAAA,CAMG,UAEA,YAAY,UACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAD,EACE,WAAWA,cAAAA,GACT;;;;eAKA;;;;;eAMA;;;;;aAMF,EACD,CAAA,CAEc;AAEvB,CAAA,CAAA;AACA,SAAS,cAAc;AAMvB,MAAM,uBAAA,GAAsBD,yBAAAA,IAAAA,CAC1BC,cAAAA,GACE;;;;OAKA;;;OAKA;;;OAKA;;;;OAMA;;;OAKA;;;OAKA,cACF,GACA;CACE,UAAU,EACR,SAAS;EAEP,SAASA,cAAAA,GACP;;;;WAKF;EAEA,MAAMA,cAAAA,GACJ;;;;;WAMF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAOA,MAAM,cAAcH,MAAM,YACvB,EAAE,WAAW,SAAS,GAAG,SAAS,QACjC,iBAAA,GAAA,kBAAA,IAAA,CAACK,aAAAA,aAAD;CACO;CACL,WAAWF,cAAAA,GAAG,oBAAoB,EAAE,QAAQ,CAAC,GAAG,SAAS;CACzD,GAAI;AACL,CAAA,CAEL;AACA,YAAY,cAAc;AAM1B,MAAM,cAAcH,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACM,aAAAA,aAAD;CACO;CACL,WAAWH,cAAAA,GAAG,sDAAsD,SAAS;CAC7E,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc"}