@kuzenbo/core 0.0.1-alpha.2 → 0.0.1-alpha.3

package/dist/table-row-BRPt8Kcx.js

@@ -0,0 +1,61 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/table/table-body.tsx
+const TableBody = ({ className, ...props }) => /* @__PURE__ */ jsx("tbody", {
+	className: cn("[&_tr:last-child]:border-0", className),
+	"data-slot": "table-body",
+	...props
+});
+
+//#endregion
+//#region src/ui/table/table-caption.tsx
+const TableCaption = ({ className, ...props }) => /* @__PURE__ */ jsx("caption", {
+	className: cn("mt-4 text-sm text-muted-foreground", className),
+	"data-slot": "table-caption",
+	...props
+});
+
+//#endregion
+//#region src/ui/table/table-cell.tsx
+const TableCell = ({ className, ...props }) => /* @__PURE__ */ jsx("td", {
+	className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+	"data-slot": "table-cell",
+	...props
+});
+
+//#endregion
+//#region src/ui/table/table-footer.tsx
+const TableFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("tfoot", {
+	className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+	"data-slot": "table-footer",
+	...props
+});
+
+//#endregion
+//#region src/ui/table/table-head.tsx
+const TableHead = ({ className, ...props }) => /* @__PURE__ */ jsx("th", {
+	className: cn("h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0", className),
+	"data-slot": "table-head",
+	...props
+});
+
+//#endregion
+//#region src/ui/table/table-header.tsx
+const TableHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("thead", {
+	className: cn("[&_tr]:border-b", className),
+	"data-slot": "table-header",
+	...props
+});
+
+//#endregion
+//#region src/ui/table/table-row.tsx
+const TableRow = ({ className, ...props }) => /* @__PURE__ */ jsx("tr", {
+	className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
+	"data-slot": "table-row",
+	...props
+});
+
+//#endregion
+export { TableCell as a, TableFooter as i, TableHeader as n, TableCaption as o, TableHead as r, TableBody as s, TableRow as t };
+//# sourceMappingURL=table-row-BRPt8Kcx.js.map

package/dist/table-row-BRPt8Kcx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row-BRPt8Kcx.js","names":[],"sources":["../src/ui/table/table-body.tsx","../src/ui/table/table-caption.tsx","../src/ui/table/table-cell.tsx","../src/ui/table/table-footer.tsx","../src/ui/table/table-head.tsx","../src/ui/table/table-header.tsx","../src/ui/table/table-row.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst TableBody = ({ className, ...props }: ComponentProps<\"tbody\">) => (\n  <tbody\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\n    data-slot=\"table-body\"\n    {...props}\n  />\n);\n\nexport { TableBody };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst TableCaption = ({ className, ...props }: ComponentProps<\"caption\">) => (\n  <caption\n    className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n    data-slot=\"table-caption\"\n    {...props}\n  />\n);\n\nexport { TableCaption };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst TableCell = ({ className, ...props }: ComponentProps<\"td\">) => (\n  <td\n    className={cn(\n      \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n      className\n    )}\n    data-slot=\"table-cell\"\n    {...props}\n  />\n);\n\nexport { TableCell };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst TableFooter = ({ className, ...props }: ComponentProps<\"tfoot\">) => (\n  <tfoot\n    className={cn(\n      \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n      className\n    )}\n    data-slot=\"table-footer\"\n    {...props}\n  />\n);\n\nexport { TableFooter };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst TableHead = ({ className, ...props }: ComponentProps<\"th\">) => (\n  <th\n    className={cn(\n      \"h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n      className\n    )}\n    data-slot=\"table-head\"\n    {...props}\n  />\n);\n\nexport { TableHead };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst TableHeader = ({ className, ...props }: ComponentProps<\"thead\">) => (\n  <thead\n    className={cn(\"[&_tr]:border-b\", className)}\n    data-slot=\"table-header\"\n    {...props}\n  />\n);\n\nexport { TableHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst TableRow = ({ className, ...props }: ComponentProps<\"tr\">) => (\n  <tr\n    className={cn(\n      \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n      className\n    )}\n    data-slot=\"table-row\"\n    {...props}\n  />\n);\n\nexport { TableRow };\n"],"mappings":";;;;AAIA,MAAM,aAAa,EAAE,WAAW,GAAG,YACjC,oBAAC;CACC,WAAW,GAAG,8BAA8B,UAAU;CACtD,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC;CACC,WAAW,GAAG,sCAAsC,UAAU;CAC9D,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,aAAa,EAAE,WAAW,GAAG,YACjC,oBAAC;CACC,WAAW,GACT,oEACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GACT,2DACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,aAAa,EAAE,WAAW,GAAG,YACjC,oBAAC;CACC,WAAW,GACT,gHACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GAAG,mBAAmB,UAAU;CAC3C,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,YAAY,EAAE,WAAW,GAAG,YAChC,oBAAC;CACC,WAAW,GACT,+EACA,UACD;CACD,aAAU;CACV,GAAI;EACJ"}

