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

package/dist/tabs-trigger-CzOTnpSV.js

@@ -0,0 +1,155 @@
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { tv } from "tailwind-variants";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+
+//#region src/ui/tabs/tabs-content.tsx
+const TabsContent = ({ className, ...props }) => /* @__PURE__ */ jsx(Tabs.Panel, {
+	className: mergeBaseUIClassName("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", className),
+	"data-slot": "tabs-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/tabs/tabs-style-context.ts
+const tabsStyleDefaults = {
+	variant: "default",
+	size: "md",
+	fullWidth: false
+};
+const TabsStyleContext = createContext(tabsStyleDefaults);
+const useTabsStyleContext = () => useContext(TabsStyleContext);
+
+//#endregion
+//#region src/ui/tabs/tabs-indicator.tsx
+const tabsIndicatorVariants = tv({
+	base: "pointer-events-none absolute top-0 left-0 z-[-1] h-[var(--active-tab-height)] w-[var(--active-tab-width)] translate-x-[var(--active-tab-left)] translate-y-[var(--active-tab-top)] transition-[translate,width,height,opacity] duration-200 ease-in-out",
+	variants: {
+		variant: {
+			default: "bg-muted",
+			line: "bg-primary group-data-[orientation=horizontal]/tabs:h-[2px] group-data-[orientation=horizontal]/tabs:w-[var(--active-tab-width)] group-data-[orientation=horizontal]/tabs:translate-x-[var(--active-tab-left)] group-data-[orientation=horizontal]/tabs:translate-y-[calc(var(--active-tab-top)+var(--active-tab-height)-2px)] group-data-[orientation=vertical]/tabs:h-[var(--active-tab-height)] group-data-[orientation=vertical]/tabs:w-[2px] group-data-[orientation=vertical]/tabs:translate-x-[var(--active-tab-left)] group-data-[orientation=vertical]/tabs:translate-y-[var(--active-tab-top)]",
+			pill: "bg-background shadow-sm"
+		},
+		size: {
+			xs: "rounded-[min(var(--radius-md),8px)]",
+			sm: "rounded-[min(var(--radius-md),8px)]",
+			md: "rounded-[min(var(--radius-md),10px)]",
+			lg: "rounded-[var(--radius-md)]",
+			xl: "rounded-[var(--radius-md)]"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+const TabsIndicator = ({ className, ...props }) => {
+	const { size, variant } = useTabsStyleContext();
+	return /* @__PURE__ */ jsx(Tabs.Indicator, {
+		className: mergeBaseUIClassName(tabsIndicatorVariants({
+			size,
+			variant
+		}), 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 items-center justify-start text-muted-foreground group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:items-stretch",
+	variants: {
+		fullWidth: {
+			true: "w-full",
+			false: "w-fit"
+		},
+		variant: {
+			default: "gap-1 px-1 group-data-[orientation=vertical]/tabs:px-0 group-data-[orientation=vertical]/tabs:py-1",
+			line: "gap-1 group-data-[orientation=vertical]/tabs:border-b-0 group-data-[orientation=vertical]/tabs:border-l",
+			pill: "gap-1 rounded-md bg-muted p-1"
+		},
+		size: {
+			xs: "group-data-[orientation=horizontal]/tabs:min-h-6",
+			sm: "group-data-[orientation=horizontal]/tabs:min-h-7",
+			md: "group-data-[orientation=horizontal]/tabs:min-h-8",
+			lg: "group-data-[orientation=horizontal]/tabs:min-h-9",
+			xl: "group-data-[orientation=horizontal]/tabs:min-h-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md",
+		fullWidth: false
+	}
+});
+const TabsList = ({ className, variant = tabsStyleDefaults.variant, size = tabsStyleDefaults.size, fullWidth = tabsStyleDefaults.fullWidth, ...props }) => /* @__PURE__ */ jsx(TabsStyleContext.Provider, {
+	value: {
+		size,
+		variant,
+		fullWidth
+	},
+	children: /* @__PURE__ */ jsx(Tabs.List, {
+		className: mergeBaseUIClassName(tabsListVariants({
+			size,
+			variant,
+			fullWidth
+		}), className),
+		"data-size": size,
+		"data-slot": "tabs-list",
+		"data-variant": variant,
+		"data-full-width": fullWidth,
+		...props
+	})
+});
+
+//#endregion
+//#region src/ui/tabs/tabs-trigger.tsx
+const tabsTriggerVariants = tv({
+	base: "relative inline-flex cursor-pointer items-center justify-center gap-1.5 border border-transparent font-medium break-keep whitespace-nowrap text-muted-foreground transition-colors outline-none select-none hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-active:text-foreground group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	compoundVariants: [{
+		fullWidth: true,
+		class: "min-w-0 flex-1"
+	}],
+	variants: {
+		variant: {
+			default: "rounded-md border-transparent",
+			line: "rounded-none border-transparent focus-visible:rounded-sm data-[orientation=horizontal]:-mb-[2px] data-[orientation=vertical]:-ml-[2px]",
+			pill: "rounded-md border-transparent data-active:text-foreground"
+		},
+		size: {
+			xs: "h-6 px-2 text-xs [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-7 px-2 text-xs [&_svg:not([class*='size-'])]:size-3.5",
+			md: "h-8 px-2.5 text-sm",
+			lg: "h-9 px-3 text-sm",
+			xl: "h-10 px-3.5 text-base [&_svg:not([class*='size-'])]:size-5"
+		},
+		fullWidth: {
+			true: "",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md",
+		fullWidth: false
+	}
+});
+const TabsTrigger = ({ className, ...props }) => {
+	const { size, variant, fullWidth } = useTabsStyleContext();
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		className: mergeBaseUIClassName(tabsTriggerVariants({
+			size,
+			variant,
+			fullWidth
+		}), className),
+		"data-slot": "tabs-trigger",
+		...props
+	});
+};
+
+//#endregion
+export { TabsContent as i, TabsList as n, TabsIndicator as r, TabsTrigger as t };
+//# sourceMappingURL=tabs-trigger-CzOTnpSV.js.map

package/dist/tabs-trigger-CzOTnpSV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-trigger-CzOTnpSV.js","names":["TabsPrimitive","TabsPrimitive","TabsPrimitive","TabsPrimitive"],"sources":["../src/ui/tabs/tabs-content.tsx","../src/ui/tabs/tabs-style-context.ts","../src/ui/tabs/tabs-indicator.tsx","../src/ui/tabs/tabs-list.tsx","../src/ui/tabs/tabs-trigger.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type TabsContentProps = TabsPrimitive.Panel.Props;\n\nconst TabsContent = ({ className, ...props }: TabsContentProps) => (\n  <TabsPrimitive.Panel\n    className={mergeBaseUIClassName<TabsPrimitive.Panel.State>(\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      className\n    )}\n    data-slot=\"tabs-content\"\n    {...props}\n  />\n);\n\nexport { TabsContent };\n","import { createContext, useContext } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\ntype TabsListVariant = \"default\" | \"line\" | \"pill\";\n\ntype TabsListSize = UISize;\n\ninterface TabsStyleContextValue {\n  variant: TabsListVariant;\n  size: TabsListSize;\n  fullWidth: boolean;\n}\n\nconst tabsStyleDefaults: TabsStyleContextValue = {\n  variant: \"default\",\n  size: \"md\",\n  fullWidth: false,\n};\n\nconst TabsStyleContext =\n  createContext<TabsStyleContextValue>(tabsStyleDefaults);\n\nconst useTabsStyleContext = () => useContext(TabsStyleContext);\n\nexport {\n  TabsStyleContext,\n  tabsStyleDefaults,\n  useTabsStyleContext,\n  type TabsListSize,\n  type TabsListVariant,\n};\n","\"use client\";\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { tv } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useTabsStyleContext } from \"./tabs-style-context\";\nexport type TabsIndicatorProps = TabsPrimitive.Indicator.Props;\n\nconst tabsIndicatorVariants = tv({\n  base: \"pointer-events-none absolute top-0 left-0 z-[-1] h-[var(--active-tab-height)] w-[var(--active-tab-width)] translate-x-[var(--active-tab-left)] translate-y-[var(--active-tab-top)] transition-[translate,width,height,opacity] duration-200 ease-in-out\",\n  variants: {\n    variant: {\n      default: \"bg-muted\",\n      line: \"bg-primary group-data-[orientation=horizontal]/tabs:h-[2px] group-data-[orientation=horizontal]/tabs:w-[var(--active-tab-width)] group-data-[orientation=horizontal]/tabs:translate-x-[var(--active-tab-left)] group-data-[orientation=horizontal]/tabs:translate-y-[calc(var(--active-tab-top)+var(--active-tab-height)-2px)] group-data-[orientation=vertical]/tabs:h-[var(--active-tab-height)] group-data-[orientation=vertical]/tabs:w-[2px] group-data-[orientation=vertical]/tabs:translate-x-[var(--active-tab-left)] group-data-[orientation=vertical]/tabs:translate-y-[var(--active-tab-top)]\",\n      pill: \"bg-background shadow-sm\",\n    },\n    size: {\n      xs: \"rounded-[min(var(--radius-md),8px)]\",\n      sm: \"rounded-[min(var(--radius-md),8px)]\",\n      md: \"rounded-[min(var(--radius-md),10px)]\",\n      lg: \"rounded-[var(--radius-md)]\",\n      xl: \"rounded-[var(--radius-md)]\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nconst TabsIndicator = ({ className, ...props }: TabsIndicatorProps) => {\n  const { size, variant } = useTabsStyleContext();\n\n  return (\n    <TabsPrimitive.Indicator\n      className={mergeBaseUIClassName<TabsPrimitive.Indicator.State>(\n        tabsIndicatorVariants({ size, variant }),\n        className\n      )}\n      data-slot=\"tabs-indicator\"\n      renderBeforeHydration\n      {...props}\n    />\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 { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport {\n  TabsStyleContext,\n  tabsStyleDefaults,\n  type TabsListSize,\n  type TabsListVariant,\n} from \"./tabs-style-context\";\nexport type TabsListProps = TabsPrimitive.List.Props &\n  VariantProps<typeof tabsListVariants>;\n\nconst tabsListVariants = tv({\n  base: \"group/tabs-list relative z-0 inline-flex items-center justify-start text-muted-foreground group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:items-stretch\",\n  variants: {\n    fullWidth: {\n      true: \"w-full\",\n      false: \"w-fit\",\n    },\n    variant: {\n      default:\n        \"gap-1 px-1 group-data-[orientation=vertical]/tabs:px-0 group-data-[orientation=vertical]/tabs:py-1\",\n      line: \"gap-1 group-data-[orientation=vertical]/tabs:border-b-0 group-data-[orientation=vertical]/tabs:border-l\",\n      pill: \"gap-1 rounded-md bg-muted p-1\",\n    },\n    size: {\n      xs: \"group-data-[orientation=horizontal]/tabs:min-h-6\",\n      sm: \"group-data-[orientation=horizontal]/tabs:min-h-7\",\n      md: \"group-data-[orientation=horizontal]/tabs:min-h-8\",\n      lg: \"group-data-[orientation=horizontal]/tabs:min-h-9\",\n      xl: \"group-data-[orientation=horizontal]/tabs:min-h-10\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    fullWidth: false,\n  },\n});\n\nconst TabsList = ({\n  className,\n  variant = tabsStyleDefaults.variant,\n  size = tabsStyleDefaults.size,\n  fullWidth = tabsStyleDefaults.fullWidth,\n  ...props\n}: TabsListProps) => (\n  <TabsStyleContext.Provider\n    value={{\n      size,\n      variant,\n      fullWidth,\n    }}\n  >\n    <TabsPrimitive.List\n      className={mergeBaseUIClassName<TabsPrimitive.List.State>(\n        tabsListVariants({ size, variant, fullWidth }),\n        className\n      )}\n      data-size={size}\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      data-full-width={fullWidth}\n      {...props}\n    />\n  </TabsStyleContext.Provider>\n);\n\nexport { TabsList, tabsListVariants, type TabsListSize, type TabsListVariant };\n","\"use client\";\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { tv } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useTabsStyleContext } from \"./tabs-style-context\";\nexport type TabsTriggerProps = TabsPrimitive.Tab.Props;\n\nconst tabsTriggerVariants = tv({\n  base: \"relative inline-flex cursor-pointer items-center justify-center gap-1.5 border border-transparent font-medium break-keep whitespace-nowrap text-muted-foreground transition-colors outline-none select-none hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-active:text-foreground group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  compoundVariants: [{ fullWidth: true, class: \"min-w-0 flex-1\" }],\n  variants: {\n    variant: {\n      default: \"rounded-md border-transparent\",\n      line: \"rounded-none border-transparent focus-visible:rounded-sm data-[orientation=horizontal]:-mb-[2px] data-[orientation=vertical]:-ml-[2px]\",\n      pill: \"rounded-md border-transparent data-active:text-foreground\",\n    },\n    size: {\n      xs: \"h-6 px-2 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"h-7 px-2 text-xs [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"h-8 px-2.5 text-sm\",\n      lg: \"h-9 px-3 text-sm\",\n      xl: \"h-10 px-3.5 text-base [&_svg:not([class*='size-'])]:size-5\",\n    },\n    fullWidth: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    fullWidth: false,\n  },\n});\n\nconst TabsTrigger = ({ className, ...props }: TabsTriggerProps) => {\n  const { size, variant, fullWidth } = useTabsStyleContext();\n\n  return (\n    <TabsPrimitive.Tab\n      className={mergeBaseUIClassName<TabsPrimitive.Tab.State>(\n        tabsTriggerVariants({ size, variant, fullWidth }),\n        className\n      )}\n      data-slot=\"tabs-trigger\"\n      {...props}\n    />\n  );\n};\n\nexport { TabsTrigger };\n"],"mappings":";;;;;;;AAOA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACA,KAAc;CACb,WAAW,qBACT,qKACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACDJ,MAAM,oBAA2C;CAC/C,SAAS;CACT,MAAM;CACN,WAAW;CACZ;AAED,MAAM,mBACJ,cAAqC,kBAAkB;AAEzD,MAAM,4BAA4B,WAAW,iBAAiB;;;;ACd9D,MAAM,wBAAwB,GAAG;CAC/B,MAAM;CACN,UAAU;EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,MAAM;GACP;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAEF,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;CACrE,MAAM,EAAE,MAAM,YAAY,qBAAqB;AAE/C,QACE,oBAACC,KAAc;EACb,WAAW,qBACT,sBAAsB;GAAE;GAAM;GAAS,CAAC,EACxC,UACD;EACD,aAAU;EACV;EACA,GAAI;GACJ;;;;;AC5BN,MAAM,mBAAmB,GAAG;CAC1B,MAAM;CACN,UAAU;EACR,WAAW;GACT,MAAM;GACN,OAAO;GACR;EACD,SAAS;GACP,SACE;GACF,MAAM;GACN,MAAM;GACP;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,WAAW;EACZ;CACF,CAAC;AAEF,MAAM,YAAY,EAChB,WACA,UAAU,kBAAkB,SAC5B,OAAO,kBAAkB,MACzB,YAAY,kBAAkB,WAC9B,GAAG,YAEH,oBAAC,iBAAiB;CAChB,OAAO;EACL;EACA;EACA;EACD;WAED,oBAACC,KAAc;EACb,WAAW,qBACT,iBAAiB;GAAE;GAAM;GAAS;GAAW,CAAC,EAC9C,UACD;EACD,aAAW;EACX,aAAU;EACV,gBAAc;EACd,mBAAiB;EACjB,GAAI;GACJ;EACwB;;;;AC3D9B,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,kBAAkB,CAAC;EAAE,WAAW;EAAM,OAAO;EAAkB,CAAC;CAChE,UAAU;EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,MAAM;GACP;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,WAAW;GACT,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,WAAW;EACZ;CACF,CAAC;AAEF,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;CACjE,MAAM,EAAE,MAAM,SAAS,cAAc,qBAAqB;AAE1D,QACE,oBAACC,KAAc;EACb,WAAW,qBACT,oBAAoB;GAAE;GAAM;GAAS;GAAW,CAAC,EACjD,UACD;EACD,aAAU;EACV,GAAI;GACJ"}

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

@@ -0,0 +1,91 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+
+//#region src/ui/tabs/tabs-content.d.ts
+type TabsContentProps = Tabs.Panel.Props;
+declare const TabsContent: ({
+  className,
+  ...props
+}: TabsContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tabs/tabs-indicator.d.ts
+type TabsIndicatorProps = Tabs.Indicator.Props;
+declare const TabsIndicator: ({
+  className,
+  ...props
+}: TabsIndicatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tabs/tabs-list.d.ts
+type TabsListProps = Tabs.List.Props & VariantProps<typeof tabsListVariants>;
+declare const tabsListVariants: tailwind_variants0.TVReturnType<{
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  variant: {
+    default: string;
+    line: string;
+    pill: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/tabs-list relative z-0 inline-flex items-center justify-start text-muted-foreground group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:items-stretch", {
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  variant: {
+    default: string;
+    line: string;
+    pill: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  fullWidth: {
+    true: string;
+    false: string;
+  };
+  variant: {
+    default: string;
+    line: string;
+    pill: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/tabs-list relative z-0 inline-flex items-center justify-start text-muted-foreground group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:items-stretch", unknown, unknown, undefined>>;
+declare const TabsList: ({
+  className,
+  variant,
+  size,
+  fullWidth,
+  ...props
+}: TabsListProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tabs/tabs-trigger.d.ts
+type TabsTriggerProps = Tabs.Tab.Props;
+declare const TabsTrigger: ({
+  className,
+  ...props
+}: TabsTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TabsIndicator as a, TabsContentProps as c, TabsListProps as i, TabsTriggerProps as n, TabsIndicatorProps as o, TabsList as r, TabsContent as s, TabsTrigger as t };
+//# sourceMappingURL=tabs-trigger-DIAd8cRQ.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-trigger-DIAd8cRQ.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":";;;;;;;KAKY,gBAAA,GAAmB,IAAA,CAAc,KAAA,CAAM,KAAA;AAAA,cAE7C,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAlD,kBAAA,GAAqB,IAAA,CAAc,SAAA,CAAU,KAAA;AAAA,cAwBnD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCnBtD,aAAA,GAAgB,IAAA,CAAc,IAAA,CAAK,KAAA,GAC7C,YAAA,QAAoB,gBAAA;AAAA,cAEhB,gBAAA,EA0BJ,kBAAA,CA1BoB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA0BpB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;cAEI,QAAA;EAAY,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAMf,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC1CJ,gBAAA,GAAmB,IAAA,CAAc,GAAA,CAAI,KAAA;AAAA,cA8B3C,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/tabs.d.ts

@@ -1,48 +1,43 @@
-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 { a as TabsIndicator, c as TabsContentProps, i as TabsListProps, n as TabsTriggerProps, o as TabsIndicatorProps, r as TabsList, s as TabsContent, t as TabsTrigger } from "./tabs-trigger-DIAd8cRQ.js";
 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
+type TabsProps = Tabs$1.Root.Props;
 declare const Tabs: {
   ({
     className,
     orientation,
     ...props
-  }: Tabs$1.Root.Props): react_jsx_runtime0.JSX.Element;
+  }: TabsProps): react_jsx_runtime0.JSX.Element;
   Content: ({
     className,
     ...props
-  }: Tabs$1.Panel.Props) => react_jsx_runtime0.JSX.Element;
+  }: TabsContentProps) => react_jsx_runtime0.JSX.Element;
   Indicator: ({
     className,
     ...props
-  }: Tabs$1.Indicator.Props) => react_jsx_runtime0.JSX.Element;
+  }: TabsIndicatorProps) => react_jsx_runtime0.JSX.Element;
   List: ({
     className,
     variant,
+    size,
+    fullWidth,
     ...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;
+  }: TabsListProps) => react_jsx_runtime0.JSX.Element;
+  Panel: ({
+    className,
+    ...props
+  }: TabsContentProps) => react_jsx_runtime0.JSX.Element;
+  Tab: ({
+    className,
+    ...props
+  }: TabsTriggerProps) => react_jsx_runtime0.JSX.Element;
   Trigger: ({
     className,
     ...props
-  }: Tabs$1.Tab.Props) => react_jsx_runtime0.JSX.Element;
+  }: TabsTriggerProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger };
+export { Tabs, TabsContent, type TabsContentProps, TabsIndicator, type TabsIndicatorProps, TabsList, type TabsListProps, TabsProps, TabsTrigger, type TabsTriggerProps };
 //# sourceMappingURL=tabs.d.ts.map

package/dist/tabs.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../src/ui/tabs/tabs.tsx"],"mappings":";;;;;KASY,SAAA,GAAY,MAAA,CAAc,IAAA,CAAK,KAAA;AAAA,cAErC,IAAA;EAAA;;;;KAIH,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/tabs.js

@@ -1,13 +1,13 @@
 "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 { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { i as TabsContent, n as TabsList, r as TabsIndicator, t as TabsTrigger } from "./tabs-trigger-CzOTnpSV.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),
+	className: mergeBaseUIClassName("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className),
 	"data-slot": "tabs",
 	orientation,
 	...props
@@ -15,6 +15,8 @@ const Tabs = ({ className, orientation = "horizontal", ...props }) => /* @__PURE
 Tabs.Content = TabsContent;
 Tabs.Indicator = TabsIndicator;
 Tabs.List = TabsList;
+Tabs.Panel = TabsContent;
+Tabs.Tab = TabsTrigger;
 Tabs.Trigger = TabsTrigger;
 
 //#endregion

package/dist/tabs.js.map

@@ -1 +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"}
+{"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 { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { TabsContent } from \"./tabs-content\";\nimport { TabsIndicator } from \"./tabs-indicator\";\nimport { TabsList } from \"./tabs-list\";\nimport { TabsTrigger } from \"./tabs-trigger\";\nexport type TabsProps = TabsPrimitive.Root.Props;\n\nconst Tabs = ({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: TabsProps) => (\n  <TabsPrimitive.Root\n    className={mergeBaseUIClassName<TabsPrimitive.Root.State>(\n      \"group/tabs flex gap-2 data-[orientation=horizontal]:flex-col\",\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.Panel = TabsContent;\nTabs.Tab = TabsTrigger;\nTabs.Trigger = TabsTrigger;\n\nexport { Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger };\n\nexport type { TabsContentProps } from \"./tabs-content\";\nexport type { TabsIndicatorProps } from \"./tabs-indicator\";\nexport type { TabsListProps } from \"./tabs-list\";\nexport type { TabsTriggerProps } from \"./tabs-trigger\";\n"],"mappings":";;;;;;;;AAWA,MAAM,QAAQ,EACZ,WACA,cAAc,cACd,GAAG,YAEH,oBAACA,OAAc;CACb,WAAW,qBACT,gEACA,UACD;CACD,aAAU;CACG;CACb,GAAI;EACJ;AAGJ,KAAK,UAAU;AACf,KAAK,YAAY;AACjB,KAAK,OAAO;AACZ,KAAK,QAAQ;AACb,KAAK,MAAM;AACX,KAAK,UAAU"}

package/dist/textarea.d.ts

@@ -1,14 +1,37 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
 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;
+declare const textareaVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex field-sizing-content w-full border border-input bg-transparent 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 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex field-sizing-content w-full border border-input bg-transparent 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 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40", unknown, unknown, undefined>>;
+type TextareaProps = ComponentProps<typeof TextareaAutosize> & VariantProps<typeof textareaVariants>;
+declare const Textarea: (incomingProps: TextareaProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Textarea, TextareaProps };
 //# sourceMappingURL=textarea.d.ts.map

package/dist/textarea.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../src/ui/textarea/textarea.tsx"],"mappings":";;;;;;;cAQM,gBAAA,EAcJ,kBAAA,CAdoB,YAAA;;;;;;;;;;;;;;;;cAcpB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,aAAA,GAAgB,cAAA,QAAsB,gBAAA,IAChD,YAAA,QAAoB,gBAAA;AAAA,cAEhB,QAAA,GAAY,aAAA,EAAe,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/textarea.js

@@ -1,14 +1,35 @@
-import { cn } from "tailwind-variants";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { t as useTextareaDefaultProps } from "./use-textarea-default-props-DEDcVuHi.js";
+import { tv } 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
+const textareaVariants = tv({
+	base: "flex field-sizing-content w-full border border-input bg-transparent 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 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40",
+	variants: { size: {
+		xs: "min-h-12 rounded-[min(var(--radius-md),8px)] px-2 py-1 text-xs",
+		sm: "min-h-14 rounded-[min(var(--radius-md),10px)] px-2.5 py-1.5 text-sm",
+		md: "min-h-16 rounded-md px-2.5 py-2 text-base md:text-sm",
+		lg: "min-h-18 rounded-md px-3 py-2.5 text-base md:text-sm",
+		xl: "min-h-20 rounded-md px-4 py-2.5 text-base"
+	} },
+	defaultVariants: { size: "md" }
 });
+const Textarea = (incomingProps) => {
+	const { className, rows = 3, size: providedSize, ...props } = useTextareaDefaultProps(incomingProps);
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(TextareaAutosize, {
+		className: textareaVariants({
+			className,
+			size
+		}),
+		"data-size": size,
+		"data-slot": "textarea",
+		minRows: rows,
+		...props
+	});
+};
 
 //#endregion
 export { Textarea };

package/dist/textarea.js.map

@@ -1 +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"}
+{"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 { tv, type VariantProps } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { useTextareaDefaultProps } from \"./use-textarea-default-props\";\n\nconst textareaVariants = tv({\n  base: \"flex field-sizing-content w-full border border-input bg-transparent 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 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40\",\n  variants: {\n    size: {\n      xs: \"min-h-12 rounded-[min(var(--radius-md),8px)] px-2 py-1 text-xs\",\n      sm: \"min-h-14 rounded-[min(var(--radius-md),10px)] px-2.5 py-1.5 text-sm\",\n      md: \"min-h-16 rounded-md px-2.5 py-2 text-base md:text-sm\",\n      lg: \"min-h-18 rounded-md px-3 py-2.5 text-base md:text-sm\",\n      xl: \"min-h-20 rounded-md px-4 py-2.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type TextareaProps = ComponentProps<typeof TextareaAutosize> &\n  VariantProps<typeof textareaVariants>;\n\nconst Textarea = (incomingProps: TextareaProps) => {\n  const {\n    className,\n    rows = 3,\n    size: providedSize,\n    ...props\n  } = useTextareaDefaultProps(incomingProps);\n  const size = useComponentSize(providedSize);\n\n  return (\n    <TextareaAutosize\n      className={textareaVariants({\n        className,\n        size,\n      })}\n      data-size={size}\n      data-slot=\"textarea\"\n      minRows={rows}\n      {...props}\n    />\n  );\n};\n\nexport { Textarea };\n"],"mappings":";;;;;;;AAQA,MAAM,mBAAmB,GAAG;CAC1B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAKF,MAAM,YAAY,kBAAiC;CACjD,MAAM,EACJ,WACA,OAAO,GACP,MAAM,cACN,GAAG,UACD,wBAAwB,cAAc;CAC1C,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC;EACC,WAAW,iBAAiB;GAC1B;GACA;GACD,CAAC;EACF,aAAW;EACX,aAAU;EACV,SAAS;EACT,GAAI;GACJ"}

package/dist/theme-icon.d.ts

@@ -17,8 +17,9 @@ declare const themeIconVariants: tailwind_variants0.TVReturnType<{
     success: string[];
   };
   size: {
-    default: string[];
+    xs: string[];
     sm: string[];
+    md: string[];
     lg: string[];
     xl: string[];
   };
@@ -35,8 +36,9 @@ declare const themeIconVariants: tailwind_variants0.TVReturnType<{
     success: string[];
   };
   size: {
-    default: string[];
+    xs: string[];
     sm: string[];
+    md: string[];
     lg: string[];
     xl: string[];
   };
@@ -53,8 +55,9 @@ declare const themeIconVariants: tailwind_variants0.TVReturnType<{
     success: string[];
   };
   size: {
-    default: string[];
+    xs: string[];
     sm: string[];
+    md: string[];
     lg: string[];
     xl: string[];
   };

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

@@ -1 +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"}
+{"version":3,"file":"theme-icon.d.ts","names":[],"sources":["../src/ui/theme-icon/theme-icon.tsx"],"mappings":";;;;;;cAQa,iBAAA,EAyFX,kBAAA,CAzF4B,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAyF5B,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

@@ -1,5 +1,6 @@
 "use client";
 
+import { r as DEFAULT_NESTED_ICON_CLASS_BY_SIZE } from "./size-system-BNfPN2hb.js";
 import { tv } from "tailwind-variants";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
@@ -18,22 +19,23 @@ const themeIconVariants = tv({
 			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"],
+			link: ["text-primary-foreground"],
 			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"],
+			xs: ["size-6 rounded-[min(var(--radius-md),8px)]", DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xs],
+			sm: ["size-8 rounded-[min(var(--radius-md),10px)]", DEFAULT_NESTED_ICON_CLASS_BY_SIZE.sm],
+			md: ["size-9"],
 			lg: ["size-10"],
-			xl: ["size-12"]
+			xl: ["size-11", DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xl]
 		}
 	},
 	defaultVariants: {
 		variant: "default",
-		size: "default"
+		size: "md"
 	}
 });
 const ThemeIcon = ({ className, variant, size, render, ...props }) => {

package/dist/theme-icon.js.map

@@ -1 +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"}
+{"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\nimport { DEFAULT_NESTED_ICON_CLASS_BY_SIZE } from \"../shared/size/size-system\";\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-foreground\",\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      xs: [\n        // Dimensions: compact square size\n        \"size-6 rounded-[min(var(--radius-md),8px)]\",\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xs,\n      ],\n      sm: [\n        // Dimensions: small square size\n        \"size-8 rounded-[min(var(--radius-md),10px)]\",\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.sm,\n      ],\n      md: [\n        // Dimensions: standard square size\n        \"size-9\",\n      ],\n      lg: [\n        // Dimensions: large square size\n        \"size-10\",\n      ],\n      xl: [\n        // Dimensions: extra large square size\n        \"size-11\",\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xl,\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\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":";;;;;;;;AAQA,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,0BACD;GACD,SAAS,CAEP,yBAEA,+CACD;GACD,QAAQ,CAEN,wBAEA,6CACD;GACD,MAAM,CAEJ,sBAEA,yCACD;GACD,SAAS,CAEP,yBAEA,+CACD;GACF;EACD,MAAM;GACJ,IAAI,CAEF,8CACA,kCAAkC,GACnC;GACD,IAAI,CAEF,+CACA,kCAAkC,GACnC;GACD,IAAI,CAEF,SACD;GACD,IAAI,CAEF,UACD;GACD,IAAI,CAEF,WACA,kCAAkC,GACnC;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"}

package/dist/{timeline-title-BvyeNanK.js → timeline-title-DPQkU32C.js}

@@ -387,4 +387,4 @@ const TimelineTitle = ({ className, render, ...props }) => useRender({
 
 //#endregion
 export { TimelineDot as a, TimelineConnector as c, TimelineHeader as i, TimelineContext as l, TimelineTime as n, TimelineDescription as o, TimelineItem as r, TimelineContent as s, TimelineTitle as t };
-//# sourceMappingURL=timeline-title-BvyeNanK.js.map
+//# sourceMappingURL=timeline-title-DPQkU32C.js.map