@bergetai/ui 0.16.2 → 0.18.0

package/dist/primitives/sidebar.mjs

@@ -10,9 +10,9 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
+import { PanelLeftIcon } from "lucide-react";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-import { PanelLeftIcon } from "lucide-react";
 //#region src/primitives/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 604800;

package/dist/primitives/tabs.cjs

@@ -0,0 +1,51 @@
+"use client";
+let react_jsx_runtime = require("react/jsx-runtime");
+let class_variance_authority = require("class-variance-authority");
+let cn = require("cn");
+let _base_ui_react_tabs = require("@base-ui/react/tabs");
+//#region src/primitives/tabs.tsx
+function Tabs({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Root, {
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		className: (0, cn.cn)("group/tabs flex gap-2 data-horizontal:flex-col", className),
+		...props
+	});
+}
+const tabsListVariants = (0, class_variance_authority.cva)("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", {
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function TabsList({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.List, {
+		"data-slot": "tabs-list",
+		"data-variant": variant,
+		className: (0, cn.cn)(tabsListVariants({ variant }), className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Tab, {
+		"data-slot": "tabs-trigger",
+		className: (0, cn.cn)("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Panel, {
+		"data-slot": "tabs-content",
+		className: (0, cn.cn)("flex-1 text-sm outline-none", className),
+		...props
+	});
+}
+//#endregion
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.tabsListVariants = tabsListVariants;
+
+//# sourceMappingURL=tabs.cjs.map

package/dist/primitives/tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.cjs","names":["TabsPrimitive","cva"],"sources":["../../src/primitives/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"cn\"\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: TabsPrimitive.Root.Props) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn(\n        \"group/tabs flex gap-2 data-horizontal:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {\n  return (\n    <TabsPrimitive.Tab\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent\",\n        \"data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground\",\n        \"after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {\n  return (\n    <TabsPrimitive.Panel\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 text-sm outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n"],"mappings":";;;;;;AAMA,SAAS,KAAK,EACZ,WACA,cAAc,cACd,GAAG,SACwB;CAC3B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,KAAc,MAAf;EACE,aAAU;EACV,oBAAkB;EAClB,YAAA,GAAW,GAAA,GAAA,CACT,kDACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,oBAAA,GAAmBC,yBAAAA,IAAAA,CACvB,2OACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,SAAS,EAChB,WACA,UAAU,WACV,GAAG,SACgE;CACnE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,oBAAAA,KAAc,MAAf;EACE,aAAU;EACV,gBAAc;EACd,YAAA,GAAW,GAAA,GAAA,CAAG,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAkC;CACrE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,KAAc,KAAf;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,81BACA,iQACA,qJACA,wYACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAoC;CACvE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,KAAc,OAAf;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/tabs.d.cts

@@ -0,0 +1,11 @@
+import { VariantProps } from "class-variance-authority";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/primitives/tabs.d.ts
+declare const tabsListVariants: (props?: ({
+  variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: Tabs.List.Props & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: Tabs.Tab.Props): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { TabsList, TabsTrigger, tabsListVariants };
+//# sourceMappingURL=tabs.d.cts.map

package/dist/primitives/tabs.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.cts","names":["TabsPrimitive"],"sources":["../../src/primitives/tabs.tsx"],"mappings":";;;cAwBM,mBAAgB;;6CAarB;iBAEQ,WACP,WACA,YACG,SACFA,KAAc,KAAK,QAAQ,oBAAoB,gDAAiB,IAAA;iBAW1D,cAAc,cAAc,SAASA,KAAc,IAAI,oCAAK,IAAA"}

package/dist/primitives/tabs.d.mts

@@ -0,0 +1,11 @@
+import { VariantProps } from "class-variance-authority";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/primitives/tabs.d.ts
+declare const tabsListVariants: (props?: ({
+  variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: Tabs.List.Props & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: Tabs.Tab.Props): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { TabsList, TabsTrigger, tabsListVariants };
+//# sourceMappingURL=tabs.d.mts.map

package/dist/primitives/tabs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.mts","names":["TabsPrimitive"],"sources":["../../src/primitives/tabs.tsx"],"mappings":";;;cAwBM,mBAAgB;;6CAarB;iBAEQ,WACP,WACA,YACG,SACFA,KAAc,KAAK,QAAQ,oBAAoB,gDAAiB,IAAA;iBAW1D,cAAc,cAAc,SAASA,KAAc,IAAI,oCAAK,IAAA"}

package/dist/primitives/tabs.mjs

@@ -0,0 +1,47 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/primitives/tabs.tsx
+function Tabs$1({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className),
+		...props
+	});
+}
+const tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", {
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function TabsList({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		"data-slot": "tabs-list",
+		"data-variant": variant,
+		className: cn(tabsListVariants({ variant }), className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		"data-slot": "tabs-trigger",
+		className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 text-sm outline-none", className),
+		...props
+	});
+}
+//#endregion
+export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
+
+//# sourceMappingURL=tabs.mjs.map

package/dist/primitives/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":["Tabs","TabsPrimitive"],"sources":["../../src/primitives/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"cn\"\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: TabsPrimitive.Root.Props) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn(\n        \"group/tabs flex gap-2 data-horizontal:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {\n  return (\n    <TabsPrimitive.Tab\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent\",\n        \"data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground\",\n        \"after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {\n  return (\n    <TabsPrimitive.Panel\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 text-sm outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n"],"mappings":";;;;;;AAMA,SAASA,OAAK,EACZ,WACA,cAAc,cACd,GAAG,SACwB;CAC3B,OACE,oBAACC,KAAc,MAAf;EACE,aAAU;EACV,oBAAkB;EAClB,WAAW,GACT,kDACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,mBAAmB,IACvB,2OACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,SAAS,EAChB,WACA,UAAU,WACV,GAAG,SACgE;CACnE,OACE,oBAACA,KAAc,MAAf;EACE,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAkC;CACrE,OACE,oBAACA,KAAc,KAAf;EACE,aAAU;EACV,WAAW,GACT,81BACA,iQACA,qJACA,wYACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAoC;CACvE,OACE,oBAACA,KAAc,OAAf;EACE,aAAU;EACV,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL"}

package/dist/styles/index.css

@@ -267,6 +267,22 @@
   --berget-shiki-token-parameter: var(--berget-brand-granite-50);
   --berget-shiki-token-string-expression: var(--berget-brand-moss-300);
   --berget-shiki-token-punctuation: var(--berget-brand-granite-50);
+  --berget-shiki-ansi-black: var(--berget-brand-granite-400);
+  --berget-shiki-ansi-red: var(--berget-brand-muscaria-400);
+  --berget-shiki-ansi-green: var(--berget-brand-moss-400);
+  --berget-shiki-ansi-yellow: var(--berget-brand-chanterelle-300);
+  --berget-shiki-ansi-blue: var(--berget-brand-fjord-400);
+  --berget-shiki-ansi-magenta: var(--berget-brand-muscaria-300);
+  --berget-shiki-ansi-cyan: var(--berget-brand-fjord-300);
+  --berget-shiki-ansi-white: var(--berget-brand-granite-50);
+  --berget-shiki-ansi-bright-black: var(--berget-brand-granite-500);
+  --berget-shiki-ansi-bright-red: var(--berget-brand-muscaria-300);
+  --berget-shiki-ansi-bright-green: var(--berget-brand-moss-300);
+  --berget-shiki-ansi-bright-yellow: var(--berget-brand-chanterelle-200);
+  --berget-shiki-ansi-bright-blue: var(--berget-brand-fjord-300);
+  --berget-shiki-ansi-bright-magenta: var(--berget-brand-muscaria-200);
+  --berget-shiki-ansi-bright-cyan: var(--berget-brand-fjord-200);
+  --berget-shiki-ansi-bright-white: var(--berget-brand-granite-50);
 
   /* ── Badge component-scoped tokens ──────────────────────────────── */
   /* Tinted status style: 15% brand tint bg with a same-hue accent fg.
@@ -362,6 +378,19 @@
   --berget-button-outline-hover: color-mix(in oklch, var(--berget-foreground) 5%, transparent);
   /* Outline text accent: neutral foreground (≥4.5:1 on bg in all states) */
   --berget-button-outline-fg: var(--berget-foreground);
+  /* Destructive outline: muscaria border + text on transparent fill (dark
+     theme uses the lighter muscaria-300 for legibility on dark surfaces) */
+  --berget-button-destructive-outline-border: color-mix(
+    in oklch,
+    var(--berget-brand-muscaria-400) 35%,
+    transparent
+  );
+  --berget-button-destructive-outline-fg: var(--berget-brand-muscaria-300);
+  --berget-button-destructive-outline-hover: color-mix(
+    in oklch,
+    var(--berget-brand-muscaria-400) 10%,
+    transparent
+  );
   /* Disabled: variant fill at 8% + half-opacity neutral foreground (≥3:1,
      exempt from AA text contrast per WCAG 1.4.3, still clearly "off") */
   --berget-button-disabled-bg: color-mix(in oklch, var(--berget-foreground) 8%, transparent);
@@ -623,6 +652,22 @@
   --berget-shiki-token-parameter: var(--berget-brand-granite-900);
   --berget-shiki-token-string-expression: var(--berget-brand-moss-500);
   --berget-shiki-token-punctuation: var(--berget-brand-granite-900);
+  --berget-shiki-ansi-black: var(--berget-brand-granite-800);
+  --berget-shiki-ansi-red: var(--berget-brand-muscaria-600);
+  --berget-shiki-ansi-green: var(--berget-brand-moss-600);
+  --berget-shiki-ansi-yellow: var(--berget-brand-chanterelle-400);
+  --berget-shiki-ansi-blue: var(--berget-brand-fjord-600);
+  --berget-shiki-ansi-magenta: var(--berget-brand-muscaria-500);
+  --berget-shiki-ansi-cyan: var(--berget-brand-fjord-500);
+  --berget-shiki-ansi-white: var(--berget-brand-granite-600);
+  --berget-shiki-ansi-bright-black: var(--berget-brand-granite-700);
+  --berget-shiki-ansi-bright-red: var(--berget-brand-muscaria-500);
+  --berget-shiki-ansi-bright-green: var(--berget-brand-moss-500);
+  --berget-shiki-ansi-bright-yellow: var(--berget-brand-chanterelle-300);
+  --berget-shiki-ansi-bright-blue: var(--berget-brand-fjord-500);
+  --berget-shiki-ansi-bright-magenta: var(--berget-brand-muscaria-400);
+  --berget-shiki-ansi-bright-cyan: var(--berget-brand-fjord-400);
+  --berget-shiki-ansi-bright-white: var(--berget-brand-granite-600);
 
   /* ── Badge component-scoped tokens (light) ──────────────────────── */
   --berget-badge-default-bg: color-mix(in oklch, var(--berget-brand-moss-400) 15%, transparent);
@@ -703,6 +748,19 @@
   --berget-button-outline-border: color-mix(in oklch, var(--berget-foreground) 25%, transparent);
   --berget-button-outline-hover: color-mix(in oklch, var(--berget-foreground) 5%, transparent);
   --berget-button-outline-fg: var(--berget-foreground);
+  /* Destructive outline (light theme): darker muscaria text for ≥4.5:1 on
+     light surfaces, muscaria-500 border and hover fill */
+  --berget-button-destructive-outline-border: color-mix(
+    in oklch,
+    var(--berget-brand-muscaria-500) 35%,
+    transparent
+  );
+  --berget-button-destructive-outline-fg: var(--berget-brand-muscaria-600);
+  --berget-button-destructive-outline-hover: color-mix(
+    in oklch,
+    var(--berget-brand-muscaria-500) 10%,
+    transparent
+  );
   --berget-button-disabled-bg: color-mix(in oklch, var(--berget-foreground) 8%, transparent);
   --berget-button-disabled-fg: color-mix(in oklch, var(--berget-foreground) 50%, transparent);
   --berget-button-disabled-border: color-mix(in oklch, var(--berget-foreground) 15%, transparent);
@@ -1115,6 +1173,9 @@
   --color-berget-button-outline-border: var(--berget-button-outline-border);
   --color-berget-button-outline-hover: var(--berget-button-outline-hover);
   --color-berget-button-outline-fg: var(--berget-button-outline-fg);
+  --color-berget-button-destructive-outline-border: var(--berget-button-destructive-outline-border);
+  --color-berget-button-destructive-outline-fg: var(--berget-button-destructive-outline-fg);
+  --color-berget-button-destructive-outline-hover: var(--berget-button-destructive-outline-hover);
   --color-berget-button-disabled-bg: var(--berget-button-disabled-bg);
   --color-berget-button-disabled-fg: var(--berget-button-disabled-fg);
   --color-berget-button-disabled-border: var(--berget-button-disabled-border);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bergetai/ui",
-  "version": "0.16.2",
+  "version": "0.18.0",
   "description": "Berget Design System - Scandinavian-inspired design system with console aesthetic",
   "type": "module",
   "license": "MIT",
@@ -52,6 +52,7 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "cn": "^0.2.4",
+    "shadcn": "^4.22.1",
     "tailwind-merge": "^3.5.0"
   },
   "peerDependencies": {