package/dist/table-row-BSEIkZEJ.d.ts

@@ -0,0 +1,47 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/table/table-body.d.ts
+declare const TableBody: ({
+  className,
+  ...props
+}: ComponentProps<"tbody">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-caption.d.ts
+declare const TableCaption: ({
+  className,
+  ...props
+}: ComponentProps<"caption">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-cell.d.ts
+declare const TableCell: ({
+  className,
+  ...props
+}: ComponentProps<"td">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-footer.d.ts
+declare const TableFooter: ({
+  className,
+  ...props
+}: ComponentProps<"tfoot">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-head.d.ts
+declare const TableHead: ({
+  className,
+  ...props
+}: ComponentProps<"th">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-header.d.ts
+declare const TableHeader: ({
+  className,
+  ...props
+}: ComponentProps<"thead">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/table/table-row.d.ts
+declare const TableRow: ({
+  className,
+  ...props
+}: ComponentProps<"tr">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TableCell as a, TableFooter as i, TableHeader as n, TableCaption as o, TableHead as r, TableBody as s, TableRow as t };
+//# sourceMappingURL=table-row-BSEIkZEJ.d.ts.map

package/dist/table-row-BSEIkZEJ.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row-BSEIkZEJ.d.ts","names":[],"sources":["../src/ui/table/table-body.tsx","../src/ui/table/table-caption.tsx","../src/ui/table/table-cell.tsx","../src/ui/table/table-footer.tsx","../src/ui/table/table-head.tsx","../src/ui/table/table-header.tsx","../src/ui/table/table-row.tsx"],"mappings":";;;;cAIM,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,cAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA7D,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,gBAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCAlE,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,WAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA1D,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,cAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA/D,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,WAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA1D,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,cAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA/D,QAAA;EAAY,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,WAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/table.d.ts

@@ -0,0 +1,42 @@
+import { a as TableCell, i as TableFooter, n as TableHeader, o as TableCaption, r as TableHead, s as TableBody, t as TableRow } from "./table-row-BSEIkZEJ.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/table/table.d.ts
+declare const Table: {
+  ({
+    className,
+    ...props
+  }: ComponentProps<"table">): react_jsx_runtime0.JSX.Element;
+  Body: ({
+    className,
+    ...props
+  }: ComponentProps<"tbody">) => react_jsx_runtime0.JSX.Element;
+  Caption: ({
+    className,
+    ...props
+  }: ComponentProps<"caption">) => react_jsx_runtime0.JSX.Element;
+  Cell: ({
+    className,
+    ...props
+  }: ComponentProps<"td">) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    ...props
+  }: ComponentProps<"tfoot">) => react_jsx_runtime0.JSX.Element;
+  Head: ({
+    className,
+    ...props
+  }: ComponentProps<"th">) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    ...props
+  }: ComponentProps<"thead">) => react_jsx_runtime0.JSX.Element;
+  Row: ({
+    className,
+    ...props
+  }: ComponentProps<"tr">) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.d.ts.map

package/dist/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","names":[],"sources":["../src/ui/table/table.tsx"],"mappings":";;;;;cAcM,KAAA;EAAA;;;KAAkC,cAAA,YAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/table.js

@@ -0,0 +1,35 @@
+import { t as ScrollBar } from "./scroll-bar-KWm27Sfb.js";
+import { a as TableCell, i as TableFooter, n as TableHeader, o as TableCaption, r as TableHead, s as TableBody, t as TableRow } from "./table-row-BRPt8Kcx.js";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+
+//#region src/ui/table/table.tsx
+const Table = ({ className, ...props }) => /* @__PURE__ */ jsxs(ScrollArea.Root, {
+	className: "relative w-full rounded-lg border border-border bg-card",
+	"data-slot": "table-container",
+	children: [
+		/* @__PURE__ */ jsx(ScrollArea.Viewport, {
+			className: "size-full rounded-[inherit]",
+			children: /* @__PURE__ */ jsx("table", {
+				className: cn("w-full caption-bottom text-sm", className),
+				"data-slot": "table",
+				...props
+			})
+		}),
+		/* @__PURE__ */ jsx(ScrollBar, {}),
+		/* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+		/* @__PURE__ */ jsx(ScrollArea.Corner, {})
+	]
+});
+Table.Body = TableBody;
+Table.Caption = TableCaption;
+Table.Cell = TableCell;
+Table.Footer = TableFooter;
+Table.Head = TableHead;
+Table.Header = TableHeader;
+Table.Row = TableRow;
+
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.js.map

package/dist/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":["ScrollAreaPrimitive"],"sources":["../src/ui/table/table.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport { cn } from \"tailwind-variants\";\n\nimport { ScrollBar } from \"../scroll-area/scroll-bar\";\nimport { TableBody } from \"./table-body\";\nimport { TableCaption } from \"./table-caption\";\nimport { TableCell } from \"./table-cell\";\nimport { TableFooter } from \"./table-footer\";\nimport { TableHead } from \"./table-head\";\nimport { TableHeader } from \"./table-header\";\nimport { TableRow } from \"./table-row\";\n\nconst Table = ({ className, ...props }: ComponentProps<\"table\">) => (\n  <ScrollAreaPrimitive.Root\n    className=\"relative w-full rounded-lg border border-border bg-card\"\n    data-slot=\"table-container\"\n  >\n    <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit]\">\n      <table\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        data-slot=\"table\"\n        {...props}\n      />\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollBar orientation=\"horizontal\" />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n);\n\nTable.Body = TableBody;\nTable.Caption = TableCaption;\nTable.Cell = TableCell;\nTable.Footer = TableFooter;\nTable.Head = TableHead;\nTable.Header = TableHeader;\nTable.Row = TableRow;\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n};\n"],"mappings":";;;;;;;AAcA,MAAM,SAAS,EAAE,WAAW,GAAG,YAC7B,qBAACA,WAAoB;CACnB,WAAU;CACV,aAAU;;EAEV,oBAACA,WAAoB;GAAS,WAAU;aACtC,oBAAC;IACC,WAAW,GAAG,iCAAiC,UAAU;IACzD,aAAU;IACV,GAAI;KACJ;IAC2B;EAC/B,oBAAC,cAAY;EACb,oBAAC,aAAU,aAAY,eAAe;EACtC,oBAACA,WAAoB,WAAS;;EACL;AAG7B,MAAM,OAAO;AACb,MAAM,UAAU;AAChB,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,MAAM"}

package/dist/tabs-trigger-ChutNdGI.d.ts

@@ -0,0 +1,48 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+
+//#region src/ui/tabs/tabs-content.d.ts
+declare const TabsContent: ({
+  className,
+  ...props
+}: Tabs.Panel.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tabs/tabs-indicator.d.ts
+declare const TabsIndicator: ({
+  className,
+  ...props
+}: Tabs.Indicator.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tabs/tabs-list.d.ts
+declare const tabsListVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    line: string;
+  };
+}, undefined, "group/tabs-list relative z-0 inline-flex w-fit items-center justify-center text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
+  variant: {
+    default: string;
+    line: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    line: string;
+  };
+}, undefined, "group/tabs-list relative z-0 inline-flex w-fit items-center justify-center text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", unknown, unknown, undefined>>;
+declare const TabsList: ({
+  className,
+  variant,
+  ...props
+}: Tabs.List.Props & VariantProps<typeof tabsListVariants>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tabs/tabs-trigger.d.ts
+declare const TabsTrigger: ({
+  className,
+  ...props
+}: Tabs.Tab.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TabsContent as i, TabsList as n, TabsIndicator as r, TabsTrigger as t };
+//# sourceMappingURL=tabs-trigger-ChutNdGI.d.ts.map

package/dist/tabs-trigger-ChutNdGI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-trigger-ChutNdGI.d.ts","names":[],"sources":["../src/ui/tabs/tabs-content.tsx","../src/ui/tabs/tabs-indicator.tsx","../src/ui/tabs/tabs-list.tsx","../src/ui/tabs/tabs-trigger.tsx"],"mappings":";;;;;;cASM,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,IAAA,CAAc,KAAA,CAAM,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCIjE,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAGpB,IAAA,CAAc,SAAA,CAAU,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCT1B,gBAAA,EAYJ,kBAAA,CAZoB,YAAA;;;;;;;;;;cAYpB,kBAAA,CAAA,YAAA;;;;;;cAEI,QAAA;EAAY,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAIf,IAAA,CAAc,IAAA,CAAK,KAAA,GAAQ,YAAA,QAAoB,gBAAA,MAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCV7D,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,IAAA,CAAc,GAAA,CAAI,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/tabs-trigger-eCZA0-cA.js

@@ -0,0 +1,58 @@
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+
+//#region src/ui/tabs/tabs-class-name.ts
+const mergeTabsClassName = (baseClassName, className) => {
+	if (typeof className === "function") return (state) => cn(baseClassName, className(state));
+	return cn(baseClassName, className);
+};
+
+//#endregion
+//#region src/ui/tabs/tabs-content.tsx
+const tabsContentBaseClassName = "flex-1 text-sm outline-none focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-1px] focus-visible:outline-ring";
+const TabsContent = ({ className, ...props }) => /* @__PURE__ */ jsx(Tabs.Panel, {
+	className: mergeTabsClassName(tabsContentBaseClassName, className),
+	"data-slot": "tabs-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/tabs/tabs-indicator.tsx
+const tabsIndicatorBaseClassName = cn("absolute z-[-1] rounded-sm bg-muted transition-all duration-200 ease-in-out", "data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:h-6 data-[orientation=horizontal]:w-[var(--active-tab-width)] data-[orientation=horizontal]:translate-x-[var(--active-tab-left)] data-[orientation=horizontal]:-translate-y-1/2", "data-[orientation=vertical]:top-0 data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:h-[var(--active-tab-height)] data-[orientation=vertical]:w-6 data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:translate-y-[var(--active-tab-top)]");
+const TabsIndicator = ({ className, ...props }) => /* @__PURE__ */ jsx(Tabs.Indicator, {
+	className: mergeTabsClassName(tabsIndicatorBaseClassName, className),
+	"data-slot": "tabs-indicator",
+	renderBeforeHydration: true,
+	...props
+});
+
+//#endregion
+//#region src/ui/tabs/tabs-list.tsx
+const tabsListVariants = tv({
+	base: "group/tabs-list relative z-0 inline-flex w-fit items-center justify-center text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+	variants: { variant: {
+		default: "rounded-md bg-muted p-1 group-data-[orientation=vertical]/tabs:flex-col",
+		line: "flex gap-1 rounded-none bg-transparent px-1 shadow-[inset_0_-1px] shadow-border"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const TabsList = ({ className, variant = "default", ...props }) => /* @__PURE__ */ jsx(Tabs.List, {
+	className: mergeTabsClassName(tabsListVariants({ variant }), className),
+	"data-slot": "tabs-list",
+	"data-variant": variant,
+	...props
+});
+
+//#endregion
+//#region src/ui/tabs/tabs-trigger.tsx
+const tabsTriggerBaseClassName = cn("relative inline-flex cursor-pointer items-center justify-center gap-1.5 border-0 px-2 text-sm font-medium break-keep whitespace-nowrap transition-colors outline-none select-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "text-muted-foreground hover:text-foreground focus-visible:outline-hidden data-active:text-foreground", "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start", "group-data-[variant=default]/tabs-list:h-[calc(100%-2px)] group-data-[variant=default]/tabs-list:flex-1 group-data-[variant=default]/tabs-list:rounded-md group-data-[variant=default]/tabs-list:border group-data-[variant=default]/tabs-list:border-transparent group-data-[variant=default]/tabs-list:focus-visible:border-ring group-data-[variant=default]/tabs-list:focus-visible:ring-[3px] group-data-[variant=default]/tabs-list:focus-visible:ring-ring/50 group-data-[variant=default]/tabs-list:data-active:bg-background group-data-[variant=default]/tabs-list:data-active:shadow-sm", "group-data-[variant=line]/tabs-list:h-8 group-data-[variant=line]/tabs-list:before:inset-x-0 group-data-[variant=line]/tabs-list:before:inset-y-1 group-data-[variant=line]/tabs-list:before:rounded-sm group-data-[variant=line]/tabs-list:before:outline group-data-[variant=line]/tabs-list:before:outline-2 group-data-[variant=line]/tabs-list:before:-outline-offset-1 group-data-[variant=line]/tabs-list:before:outline-transparent group-data-[variant=line]/tabs-list:focus-visible:relative group-data-[variant=line]/tabs-list:focus-visible:before:absolute group-data-[variant=line]/tabs-list:focus-visible:before:outline-ring");
+const TabsTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Tabs.Tab, {
+	className: mergeTabsClassName(tabsTriggerBaseClassName, className),
+	"data-slot": "tabs-trigger",
+	...props
+});
+
+//#endregion
+export { mergeTabsClassName as a, TabsContent as i, TabsList as n, TabsIndicator as r, TabsTrigger as t };
+//# sourceMappingURL=tabs-trigger-eCZA0-cA.js.map

package/dist/tabs-trigger-eCZA0-cA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-trigger-eCZA0-cA.js","names":["TabsPrimitive","TabsPrimitive","TabsPrimitive","TabsPrimitive"],"sources":["../src/ui/tabs/tabs-class-name.ts","../src/ui/tabs/tabs-content.tsx","../src/ui/tabs/tabs-indicator.tsx","../src/ui/tabs/tabs-list.tsx","../src/ui/tabs/tabs-trigger.tsx"],"sourcesContent":["import { cn } from \"tailwind-variants\";\n\ntype TabsClassName<State> =\n  | ((state: State) => string | undefined)\n  | string\n  | undefined;\n\nconst mergeTabsClassName = <State>(\n  baseClassName: string | undefined,\n  className: TabsClassName<State>\n): TabsClassName<State> => {\n  if (typeof className === \"function\") {\n    return (state) => cn(baseClassName, className(state));\n  }\n\n  return cn(baseClassName, className);\n};\n\nexport { mergeTabsClassName };\n","\"use client\";\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\n\nimport { mergeTabsClassName } from \"./tabs-class-name\";\n\nconst tabsContentBaseClassName =\n  \"flex-1 text-sm outline-none focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-1px] focus-visible:outline-ring\";\n\nconst TabsContent = ({ className, ...props }: TabsPrimitive.Panel.Props) => (\n  <TabsPrimitive.Panel\n    className={mergeTabsClassName<TabsPrimitive.Panel.State>(\n      tabsContentBaseClassName,\n      className\n    )}\n    data-slot=\"tabs-content\"\n    {...props}\n  />\n);\n\nexport { TabsContent };\n","\"use client\";\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { cn } from \"tailwind-variants\";\n\nimport { mergeTabsClassName } from \"./tabs-class-name\";\n\nconst tabsIndicatorBaseClassName = cn(\n  \"absolute z-[-1] rounded-sm bg-muted transition-all duration-200 ease-in-out\",\n  \"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:h-6 data-[orientation=horizontal]:w-[var(--active-tab-width)] data-[orientation=horizontal]:translate-x-[var(--active-tab-left)] data-[orientation=horizontal]:-translate-y-1/2\",\n  \"data-[orientation=vertical]:top-0 data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:h-[var(--active-tab-height)] data-[orientation=vertical]:w-6 data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:translate-y-[var(--active-tab-top)]\"\n);\n\nconst TabsIndicator = ({\n  className,\n  ...props\n}: TabsPrimitive.Indicator.Props) => (\n  <TabsPrimitive.Indicator\n    className={mergeTabsClassName<TabsPrimitive.Indicator.State>(\n      tabsIndicatorBaseClassName,\n      className\n    )}\n    data-slot=\"tabs-indicator\"\n    renderBeforeHydration\n    {...props}\n  />\n);\n\nexport { TabsIndicator };\n","\"use client\";\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport { mergeTabsClassName } from \"./tabs-class-name\";\n\nconst tabsListVariants = tv({\n  base: \"group/tabs-list relative z-0 inline-flex w-fit items-center justify-center text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col\",\n  variants: {\n    variant: {\n      default:\n        \"rounded-md bg-muted p-1 group-data-[orientation=vertical]/tabs:flex-col\",\n      line: \"flex gap-1 rounded-none bg-transparent px-1 shadow-[inset_0_-1px] shadow-border\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst TabsList = ({\n  className,\n  variant = \"default\",\n  ...props\n}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) => (\n  <TabsPrimitive.List\n    className={mergeTabsClassName<TabsPrimitive.List.State>(\n      tabsListVariants({ variant }),\n      className\n    )}\n    data-slot=\"tabs-list\"\n    data-variant={variant}\n    {...props}\n  />\n);\n\nexport { TabsList, tabsListVariants };\n","\"use client\";\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { cn } from \"tailwind-variants\";\n\nimport { mergeTabsClassName } from \"./tabs-class-name\";\n\nconst tabsTriggerBaseClassName = cn(\n  \"relative inline-flex cursor-pointer items-center justify-center gap-1.5 border-0 px-2 text-sm font-medium break-keep whitespace-nowrap transition-colors outline-none select-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  \"text-muted-foreground hover:text-foreground focus-visible:outline-hidden data-active:text-foreground\",\n  \"group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start\",\n  \"group-data-[variant=default]/tabs-list:h-[calc(100%-2px)] group-data-[variant=default]/tabs-list:flex-1 group-data-[variant=default]/tabs-list:rounded-md group-data-[variant=default]/tabs-list:border group-data-[variant=default]/tabs-list:border-transparent group-data-[variant=default]/tabs-list:focus-visible:border-ring group-data-[variant=default]/tabs-list:focus-visible:ring-[3px] group-data-[variant=default]/tabs-list:focus-visible:ring-ring/50 group-data-[variant=default]/tabs-list:data-active:bg-background group-data-[variant=default]/tabs-list:data-active:shadow-sm\",\n  \"group-data-[variant=line]/tabs-list:h-8 group-data-[variant=line]/tabs-list:before:inset-x-0 group-data-[variant=line]/tabs-list:before:inset-y-1 group-data-[variant=line]/tabs-list:before:rounded-sm group-data-[variant=line]/tabs-list:before:outline group-data-[variant=line]/tabs-list:before:outline-2 group-data-[variant=line]/tabs-list:before:-outline-offset-1 group-data-[variant=line]/tabs-list:before:outline-transparent group-data-[variant=line]/tabs-list:focus-visible:relative group-data-[variant=line]/tabs-list:focus-visible:before:absolute group-data-[variant=line]/tabs-list:focus-visible:before:outline-ring\"\n);\n\nconst TabsTrigger = ({ className, ...props }: TabsPrimitive.Tab.Props) => (\n  <TabsPrimitive.Tab\n    className={mergeTabsClassName<TabsPrimitive.Tab.State>(\n      tabsTriggerBaseClassName,\n      className\n    )}\n    data-slot=\"tabs-trigger\"\n    {...props}\n  />\n);\n\nexport { TabsTrigger };\n"],"mappings":";;;;;AAOA,MAAM,sBACJ,eACA,cACyB;AACzB,KAAI,OAAO,cAAc,WACvB,SAAQ,UAAU,GAAG,eAAe,UAAU,MAAM,CAAC;AAGvD,QAAO,GAAG,eAAe,UAAU;;;;;ACTrC,MAAM,2BACJ;AAEF,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACA,KAAc;CACb,WAAW,mBACT,0BACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACVJ,MAAM,6BAA6B,GACjC,+EACA,4RACA,+QACD;AAED,MAAM,iBAAiB,EACrB,WACA,GAAG,YAEH,oBAACC,KAAc;CACb,WAAW,mBACT,4BACA,UACD;CACD,aAAU;CACV;CACA,GAAI;EACJ;;;;AClBJ,MAAM,mBAAmB,GAAG;CAC1B,MAAM;CACN,UAAU,EACR,SAAS;EACP,SACE;EACF,MAAM;EACP,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAEF,MAAM,YAAY,EAChB,WACA,UAAU,WACV,GAAG,YAEH,oBAACC,KAAc;CACb,WAAW,mBACT,iBAAiB,EAAE,SAAS,CAAC,EAC7B,UACD;CACD,aAAU;CACV,gBAAc;CACd,GAAI;EACJ;;;;AC3BJ,MAAM,2BAA2B,GAC/B,oVACA,wGACA,sGACA,skBACA,inBACD;AAED,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,KAAc;CACb,WAAW,mBACT,0BACA,UACD;CACD,aAAU;CACV,GAAI;EACJ"}

package/dist/tabs.d.ts

@@ -0,0 +1,48 @@
+import { i as TabsContent, n as TabsList, r as TabsIndicator, t as TabsTrigger } from "./tabs-trigger-ChutNdGI.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
+
+//#region src/ui/tabs/tabs.d.ts
+declare const Tabs: {
+  ({
+    className,
+    orientation,
+    ...props
+  }: Tabs$1.Root.Props): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: Tabs$1.Panel.Props) => react_jsx_runtime0.JSX.Element;
+  Indicator: ({
+    className,
+    ...props
+  }: Tabs$1.Indicator.Props) => react_jsx_runtime0.JSX.Element;
+  List: ({
+    className,
+    variant,
+    ...props
+  }: Tabs$1.List.Props & tailwind_variants0.VariantProps<tailwind_variants0.TVReturnType<{
+    variant: {
+      default: string;
+      line: string;
+    };
+  }, undefined, "group/tabs-list relative z-0 inline-flex w-fit items-center justify-center text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
+    variant: {
+      default: string;
+      line: string;
+    };
+  }, undefined, tailwind_variants0.TVReturnType<{
+    variant: {
+      default: string;
+      line: string;
+    };
+  }, undefined, "group/tabs-list relative z-0 inline-flex w-fit items-center justify-center text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", unknown, unknown, undefined>>>) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    ...props
+  }: Tabs$1.Tab.Props) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../src/ui/tabs/tabs.tsx"],"mappings":";;;;;;cAaM,IAAA;EAAA;;;;KAIH,MAAA,CAAc,IAAA,CAAK,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/tabs.js

