@bergetai/ui 0.14.2 → 0.16.0

package/dist/components/checkbox/Checkbox.d.cts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { Checkbox } from "@base-ui/react/checkbox";
+//#region src/components/checkbox/Checkbox.d.ts
+declare const checkboxVariants: (props?: ({
+  variant?: "error" | "default" | "success" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof Checkbox.Root>, 'className'>, VariantProps<typeof checkboxVariants> {
+  label?: string;
+  description?: string;
+  error?: string;
+  className?: string;
+}
+declare const Checkbox$1: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Checkbox$1 as Checkbox, checkboxVariants };
+//# sourceMappingURL=Checkbox.d.cts.map

package/dist/components/checkbox/Checkbox.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.cts","names":["CheckboxPrimitive","Checkbox"],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"mappings":";;;;cAUM,mBAAgB;;;6CAuBrB;iBAEgB,sBAEb,KAAK,MAAM,gCAAgCA,SAAkB,qBAC7D,oBAAoB;EACtB;EACA;EACA;EACA;;cAGIC,YAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA"}

package/dist/components/checkbox/Checkbox.d.mts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { Checkbox } from "@base-ui/react/checkbox";
+//#region src/components/checkbox/Checkbox.d.ts
+declare const checkboxVariants: (props?: ({
+  variant?: "error" | "default" | "success" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof Checkbox.Root>, 'className'>, VariantProps<typeof checkboxVariants> {
+  label?: string;
+  description?: string;
+  error?: string;
+  className?: string;
+}
+declare const Checkbox$1: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Checkbox$1 as Checkbox, checkboxVariants };
+//# sourceMappingURL=Checkbox.d.mts.map

package/dist/components/checkbox/Checkbox.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.mts","names":["CheckboxPrimitive","Checkbox"],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"mappings":";;;;cAUM,mBAAgB;;;6CAuBrB;iBAEgB,sBAEb,KAAK,MAAM,gCAAgCA,SAAkB,qBAC7D,oBAAoB;EACtB;EACA;EACA;EACA;;cAGIC,YAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA"}

package/dist/components/checkbox/Checkbox.mjs

@@ -0,0 +1,84 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { Typography } from "../typography/Typography.mjs";
+import { Checkbox as Checkbox$2 } from "../../primitives/checkbox.mjs";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Check } from "lucide-react";
+import { Checkbox } from "@base-ui/react/checkbox";
+//#region src/components/checkbox/Checkbox.tsx
+const checkboxVariants = cva("inline-flex items-center justify-center rounded-berget-xs transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", {
+	variants: {
+		variant: {
+			default: "text-foreground border border-berget-border-interactive bg-berget-surface-subtle hover:bg-berget-surface-raised",
+			error: "border border-berget-destructive-border bg-berget-destructive text-berget-destructive-foreground hover:bg-berget-destructive/90",
+			success: "border border-berget-success-border bg-berget-success text-berget-success-foreground hover:bg-berget-success/90"
+		},
+		size: {
+			sm: "w-4 h-4",
+			default: "w-5 h-5",
+			lg: "w-6 h-6"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const Checkbox$1 = React.forwardRef(({ "aria-label": ariaLabel, className, variant, size, label, description, error, id, disabled, ...props }, ref) => {
+	const generatedId = React.useId();
+	const checkboxId = id || generatedId;
+	const errorId = `${checkboxId}-error`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-start gap-3",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "relative flex items-start pt-0.5",
+			children: /* @__PURE__ */ jsx(Checkbox$2, {
+				ref,
+				id: checkboxId,
+				disabled,
+				"aria-invalid": !!error,
+				"aria-describedby": error ? errorId : void 0,
+				"aria-label": ariaLabel || label || void 0,
+				className: cn(checkboxVariants({
+					variant,
+					size
+				}), "cursor-pointer", disabled && "cursor-not-allowed pointer-events-none", className),
+				...props,
+				children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(Check, {
+					className: "h-4 w-4 text-current stroke-current",
+					style: {
+						color: "currentColor",
+						stroke: "currentColor"
+					}
+				}) })
+			})
+		}), (label || description || error) && /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1",
+			children: [
+				label && /* @__PURE__ */ jsx("label", {
+					htmlFor: checkboxId,
+					className: cn("text-sm font-sans leading-none", disabled ? "text-white/40 cursor-not-allowed" : variant === "error" ? "text-berget-destructive-foreground cursor-pointer" : variant === "success" ? "text-berget-success-foreground cursor-pointer" : "cursor-pointer", error && "text-berget-destructive-foreground"),
+					children: label
+				}),
+				description && /* @__PURE__ */ jsx(Typography, {
+					variant: "xs",
+					color: "muted",
+					children: description
+				}),
+				error && /* @__PURE__ */ jsx(Typography, {
+					variant: "xs",
+					id: errorId,
+					className: "text-berget-destructive-foreground",
+					children: error
+				})
+			]
+		})]
+	});
+});
+Checkbox$1.displayName = "Checkbox";
+//#endregion
+export { Checkbox$1 as Checkbox, checkboxVariants };
+
+//# sourceMappingURL=Checkbox.mjs.map

