@kuzenbo/core 0.0.4 → 0.0.6

package/dist/ui/tabs.js

@@ -1,7 +1,7 @@
 "use client";
 
 import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
-import { createContext, useContext } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { tv } from "tailwind-variants";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
@@ -16,9 +16,9 @@ const TabsContent = ({ className, ...props }) => /* @__PURE__ */ jsx(Tabs$1.Pane
 //#endregion
 //#region src/ui/tabs/tabs-style-context.ts
 const tabsStyleDefaults = {
-	variant: "default",
+	fullWidth: false,
 	size: "md",
-	fullWidth: false
+	variant: "default"
 };
 const TabsStyleContext = createContext(tabsStyleDefaults);
 const useTabsStyleContext = () => useContext(TabsStyleContext);
@@ -26,24 +26,24 @@ 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",
+	base: "z-behind pointer-events-none absolute top-0 left-0 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",
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
 	variants: {
+		size: {
+			lg: "rounded-[var(--radius-md)]",
+			md: "rounded-[min(var(--radius-md),10px)]",
+			sm: "rounded-[min(var(--radius-md),8px)]",
+			xl: "rounded-[var(--radius-md)]",
+			xs: "rounded-[min(var(--radius-md),8px)]"
+		},
 		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 }) => {
@@ -62,90 +62,97 @@ const TabsIndicator = ({ className, ...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",
+	base: "group/tabs-list z-base text-muted-foreground relative inline-flex items-center justify-start group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:items-stretch",
+	defaultVariants: {
+		fullWidth: false,
+		size: "md",
+		variant: "default"
+	},
 	variants: {
 		fullWidth: {
-			true: "w-full",
-			false: "w-fit"
+			false: "w-fit",
+			true: "w-full"
+		},
+		size: {
+			lg: "group-data-[orientation=horizontal]/tabs:min-h-9",
+			md: "group-data-[orientation=horizontal]/tabs:min-h-8",
+			sm: "group-data-[orientation=horizontal]/tabs:min-h-7",
+			xl: "group-data-[orientation=horizontal]/tabs:min-h-10",
+			xs: "group-data-[orientation=horizontal]/tabs:min-h-6"
 		},
 		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"
+			pill: "bg-muted gap-1 rounded-md p-1"
 		}
-	},
-	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: {
+const TabsList = ({ className, variant = tabsStyleDefaults.variant, size = tabsStyleDefaults.size, fullWidth = tabsStyleDefaults.fullWidth, ...props }) => {
+	const contextValue = useMemo(() => ({
+		fullWidth,
+		size,
+		variant
+	}), [
 		size,
 		variant,
 		fullWidth
-	},
-	children: /* @__PURE__ */ jsx(Tabs$1.List, {
-		className: mergeBaseUIClassName(tabsListVariants({
-			size,
-			variant,
-			fullWidth
-		}), className),
-		"data-size": size,
-		"data-slot": "tabs-list",
-		"data-variant": variant,
-		"data-full-width": fullWidth,
-		...props
-	})
-});
+	]);
+	return /* @__PURE__ */ jsx(TabsStyleContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Tabs$1.List, {
+			className: mergeBaseUIClassName(tabsListVariants({
+				fullWidth,
+				size,
+				variant
+			}), 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",
+	base: "cursor-clickable text-muted-foreground hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 data-active:text-foreground relative inline-flex items-center justify-center gap-1.5 border border-transparent font-medium break-keep whitespace-nowrap transition-colors outline-none select-none group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
 	compoundVariants: [{
-		fullWidth: true,
-		class: "min-w-0 flex-1"
+		class: "min-w-0 flex-1",
+		fullWidth: true
 	}],
+	defaultVariants: {
+		fullWidth: false,
+		size: "md",
+		variant: "default"
+	},
 	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"
+		fullWidth: {
+			false: "",
+			true: ""
 		},
 		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"
+			md: "h-8 px-2.5 text-sm",
+			sm: "h-7 px-2 text-xs [&_svg:not([class*='size-'])]:size-3.5",
+			xl: "h-10 px-3.5 text-base [&_svg:not([class*='size-'])]:size-5",
+			xs: "h-6 px-2 text-xs [&_svg:not([class*='size-'])]:size-3"
 		},
-		fullWidth: {
-			true: "",
-			false: ""
+		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: "data-active:text-foreground rounded-md border-transparent"
 		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "md",
-		fullWidth: false
 	}
 });
 const TabsTrigger = ({ className, ...props }) => {
 	const { size, variant, fullWidth } = useTabsStyleContext();
 	return /* @__PURE__ */ jsx(Tabs$1.Tab, {
 		className: mergeBaseUIClassName(tabsTriggerVariants({
+			fullWidth,
 			size,
-			variant,
-			fullWidth
+			variant
 		}), className),
 		"data-slot": "tabs-trigger",
 		...props

package/dist/ui/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["TabsPrimitive","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","../../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\";\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","\"use client\";\n\nimport { 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","\"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.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":";;;;;;;;;AAOA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACA,OAAc;CACb,WAAW,qBACT,qKACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACCJ,MAAM,oBAA2C;CAC/C,SAAS;CACT,MAAM;CACN,WAAW;CACZ;AAED,MAAM,mBACJ,cAAqC,kBAAkB;AAEzD,MAAM,4BAA4B,WAAW,iBAAiB;;;;AChB9D,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,OAAc;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,OAAc;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,OAAc;EACb,WAAW,qBACT,oBAAoB;GAAE;GAAM;GAAS;GAAW,CAAC,EACjD,UACD;EACD,aAAU;EACV,GAAI;GACJ;;;;;ACrCN,MAAM,QAAQ,EACZ,WACA,cAAc,cACd,GAAG,YAEH,oBAACC,OAAc;CACb,WAAW,qBACT,gEACA,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","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","../../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\";\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","\"use client\";\n\nimport { 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  fullWidth: false,\n  size: \"md\",\n  variant: \"default\",\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: \"z-behind pointer-events-none absolute top-0 left-0 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  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      lg: \"rounded-[var(--radius-md)]\",\n      md: \"rounded-[min(var(--radius-md),10px)]\",\n      sm: \"rounded-[min(var(--radius-md),8px)]\",\n      xl: \"rounded-[var(--radius-md)]\",\n      xs: \"rounded-[min(var(--radius-md),8px)]\",\n    },\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  },\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 { useMemo } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { TabsStyleContext, tabsStyleDefaults } from \"./tabs-style-context\";\nimport type { TabsListSize, TabsListVariant } from \"./tabs-style-context\";\nexport type TabsListProps = TabsPrimitive.List.Props &\n  VariantProps<typeof tabsListVariants>;\n\nconst tabsListVariants = tv({\n  base: \"group/tabs-list z-base text-muted-foreground relative inline-flex items-center justify-start group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:items-stretch\",\n  defaultVariants: {\n    fullWidth: false,\n    size: \"md\",\n    variant: \"default\",\n  },\n  variants: {\n    fullWidth: {\n      false: \"w-fit\",\n      true: \"w-full\",\n    },\n    size: {\n      lg: \"group-data-[orientation=horizontal]/tabs:min-h-9\",\n      md: \"group-data-[orientation=horizontal]/tabs:min-h-8\",\n      sm: \"group-data-[orientation=horizontal]/tabs:min-h-7\",\n      xl: \"group-data-[orientation=horizontal]/tabs:min-h-10\",\n      xs: \"group-data-[orientation=horizontal]/tabs:min-h-6\",\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: \"bg-muted gap-1 rounded-md p-1\",\n    },\n  },\n});\n\nconst TabsList = ({\n  className,\n  variant = tabsStyleDefaults.variant,\n  size = tabsStyleDefaults.size,\n  fullWidth = tabsStyleDefaults.fullWidth,\n  ...props\n}: TabsListProps) => {\n  const contextValue = useMemo(\n    () => ({ fullWidth, size, variant }),\n    [size, variant, fullWidth]\n  );\n\n  return (\n    <TabsStyleContext.Provider value={contextValue}>\n      <TabsPrimitive.List\n        className={mergeBaseUIClassName<TabsPrimitive.List.State>(\n          tabsListVariants({ fullWidth, size, variant }),\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};\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: \"cursor-clickable text-muted-foreground hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 data-active:text-foreground relative inline-flex items-center justify-center gap-1.5 border border-transparent font-medium break-keep whitespace-nowrap transition-colors outline-none select-none group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] 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  compoundVariants: [{ class: \"min-w-0 flex-1\", fullWidth: true }],\n  defaultVariants: {\n    fullWidth: false,\n    size: \"md\",\n    variant: \"default\",\n  },\n  variants: {\n    fullWidth: {\n      false: \"\",\n      true: \"\",\n    },\n    size: {\n      lg: \"h-9 px-3 text-sm\",\n      md: \"h-8 px-2.5 text-sm\",\n      sm: \"h-7 px-2 text-xs [&_svg:not([class*='size-'])]:size-3.5\",\n      xl: \"h-10 px-3.5 text-base [&_svg:not([class*='size-'])]:size-5\",\n      xs: \"h-6 px-2 text-xs [&_svg:not([class*='size-'])]:size-3\",\n    },\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: \"data-active:text-foreground rounded-md border-transparent\",\n    },\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({ fullWidth, size, variant }),\n        className\n      )}\n      data-slot=\"tabs-trigger\"\n      {...props}\n    />\n  );\n};\n\nexport { TabsTrigger };\n","\"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.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":";;;;;;;;;AAOA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACA,OAAc,OAAf;CACE,WAAW,qBACT,qKACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACCJ,MAAM,oBAA2C;CAC/C,WAAW;CACX,MAAM;CACN,SAAS;CACV;AAED,MAAM,mBACJ,cAAqC,kBAAkB;AAEzD,MAAM,4BAA4B,WAAW,iBAAiB;;;;AChB9D,MAAM,wBAAwB,GAAG;CAC/B,MAAM;CACN,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,SAAS;GACT,MAAM;GACN,MAAM;GACP;EACF;CACF,CAAC;AAEF,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;CACrE,MAAM,EAAE,MAAM,YAAY,qBAAqB;AAE/C,QACE,oBAACC,OAAc,WAAf;EACE,WAAW,qBACT,sBAAsB;GAAE;GAAM;GAAS,CAAC,EACxC,UACD;EACD,aAAU;EACV;EACA,GAAI;EACJ;;;;;AC9BN,MAAM,mBAAmB,GAAG;CAC1B,MAAM;CACN,iBAAiB;EACf,WAAW;EACX,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,WAAW;GACT,OAAO;GACP,MAAM;GACP;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,SACE;GACF,MAAM;GACN,MAAM;GACP;EACF;CACF,CAAC;AAEF,MAAM,YAAY,EAChB,WACA,UAAU,kBAAkB,SAC5B,OAAO,kBAAkB,MACzB,YAAY,kBAAkB,WAC9B,GAAG,YACgB;CACnB,MAAM,eAAe,eACZ;EAAE;EAAW;EAAM;EAAS,GACnC;EAAC;EAAM;EAAS;EAAU,CAC3B;AAED,QACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;YAChC,oBAACC,OAAc,MAAf;GACE,WAAW,qBACT,iBAAiB;IAAE;IAAW;IAAM;IAAS,CAAC,EAC9C,UACD;GACD,aAAW;GACX,aAAU;GACV,gBAAc;GACd,mBAAiB;GACjB,GAAI;GACJ;EACwB;;;;;ACzDhC,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,kBAAkB,CAAC;EAAE,OAAO;EAAkB,WAAW;EAAM,CAAC;CAChE,iBAAiB;EACf,WAAW;EACX,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,WAAW;GACT,OAAO;GACP,MAAM;GACP;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,SAAS;GACT,MAAM;GACN,MAAM;GACP;EACF;CACF,CAAC;AAEF,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;CACjE,MAAM,EAAE,MAAM,SAAS,cAAc,qBAAqB;AAE1D,QACE,oBAACC,OAAc,KAAf;EACE,WAAW,qBACT,oBAAoB;GAAE;GAAW;GAAM;GAAS,CAAC,EACjD,UACD;EACD,aAAU;EACV,GAAI;EACJ;;;;;ACrCN,MAAM,QAAQ,EACZ,WACA,cAAc,cACd,GAAG,YAEH,oBAACC,OAAc,MAAf;CACE,WAAW,qBACT,gEACA,UACD;CACD,aAAU;CACG;CACb,GAAI;CACJ;AAGJ,KAAK,UAAU;AACf,KAAK,YAAY;AACjB,KAAK,OAAO;AACZ,KAAK,UAAU"}

package/dist/ui/textarea.d.ts

@@ -1,37 +1,2 @@
-import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as tailwind_variants0 from "tailwind-variants";
-import { VariantProps } from "tailwind-variants";
-import TextareaAutosize from "react-textarea-autosize";
-
-//#region src/ui/textarea/textarea.d.ts
-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
+import { n as TextareaProps, t as Textarea } from "../textarea-rmoEkvdu.js";
+export { Textarea, TextareaProps };

package/dist/ui/textarea.js

@@ -1,38 +1,5 @@
 "use client";
 
-import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
-import { t as useTextareaDefaultProps } from "../use-textarea-default-props-7MlOxkDO.js";
-import { jsx } from "react/jsx-runtime";
-import { tv } from "tailwind-variants";
-import TextareaAutosize from "react-textarea-autosize";
+import { t as Textarea } from "../textarea-vNt8edEA.js";
 
-//#region src/ui/textarea/textarea.tsx
-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 };
-//# sourceMappingURL=textarea.js.map
+export { Textarea };

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

@@ -5,61 +5,61 @@ import { useRender } from "@base-ui/react/use-render";
 
 //#region src/ui/theme-icon/theme-icon.d.ts
 declare const themeIconVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    lg: string[];
+    md: string[];
+    sm: string[];
+    xl: string[];
+    xs: string[];
+  };
   variant: {
+    danger: string[];
     default: string[];
-    outline: string[];
-    secondary: string[];
     ghost: never[];
-    link: string[];
-    warning: string[];
-    danger: string[];
     info: string[];
+    link: string[];
+    outline: string[];
+    secondary: string[];
     success: string[];
+    warning: string[];
   };
+}, undefined, string[], {
   size: {
-    xs: string[];
-    sm: string[];
-    md: string[];
     lg: string[];
+    md: string[];
+    sm: string[];
     xl: string[];
+    xs: string[];
   };
-}, undefined, string[], {
   variant: {
+    danger: string[];
     default: string[];
-    outline: string[];
-    secondary: string[];
     ghost: never[];
-    link: string[];
-    warning: string[];
-    danger: string[];
     info: string[];
+    link: string[];
+    outline: string[];
+    secondary: string[];
     success: string[];
+    warning: string[];
   };
+}, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string[];
-    sm: string[];
-    md: string[];
     lg: string[];
+    md: string[];
+    sm: string[];
     xl: string[];
+    xs: string[];
   };
