@bergetai/ui 0.14.1 → 0.15.0

package/dist/components/theme-provider/ThemeToggle.d.cts

@@ -0,0 +1,12 @@
+import * as React from "react";
+//#region src/components/theme-provider/ThemeToggle.d.ts
+export interface ThemeToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /** Accessible label for the toggle button */
+  label?: string;
+  /** Force a specific size class */
+  size?: 'sm' | 'md' | 'lg';
+}
+declare const ThemeToggle: React.ForwardRefExoticComponent<ThemeToggleProps & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { ThemeToggle };
+//# sourceMappingURL=ThemeToggle.d.cts.map

package/dist/components/theme-provider/ThemeToggle.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.cts","names":[],"sources":["../../../src/components/theme-provider/ThemeToggle.tsx"],"mappings":";;iBAMiB,yBAAyB,MAAM,qBAAqB;;EAEnE;;EAEA;;cAGI,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}

package/dist/components/theme-provider/ThemeToggle.d.mts

@@ -0,0 +1,12 @@
+import * as React from "react";
+//#region src/components/theme-provider/ThemeToggle.d.ts
+export interface ThemeToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /** Accessible label for the toggle button */
+  label?: string;
+  /** Force a specific size class */
+  size?: 'sm' | 'md' | 'lg';
+}
+declare const ThemeToggle: React.ForwardRefExoticComponent<ThemeToggleProps & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { ThemeToggle };
+//# sourceMappingURL=ThemeToggle.d.mts.map

package/dist/components/theme-provider/ThemeToggle.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.mts","names":[],"sources":["../../../src/components/theme-provider/ThemeToggle.tsx"],"mappings":";;iBAMiB,yBAAyB,MAAM,qBAAqB;;EAEnE;;EAEA;;cAGI,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}

package/dist/components/theme-provider/ThemeToggle.mjs

@@ -0,0 +1,54 @@
+"use client";
+import { useTheme } from "./ThemeProvider.mjs";
+import { cn } from "../../lib/utils.mjs";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/theme-provider/ThemeToggle.tsx
+const ThemeToggle = React.forwardRef(({ className, label = "Toggle theme", size = "md", ...props }, ref) => {
+	const { theme, resolvedTheme, setTheme } = useTheme();
+	const toggle = React.useCallback(() => {
+		setTheme(theme === "dark" ? "light" : "dark");
+	}, [theme, setTheme]);
+	return /* @__PURE__ */ jsxs("button", {
+		ref,
+		type: "button",
+		onClick: toggle,
+		"aria-label": label,
+		title: `Toggle ${resolvedTheme === "dark" ? "light" : "dark"} mode`,
+		className: cn("relative inline-flex items-center justify-center rounded-full cursor-pointer", "transition-colors duration-200", "hover:bg-berget-surface-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring", size === "sm" && "w-7 h-7", size === "md" && "w-9 h-9", size === "lg" && "w-11 h-11", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("svg", {
+			className: cn("absolute transition-all duration-200", resolvedTheme === "dark" ? "opacity-100 scale-100 rotate-0" : "opacity-0 scale-0 -rotate-90", size === "sm" && "w-3.5 h-3.5", size === "md" && "w-4 h-4", size === "lg" && "w-5 h-5"),
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			strokeWidth: 2,
+			children: [/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				r: "4"
+			}), /* @__PURE__ */ jsx("path", {
+				strokeLinecap: "round",
+				d: "M12 2v2m0 16v2m9-10h-2M5 12H3m15.36 6.36-1.41-1.41M6.05 6.05 4.64 4.64m12.72 0-1.41 1.41M6.05 17.95l-1.41 1.41"
+			})]
+		}), /* @__PURE__ */ jsx("svg", {
+			className: cn("absolute transition-all duration-200", resolvedTheme === "light" ? "opacity-100 scale-100 rotate-0" : "opacity-0 scale-0 rotate-90", size === "sm" && "w-3.5 h-3.5", size === "md" && "w-4 h-4", size === "lg" && "w-5 h-5"),
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			strokeWidth: 2,
+			children: /* @__PURE__ */ jsx("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
+			})
+		})]
+	});
+});
+ThemeToggle.displayName = "ThemeToggle";
+//#endregion
+export { ThemeToggle };
+
+//# sourceMappingURL=ThemeToggle.mjs.map