package/dist/components/checkbox/Checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.mjs","names":["Checkbox","CheckboxBase","CheckboxPrimitive"],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { Check } from 'lucide-react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Checkbox as CheckboxBase } from '../../primitives/checkbox';\nimport { Typography } from '../typography';\n\nconst checkboxVariants = cva(\n  'inline-flex items-center justify-center rounded-berget-xs transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'text-foreground border border-berget-border-interactive bg-berget-surface-subtle hover:bg-berget-surface-raised',\n        error:\n          'border border-berget-destructive-border bg-berget-destructive text-berget-destructive-foreground hover:bg-berget-destructive/90',\n        success:\n          'border border-berget-success-border bg-berget-success text-berget-success-foreground hover:bg-berget-success/90',\n      },\n      size: {\n        sm: 'w-4 h-4',\n        default: 'w-5 h-5',\n        lg: 'w-6 h-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface CheckboxProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'className'>,\n    VariantProps<typeof checkboxVariants> {\n  label?: string;\n  description?: string;\n  error?: string;\n  className?: string;\n}\n\nconst Checkbox = React.forwardRef<React.ComponentRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  (\n    {\n      'aria-label': ariaLabel,\n      className,\n      variant,\n      size,\n      label,\n      description,\n      error,\n      id,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const checkboxId = id || generatedId;\n    const errorId = `${checkboxId}-error`;\n\n    return (\n      <div className=\"flex items-start gap-3\">\n        <div className=\"relative flex items-start pt-0.5\">\n          <CheckboxBase\n            ref={ref}\n            id={checkboxId}\n            disabled={disabled}\n            aria-invalid={!!error}\n            aria-describedby={error ? errorId : undefined}\n            aria-label={ariaLabel || label || undefined}\n            className={cn(\n              checkboxVariants({ variant, size }),\n              'cursor-pointer',\n              disabled && 'cursor-not-allowed pointer-events-none',\n              className,\n            )}\n            {...props}\n          >\n            <CheckboxPrimitive.Indicator>\n              <Check\n                className=\"h-4 w-4 text-current stroke-current\"\n                style={{ color: 'currentColor', stroke: 'currentColor' }}\n              />\n            </CheckboxPrimitive.Indicator>\n          </CheckboxBase>\n        </div>\n\n        {(label || description || error) && (\n          <div className=\"flex flex-col gap-1\">\n            {label && (\n              <label\n                htmlFor={checkboxId}\n                className={cn(\n                  'text-sm font-sans leading-none',\n                  disabled\n                    ? 'text-white/40 cursor-not-allowed'\n                    : variant === 'error'\n                      ? 'text-berget-destructive-foreground cursor-pointer'\n                      : variant === 'success'\n                        ? 'text-berget-success-foreground cursor-pointer'\n                        : 'cursor-pointer',\n                  error && 'text-berget-destructive-foreground',\n                )}\n              >\n                {label}\n              </label>\n            )}\n            {description && (\n              <Typography variant=\"xs\" color=\"muted\">\n                {description}\n              </Typography>\n            )}\n            {error && (\n              <Typography variant=\"xs\" id={errorId} className=\"text-berget-destructive-foreground\">\n                {error}\n              </Typography>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox, checkboxVariants };\n"],"mappings":";;;;;;;;;;AAUA,MAAM,mBAAmB,IACvB,oKACA;CACE,UAAU;EACR,SAAS;GACP,SACE;GACF,OACE;GACF,SACE;EACJ;EACA,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAYA,MAAMA,aAAW,MAAM,YAEnB,EACE,cAAc,WACd,WACA,SACA,MACA,OACA,aACA,OACA,IACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,cAAc,MAAM,MAAM;CAChC,MAAM,aAAa,MAAM;CACzB,MAAM,UAAU,GAAG,WAAW;CAE9B,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,OAAD;GAAK,WAAU;GACb,UAAA,oBAACC,YAAD;IACO;IACL,IAAI;IACM;IACV,gBAAc,CAAC,CAAC;IAChB,oBAAkB,QAAQ,UAAU,KAAA;IACpC,cAAY,aAAa,SAAS,KAAA;IAClC,WAAW,GACT,iBAAiB;KAAE;KAAS;IAAK,CAAC,GAClC,kBACA,YAAY,0CACZ,SACF;IACA,GAAI;IAEJ,UAAA,oBAACC,SAAkB,WAAnB,EAAA,UACE,oBAAC,OAAD;KACE,WAAU;KACV,OAAO;MAAE,OAAO;MAAgB,QAAQ;KAAe;IACxD,CAAA,EAC0B,CAAA;GACjB,CAAA;EACX,CAAA,IAEH,SAAS,eAAe,UACxB,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACG,SACC,oBAAC,SAAD;KACE,SAAS;KACT,WAAW,GACT,kCACA,WACI,qCACA,YAAY,UACV,sDACA,YAAY,YACV,kDACA,kBACR,SAAS,oCACX;KAEC,UAAA;IACI,CAAA;IAER,eACC,oBAAC,YAAD;KAAY,SAAQ;KAAK,OAAM;KAC5B,UAAA;IACS,CAAA;IAEb,SACC,oBAAC,YAAD;KAAY,SAAQ;KAAK,IAAI;KAAS,WAAU;KAC7C,UAAA;IACS,CAAA;GAEX;EAEJ,CAAA,CAAA;;AAET,CACF;AACA,WAAS,cAAc"}

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