-}, undefined, tailwind_variants0.TVReturnType<{
   variant: {
+    danger: string[];
     default: string[];
-    outline: string[];
-    secondary: string[];
     ghost: never[];
-    link: string[];
-    warning: string[];
-    danger: string[];
     info: string[];
+    link: string[];
+    outline: string[];
+    secondary: string[];
     success: string[];
-  };
-  size: {
-    xs: string[];
-    sm: string[];
-    md: string[];
-    lg: string[];
-    xl: string[];
+    warning: string[];
   };
 }, undefined, string[], unknown, unknown, undefined>>;
 type ThemeIconVariants = VariantProps<typeof themeIconVariants>;

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"theme-icon.d.ts","names":[],"sources":["../../src/ui/theme-icon/theme-icon.tsx"],"mappings":";;;;;;cASa,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/ui/theme-icon.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { r as DEFAULT_NESTED_ICON_CLASS_BY_SIZE } from "../size-system-DTXmtQXw.js";
+import { i as resolveDefaultNestedIconClassBySize } from "../size-system-BTsMqZRQ.js";
 import { tv } from "tailwind-variants";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
@@ -13,43 +13,43 @@ const themeIconVariants = tv({
 		"transition-all outline-none",
 		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
 	],
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
 	variants: {
+		size: {
+			lg: ["size-10"],
+			md: ["size-9"],
+			sm: ["size-8 rounded-[min(var(--radius-md),10px)]", resolveDefaultNestedIconClassBySize("sm")],
+			xl: ["size-11", resolveDefaultNestedIconClassBySize("xl")],
+			xs: ["size-6 rounded-[min(var(--radius-md),8px)]", resolveDefaultNestedIconClassBySize("xs")]
+		},
 		variant: {
+			danger: ["border-danger-border", "bg-danger text-danger-foreground shadow-xs"],
 			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-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: {
-			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-11", DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xl]
+			link: ["text-primary-foreground"],
+			outline: ["border-border bg-background border shadow-xs", "dark:border-input dark:bg-input/30"],
+			secondary: ["bg-secondary text-secondary-foreground shadow-xs"],
+			success: ["border-success-border", "bg-success text-success-foreground shadow-xs"],
+			warning: ["border-warning-border", "bg-warning text-warning-foreground shadow-xs"]
 		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "md"
 	}
 });
 const ThemeIcon = ({ className, variant, size, render, ...props }) => {
 	return useRender({
 		defaultTagName: "div",
-		render,
 		props: mergeProps({ className: themeIconVariants({
-			variant,
+			className,
 			size,
-			className
+			variant
 		}) }, {
 			"data-slot": "theme-icon",
 			...props
-		})
+		}),
+		render
 	});
 };
 