package/dist/components/theme-provider/ThemeToggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.mjs","names":[],"sources":["../../../src/components/theme-provider/ThemeToggle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTheme } from './ThemeProvider';\nimport { cn } from '../../lib/utils';\n\nexport interface ThemeToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Accessible label for the toggle button */\n  label?: string;\n  /** Force a specific size class */\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst ThemeToggle = React.forwardRef<HTMLButtonElement, ThemeToggleProps>(\n  ({ className, label = 'Toggle theme', size = 'md', ...props }, ref) => {\n    const { theme, resolvedTheme, setTheme } = useTheme();\n\n    const toggle = React.useCallback(() => {\n      setTheme(theme === 'dark' ? 'light' : 'dark');\n    }, [theme, setTheme]);\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={toggle}\n        aria-label={label}\n        title={`Toggle ${resolvedTheme === 'dark' ? 'light' : 'dark'} mode`}\n        className={cn(\n          'relative inline-flex items-center justify-center rounded-full cursor-pointer',\n          'transition-colors duration-200',\n          'hover:bg-berget-surface-hover',\n          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring',\n          size === 'sm' && 'w-7 h-7',\n          size === 'md' && 'w-9 h-9',\n          size === 'lg' && 'w-11 h-11',\n          className,\n        )}\n        {...props}\n      >\n        {/* Sun */}\n        <svg\n          className={cn(\n            'absolute transition-all duration-200',\n            resolvedTheme === 'dark'\n              ? 'opacity-100 scale-100 rotate-0'\n              : 'opacity-0 scale-0 -rotate-90',\n            size === 'sm' && 'w-3.5 h-3.5',\n            size === 'md' && 'w-4 h-4',\n            size === 'lg' && 'w-5 h-5',\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"4\" />\n          <path\n            strokeLinecap=\"round\"\n            d=\"M12 2v2m0 16v2m9-10h-2M5 12H3m15.36 6.36-1.41-1.41M6.05 6.05 4.64 4.64m12.72 0-1.41 1.41M6.05 17.95l-1.41 1.41\"\n          />\n        </svg>\n\n        {/* Moon */}\n        <svg\n          className={cn(\n            'absolute transition-all duration-200',\n            resolvedTheme === 'light'\n              ? 'opacity-100 scale-100 rotate-0'\n              : 'opacity-0 scale-0 rotate-90',\n            size === 'sm' && 'w-3.5 h-3.5',\n            size === 'md' && 'w-4 h-4',\n            size === 'lg' && 'w-5 h-5',\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            d=\"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z\"\n          />\n        </svg>\n      </button>\n    );\n  },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n\nexport { ThemeToggle };\n"],"mappings":";;;;;;AAaA,MAAM,cAAc,MAAM,YACvB,EAAE,WAAW,QAAQ,gBAAgB,OAAO,MAAM,GAAG,SAAS,QAAQ;CACrE,MAAM,EAAE,OAAO,eAAe,aAAa,SAAS;CAEpD,MAAM,SAAS,MAAM,kBAAkB;EACrC,SAAS,UAAU,SAAS,UAAU,MAAM;CAC9C,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,OACE,qBAAC,UAAD;EACO;EACL,MAAK;EACL,SAAS;EACT,cAAY;EACZ,OAAO,UAAU,kBAAkB,SAAS,UAAU,OAAO;EAC7D,WAAW,GACT,gFACA,kCACA,iCACA,kFACA,SAAS,QAAQ,WACjB,SAAS,QAAQ,WACjB,SAAS,QAAQ,aACjB,SACF;EACA,GAAI;EAhBN,UAAA,CAmBE,qBAAC,OAAD;GACE,WAAW,GACT,wCACA,kBAAkB,SACd,mCACA,gCACJ,SAAS,QAAQ,eACjB,SAAS,QAAQ,WACjB,SAAS,QAAQ,SACnB;GACA,OAAM;GACN,MAAK;GACL,SAAQ;GACR,QAAO;GACP,aAAa;GAdf,UAAA,CAgBE,oBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;GAAK,CAAA,GAC/B,oBAAC,QAAD;IACE,eAAc;IACd,GAAE;GACH,CAAA,CACE;EAGL,CAAA,GAAA,oBAAC,OAAD;GACE,WAAW,GACT,wCACA,kBAAkB,UACd,mCACA,+BACJ,SAAS,QAAQ,eACjB,SAAS,QAAQ,WACjB,SAAS,QAAQ,SACnB;GACA,OAAM;GACN,MAAK;GACL,SAAQ;GACR,QAAO;GACP,aAAa;GAEb,UAAA,oBAAC,QAAD;IACE,eAAc;IACd,gBAAe;IACf,GAAE;GACH,CAAA;EACE,CAAA,CACC;;AAEZ,CACF;AAEA,YAAY,cAAc"}

package/dist/components/theme-provider/index.d.cts

@@ -0,0 +1,3 @@
+import { Theme, ThemeProvider, ThemeProviderProps, useTheme } from "./ThemeProvider.cjs";
+import { ThemeToggle, ThemeToggleProps } from "./ThemeToggle.cjs";
+export { type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, useTheme };

package/dist/components/theme-provider/index.d.mts

@@ -0,0 +1,3 @@
+import { Theme, ThemeProvider, ThemeProviderProps, useTheme } from "./ThemeProvider.mjs";
+import { ThemeToggle, ThemeToggleProps } from "./ThemeToggle.mjs";
+export { type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, useTheme };

package/dist/components/tooltip/Tooltip.cjs

@@ -0,0 +1,28 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_tooltip = require("../../primitives/tooltip.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/tooltip/Tooltip.tsx
+const TooltipTrigger = react.forwardRef(({ asChild, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipTrigger, {
+	ref,
+	render: require_utils.asChildRender(asChild, children),
+	...props,
+	children: asChild ? void 0 : children
+}));
+TooltipTrigger.displayName = "TooltipTrigger";
+const TooltipContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipContent, {
+	ref,
+	className: require_utils.cn("rounded-berget-xs shadow-berget-md", className),
+	...props
+}));
+TooltipContent.displayName = "TooltipContent";
+//#endregion
+exports.Tooltip = require_tooltip.Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = require_tooltip.TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+
+//# sourceMappingURL=Tooltip.cjs.map

package/dist/components/tooltip/Tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.cjs","names":["React","TooltipTriggerPrimitive","asChildRender","TooltipContentPrimitive","cn"],"sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport {\n  Tooltip,\n  TooltipContent as TooltipContentPrimitive,\n  TooltipProvider,\n  TooltipTrigger as TooltipTriggerPrimitive,\n} from '../../primitives/tooltip';\nimport { asChildRender, cn } from '../../lib/utils';\n\n/* ------------------------------------------------------------------ */\n/*  Root & Provider (re-exported as-is)                               */\n/* ------------------------------------------------------------------ */\n\nexport { Tooltip, TooltipProvider };\n\n/* ------------------------------------------------------------------ */\n/*  Trigger                                                            */\n/* ------------------------------------------------------------------ */\n\nexport type TooltipTriggerProps = Omit<\n  React.ComponentProps<typeof TooltipTriggerPrimitive>,\n  'className' | 'render'\n> & {\n  className?: string;\n  /** Render as a different element/component. Replaces the Base UI `render` prop. */\n  asChild?: boolean;\n};\n\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  ({ asChild, children, ...props }, ref) => (\n    <TooltipTriggerPrimitive ref={ref} render={asChildRender(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </TooltipTriggerPrimitive>\n  ),\n);\nTooltipTrigger.displayName = 'TooltipTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Content                                                            */\n/* ------------------------------------------------------------------ */\n\nexport type TooltipContentProps = React.ComponentProps<typeof TooltipContentPrimitive>;\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  ({ className, ...props }, ref) => (\n    <TooltipContentPrimitive\n      ref={ref}\n      className={cn('rounded-berget-xs shadow-berget-md', className)}\n      {...props}\n    />\n  ),\n);\nTooltipContent.displayName = 'TooltipContent';\n\nexport { TooltipTrigger, TooltipContent };\n"],"mappings":";;;;;;;;AA+BA,MAAM,iBAAiBA,MAAM,YAC1B,EAAE,SAAS,UAAU,GAAG,SAAS,QAChC,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,gBAAD;CAA8B;CAAK,QAAQC,cAAAA,cAAc,SAAS,QAAQ;CAAG,GAAI;CAC9E,UAAA,UAAU,KAAA,IAAY;AACA,CAAA,CAE7B;AACA,eAAe,cAAc;AAQ7B,MAAM,iBAAiBF,MAAM,YAC1B,EAAE,WAAW,GAAG,SAAS,QACxB,iBAAA,GAAA,kBAAA,IAAA,CAACG,gBAAAA,gBAAD;CACO;CACL,WAAWC,cAAAA,GAAG,sCAAsC,SAAS;CAC7D,GAAI;AACL,CAAA,CAEL;AACA,eAAe,cAAc"}

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

@@ -0,0 +1,14 @@
+import { Tooltip, TooltipContent as TooltipContent$1, TooltipProvider, TooltipTrigger as TooltipTrigger$1 } from "../../primitives/tooltip.cjs";
+import * as React from "react";
+//#region src/components/tooltip/Tooltip.d.ts
+export type TooltipTriggerProps = Omit<React.ComponentProps<typeof TooltipTrigger$1>, 'className' | 'render'> & {
+  className?: string;
+  /** Render as a different element/component. Replaces the Base UI `render` prop. */
+  asChild?: boolean;
+};
+declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type TooltipContentProps = React.ComponentProps<typeof TooltipContent$1>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=Tooltip.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.cts","names":["TooltipTriggerPrimitive","TooltipContentPrimitive"],"sources":["../../../src/components/tooltip/Tooltip.tsx"],"mappings":";;;YAsBY,sBAAsB,KAChC,MAAM,sBAAsBA;EAG5B;;EAEA;;cAGI,gBAAc,MAAA,0BAAA,KAAA,8BAAA,MAAA,cAAA;YAaR,sBAAsB,MAAM,sBAAsBC;cAExD,gBAAc,MAAA,0BAAA,8BAAA,oBAAA,8BAAA,mFAAA,MAAA,cAAA"}

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

@@ -0,0 +1,14 @@
+import { Tooltip, TooltipContent as TooltipContent$1, TooltipProvider, TooltipTrigger as TooltipTrigger$1 } from "../../primitives/tooltip.mjs";
+import * as React from "react";
+//#region src/components/tooltip/Tooltip.d.ts
+export type TooltipTriggerProps = Omit<React.ComponentProps<typeof TooltipTrigger$1>, 'className' | 'render'> & {
+  className?: string;
+  /** Render as a different element/component. Replaces the Base UI `render` prop. */
+  asChild?: boolean;
+};
+declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type TooltipContentProps = React.ComponentProps<typeof TooltipContent$1>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPopupProps & Pick<import("@base-ui/react").TooltipPositionerProps, "align" | "alignOffset" | "side" | "sideOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=Tooltip.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.mts","names":["TooltipTriggerPrimitive","TooltipContentPrimitive"],"sources":["../../../src/components/tooltip/Tooltip.tsx"],"mappings":";;;YAsBY,sBAAsB,KAChC,MAAM,sBAAsBA;EAG5B;;EAEA;;cAGI,gBAAc,MAAA,0BAAA,KAAA,8BAAA,MAAA,cAAA;YAaR,sBAAsB,MAAM,sBAAsBC;cAExD,gBAAc,MAAA,0BAAA,8BAAA,oBAAA,8BAAA,mFAAA,MAAA,cAAA"}

package/dist/components/tooltip/Tooltip.mjs

@@ -0,0 +1,23 @@
+"use client";
+import { asChildRender, cn } from "../../lib/utils.mjs";
+import { Tooltip, TooltipContent as TooltipContent$1, TooltipProvider, TooltipTrigger as TooltipTrigger$1 } from "../../primitives/tooltip.mjs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/tooltip/Tooltip.tsx
+const TooltipTrigger = React.forwardRef(({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx(TooltipTrigger$1, {
+	ref,
+	render: asChildRender(asChild, children),
+	...props,
+	children: asChild ? void 0 : children
+}));
+TooltipTrigger.displayName = "TooltipTrigger";
+const TooltipContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TooltipContent$1, {
+	ref,
+	className: cn("rounded-berget-xs shadow-berget-md", className),
+	...props
+}));
+TooltipContent.displayName = "TooltipContent";
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+
+//# sourceMappingURL=Tooltip.mjs.map

package/dist/components/tooltip/Tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.mjs","names":["TooltipTriggerPrimitive","TooltipContentPrimitive"],"sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport {\n  Tooltip,\n  TooltipContent as TooltipContentPrimitive,\n  TooltipProvider,\n  TooltipTrigger as TooltipTriggerPrimitive,\n} from '../../primitives/tooltip';\nimport { asChildRender, cn } from '../../lib/utils';\n\n/* ------------------------------------------------------------------ */\n/*  Root & Provider (re-exported as-is)                               */\n/* ------------------------------------------------------------------ */\n\nexport { Tooltip, TooltipProvider };\n\n/* ------------------------------------------------------------------ */\n/*  Trigger                                                            */\n/* ------------------------------------------------------------------ */\n\nexport type TooltipTriggerProps = Omit<\n  React.ComponentProps<typeof TooltipTriggerPrimitive>,\n  'className' | 'render'\n> & {\n  className?: string;\n  /** Render as a different element/component. Replaces the Base UI `render` prop. */\n  asChild?: boolean;\n};\n\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  ({ asChild, children, ...props }, ref) => (\n    <TooltipTriggerPrimitive ref={ref} render={asChildRender(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </TooltipTriggerPrimitive>\n  ),\n);\nTooltipTrigger.displayName = 'TooltipTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Content                                                            */\n/* ------------------------------------------------------------------ */\n\nexport type TooltipContentProps = React.ComponentProps<typeof TooltipContentPrimitive>;\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  ({ className, ...props }, ref) => (\n    <TooltipContentPrimitive\n      ref={ref}\n      className={cn('rounded-berget-xs shadow-berget-md', className)}\n      {...props}\n    />\n  ),\n);\nTooltipContent.displayName = 'TooltipContent';\n\nexport { TooltipTrigger, TooltipContent };\n"],"mappings":";;;;;;AA+BA,MAAM,iBAAiB,MAAM,YAC1B,EAAE,SAAS,UAAU,GAAG,SAAS,QAChC,oBAACA,kBAAD;CAA8B;CAAK,QAAQ,cAAc,SAAS,QAAQ;CAAG,GAAI;CAC9E,UAAA,UAAU,KAAA,IAAY;AACA,CAAA,CAE7B;AACA,eAAe,cAAc;AAQ7B,MAAM,iBAAiB,MAAM,YAC1B,EAAE,WAAW,GAAG,SAAS,QACxB,oBAACC,kBAAD;CACO;CACL,WAAW,GAAG,sCAAsC,SAAS;CAC7D,GAAI;AACL,CAAA,CAEL;AACA,eAAe,cAAc"}

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

@@ -0,0 +1,3 @@
+import { Tooltip, TooltipProvider } from "../../primitives/tooltip.cjs";
+import { TooltipContent, TooltipContentProps, TooltipTrigger, TooltipTriggerProps } from "./Tooltip.cjs";
+export { Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps };

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

@@ -0,0 +1,3 @@
+import { Tooltip, TooltipProvider } from "../../primitives/tooltip.mjs";
+import { TooltipContent, TooltipContentProps, TooltipTrigger, TooltipTriggerProps } from "./Tooltip.mjs";
+export { Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps };

package/dist/components/typography/Typography.cjs

@@ -0,0 +1,69 @@
+"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 react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/typography/Typography.tsx
+const typographyVariants = (0, require("class-variance-authority").cva)("", {
+	variants: {
+		variant: {
+			h1: "text-h1 font-h1 leading-h1 tracking-h1 text-balance",
+			hero: "text-hero font-hero leading-hero tracking-hero text-balance font-normal [font-feature-settings:'normal']",
+			h2: "text-h2 font-h2 leading-h2 tracking-h2 text-balance",
+			h3: "text-h3 font-h3 leading-h3 tracking-h3 text-balance",
+			h4: "text-h4 font-h4 leading-h4 tracking-h4 text-balance",
+			h5: "text-xl font-xl leading-xl text-balance",
+			large: "text-lg font-lg leading-lg text-pretty",
+			body: "text-p font-p leading-p text-pretty",
+			small: "text-sm font-sm leading-sm text-pretty",
+			xs: "text-xs font-xs leading-xs text-pretty",
+			caption: "text-caption font-caption leading-caption tracking-caption text-pretty font-semibold uppercase",
+			mono: "text-mono font-mono leading-mono text-pretty",
+			code: "text-xs font-mono"
+		},
+		color: {
+			default: "text-berget-foreground",
+			muted: "text-berget-muted-foreground",
+			dim: "text-berget-foreground/65",
+			primary: "text-berget-primary"
+		}
+	},
+	defaultVariants: {
+		variant: "body",
+		color: "default"
+	}
+});
+const defaultElementMap = {
+	hero: "h1",
+	h1: "h1",
+	h2: "h2",
+	h3: "h3",
+	h4: "h4",
+	h5: "h5",
+	large: "p",
+	body: "p",
+	small: "p",
+	xs: "p",
+	caption: "span",
+	mono: "p",
+	code: "span"
+};
+const Typography = react.forwardRef(({ className, variant = "body", color = "default", as, children, ...props }, ref) => {
+	const Component = as ?? defaultElementMap[variant ?? "body"] ?? "p";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		className: require_utils.cn(typographyVariants({
+			variant,
+			color
+		}), className),
+		ref,
+		...props,
+		children
+	});
+});
+Typography.displayName = "Typography";
+//#endregion
+exports.Typography = Typography;
+exports.typographyVariants = typographyVariants;
+
+//# sourceMappingURL=Typography.cjs.map

package/dist/components/typography/Typography.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.cjs","names":["cva","React","cn"],"sources":["../../../src/components/typography/Typography.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\n\nconst typographyVariants = cva('', {\n  variants: {\n    variant: {\n      // Fluid heading scale — use @theme tokens (clamp-based, 390px → 1440px)\n      h1: 'text-h1 font-h1 leading-h1 tracking-h1 text-balance',\n      // Hero display — from landing-page /dedicated-inference hero (Ovo, 400, tight display leading)\n      hero: \"text-hero font-hero leading-hero tracking-hero text-balance font-normal [font-feature-settings:'normal']\",\n      h2: 'text-h2 font-h2 leading-h2 tracking-h2 text-balance',\n      h3: 'text-h3 font-h3 leading-h3 tracking-h3 text-balance',\n      h4: 'text-h4 font-h4 leading-h4 tracking-h4 text-balance',\n      // Static sans-serif sub-heading\n      h5: 'text-xl font-xl leading-xl text-balance',\n      // Body and UI text — use @theme tokens where available\n      large: 'text-lg font-lg leading-lg text-pretty',\n      body: 'text-p font-p leading-p text-pretty',\n      small: 'text-sm font-sm leading-sm text-pretty',\n      xs: 'text-xs font-xs leading-xs text-pretty',\n      // Caption / overline / eyebrow (DM Sans, Semibold, uppercase)\n      caption:\n        'text-caption font-caption leading-caption tracking-caption text-pretty font-semibold uppercase',\n      // Monospaced — use @theme token\n      mono: 'text-mono font-mono leading-mono text-pretty',\n      // Inline code / spec labels\n      code: 'text-xs font-mono',\n    },\n    color: {\n      default: 'text-berget-foreground',\n      muted: 'text-berget-muted-foreground',\n      dim: 'text-berget-foreground/65',\n      primary: 'text-berget-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'body',\n    color: 'default',\n  },\n});\n\nconst defaultElementMap: Record<string, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span'> = {\n  hero: 'h1',\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  large: 'p',\n  body: 'p',\n  small: 'p',\n  xs: 'p',\n  caption: 'span',\n  mono: 'p',\n  code: 'span',\n};\n\nexport interface TypographyProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, 'color'>,\n    VariantProps<typeof typographyVariants> {\n  as?: React.ElementType;\n}\n\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n  ({ className, variant = 'body', color = 'default', as, children, ...props }, ref) => {\n    const Component = (as ?? defaultElementMap[variant ?? 'body'] ?? 'p') as\n      | 'h1'\n      | 'h2'\n      | 'h3'\n      | 'h4'\n      | 'h5'\n      | 'p'\n      | 'span';\n    return (\n      <Component\n        className={cn(typographyVariants({ variant, color }), className)}\n        ref={ref as any}\n        {...(props as any)}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nTypography.displayName = 'Typography';\n\nexport { Typography, typographyVariants };\n"],"mappings":";;;;;;;AAMA,MAAM,sBAAA,G,kCAAqBA,CAAAA,CAAAA,IAAAA,CAAI,IAAI;CACjC,UAAU;EACR,SAAS;GAEP,IAAI;GAEJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GAEJ,IAAI;GAEJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,IAAI;GAEJ,SACE;GAEF,MAAM;GAEN,MAAM;EACR;EACA,OAAO;GACL,SAAS;GACT,OAAO;GACP,KAAK;GACL,SAAS;EACX;CACF;CACA,iBAAiB;EACf,SAAS;EACT,OAAO;CACT;AACF,CAAC;AAED,MAAM,oBAAqF;CACzF,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;CACN,OAAO;CACP,IAAI;CACJ,SAAS;CACT,MAAM;CACN,MAAM;AACR;AASA,MAAM,aAAaC,MAAM,YACtB,EAAE,WAAW,UAAU,QAAQ,QAAQ,WAAW,IAAI,UAAU,GAAG,SAAS,QAAQ;CACnF,MAAM,YAAa,MAAM,kBAAkB,WAAW,WAAW;CAQjE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,WAAWC,cAAAA,GAAG,mBAAmB;GAAE;GAAS;EAAM,CAAC,GAAG,SAAS;EAC1D;EACL,GAAK;EAEJ;CACQ,CAAA;AAEf,CACF;AACA,WAAW,cAAc"}

package/dist/components/typography/Typography.d.cts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/typography/Typography.d.ts
+declare const typographyVariants: (props?: ({
+  variant?: "body" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "small" | "hero" | "large" | "xs" | "mono" | null | undefined;
+  color?: "default" | "muted" | "dim" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, VariantProps<typeof typographyVariants> {
+  as?: React.ElementType;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Typography, typographyVariants };
+//# sourceMappingURL=Typography.d.cts.map

package/dist/components/typography/Typography.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.cts","names":[],"sources":["../../../src/components/typography/Typography.tsx"],"mappings":";;;cAMM,qBAAkB;;;6CAoCtB;iBAkBe,wBAEb,KAAK,MAAM,eAAe,wBAC1B,oBAAoB;EACtB,KAAK,MAAM;;cAGP,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}

package/dist/components/typography/Typography.d.mts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/typography/Typography.d.ts
+declare const typographyVariants: (props?: ({
+  variant?: "body" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "small" | "hero" | "large" | "xs" | "mono" | null | undefined;
+  color?: "default" | "muted" | "dim" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, VariantProps<typeof typographyVariants> {
+  as?: React.ElementType;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Typography, typographyVariants };
+//# sourceMappingURL=Typography.d.mts.map

package/dist/components/typography/Typography.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.mts","names":[],"sources":["../../../src/components/typography/Typography.tsx"],"mappings":";;;cAMM,qBAAkB;;;6CAoCtB;iBAkBe,wBAEb,KAAK,MAAM,eAAe,wBAC1B,oBAAoB;EACtB,KAAK,MAAM;;cAGP,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}

package/dist/components/typography/Typography.mjs

@@ -0,0 +1,67 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/typography/Typography.tsx
+const typographyVariants = cva("", {
+	variants: {
+		variant: {
+			h1: "text-h1 font-h1 leading-h1 tracking-h1 text-balance",
+			hero: "text-hero font-hero leading-hero tracking-hero text-balance font-normal [font-feature-settings:'normal']",
+			h2: "text-h2 font-h2 leading-h2 tracking-h2 text-balance",
+			h3: "text-h3 font-h3 leading-h3 tracking-h3 text-balance",
+			h4: "text-h4 font-h4 leading-h4 tracking-h4 text-balance",
+			h5: "text-xl font-xl leading-xl text-balance",
+			large: "text-lg font-lg leading-lg text-pretty",
+			body: "text-p font-p leading-p text-pretty",
+			small: "text-sm font-sm leading-sm text-pretty",
+			xs: "text-xs font-xs leading-xs text-pretty",
+			caption: "text-caption font-caption leading-caption tracking-caption text-pretty font-semibold uppercase",
+			mono: "text-mono font-mono leading-mono text-pretty",
+			code: "text-xs font-mono"
+		},
+		color: {
+			default: "text-berget-foreground",
+			muted: "text-berget-muted-foreground",
+			dim: "text-berget-foreground/65",
+			primary: "text-berget-primary"
+		}
+	},
+	defaultVariants: {
+		variant: "body",
+		color: "default"
+	}
+});
+const defaultElementMap = {
+	hero: "h1",
+	h1: "h1",
+	h2: "h2",
+	h3: "h3",
+	h4: "h4",
+	h5: "h5",
+	large: "p",
+	body: "p",
+	small: "p",
+	xs: "p",
+	caption: "span",
+	mono: "p",
+	code: "span"
+};
+const Typography = React.forwardRef(({ className, variant = "body", color = "default", as, children, ...props }, ref) => {
+	const Component = as ?? defaultElementMap[variant ?? "body"] ?? "p";
+	return /* @__PURE__ */ jsx(Component, {
+		className: cn(typographyVariants({
+			variant,
+			color
+		}), className),
+		ref,
+		...props,
+		children
+	});
+});
+Typography.displayName = "Typography";
+//#endregion
+export { Typography, typographyVariants };
+
+//# sourceMappingURL=Typography.mjs.map

package/dist/components/typography/Typography.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.mjs","names":[],"sources":["../../../src/components/typography/Typography.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\n\nconst typographyVariants = cva('', {\n  variants: {\n    variant: {\n      // Fluid heading scale — use @theme tokens (clamp-based, 390px → 1440px)\n      h1: 'text-h1 font-h1 leading-h1 tracking-h1 text-balance',\n      // Hero display — from landing-page /dedicated-inference hero (Ovo, 400, tight display leading)\n      hero: \"text-hero font-hero leading-hero tracking-hero text-balance font-normal [font-feature-settings:'normal']\",\n      h2: 'text-h2 font-h2 leading-h2 tracking-h2 text-balance',\n      h3: 'text-h3 font-h3 leading-h3 tracking-h3 text-balance',\n      h4: 'text-h4 font-h4 leading-h4 tracking-h4 text-balance',\n      // Static sans-serif sub-heading\n      h5: 'text-xl font-xl leading-xl text-balance',\n      // Body and UI text — use @theme tokens where available\n      large: 'text-lg font-lg leading-lg text-pretty',\n      body: 'text-p font-p leading-p text-pretty',\n      small: 'text-sm font-sm leading-sm text-pretty',\n      xs: 'text-xs font-xs leading-xs text-pretty',\n      // Caption / overline / eyebrow (DM Sans, Semibold, uppercase)\n      caption:\n        'text-caption font-caption leading-caption tracking-caption text-pretty font-semibold uppercase',\n      // Monospaced — use @theme token\n      mono: 'text-mono font-mono leading-mono text-pretty',\n      // Inline code / spec labels\n      code: 'text-xs font-mono',\n    },\n    color: {\n      default: 'text-berget-foreground',\n      muted: 'text-berget-muted-foreground',\n      dim: 'text-berget-foreground/65',\n      primary: 'text-berget-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'body',\n    color: 'default',\n  },\n});\n\nconst defaultElementMap: Record<string, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span'> = {\n  hero: 'h1',\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  large: 'p',\n  body: 'p',\n  small: 'p',\n  xs: 'p',\n  caption: 'span',\n  mono: 'p',\n  code: 'span',\n};\n\nexport interface TypographyProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, 'color'>,\n    VariantProps<typeof typographyVariants> {\n  as?: React.ElementType;\n}\n\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n  ({ className, variant = 'body', color = 'default', as, children, ...props }, ref) => {\n    const Component = (as ?? defaultElementMap[variant ?? 'body'] ?? 'p') as\n      | 'h1'\n      | 'h2'\n      | 'h3'\n      | 'h4'\n      | 'h5'\n      | 'p'\n      | 'span';\n    return (\n      <Component\n        className={cn(typographyVariants({ variant, color }), className)}\n        ref={ref as any}\n        {...(props as any)}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nTypography.displayName = 'Typography';\n\nexport { Typography, typographyVariants };\n"],"mappings":";;;;;;AAMA,MAAM,qBAAqB,IAAI,IAAI;CACjC,UAAU;EACR,SAAS;GAEP,IAAI;GAEJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GAEJ,IAAI;GAEJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,IAAI;GAEJ,SACE;GAEF,MAAM;GAEN,MAAM;EACR;EACA,OAAO;GACL,SAAS;GACT,OAAO;GACP,KAAK;GACL,SAAS;EACX;CACF;CACA,iBAAiB;EACf,SAAS;EACT,OAAO;CACT;AACF,CAAC;AAED,MAAM,oBAAqF;CACzF,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;CACN,OAAO;CACP,IAAI;CACJ,SAAS;CACT,MAAM;CACN,MAAM;AACR;AASA,MAAM,aAAa,MAAM,YACtB,EAAE,WAAW,UAAU,QAAQ,QAAQ,WAAW,IAAI,UAAU,GAAG,SAAS,QAAQ;CACnF,MAAM,YAAa,MAAM,kBAAkB,WAAW,WAAW;CAQjE,OACE,oBAAC,WAAD;EACE,WAAW,GAAG,mBAAmB;GAAE;GAAS;EAAM,CAAC,GAAG,SAAS;EAC1D;EACL,GAAK;EAEJ;CACQ,CAAA;AAEf,CACF;AACA,WAAW,cAAc"}

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

@@ -0,0 +1,2 @@
+import { Typography, TypographyProps, typographyVariants } from "./Typography.cjs";
+export { Typography, type TypographyProps, typographyVariants };

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

@@ -0,0 +1,2 @@
+import { Typography, TypographyProps, typographyVariants } from "./Typography.mjs";
+export { Typography, type TypographyProps, typographyVariants };

package/dist/components/window-frame/WindowFrame.cjs

@@ -0,0 +1,47 @@
+"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 react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/window-frame/WindowFrame.tsx
+const WindowFrame = react.forwardRef(({ title = "window", tabs, activeTab, onTabChange, children, className, ...props }, ref) => {
+	const [internalActive, setInternalActive] = (0, react.useState)(tabs?.[0]?.id ?? "");
+	const currentTab = activeTab ?? internalActive;
+	const handleTabChange = (id) => {
+		if (onTabChange) onTabChange(id);
+		else setInternalActive(id);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: require_utils.cn("rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800", className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2 flex-shrink-0",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-muscaria-400" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-chanterelle-200" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-moss-400" })
+				]
+			}), tabs && tabs.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "ml-4 flex items-center gap-1",
+				children: tabs.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: () => handleTabChange(tab.id),
+					className: require_utils.cn("px-3 py-1 text-sm transition-colors cursor-pointer", currentTab === tab.id ? "rounded-berget-xs bg-white/10 text-berget-foreground font-medium" : "rounded text-berget-muted-foreground hover:text-berget-foreground font-medium"),
+					children: tab.label
+				}, tab.id))
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "ml-4 text-sm font-mono text-berget-brand-moss-400",
+				children: title
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children })]
+	});
+});
+WindowFrame.displayName = "WindowFrame";
+//#endregion
+exports.WindowFrame = WindowFrame;
+
+//# sourceMappingURL=WindowFrame.cjs.map

package/dist/components/window-frame/WindowFrame.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowFrame.cjs","names":["React","useState","cn"],"sources":["../../../src/components/window-frame/WindowFrame.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface WindowTab {\n  id: string;\n  label: string;\n}\n\nexport interface WindowFrameProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Window title shown in the title bar when no tabs are provided */\n  title?: string;\n  /** Optional tabs for switching content */\n  tabs?: WindowTab[];\n  /** Controlled active tab ID */\n  activeTab?: string;\n  /** Callback when a tab is selected */\n  onTabChange?: (tabId: string) => void;\n}\n\nexport const WindowFrame = React.forwardRef<HTMLDivElement, WindowFrameProps>(\n  ({ title = 'window', tabs, activeTab, onTabChange, children, className, ...props }, ref) => {\n    const [internalActive, setInternalActive] = useState(tabs?.[0]?.id ?? '');\n    const currentTab = activeTab ?? internalActive;\n\n    const handleTabChange = (id: string) => {\n      if (onTabChange) {\n        onTabChange(id);\n      } else {\n        setInternalActive(id);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800',\n          className,\n        )}\n        {...props}\n      >\n        {/* Title bar */}\n        <div className=\"flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900\">\n          <div className=\"flex items-center gap-2 flex-shrink-0\">\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-muscaria-400\" />\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-chanterelle-200\" />\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-moss-400\" />\n          </div>\n\n          {tabs && tabs.length > 0 ? (\n            <div className=\"ml-4 flex items-center gap-1\">\n              {tabs.map((tab) => (\n                <button\n                  key={tab.id}\n                  type=\"button\"\n                  onClick={() => handleTabChange(tab.id)}\n                  className={cn(\n                    'px-3 py-1 text-sm transition-colors cursor-pointer',\n                    currentTab === tab.id\n                      ? 'rounded-berget-xs bg-white/10 text-berget-foreground font-medium'\n                      : 'rounded text-berget-muted-foreground hover:text-berget-foreground font-medium',\n                  )}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </div>\n          ) : (\n            <span className=\"ml-4 text-sm font-mono text-berget-brand-moss-400\">{title}</span>\n          )}\n        </div>\n\n        {/* Content area */}\n        <div>{children}</div>\n      </div>\n    );\n  },\n);\n\nWindowFrame.displayName = 'WindowFrame';\n"],"mappings":";;;;;;;AAsBA,MAAa,cAAcA,MAAM,YAC9B,EAAE,QAAQ,UAAU,MAAM,WAAW,aAAa,UAAU,WAAW,GAAG,SAAS,QAAQ;CAC1F,MAAM,CAAC,gBAAgB,sBAAA,GAAqBC,MAAAA,SAAAA,CAAS,OAAO,EAAE,EAAE,MAAM,EAAE;CACxE,MAAM,aAAa,aAAa;CAEhC,MAAM,mBAAmB,OAAe;EACtC,IAAI,aACF,YAAY,EAAE;OAEd,kBAAkB,EAAE;CAExB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACO;EACL,WAAWC,cAAAA,GACT,yHACA,SACF;EACA,GAAI;EANN,UAAA,CASE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,oDAAqD,CAAA;KACpE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,uDAAwD,CAAA;KACvE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,gDAAiD,CAAA;IAC7D;GAEJ,CAAA,GAAA,QAAQ,KAAK,SAAS,IACrB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IACZ,UAAA,KAAK,KAAK,QACT,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;KAEE,MAAK;KACL,eAAe,gBAAgB,IAAI,EAAE;KACrC,WAAWA,cAAAA,GACT,sDACA,eAAe,IAAI,KACf,qEACA,+EACN;KAEC,UAAA,IAAI;IACC,GAXD,IAAI,EAWH,CACT;GACE,CAAA,IAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAAqD,UAAA;GAAY,CAAA,CAEhF;EAGL,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAM,SAAc,CAAA,CACjB;;AAET,CACF;AAEA,YAAY,cAAc"}

package/dist/components/window-frame/WindowFrame.d.cts

@@ -0,0 +1,19 @@
+import * as React from "react";
+//#region src/components/window-frame/WindowFrame.d.ts
+export interface WindowTab {
+  id: string;
+  label: string;
+}
+export interface WindowFrameProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Window title shown in the title bar when no tabs are provided */
+  title?: string;
+  /** Optional tabs for switching content */
+  tabs?: WindowTab[];
+  /** Controlled active tab ID */
+  activeTab?: string;
+  /** Callback when a tab is selected */
+  onTabChange?: (tabId: string) => void;
+}
+export declare const WindowFrame: React.ForwardRefExoticComponent<WindowFrameProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//# sourceMappingURL=WindowFrame.d.cts.map

package/dist/components/window-frame/WindowFrame.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowFrame.d.cts","names":[],"sources":["../../../src/components/window-frame/WindowFrame.tsx"],"mappings":";;iBAMiB;EACf;EACA;;iBAGe,yBAAyB,MAAM,eAAe;;EAE7D;;EAEA,OAAO;;EAEP;;EAEA,eAAe;;qBAGJ,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}

package/dist/components/window-frame/WindowFrame.d.mts

@@ -0,0 +1,19 @@
+import * as React from "react";
+//#region src/components/window-frame/WindowFrame.d.ts
+export interface WindowTab {
+  id: string;
+  label: string;
+}
+export interface WindowFrameProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Window title shown in the title bar when no tabs are provided */
+  title?: string;
+  /** Optional tabs for switching content */
+  tabs?: WindowTab[];
+  /** Controlled active tab ID */
+  activeTab?: string;
+  /** Callback when a tab is selected */
+  onTabChange?: (tabId: string) => void;
+}
+export declare const WindowFrame: React.ForwardRefExoticComponent<WindowFrameProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//# sourceMappingURL=WindowFrame.d.mts.map

package/dist/components/window-frame/WindowFrame.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowFrame.d.mts","names":[],"sources":["../../../src/components/window-frame/WindowFrame.tsx"],"mappings":";;iBAMiB;EACf;EACA;;iBAGe,yBAAyB,MAAM,eAAe;;EAE7D;;EAEA,OAAO;;EAEP;;EAEA,eAAe;;qBAGJ,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}

package/dist/components/window-frame/WindowFrame.mjs

@@ -0,0 +1,46 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import * as React from "react";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/window-frame/WindowFrame.tsx
+const WindowFrame = React.forwardRef(({ title = "window", tabs, activeTab, onTabChange, children, className, ...props }, ref) => {
+	const [internalActive, setInternalActive] = useState(tabs?.[0]?.id ?? "");
+	const currentTab = activeTab ?? internalActive;
+	const handleTabChange = (id) => {
+		if (onTabChange) onTabChange(id);
+		else setInternalActive(id);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 flex-shrink-0",
+				children: [
+					/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-berget-brand-muscaria-400" }),
+					/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-berget-brand-chanterelle-200" }),
+					/* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-berget-brand-moss-400" })
+				]
+			}), tabs && tabs.length > 0 ? /* @__PURE__ */ jsx("div", {
+				className: "ml-4 flex items-center gap-1",
+				children: tabs.map((tab) => /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => handleTabChange(tab.id),
+					className: cn("px-3 py-1 text-sm transition-colors cursor-pointer", currentTab === tab.id ? "rounded-berget-xs bg-white/10 text-berget-foreground font-medium" : "rounded text-berget-muted-foreground hover:text-berget-foreground font-medium"),
+					children: tab.label
+				}, tab.id))
+			}) : /* @__PURE__ */ jsx("span", {
+				className: "ml-4 text-sm font-mono text-berget-brand-moss-400",
+				children: title
+			})]
+		}), /* @__PURE__ */ jsx("div", { children })]
+	});
+});
+WindowFrame.displayName = "WindowFrame";
+//#endregion
+export { WindowFrame };
+
+//# sourceMappingURL=WindowFrame.mjs.map