@@ -0,0 +1,2 @@
+import { Checkbox, CheckboxProps, checkboxVariants } from "./Checkbox.cjs";
+export { Checkbox, type CheckboxProps, checkboxVariants };

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

@@ -0,0 +1,2 @@
+import { Checkbox, CheckboxProps, checkboxVariants } from "./Checkbox.mjs";
+export { Checkbox, type CheckboxProps, checkboxVariants };

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

@@ -0,0 +1,58 @@
+"use client";
+const require_utils = require("../../lib/utils.cjs");
+const require_shiki = require("../../lib/shiki.cjs");
+let react = require("react");
+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: "flex items-center justify-center w-6 h-6 text-berget-muted-foreground hover:text-berget-foreground transition-colors",
+		"aria-label": "Copy code",
+		children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "w-3.5 h-3.5" })
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_utils.cn("rounded-berget-xs border bg-berget-codeblock-bg border-berget-border backdrop-blur-[12px] relative overflow-hidden isolate", className),
+		children: [
+			title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "!h-10 flex items-center !px-4 !text-xs !leading-normal border-b border-berget-border bg-berget-codeblock-header-bg",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-berget-muted-foreground",
+					children: title
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "absolute right-2 top-2 z-10",
+				children: copyButton
+			}),
+			html ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "[&_.shiki]:!p-4 [&_.shiki]:!m-0 [&_.shiki]:overflow-x-auto [&_.shiki]:!text-sm [&_.shiki]:!leading-relaxed [&_.shiki]:bg-transparent",
+				dangerouslySetInnerHTML: { __html: html }
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+				className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: code })
+			})
+		]
+	});
+}
+//#endregion
+exports.CodeBlock = CodeBlock;
+
+//# sourceMappingURL=CodeBlock.cjs.map

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

@@ -0,0 +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=\"flex items-center justify-center w-6 h-6 text-berget-muted-foreground hover:text-berget-foreground transition-colors\"\n      aria-label=\"Copy code\"\n    >\n      {copied ? <Check className=\"w-3.5 h-3.5\" /> : <Copy className=\"w-3.5 h-3.5\" />}\n    </button>\n  );\n\n  return (\n    <div\n      className={cn(\n        'rounded-berget-xs border bg-berget-codeblock-bg border-berget-border backdrop-blur-[12px] relative overflow-hidden isolate',\n        className,\n      )}\n    >\n      {title && (\n        <div className=\"!h-10 flex items-center !px-4 !text-xs !leading-normal border-b border-berget-border bg-berget-codeblock-header-bg\">\n          <span className=\"text-berget-muted-foreground\">{title}</span>\n        </div>\n      )}\n      <div className=\"absolute right-2 top-2 z-10\">{copyButton}</div>\n      {html ? (\n        <div\n          className=\"[&_.shiki]:!p-4 [&_.shiki]:!m-0 [&_.shiki]:overflow-x-auto [&_.shiki]:!text-sm [&_.shiki]:!leading-relaxed [&_.shiki]:bg-transparent\"\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n      ) : (\n        <pre className=\"!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground\">\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;EACV,cAAW;EAEV,UAAA,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,OAAD,EAAO,WAAU,cAAe,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD,EAAM,WAAU,cAAe,CAAA;CACvE,CAAA;CAGV,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAWC,cAAAA,GACT,8HACA,SACF;EAJF,UAAA;GAMG,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IACb,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;IACV,yBAAyB,EAAE,QAAQ,KAAK;GACzC,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAA,UAAO,KAAW,CAAA;GACf,CAAA;EAEJ;;AAET"}

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

