@kuzenbo/core 0.0.2 → 0.0.4

package/dist/ui/tabs.js

@@ -0,0 +1,170 @@
+"use client";
+
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
+
+//#region src/ui/tabs/tabs-content.tsx
+const TabsContent = ({ className, ...props }) => /* @__PURE__ */ jsx(Tabs$1.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$1.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$1.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$1.Tab, {
+		className: mergeBaseUIClassName(tabsTriggerVariants({
+			size,
+			variant,
+			fullWidth
+		}), className),
+		"data-slot": "tabs-trigger",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/tabs/tabs.tsx
+const Tabs = ({ className, orientation = "horizontal", ...props }) => /* @__PURE__ */ jsx(Tabs$1.Root, {
+	className: mergeBaseUIClassName("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className),
+	"data-slot": "tabs",
+	orientation,
+	...props
+});
+Tabs.Content = TabsContent;
+Tabs.Indicator = TabsIndicator;
+Tabs.List = TabsList;
+Tabs.Trigger = TabsTrigger;
+
+//#endregion
+export { Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.js.map

package/dist/ui/tabs.js.map

@@ -0,0 +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"}

package/dist/ui/textarea.d.ts

@@ -0,0 +1,37 @@
+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

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

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

@@ -0,0 +1,38 @@
+"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";
+
+//#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

package/dist/ui/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../../src/ui/textarea/textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport 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":";;;;;;;;;AAUA,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/ui/theme-icon.d.ts

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

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

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

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

package/dist/ui/theme-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-icon.js","names":[],"sources":["../../src/ui/theme-icon/theme-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\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/ui/timeline.d.ts

@@ -0,0 +1,171 @@
+import * as react from "react";
+import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/timeline/timeline-connector.d.ts
+interface TimelineConnectorProps extends useRender.ComponentProps<"div"> {
+  forceMount?: boolean;
+}
+declare const TimelineConnector: ({
+  className,
+  render,
+  forceMount,
+  ...props
+}: TimelineConnectorProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/ui/timeline/timeline-content.d.ts
+type TimelineContentProps = useRender.ComponentProps<"div">;
+declare const TimelineContent: ({
+  className,
+  render,
+  ...props
+}: TimelineContentProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/ui/timeline/timeline-description.d.ts
+type TimelineDescriptionProps = useRender.ComponentProps<"div">;
+declare const TimelineDescription: ({
+  className,
+  render,
+  ...props
+}: TimelineDescriptionProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/ui/timeline/timeline-dot.d.ts
+type TimelineDotProps = useRender.ComponentProps<"div">;
+declare const TimelineDot: ({
+  className,
+  render,
+  ...props
+}: TimelineDotProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/ui/timeline/timeline-header.d.ts
+type TimelineHeaderProps = useRender.ComponentProps<"div">;
+declare const TimelineHeader: ({
+  className,
+  render,
+  ...props
+}: TimelineHeaderProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/ui/timeline/timeline-item.d.ts
+interface TimelineItemProps extends ComponentProps<"li"> {
+  index: number;
+  children?: ReactNode;
+}
+declare const TimelineItem: ({
+  index,
+  className,
+  children,
+  ...props
+}: TimelineItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/timeline/timeline-time.d.ts
+type TimelineTimeProps = useRender.ComponentProps<"time"> & Pick<ComponentProps<"time">, "dateTime">;
+declare const TimelineTime: ({
+  className,
+  render,
+  ...props
+}: TimelineTimeProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/ui/timeline/timeline-title.d.ts
+type TimelineTitleProps = useRender.ComponentProps<"div">;
+declare const TimelineTitle: ({
+  className,
+  render,
+  ...props
+}: TimelineTitleProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/ui/timeline/use-timeline.d.ts
+type Direction = "ltr" | "rtl";
+//#endregion
+//#region src/ui/timeline/timeline.d.ts
+declare const timelineVariants: tailwind_variants0.TVReturnType<{
+  orientation: {
+    vertical: string;
+    horizontal: string;
+  };
+  variant: {
+    default: string;
+    alternate: string;
+  };
+}, undefined, string[], {
+  orientation: {
+    vertical: string;
+    horizontal: string;
+  };
+  variant: {
+    default: string;
+    alternate: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  orientation: {
+    vertical: string;
+    horizontal: string;
+  };
+  variant: {
+    default: string;
+    alternate: string;
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+interface TimelineProps extends ComponentProps<"ol">, VariantProps<typeof timelineVariants> {
+  dir?: Direction;
+  activeIndex?: number;
+  children?: ReactNode;
+}
+declare const Timeline: {
+  ({
+    orientation,
+    variant,
+    dir,
+    activeIndex,
+    className,
+    children,
+    ...props
+  }: TimelineProps): react_jsx_runtime0.JSX.Element;
+  Connector: ({
+    className,
+    render,
+    forceMount,
+    ...props
+  }: TimelineConnectorProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Content: ({
+    className,
+    render,
+    ...props
+  }: TimelineContentProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Description: ({
+    className,
+    render,
+    ...props
+  }: TimelineDescriptionProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Dot: ({
+    className,
+    render,
+    ...props
+  }: TimelineDotProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Header: ({
+    className,
+    render,
+    ...props
+  }: TimelineHeaderProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Item: ({
+    index,
+    className,
+    children,
+    ...props
+  }: TimelineItemProps) => react_jsx_runtime0.JSX.Element;
+  Time: ({
+    className,
+    render,
+    ...props
+  }: TimelineTimeProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Title: ({
+    className,
+    render,
+    ...props
+  }: TimelineTitleProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+};
+//#endregion
+export { Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, TimelineDescription, type TimelineDescriptionProps, TimelineDot, type TimelineDotProps, TimelineHeader, type TimelineHeaderProps, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineTime, type TimelineTimeProps, TimelineTitle, type TimelineTitleProps, timelineVariants };
+//# sourceMappingURL=timeline.d.ts.map

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

@@ -0,0 +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"}