package/dist/components/window-frame/WindowFrame.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowFrame.mjs","names":[],"sources":["../../../src/components/window-frame/WindowFrame.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useState } from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface WindowTab {\n  id: string;\n  label: string;\n}\n\nexport interface WindowFrameProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Window title shown in the title bar when no tabs are provided */\n  title?: string;\n  /** Optional tabs for switching content */\n  tabs?: WindowTab[];\n  /** Controlled active tab ID */\n  activeTab?: string;\n  /** Callback when a tab is selected */\n  onTabChange?: (tabId: string) => void;\n}\n\nexport const WindowFrame = React.forwardRef<HTMLDivElement, WindowFrameProps>(\n  ({ title = 'window', tabs, activeTab, onTabChange, children, className, ...props }, ref) => {\n    const [internalActive, setInternalActive] = useState(tabs?.[0]?.id ?? '');\n    const currentTab = activeTab ?? internalActive;\n\n    const handleTabChange = (id: string) => {\n      if (onTabChange) {\n        onTabChange(id);\n      } else {\n        setInternalActive(id);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800',\n          className,\n        )}\n        {...props}\n      >\n        {/* Title bar */}\n        <div className=\"flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900\">\n          <div className=\"flex items-center gap-2 flex-shrink-0\">\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-muscaria-400\" />\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-chanterelle-200\" />\n            <div className=\"w-3 h-3 rounded-full bg-berget-brand-moss-400\" />\n          </div>\n\n          {tabs && tabs.length > 0 ? (\n            <div className=\"ml-4 flex items-center gap-1\">\n              {tabs.map((tab) => (\n                <button\n                  key={tab.id}\n                  type=\"button\"\n                  onClick={() => handleTabChange(tab.id)}\n                  className={cn(\n                    'px-3 py-1 text-sm transition-colors cursor-pointer',\n                    currentTab === tab.id\n                      ? 'rounded-berget-xs bg-white/10 text-berget-foreground font-medium'\n                      : 'rounded text-berget-muted-foreground hover:text-berget-foreground font-medium',\n                  )}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </div>\n          ) : (\n            <span className=\"ml-4 text-sm font-mono text-berget-brand-moss-400\">{title}</span>\n          )}\n        </div>\n\n        {/* Content area */}\n        <div>{children}</div>\n      </div>\n    );\n  },\n);\n\nWindowFrame.displayName = 'WindowFrame';\n"],"mappings":";;;;;;AAsBA,MAAa,cAAc,MAAM,YAC9B,EAAE,QAAQ,UAAU,MAAM,WAAW,aAAa,UAAU,WAAW,GAAG,SAAS,QAAQ;CAC1F,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,OAAO,EAAE,EAAE,MAAM,EAAE;CACxE,MAAM,aAAa,aAAa;CAEhC,MAAM,mBAAmB,OAAe;EACtC,IAAI,aACF,YAAY,EAAE;OAEd,kBAAkB,EAAE;CAExB;CAEA,OACE,qBAAC,OAAD;EACO;EACL,WAAW,GACT,yHACA,SACF;EACA,GAAI;EANN,UAAA,CASE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAAC,OAAD,EAAK,WAAU,oDAAqD,CAAA;KACpE,oBAAC,OAAD,EAAK,WAAU,uDAAwD,CAAA;KACvE,oBAAC,OAAD,EAAK,WAAU,gDAAiD,CAAA;IAC7D;GAEJ,CAAA,GAAA,QAAQ,KAAK,SAAS,IACrB,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,KAAK,KAAK,QACT,oBAAC,UAAD;KAEE,MAAK;KACL,eAAe,gBAAgB,IAAI,EAAE;KACrC,WAAW,GACT,sDACA,eAAe,IAAI,KACf,qEACA,+EACN;KAEC,UAAA,IAAI;IACC,GAXD,IAAI,EAWH,CACT;GACE,CAAA,IAEL,oBAAC,QAAD;IAAM,WAAU;IAAqD,UAAA;GAAY,CAAA,CAEhF;EAGL,CAAA,GAAA,oBAAC,OAAD,EAAM,SAAc,CAAA,CACjB;;AAET,CACF;AAEA,YAAY,cAAc"}

package/dist/components/window-frame/index.d.cts

@@ -0,0 +1,2 @@
+import { WindowFrame, WindowFrameProps, WindowTab } from "./WindowFrame.cjs";
+export { WindowFrame, type WindowFrameProps, type WindowTab };