@@ -0,0 +1,10 @@
+//#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;
+//#endregion
+//# sourceMappingURL=CodeBlock.d.cts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,10 @@
+//#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;
+//#endregion
+//# sourceMappingURL=CodeBlock.d.mts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,58 @@
+"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";
+//#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: "flex items-center justify-center w-6 h-6 text-berget-muted-foreground hover:text-berget-foreground transition-colors",
+		"aria-label": "Copy code",
+		children: copied ? /* @__PURE__ */ jsx(Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "w-3.5 h-3.5" })
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-berget-xs border bg-berget-codeblock-bg border-berget-border backdrop-blur-[12px] relative overflow-hidden isolate", className),
+		children: [
+			title && /* @__PURE__ */ jsx("div", {
+				className: "!h-10 flex items-center !px-4 !text-xs !leading-normal border-b border-berget-border bg-berget-codeblock-header-bg",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "text-berget-muted-foreground",
+					children: title
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "absolute right-2 top-2 z-10",
+				children: copyButton
+			}),
+			html ? /* @__PURE__ */ jsx("div", {
+				className: "[&_.shiki]:!p-4 [&_.shiki]:!m-0 [&_.shiki]:overflow-x-auto [&_.shiki]:!text-sm [&_.shiki]:!leading-relaxed [&_.shiki]:bg-transparent",
+				dangerouslySetInnerHTML: { __html: html }
+			}) : /* @__PURE__ */ jsx("pre", {
+				className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground",
+				children: /* @__PURE__ */ jsx("code", { children: code })
+			})
+		]
+	});
+}
+//#endregion
+export { CodeBlock };
+
+//# sourceMappingURL=CodeBlock.mjs.map

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

@@ -0,0 +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=\"flex items-center justify-center w-6 h-6 text-berget-muted-foreground hover:text-berget-foreground transition-colors\"\n      aria-label=\"Copy code\"\n    >\n      {copied ? <Check className=\"w-3.5 h-3.5\" /> : <Copy className=\"w-3.5 h-3.5\" />}\n    </button>\n  );\n\n  return (\n    <div\n      className={cn(\n        'rounded-berget-xs border bg-berget-codeblock-bg border-berget-border backdrop-blur-[12px] relative overflow-hidden isolate',\n        className,\n      )}\n    >\n      {title && (\n        <div className=\"!h-10 flex items-center !px-4 !text-xs !leading-normal border-b border-berget-border bg-berget-codeblock-header-bg\">\n          <span className=\"text-berget-muted-foreground\">{title}</span>\n        </div>\n      )}\n      <div className=\"absolute right-2 top-2 z-10\">{copyButton}</div>\n      {html ? (\n        <div\n          className=\"[&_.shiki]:!p-4 [&_.shiki]:!m-0 [&_.shiki]:overflow-x-auto [&_.shiki]:!text-sm [&_.shiki]:!leading-relaxed [&_.shiki]:bg-transparent\"\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n      ) : (\n        <pre className=\"!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground\">\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;EACV,cAAW;EAEV,UAAA,SAAS,oBAAC,OAAD,EAAO,WAAU,cAAe,CAAA,IAAI,oBAAC,MAAD,EAAM,WAAU,cAAe,CAAA;CACvE,CAAA;CAGV,OACE,qBAAC,OAAD;EACE,WAAW,GACT,8HACA,SACF;EAJF,UAAA;GAMG,SACC,oBAAC,OAAD;IAAK,WAAU;IACb,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;IACV,yBAAyB,EAAE,QAAQ,KAAK;GACzC,CAAA,IAED,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAW,CAAA;GACf,CAAA;EAEJ;;AAET"}

package/dist/components/container/Container.cjs

@@ -0,0 +1,50 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let class_variance_authority = require("class-variance-authority");
+let _base_ui_react_merge_props = require("@base-ui/react/merge-props");
+let _base_ui_react_use_render = require("@base-ui/react/use-render");
+//#region src/components/container/Container.tsx
+const containerVariants = (0, class_variance_authority.cva)("w-full mx-auto", {
+	variants: {
+		size: {
+			sm: "max-w-3xl",
+			md: "max-w-5xl",
+			lg: "max-w-7xl",
+			xl: "max-w-screen-xl",
+			full: "max-w-full"
+		},
+		padding: {
+			none: "px-0",
+			sm: "px-4 sm:px-6",
+			md: "px-4 sm:px-6 lg:px-8",
+			lg: "px-4 sm:px-8 lg:px-12"
+		}
+	},
+	defaultVariants: {
+		size: "lg",
+		padding: "md"
+	}
+});
+const Container = react.forwardRef(({ className, size, padding, asChild = false, children, ...props }, ref) => {
+	return (0, _base_ui_react_use_render.useRender)({
+		ref,
+		defaultTagName: "div",
+		render: asChild ? children : void 0,
+		props: (0, _base_ui_react_merge_props.mergeProps)({
+			className: require_utils.cn(containerVariants({
+				size,
+				padding
+			}), className),
+			children: asChild ? void 0 : children
+		}, props)
+	});
+});
+Container.displayName = "Container";
+//#endregion
+exports.Container = Container;
+exports.containerVariants = containerVariants;
+
+//# sourceMappingURL=Container.cjs.map

