@cmdniels/uikit 1.5.4 → 1.5.5

package/out/components/tabs/Tabs.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+export default function Tabs({ className, orientation, ...props }: TabsPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/tabs/Tabs.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import cn from "../../cn";
+export default function Tabs(_a) {
+    var { className, orientation = "horizontal" } = _a, props = __rest(_a, ["className", "orientation"]);
+    return (_jsx(TabsPrimitive.Root, Object.assign({ "data-slot": "tabs", "data-orientation": orientation, className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className) }, props)));
+}

package/out/components/tabs/TabsContent.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+export default function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/tabs/TabsContent.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import cn from "../../cn";
+export default function TabsContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(TabsPrimitive.Panel, Object.assign({ "data-slot": "tabs-content", className: cn("flex-1 text-sm outline-none", className) }, props)));
+}

package/out/components/tabs/TabsList.d.ts

@@ -0,0 +1,4 @@
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import tabsListVariants from "./tabsListVariants";
+import type { VariantProps } from "class-variance-authority";
+export default function TabsList({ className, variant, ...props }: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;

package/out/components/tabs/TabsList.js

@@ -0,0 +1,20 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import cn from "../../cn";
+import tabsListVariants from "./tabsListVariants";
+export default function TabsList(_a) {
+    var { className, variant = "default" } = _a, props = __rest(_a, ["className", "variant"]);
+    return (_jsx(TabsPrimitive.List, Object.assign({ "data-slot": "tabs-list", "data-variant": variant, className: cn(tabsListVariants({ variant }), className) }, props)));
+}

package/out/components/tabs/TabsTrigger.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+export default function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/tabs/TabsTrigger.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import cn from "../../cn";
+export default function TabsTrigger(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(TabsPrimitive.Tab, Object.assign({ "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-border dark:data-active:bg-card/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-1.25 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)));
+}

package/out/components/tabs/tabsListVariants.d.ts

@@ -0,0 +1,4 @@
+declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export default tabsListVariants;

package/out/components/tabs/tabsListVariants.js

@@ -0,0 +1,13 @@
+import { cva } from "class-variance-authority";
+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",
+    },
+});
+export default tabsListVariants;

package/out/index.d.ts

@@ -214,6 +214,10 @@ export { default as TableFooter } from "./components/table/TableFooter";
 export { default as TableHead } from "./components/table/TableHead";
 export { default as TableHeader } from "./components/table/TableHeader";
 export { default as TableRow } from "./components/table/TableRow";
+export { default as Tabs } from "./components/tabs/Tabs";
+export { default as TabsContent } from "./components/tabs/TabsContent";
+export { default as TabsList } from "./components/tabs/TabsList";
+export { default as TabsTrigger } from "./components/tabs/TabsTrigger";
 export { default as TextArea } from "./components/textarea/TextArea";
 export { default as Toggle } from "./components/toggle/Toggle";
 export { default as Tooltip } from "./components/tooltip/Tooltip";

package/out/index.js

@@ -253,6 +253,11 @@ export { default as TableFooter } from "./components/table/TableFooter";
 export { default as TableHead } from "./components/table/TableHead";
 export { default as TableHeader } from "./components/table/TableHeader";
 export { default as TableRow } from "./components/table/TableRow";
+// Tabs
+export { default as Tabs } from "./components/tabs/Tabs";
+export { default as TabsContent } from "./components/tabs/TabsContent";
+export { default as TabsList } from "./components/tabs/TabsList";
+export { default as TabsTrigger } from "./components/tabs/TabsTrigger";
 // Textarea
 export { default as TextArea } from "./components/textarea/TextArea";
 // Toggle

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@cmdniels/uikit",
-	"version": "1.5.4",
+	"version": "1.5.5",
 	"private": false,
 	"license": "MIT",
 	"type": "module",