@@ -0,0 +1,22 @@
+"use client";
+
+import { a as mergeTabsClassName, i as TabsContent, n as TabsList, r as TabsIndicator, t as TabsTrigger } from "./tabs-trigger-eCZA0-cA.js";
+import { jsx } from "react/jsx-runtime";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
+
+//#region src/ui/tabs/tabs.tsx
+const tabsBaseClassName = "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col";
+const Tabs = ({ className, orientation = "horizontal", ...props }) => /* @__PURE__ */ jsx(Tabs$1.Root, {
+	className: mergeTabsClassName(tabsBaseClassName, className),
+	"data-slot": "tabs",
+	orientation,
+	...props
+});
+Tabs.Content = TabsContent;
+Tabs.Indicator = TabsIndicator;
+Tabs.List = TabsList;
+Tabs.Trigger = TabsTrigger;
+
+//#endregion
+export { Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["TabsPrimitive"],"sources":["../src/ui/tabs/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\n\nimport { mergeTabsClassName } from \"./tabs-class-name\";\nimport { TabsContent } from \"./tabs-content\";\nimport { TabsIndicator } from \"./tabs-indicator\";\nimport { TabsList } from \"./tabs-list\";\nimport { TabsTrigger } from \"./tabs-trigger\";\n\nconst tabsBaseClassName =\n  \"group/tabs flex gap-2 data-[orientation=horizontal]:flex-col\";\n\nconst Tabs = ({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: TabsPrimitive.Root.Props) => (\n  <TabsPrimitive.Root\n    className={mergeTabsClassName<TabsPrimitive.Root.State>(\n      tabsBaseClassName,\n      className\n    )}\n    data-slot=\"tabs\"\n    orientation={orientation}\n    {...props}\n  />\n);\n\nTabs.Content = TabsContent;\nTabs.Indicator = TabsIndicator;\nTabs.List = TabsList;\nTabs.Trigger = TabsTrigger;\n\nexport { Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger };\n"],"mappings":";;;;;;;AAUA,MAAM,oBACJ;AAEF,MAAM,QAAQ,EACZ,WACA,cAAc,cACd,GAAG,YAEH,oBAACA,OAAc;CACb,WAAW,mBACT,mBACA,UACD;CACD,aAAU;CACG;CACb,GAAI;EACJ;AAGJ,KAAK,UAAU;AACf,KAAK,YAAY;AACjB,KAAK,OAAO;AACZ,KAAK,UAAU"}