package/dist/components/container/Container.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.cjs","names":["cva","React","useRender","mergeProps","cn"],"sources":["../../../src/components/container/Container.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\n\nconst containerVariants = cva('w-full mx-auto', {\n  variants: {\n    size: {\n      sm: 'max-w-3xl',\n      md: 'max-w-5xl',\n      lg: 'max-w-7xl',\n      xl: 'max-w-screen-xl',\n      full: 'max-w-full',\n    },\n    padding: {\n      none: 'px-0',\n      sm: 'px-4 sm:px-6',\n      md: 'px-4 sm:px-6 lg:px-8',\n      lg: 'px-4 sm:px-8 lg:px-12',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    padding: 'md',\n  },\n});\n\nexport interface ContainerProps\n  extends useRender.ComponentProps<'div'>, VariantProps<typeof containerVariants> {\n  children?: React.ReactNode;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ className, size, padding, asChild = false, children, ...props }, ref) => {\n    return useRender({\n      ref,\n      defaultTagName: 'div',\n      render: asChild ? (children as React.ReactElement) : undefined,\n      props: mergeProps<'div'>(\n        {\n          className: cn(containerVariants({ size, padding }), className),\n          children: asChild ? undefined : children,\n        } as React.ComponentProps<'div'>,\n        props,\n      ),\n    });\n  },\n);\nContainer.displayName = 'Container';\n\nexport { Container, containerVariants };\n"],"mappings":";;;;;;;;;AAQA,MAAM,qBAAA,GAAoBA,yBAAAA,IAAAA,CAAI,kBAAkB;CAC9C,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;EACR;EACA,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AASD,MAAM,YAAYC,MAAM,YACrB,EAAE,WAAW,MAAM,SAAS,UAAU,OAAO,UAAU,GAAG,SAAS,QAAQ;CAC1E,QAAA,GAAOC,0BAAAA,UAAAA,CAAU;EACf;EACA,gBAAgB;EAChB,QAAQ,UAAW,WAAkC,KAAA;EACrD,QAAA,GAAOC,2BAAAA,WAAAA,CACL;GACE,WAAWC,cAAAA,GAAG,kBAAkB;IAAE;IAAM;GAAQ,CAAC,GAAG,SAAS;GAC7D,UAAU,UAAU,KAAA,IAAY;EAClC,GACA,KACF;CACF,CAAC;AACH,CACF;AACA,UAAU,cAAc"}

package/dist/components/container/Container.d.cts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/container/Container.d.ts
+declare const containerVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+  padding?: "none" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ContainerProps extends useRender.ComponentProps<'div'>, VariantProps<typeof containerVariants> {
+  children?: React.ReactNode;
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+}
+declare const Container: React.ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Container, containerVariants };
+//# sourceMappingURL=Container.d.cts.map

package/dist/components/container/Container.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.cts","names":[],"sources":["../../../src/components/container/Container.tsx"],"mappings":";;;;cAQM,oBAAiB;;;6CAoBrB;iBAEe,uBACP,UAAU,uBAAuB,oBAAoB;EAC7D,WAAW,MAAM;;EAEjB;;cAGI,WAAS,MAAA,0BAAA,KAAA,yBAAA,MAAA,cAAA"}

package/dist/components/container/Container.d.mts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/container/Container.d.ts
+declare const containerVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+  padding?: "none" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ContainerProps extends useRender.ComponentProps<'div'>, VariantProps<typeof containerVariants> {
+  children?: React.ReactNode;
+  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
+  asChild?: boolean;
+}
+declare const Container: React.ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Container, containerVariants };
+//# sourceMappingURL=Container.d.mts.map

package/dist/components/container/Container.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.mts","names":[],"sources":["../../../src/components/container/Container.tsx"],"mappings":";;;;cAQM,oBAAiB;;;6CAoBrB;iBAEe,uBACP,UAAU,uBAAuB,oBAAoB;EAC7D,WAAW,MAAM;;EAEjB;;cAGI,WAAS,MAAA,0BAAA,KAAA,yBAAA,MAAA,cAAA"}

package/dist/components/container/Container.mjs

@@ -0,0 +1,47 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/container/Container.tsx
+const containerVariants = cva("w-full mx-auto", {
+	variants: {
+		size: {
+			sm: "max-w-3xl",
+			md: "max-w-5xl",
+			lg: "max-w-7xl",
+			xl: "max-w-screen-xl",
+			full: "max-w-full"
+		},
+		padding: {
+			none: "px-0",
+			sm: "px-4 sm:px-6",
+			md: "px-4 sm:px-6 lg:px-8",
+			lg: "px-4 sm:px-8 lg:px-12"
+		}
+	},
+	defaultVariants: {
+		size: "lg",
+		padding: "md"
+	}
+});
+const Container = React.forwardRef(({ className, size, padding, asChild = false, children, ...props }, ref) => {
+	return useRender({
+		ref,
+		defaultTagName: "div",
+		render: asChild ? children : void 0,
+		props: mergeProps({
+			className: cn(containerVariants({
+				size,
+				padding
+			}), className),
+			children: asChild ? void 0 : children
+		}, props)
+	});
+});
+Container.displayName = "Container";
+//#endregion
+export { Container, containerVariants };
+
+//# sourceMappingURL=Container.mjs.map