package/dist/ui/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\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"}
+{"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 } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { resolveDefaultNestedIconClassBySize } 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  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      lg: [\n        // Dimensions: large square size\n        \"size-10\",\n      ],\n      md: [\n        // Dimensions: standard square size\n        \"size-9\",\n      ],\n      sm: [\n        // Dimensions: small square size\n        \"size-8 rounded-[min(var(--radius-md),10px)]\",\n        resolveDefaultNestedIconClassBySize(\"sm\"),\n      ],\n      xl: [\n        // Dimensions: extra large square size\n        \"size-11\",\n        resolveDefaultNestedIconClassBySize(\"xl\"),\n      ],\n      xs: [\n        // Dimensions: compact square size\n        \"size-6 rounded-[min(var(--radius-md),8px)]\",\n        resolveDefaultNestedIconClassBySize(\"xs\"),\n      ],\n    },\n    variant: {\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      default: [\n        // Background: primary color scheme with shadow\n        \"bg-primary text-primary-foreground shadow-xs\",\n      ],\n      ghost: [\n        // No additional styles for ghost variant\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      link: [\n        // Typography: primary text color\n        \"text-primary-foreground\",\n      ],\n      outline: [\n        // Border: visible border with background\n        \"border-border bg-background border 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      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      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    },\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    props: mergeProps<\"div\">(\n      {\n        className: themeIconVariants({ className, size, variant }),\n      },\n      {\n        \"data-slot\": \"theme-icon\",\n        ...props,\n      }\n    ),\n    render,\n  });\n\n  return element;\n};\n"],"mappings":";;;;;;;;AASA,MAAa,oBAAoB,GAAG;CAClC,MAAM;EAEJ;EAEA;EAEA;EAEA;EACD;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,MAAM;GACJ,IAAI,CAEF,UACD;GACD,IAAI,CAEF,SACD;GACD,IAAI,CAEF,+CACA,oCAAoC,KAAK,CAC1C;GACD,IAAI,CAEF,WACA,oCAAoC,KAAK,CAC1C;GACD,IAAI,CAEF,8CACA,oCAAoC,KAAK,CAC1C;GACF;EACD,SAAS;GACP,QAAQ,CAEN,wBAEA,6CACD;GACD,SAAS,CAEP,+CACD;GACD,OAAO,EAEN;GACD,MAAM,CAEJ,sBAEA,yCACD;GACD,MAAM,CAEJ,0BACD;GACD,SAAS,CAEP,gDAEA,qCACD;GACD,WAAW,CAET,mDACD;GACD,SAAS,CAEP,yBAEA,+CACD;GACD,SAAS,CAEP,yBAEA,+CACD;GACF;EACF;CACF,CAAC;AASF,MAAa,aAAa,EACxB,WACA,SACA,MACA,QACA,GAAG,YACiB;AAepB,QAdgB,UAAU;EACxB,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,kBAAkB;GAAE;GAAW;GAAM;GAAS,CAAC,EAC3D,EACD;GACE,aAAa;GACb,GAAG;GACJ,CACF;EACD;EACD,CAAC"}