package/dist/textarea.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import TextareaAutosize from "react-textarea-autosize";
+
+//#region src/ui/textarea/textarea.d.ts
+type TextareaProps = ComponentProps<typeof TextareaAutosize>;
+declare const Textarea: ({
+  className,
+  rows,
+  ...props
+}: TextareaProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Textarea, TextareaProps };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../src/ui/textarea/textarea.tsx"],"mappings":";;;;;KAKY,aAAA,GAAgB,cAAA,QAAsB,gBAAA;AAAA,cAE5C,QAAA;EAAY,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAAmC,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/textarea.js

@@ -0,0 +1,15 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import TextareaAutosize from "react-textarea-autosize";
+
+//#region src/ui/textarea/textarea.tsx
+const Textarea = ({ className, rows = 3, ...props }) => /* @__PURE__ */ jsx(TextareaAutosize, {
+	className: cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40", className),
+	"data-slot": "textarea",
+	minRows: rows,
+	...props
+});
+
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.js.map

package/dist/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../src/ui/textarea/textarea.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport TextareaAutosize from \"react-textarea-autosize\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TextareaProps = ComponentProps<typeof TextareaAutosize>;\n\nconst Textarea = ({ className, rows = 3, ...props }: TextareaProps) => (\n  <TextareaAutosize\n    className={cn(\n      \"flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40\",\n      className\n    )}\n    data-slot=\"textarea\"\n    minRows={rows}\n    {...props}\n  />\n);\n\nexport { Textarea };\n"],"mappings":";;;;;AAOA,MAAM,YAAY,EAAE,WAAW,OAAO,GAAG,GAAG,YAC1C,oBAAC;CACC,WAAW,GACT,whBACA,UACD;CACD,aAAU;CACV,SAAS;CACT,GAAI;EACJ"}

