@bergetai/ui 0.16.2 → 0.17.0

package/dist/primitives/radio-group.cjs

@@ -0,0 +1,23 @@
+"use client";
+let react_jsx_runtime = require("react/jsx-runtime");
+let cn = require("cn");
+let _base_ui_react_radio_group = require("@base-ui/react/radio-group");
+let _base_ui_react_radio = require("@base-ui/react/radio");
+//#region src/primitives/radio-group.tsx
+const RadioGroup = _base_ui_react_radio_group.RadioGroup;
+function RadioGroupItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_radio.Radio.Root, {
+		"data-slot": "radio-group-item",
+		className: (0, cn.cn)("group/radio-item peer relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full border border-input transition-colors outline-none select-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary", className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_radio.Radio.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: (0, cn.cn)("flex size-2 items-center justify-center rounded-full bg-primary group-not-data-checked/field-label:hidden")
+		})
+	});
+}
+//#endregion
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;
+
+//# sourceMappingURL=radio-group.cjs.map

package/dist/primitives/radio-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.cjs","names":["RadioGroupPrimitive","RadioPrimitive"],"sources":["../../src/primitives/radio-group.tsx"],"sourcesContent":["\"use client\"\n\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\"\nimport { Radio as RadioPrimitive } from \"@base-ui/react/radio\"\nimport { cn } from \"cn\"\n\nconst RadioGroup = RadioGroupPrimitive\n\nfunction RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {\n  return (\n    <RadioPrimitive.Root\n      data-slot=\"radio-group-item\"\n      className={cn(\n        \"group/radio-item peer relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full border border-input transition-colors outline-none select-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className={cn(\n          \"flex size-2 items-center justify-center rounded-full bg-primary group-not-data-checked/field-label:hidden\",\n        )}\n      />\n    </RadioPrimitive.Root>\n  )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":";;;;;;AAMA,MAAM,aAAaA,2BAAAA;AAEnB,SAAS,eAAe,EAAE,WAAW,GAAG,SAAoC;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,MAAe,MAAhB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,yiBACA,SACF;EACA,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACA,qBAAAA,MAAe,WAAhB;GACE,aAAU;GACV,YAAA,GAAW,GAAA,GAAA,CACT,2GACF;EACD,CAAA;CACkB,CAAA;AAEzB"}

package/dist/primitives/radio-group.d.cts

@@ -0,0 +1,8 @@
+import { RadioGroup } from "@base-ui/react/radio-group";
+import { Radio } from "@base-ui/react/radio";
+//#region src/primitives/radio-group.d.ts
+declare const RadioGroup$1: <Value>(props: RadioGroup.Props<Value>) => React.JSX.Element;
+declare function RadioGroupItem({ className, ...props }: Radio.Root.Props): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.d.cts.map

package/dist/primitives/radio-group.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.cts","names":["RadioGroup","RadioGroupPrimitive","RadioPrimitive"],"sources":["../../src/primitives/radio-group.tsx"],"mappings":";;;cAMMA,eAAU,OAAA,OAAAC,WAAA,MAAA,WAAA,MAAA,IAAA;iBAEP,iBAAiB,cAAc,SAASC,MAAe,KAAK,oCAAK,IAAA"}

package/dist/primitives/radio-group.d.mts

@@ -0,0 +1,8 @@
+import { RadioGroup } from "@base-ui/react/radio-group";
+import { Radio } from "@base-ui/react/radio";
+//#region src/primitives/radio-group.d.ts
+declare const RadioGroup$1: <Value>(props: RadioGroup.Props<Value>) => React.JSX.Element;
+declare function RadioGroupItem({ className, ...props }: Radio.Root.Props): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.d.mts.map

package/dist/primitives/radio-group.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.mts","names":["RadioGroup","RadioGroupPrimitive","RadioPrimitive"],"sources":["../../src/primitives/radio-group.tsx"],"mappings":";;;cAMMA,eAAU,OAAA,OAAAC,WAAA,MAAA,WAAA,MAAA,IAAA;iBAEP,iBAAiB,cAAc,SAASC,MAAe,KAAK,oCAAK,IAAA"}

package/dist/primitives/radio-group.mjs

@@ -0,0 +1,22 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+import { RadioGroup } from "@base-ui/react/radio-group";
+import { Radio } from "@base-ui/react/radio";
+//#region src/primitives/radio-group.tsx
+const RadioGroup$1 = RadioGroup;
+function RadioGroupItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Radio.Root, {
+		"data-slot": "radio-group-item",
+		className: cn("group/radio-item peer relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full border border-input transition-colors outline-none select-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Radio.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: cn("flex size-2 items-center justify-center rounded-full bg-primary group-not-data-checked/field-label:hidden")
+		})
+	});
+}
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupItem };
+
+//# sourceMappingURL=radio-group.mjs.map

package/dist/primitives/radio-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.mjs","names":["RadioGroup","RadioGroupPrimitive","RadioPrimitive"],"sources":["../../src/primitives/radio-group.tsx"],"sourcesContent":["\"use client\"\n\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\"\nimport { Radio as RadioPrimitive } from \"@base-ui/react/radio\"\nimport { cn } from \"cn\"\n\nconst RadioGroup = RadioGroupPrimitive\n\nfunction RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {\n  return (\n    <RadioPrimitive.Root\n      data-slot=\"radio-group-item\"\n      className={cn(\n        \"group/radio-item peer relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full border border-input transition-colors outline-none select-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className={cn(\n          \"flex size-2 items-center justify-center rounded-full bg-primary group-not-data-checked/field-label:hidden\",\n        )}\n      />\n    </RadioPrimitive.Root>\n  )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":";;;;;;AAMA,MAAMA,eAAaC;AAEnB,SAAS,eAAe,EAAE,WAAW,GAAG,SAAoC;CAC1E,OACE,oBAACC,MAAe,MAAhB;EACE,aAAU;EACV,WAAW,GACT,yiBACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAACA,MAAe,WAAhB;GACE,aAAU;GACV,WAAW,GACT,2GACF;EACD,CAAA;CACkB,CAAA;AAEzB"}

package/dist/primitives/sidebar.cjs

@@ -12,9 +12,9 @@ react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let class_variance_authority = require("class-variance-authority");
 let cn = require("cn");
+let lucide_react = require("lucide-react");
 let _base_ui_react_merge_props = require("@base-ui/react/merge-props");
 let _base_ui_react_use_render = require("@base-ui/react/use-render");
-let lucide_react = require("lucide-react");
 //#region src/primitives/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 604800;

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

@@ -362,6 +362,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);
@@ -703,6 +716,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 +1141,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.17.0",
   "description": "Berget Design System - Scandinavian-inspired design system with console aesthetic",
   "type": "module",
   "license": "MIT",