package/dist/components/container/Container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.mjs","names":[],"sources":["../../../src/components/container/Container.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\n\nconst containerVariants = cva('w-full mx-auto', {\n  variants: {\n    size: {\n      sm: 'max-w-3xl',\n      md: 'max-w-5xl',\n      lg: 'max-w-7xl',\n      xl: 'max-w-screen-xl',\n      full: 'max-w-full',\n    },\n    padding: {\n      none: 'px-0',\n      sm: 'px-4 sm:px-6',\n      md: 'px-4 sm:px-6 lg:px-8',\n      lg: 'px-4 sm:px-8 lg:px-12',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    padding: 'md',\n  },\n});\n\nexport interface ContainerProps\n  extends useRender.ComponentProps<'div'>, VariantProps<typeof containerVariants> {\n  children?: React.ReactNode;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n}\n\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ className, size, padding, asChild = false, children, ...props }, ref) => {\n    return useRender({\n      ref,\n      defaultTagName: 'div',\n      render: asChild ? (children as React.ReactElement) : undefined,\n      props: mergeProps<'div'>(\n        {\n          className: cn(containerVariants({ size, padding }), className),\n          children: asChild ? undefined : children,\n        } as React.ComponentProps<'div'>,\n        props,\n      ),\n    });\n  },\n);\nContainer.displayName = 'Container';\n\nexport { Container, containerVariants };\n"],"mappings":";;;;;;;AAQA,MAAM,oBAAoB,IAAI,kBAAkB;CAC9C,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;EACR;EACA,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AASD,MAAM,YAAY,MAAM,YACrB,EAAE,WAAW,MAAM,SAAS,UAAU,OAAO,UAAU,GAAG,SAAS,QAAQ;CAC1E,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,QAAQ,UAAW,WAAkC,KAAA;EACrD,OAAO,WACL;GACE,WAAW,GAAG,kBAAkB;IAAE;IAAM;GAAQ,CAAC,GAAG,SAAS;GAC7D,UAAU,UAAU,KAAA,IAAY;EAClC,GACA,KACF;CACF,CAAC;AACH,CACF;AACA,UAAU,cAAc"}

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

@@ -0,0 +1,2 @@
+import { Container, ContainerProps, containerVariants } from "./Container.cjs";
+export { Container, type ContainerProps, containerVariants };

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

@@ -0,0 +1,2 @@
+import { Container, ContainerProps, containerVariants } from "./Container.mjs";
+export { Container, type ContainerProps, containerVariants };

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