package/dist/theme-icon.d.ts

@@ -0,0 +1,75 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react from "react";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/theme-icon/theme-icon.d.ts
+declare const themeIconVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string[];
+    outline: string[];
+    secondary: string[];
+    ghost: never[];
+    link: string[];
+    warning: string[];
+    danger: string[];
+    info: string[];
+    success: string[];
+  };
+  size: {
+    default: string[];
+    sm: string[];
+    lg: string[];
+    xl: string[];
+  };
+}, undefined, string[], {
+  variant: {
+    default: string[];
+    outline: string[];
+    secondary: string[];
+    ghost: never[];
+    link: string[];
+    warning: string[];
+    danger: string[];
+    info: string[];
+    success: string[];
+  };
+  size: {
+    default: string[];
+    sm: string[];
+    lg: string[];
+    xl: string[];
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string[];
+    outline: string[];
+    secondary: string[];
+    ghost: never[];
+    link: string[];
+    warning: string[];
+    danger: string[];
+    info: string[];
+    success: string[];
+  };
+  size: {
+    default: string[];
+    sm: string[];
+    lg: string[];
+    xl: string[];
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ThemeIconVariants = VariantProps<typeof themeIconVariants>;
+type ThemeIconProps = ThemeIconVariants & useRender.ComponentProps<"div"> & {
+  "data-slot"?: string;
+};
+declare const ThemeIcon: ({
+  className,
+  variant,
+  size,
+  render,
+  ...props
+}: ThemeIconProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+export { ThemeIcon, ThemeIconProps, themeIconVariants };
+//# sourceMappingURL=theme-icon.d.ts.map

package/dist/theme-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-icon.d.ts","names":[],"sources":["../src/ui/theme-icon/theme-icon.tsx"],"mappings":";;;;;;cAMa,iBAAA,EAkFX,kBAAA,CAlF4B,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkF5B,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;KAEG,iBAAA,GAAoB,YAAA,QAAoB,iBAAA;AAAA,KAEjC,cAAA,GAAiB,iBAAA,GAC3B,SAAA,CAAU,cAAA;EACR,WAAA;AAAA;AAAA,cAGS,SAAA;EAAa,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAMvB,cAAA,KAAc,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA"}

package/dist/theme-icon.js

@@ -0,0 +1,56 @@
+"use client";
+
+import { tv } from "tailwind-variants";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/theme-icon/theme-icon.tsx
+const themeIconVariants = tv({
+	base: [
+		"inline-flex shrink-0 items-center justify-center",
+		"rounded-md text-sm",
+		"transition-all outline-none",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+	],
+	variants: {
+		variant: {
+			default: ["bg-primary text-primary-foreground shadow-xs"],
+			outline: ["border border-border bg-background shadow-xs", "dark:border-input dark:bg-input/30"],
+			secondary: ["bg-secondary text-secondary-foreground shadow-xs"],
+			ghost: [],
+			link: ["text-primary"],
+			warning: ["border-warning-border", "bg-warning text-warning-foreground shadow-xs"],
+			danger: ["border-danger-border", "bg-danger text-danger-foreground shadow-xs"],
+			info: ["border-info-border", "bg-info text-info-foreground shadow-xs"],
+			success: ["border-success-border", "bg-success text-success-foreground shadow-xs"]
+		},
+		size: {
+			default: ["size-9"],
+			sm: ["size-8"],
+			lg: ["size-10"],
+			xl: ["size-12"]
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const ThemeIcon = ({ className, variant, size, render, ...props }) => {
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps({ className: themeIconVariants({
+			variant,
+			size,
+			className
+		}) }, {
+			"data-slot": "theme-icon",
+			...props
+		})
+	});
+};
+
+//#endregion
+export { ThemeIcon, themeIconVariants };
+//# sourceMappingURL=theme-icon.js.map

package/dist/theme-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-icon.js","names":[],"sources":["../src/ui/theme-icon/theme-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nexport const themeIconVariants = tv({\n  base: [\n    // Layout: flex container with centered items\n    \"inline-flex shrink-0 items-center justify-center\",\n    // Styling: rounded corners, typography\n    \"rounded-md text-sm\",\n    // Focus: remove default outline, add transitions\n    \"transition-all outline-none\",\n    // SVG icons: default sizing and behavior\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  ],\n  variants: {\n    variant: {\n      default: [\n        // Background: primary color scheme with shadow\n        \"bg-primary text-primary-foreground shadow-xs\",\n      ],\n      outline: [\n        // Border: visible border with background\n        \"border border-border bg-background shadow-xs\",\n        // Dark mode: adjusted border and background\n        \"dark:border-input dark:bg-input/30\",\n      ],\n      secondary: [\n        // Background: secondary color scheme with shadow\n        \"bg-secondary text-secondary-foreground shadow-xs\",\n      ],\n      ghost: [\n        // No additional styles for ghost variant\n      ],\n      link: [\n        // Typography: primary text color\n        \"text-primary\",\n      ],\n      warning: [\n        // Border: warning border color\n        \"border-warning-border\",\n        // Background: warning color scheme with shadow\n        \"bg-warning text-warning-foreground shadow-xs\",\n      ],\n      danger: [\n        // Border: danger border color\n        \"border-danger-border\",\n        // Background: danger color scheme with shadow\n        \"bg-danger text-danger-foreground shadow-xs\",\n      ],\n      info: [\n        // Border: info border color\n        \"border-info-border\",\n        // Background: info color scheme with shadow\n        \"bg-info text-info-foreground shadow-xs\",\n      ],\n      success: [\n        // Border: success border color\n        \"border-success-border\",\n        // Background: success color scheme with shadow\n        \"bg-success text-success-foreground shadow-xs\",\n      ],\n    },\n    size: {\n      default: [\n        // Dimensions: standard square size\n        \"size-9\",\n      ],\n      sm: [\n        // Dimensions: small square size\n        \"size-8\",\n      ],\n      lg: [\n        // Dimensions: large square size\n        \"size-10\",\n      ],\n      xl: [\n        // Dimensions: extra large square size\n        \"size-12\",\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n});\n\ntype ThemeIconVariants = VariantProps<typeof themeIconVariants>;\n\nexport type ThemeIconProps = ThemeIconVariants &\n  useRender.ComponentProps<\"div\"> & {\n    \"data-slot\"?: string;\n  };\n\nexport const ThemeIcon = ({\n  className,\n  variant,\n  size,\n  render,\n  ...props\n}: ThemeIconProps) => {\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    props: mergeProps<\"div\">(\n      {\n        className: themeIconVariants({ variant, size, className }),\n      },\n      {\n        \"data-slot\": \"theme-icon\",\n        ...props,\n      }\n    ),\n  });\n\n  return element;\n};\n"],"mappings":";;;;;;;AAMA,MAAa,oBAAoB,GAAG;CAClC,MAAM;EAEJ;EAEA;EAEA;EAEA;EACD;CACD,UAAU;EACR,SAAS;GACP,SAAS,CAEP,+CACD;GACD,SAAS,CAEP,gDAEA,qCACD;GACD,WAAW,CAET,mDACD;GACD,OAAO,EAEN;GACD,MAAM,CAEJ,eACD;GACD,SAAS,CAEP,yBAEA,+CACD;GACD,QAAQ,CAEN,wBAEA,6CACD;GACD,MAAM,CAEJ,sBAEA,yCACD;GACD,SAAS,CAEP,yBAEA,+CACD;GACF;EACD,MAAM;GACJ,SAAS,CAEP,SACD;GACD,IAAI,CAEF,SACD;GACD,IAAI,CAEF,UACD;GACD,IAAI,CAEF,UACD;GACF;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AASF,MAAa,aAAa,EACxB,WACA,SACA,MACA,QACA,GAAG,YACiB;AAepB,QAdgB,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO,WACL,EACE,WAAW,kBAAkB;GAAE;GAAS;GAAM;GAAW,CAAC,EAC3D,EACD;GACE,aAAa;GACb,GAAG;GACJ,CACF;EACF,CAAC"}