package/dist/ui/timeline.d.ts

@@ -82,30 +82,30 @@ type Direction = "ltr" | "rtl";
 //#region src/ui/timeline/timeline.d.ts
 declare const timelineVariants: tailwind_variants0.TVReturnType<{
   orientation: {
-    vertical: string;
     horizontal: string;
+    vertical: string;
   };
   variant: {
-    default: string;
     alternate: string;
+    default: string;
   };
 }, undefined, string[], {
   orientation: {
-    vertical: string;
     horizontal: string;
+    vertical: string;
   };
   variant: {
-    default: string;
     alternate: string;
+    default: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   orientation: {
-    vertical: string;
     horizontal: string;
+    vertical: string;
   };
   variant: {
-    default: string;
     alternate: string;
+    default: string;
   };
 }, undefined, string[], unknown, unknown, undefined>>;
 interface TimelineProps extends ComponentProps<"ol">, VariantProps<typeof timelineVariants> {

package/dist/ui/timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.d.ts","names":[],"sources":["../../src/ui/timeline/timeline-connector.tsx","../../src/ui/timeline/timeline-content.tsx","../../src/ui/timeline/timeline-description.tsx","../../src/ui/timeline/timeline-dot.tsx","../../src/ui/timeline/timeline-header.tsx","../../src/ui/timeline/timeline-item.tsx","../../src/ui/timeline/timeline-time.tsx","../../src/ui/timeline/timeline-title.tsx","../../src/ui/timeline/use-timeline.ts","../../src/ui/timeline/timeline.tsx"],"mappings":";;;;;;;;UA0FU,sBAAA,SAA+B,SAAA,CAAU,cAAA;EACjD,UAAA;AAAA;AAAA,cAGI,iBAAA;EAAqB,SAAA;EAAA,MAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAKxB,sBAAA,KAAsB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KClDpB,oBAAA,GAAuB,SAAA,CAAU,cAAA;AAAA,cAEhC,eAAA;EAAmB,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAItB,oBAAA,KAAoB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KCnDlB,wBAAA,GAA2B,SAAA,CAAU,cAAA;AAAA,cAEpC,mBAAA;EAAuB,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAI1B,wBAAA,KAAwB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KCiDtB,gBAAA,GAAmB,SAAA,CAAU,cAAA;AAAA,cAE5B,WAAA;EAAe,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAAiC,gBAAA,KAAgB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KCzDjE,mBAAA,GAAsB,SAAA,CAAU,cAAA;AAAA,cAE/B,cAAA;EAAkB,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAAiC,mBAAA,KAAmB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;UCuDlE,iBAAA,SAA0B,cAAA;EAClC,KAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA,cAGP,YAAA;EAAgB,KAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAKnB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCjEf,iBAAA,GAAoB,SAAA,CAAU,cAAA,WACjC,IAAA,CAAK,cAAA;AAAA,cAED,YAAA;EAAgB,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAAiC,iBAAA,KAAiB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KCLnE,kBAAA,GAAqB,SAAA,CAAU,cAAA;AAAA,cAE9B,aAAA;EAAiB,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAAiC,kBAAA,KAAkB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KCFrE,SAAA;;;cCWC,gBAAA,EA0CJ,kBAAA,CA1CoB,YAAA;;;;;;;;;;;;;;;;;;cA0CpB,kBAAA,CAAA,YAAA;;;;;;;;;;UAEQ,aAAA,SACA,cAAA,QAAsB,YAAA,QAAoB,gBAAA;EAClD,GAAA,GAAM,SAAA;EACN,WAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA,cAGP,QAAA;EAAA;;;;;;;;KAQH,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"timeline.d.ts","names":[],"sources":["../../src/ui/timeline/timeline-connector.tsx","../../src/ui/timeline/timeline-content.tsx","../../src/ui/timeline/timeline-description.tsx","../../src/ui/timeline/timeline-dot.tsx","../../src/ui/timeline/timeline-header.tsx","../../src/ui/timeline/timeline-item.tsx","../../src/ui/timeline/timeline-time.tsx","../../src/ui/timeline/timeline-title.tsx","../../src/ui/timeline/use-timeline.ts","../../src/ui/timeline/timeline.tsx"],"mappings":";;;;;;;;UA0FU,sBAAA,SAA+B,SAAA,CAAU,cAAA;EACjD,UAAA;AAAA;AAAA,cAGI,iBAAA;EAAqB,SAAA;EAAA,MAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAKxB,sBAAA,KAAsB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KClDpB,oBAAA,GAAuB,SAAA,CAAU,cAAA;AAAA,cAEhC,eAAA;EAAmB,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAItB,oBAAA,KAAoB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KCnDlB,wBAAA,GAA2B,SAAA,CAAU,cAAA;AAAA,cAEpC,mBAAA;EAAuB,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAI1B,wBAAA,KAAwB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KCiDtB,gBAAA,GAAmB,SAAA,CAAU,cAAA;AAAA,cAE5B,WAAA;EAAe,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAAiC,gBAAA,KAAgB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KCzDjE,mBAAA,GAAsB,SAAA,CAAU,cAAA;AAAA,cAE/B,cAAA;EAAkB,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAAiC,mBAAA,KAAmB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;UCwDlE,iBAAA,SAA0B,cAAA;EAClC,KAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA,cAGP,YAAA;EAAgB,KAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAKnB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCnEf,iBAAA,GAAoB,SAAA,CAAU,cAAA,WACjC,IAAA,CAAK,cAAA;AAAA,cAED,YAAA;EAAgB,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAAiC,iBAAA,KAAiB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KCJnE,kBAAA,GAAqB,SAAA,CAAU,cAAA;AAAA,cAE9B,aAAA;EAAiB,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAAiC,kBAAA,KAAkB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KCFrE,SAAA;;;cCcC,gBAAA,EA0CJ,kBAAA,CA1CoB,YAAA;;;;;;;;;;;;;;;;;;cA0CpB,kBAAA,CAAA,YAAA;;;;;;;;;;UAEQ,aAAA,SACA,cAAA,QAAsB,YAAA,QAAoB,gBAAA;EAClD,GAAA,GAAM,SAAA;EACN,WAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA,cAGP,QAAA;EAAA;;;;;;;;KAQH,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}