@@ -0,0 +1,95 @@
+"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_command = require("../../primitives/command.cjs");
+const require_countries = require("./countries.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+//#region src/components/country-select/CountrySelect.tsx
+const CountrySelect = react.forwardRef(({ value, onValueChange, placeholder = "Select country", disabled = false, className, align = "center", sideOffset = 4 }, ref) => {
+	const [open, setOpen] = react.useState(false);
+	const selectedCountry = react.useMemo(() => require_countries.COUNTRIES.find((c) => c.code === value), [value]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_popover.Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_popover.PopoverTrigger, {
+			ref,
+			render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				disabled,
+				"aria-expanded": open,
+				className: require_utils.cn("flex w-full items-center justify-between", "rounded-berget-xs border bg-card", "px-4 py-3 text-sm", "transition-colors duration-200", "focus-visible:outline-none focus-visible:ring-0", "focus-visible:ring-offset-0 focus-visible:border-berget-form-focus-border", "disabled:cursor-not-allowed disabled:opacity-50", "border-berget-border-interactive hover:bg-berget-surface-hover", className)
+			}),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex items-center gap-2 min-w-0 flex-1",
+				children: selectedCountry ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-xl flex-shrink-0",
+						children: selectedCountry.flag
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "truncate",
+						children: selectedCountry.name
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "text-berget-muted-foreground text-xs flex-shrink-0",
+						children: [
+							"(",
+							selectedCountry.code,
+							")"
+						]
+					})
+				] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+					icon: lucide_react.Globe,
+					size: 16,
+					className: "flex-shrink-0 text-berget-muted-foreground"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-berget-muted-foreground truncate",
+					children: placeholder
+				})] })
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				icon: lucide_react.ChevronDown,
+				size: 16,
+				className: require_utils.cn("flex-shrink-0 text-berget-muted-foreground", "transition-transform duration-200", open && "rotate-180")
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.PopoverContent, {
+			align,
+			sideOffset,
+			className: "w-[var(--radix-popover-trigger-width)] p-0",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_command.Command, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandInput, { placeholder: "Search country..." }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_command.CommandList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandEmpty, { children: "No countries found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandGroup, { children: require_countries.COUNTRIES.map((country) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_command.CommandItem, {
+				value: `${country.name} ${country.code}`,
+				onSelect: () => {
+					onValueChange?.(country.code);
+					setOpen(false);
+				},
+				className: require_utils.cn("flex items-center gap-3 px-3 py-2.5", "data-[selected='true']:bg-berget-brand-granite-700/40! data-[selected=true]:text-berget-foreground", value === country.code && "bg-berget-brand-granite-800/40"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-xl flex-shrink-0",
+						children: country.flag
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "text-sm truncate",
+							children: country.name
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "text-xs text-berget-muted-foreground",
+							children: country.code
+						})]
+					}),
+					value === country.code && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
+				]
+			}, country.code)) })] })] })
+		})]
+	});
+});
+CountrySelect.displayName = "CountrySelect";
+//#endregion
+exports.CountrySelect = CountrySelect;
+
+//# sourceMappingURL=CountrySelect.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountrySelect.cjs","names":["React","COUNTRIES","Popover","PopoverTrigger","cn","Icon","Globe","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem"],"sources":["../../../src/components/country-select/CountrySelect.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown, Globe } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { Icon } from '@/components/icon';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/primitives/popover';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/primitives/command';\nimport { type Country, COUNTRIES } from './countries';\n\nexport interface CountrySelectProps {\n  value?: string | null;\n  onValueChange?: (code: string) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n  align?: 'center' | 'start' | 'end';\n  sideOffset?: number;\n}\n\nconst CountrySelect = React.forwardRef<React.ElementRef<'button'>, CountrySelectProps>(\n  (\n    {\n      value,\n      onValueChange,\n      placeholder = 'Select country',\n      disabled = false,\n      className,\n      align = 'center',\n      sideOffset = 4,\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = React.useState(false);\n    const selectedCountry = React.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);\n\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger\n          ref={ref}\n          render={\n            <button\n              type=\"button\"\n              disabled={disabled}\n              aria-expanded={open}\n              className={cn(\n                // Base layout — consistent with Select trigger\n                'flex w-full items-center justify-between',\n                'rounded-berget-xs border bg-card',\n                'px-4 py-3 text-sm',\n                'transition-colors duration-200',\n                'focus-visible:outline-none focus-visible:ring-0',\n                'focus-visible:ring-offset-0 focus-visible:border-berget-form-focus-border',\n                'disabled:cursor-not-allowed disabled:opacity-50',\n                // Default border & hover matching Select variant \"default\"\n                'border-berget-border-interactive hover:bg-berget-surface-hover',\n                className,\n              )}\n            />\n          }\n        >\n          <div className=\"flex items-center gap-2 min-w-0 flex-1\">\n            {selectedCountry ? (\n              <>\n                <span className=\"text-xl flex-shrink-0\">{selectedCountry.flag}</span>\n                <span className=\"truncate\">{selectedCountry.name}</span>\n                <span className=\"text-berget-muted-foreground text-xs flex-shrink-0\">\n                  ({selectedCountry.code})\n                </span>\n              </>\n            ) : (\n              <>\n                <Icon\n                  icon={Globe}\n                  size={16}\n                  className=\"flex-shrink-0 text-berget-muted-foreground\"\n                />\n                <span className=\"text-berget-muted-foreground truncate\">{placeholder}</span>\n              </>\n            )}\n          </div>\n          <Icon\n            icon={ChevronDown}\n            size={16}\n            className={cn(\n              'flex-shrink-0 text-berget-muted-foreground',\n              'transition-transform duration-200',\n              open && 'rotate-180',\n            )}\n          />\n        </PopoverTrigger>\n\n        <PopoverContent\n          align={align}\n          sideOffset={sideOffset}\n          className=\"w-[var(--radix-popover-trigger-width)] p-0\"\n        >\n          <Command>\n            <CommandInput placeholder=\"Search country...\" />\n            <CommandList>\n              <CommandEmpty>No countries found.</CommandEmpty>\n              <CommandGroup>\n                {COUNTRIES.map((country) => (\n                  <CommandItem\n                    key={country.code}\n                    value={`${country.name} ${country.code}`}\n                    onSelect={() => {\n                      onValueChange?.(country.code);\n                      setOpen(false);\n                    }}\n                    className={cn(\n                      'flex items-center gap-3 px-3 py-2.5',\n                      \"data-[selected='true']:bg-berget-brand-granite-700/40! data-[selected=true]:text-berget-foreground\",\n                      value === country.code && 'bg-berget-brand-granite-800/40',\n                    )}\n                  >\n                    <span className=\"text-xl flex-shrink-0\">{country.flag}</span>\n                    <div className=\"flex-1 min-w-0\">\n                      <div className=\"text-sm truncate\">{country.name}</div>\n                      <div className=\"text-xs text-berget-muted-foreground\">{country.code}</div>\n                    </div>\n                    {value === country.code && (\n                      <div className=\"w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0\" />\n                    )}\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nCountrySelect.displayName = 'CountrySelect';\n\nexport { CountrySelect };\nexport type { Country };\nexport {\n  COUNTRIES,\n  EU_COUNTRY_CODES,\n  getCountryByCode,\n  getCountryByName,\n  isEUCountry,\n} from './countries';\n"],"mappings":";;;;;;;;;;;;AA4BA,MAAM,gBAAgBA,MAAM,YAExB,EACE,OACA,eACA,cAAc,kBACd,WAAW,OACX,WACA,QAAQ,UACR,aAAa,KAEf,QACG;CACH,MAAM,CAAC,MAAM,WAAWA,MAAM,SAAS,KAAK;CAC5C,MAAM,kBAAkBA,MAAM,cAAcC,kBAAAA,UAAU,MAAM,MAAM,EAAE,SAAS,KAAK,GAAG,CAAC,KAAK,CAAC;CAE5F,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,SAAD;EAAe;EAAM,cAAc;EAAnC,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,gBAAD;GACO;GACL,QACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACK;IACV,iBAAe;IACf,WAAWC,cAAAA,GAET,4CACA,oCACA,qBACA,kCACA,mDACA,6EACA,mDAEA,kEACA,SACF;GACD,CAAA;GApBL,UAAA,CAuBE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IACZ,UAAA,kBACC,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAU;MAAyB,UAAA,gBAAgB;KAAW,CAAA;KACpE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAU;MAAY,UAAA,gBAAgB;KAAW,CAAA;KACvD,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OAAqE;OACjE,gBAAgB;OAAK;MACnB;;IACN,EAAA,CAAA,IAEF,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;KACE,MAAMC,aAAAA;KACN,MAAM;KACN,WAAU;IACX,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAAyC,UAAA;IAAkB,CAAA,CAC3E,EAAA,CAAA;GAED,CAAA,GACL,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,MAAD;IACE,MAAME,aAAAA;IACN,MAAM;IACN,WAAWH,cAAAA,GACT,8CACA,qCACA,QAAQ,YACV;GACD,CAAA,CACa;EAEhB,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAACI,gBAAAA,gBAAD;GACS;GACK;GACZ,WAAU;GAEV,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,SAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,cAAD,EAAc,aAAY,oBAAqB,CAAA,GAC/C,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,aAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,cAAD,EAAA,UAAc,sBAAiC,CAAA,GAC/C,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,cAAD,EAAA,UACGZ,kBAAAA,UAAU,KAAK,YACd,iBAAA,GAAA,kBAAA,KAAA,CAACa,gBAAAA,aAAD;IAEE,OAAO,GAAG,QAAQ,KAAK,GAAG,QAAQ;IAClC,gBAAgB;KACd,gBAAgB,QAAQ,IAAI;KAC5B,QAAQ,KAAK;IACf;IACA,WAAWV,cAAAA,GACT,uCACA,sGACA,UAAU,QAAQ,QAAQ,gCAC5B;IAXF,UAAA;KAaE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAU;MAAyB,UAAA,QAAQ;KAAW,CAAA;KAC5D,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;OAAK,WAAU;OAAoB,UAAA,QAAQ;MAAU,CAAA,GACrD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;OAAK,WAAU;OAAwC,UAAA,QAAQ;MAAU,CAAA,CACtE;;KACJ,UAAU,QAAQ,QACjB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,iEAAkE,CAAA;IAExE;GApBN,GAAA,QAAQ,IAoBF,CACd,EACW,CAAA,CACH,EAAA,CAAA,CACN,EAAA,CAAA;EACK,CAAA,CACT;;AAEb,CACF;AAEA,cAAc,cAAc"}

package/dist/components/country-select/CountrySelect.d.cts

@@ -0,0 +1,16 @@
+import { COUNTRIES, Country, EU_COUNTRY_CODES, getCountryByCode, getCountryByName, isEUCountry } from "./countries.cjs";
+import * as React from "react";
+//#region src/components/country-select/CountrySelect.d.ts
+export interface CountrySelectProps {
+  value?: string | null;
+  onValueChange?: (code: string) => void;
+  placeholder?: string;
+  disabled?: boolean;
+  className?: string;
+  align?: 'center' | 'start' | 'end';
+  sideOffset?: number;
+}
+declare const CountrySelect: React.ForwardRefExoticComponent<CountrySelectProps & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { CountrySelect };
+//# sourceMappingURL=CountrySelect.d.cts.map