@lglab/compose-ui 0.27.0 → 0.29.0

package/dist/slider.js

@@ -1,63 +1,54 @@
-"use client";
-import { jsx as l } from "react/jsx-runtime";
-import { Slider as o } from "@base-ui/react/slider";
-import { c as a } from "./utils-B6yFEsav.js";
-const i = ({ className: e, ...r }) => /* @__PURE__ */ l(o.Root, { className: a("w-full", e), ...r });
-i.displayName = "SliderRoot";
-const t = ({ className: e, ...r }) => /* @__PURE__ */ l(
-  o.Value,
-  {
-    className: a("text-sm font-medium text-foreground", e),
-    ...r
-  }
-);
-t.displayName = "SliderValue";
-const n = ({ className: e, ...r }) => /* @__PURE__ */ l(
-  o.Control,
-  {
-    className: a("flex w-full touch-none items-center py-2 select-none", e),
-    ...r
-  }
-);
-n.displayName = "SliderControl";
-const s = ({ className: e, ...r }) => /* @__PURE__ */ l(
-  o.Track,
-  {
-    className: a("relative h-1.5 w-full rounded-full bg-primary/20", e),
-    ...r
-  }
-);
-s.displayName = "SliderTrack";
-const d = ({ className: e, ...r }) => /* @__PURE__ */ l(
-  o.Indicator,
-  {
-    className: a("rounded-full bg-primary", e),
-    ...r
-  }
-);
-d.displayName = "SliderIndicator";
-const u = ({ className: e, ...r }) => /* @__PURE__ */ l(
-  o.Thumb,
-  {
-    className: a(
-      "size-4 rounded-full bg-background",
-      "outline",
-      "shadow-sm",
-      "transition-[box-shadow,outline-color] duration-150",
-      "hover:outline-primary/50",
-      "focus-visible:outline-2 focus-visible:outline-primary",
-      "data-dragging:outline-2 data-dragging:outline-primary",
-      e
-    ),
-    ...r
-  }
-);
-u.displayName = "SliderThumb";
-export {
-  n as SliderControl,
-  d as SliderIndicator,
-  i as SliderRoot,
-  u as SliderThumb,
-  s as SliderTrack,
-  t as SliderValue
+'use client';
+
+import { cn } from "./lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Slider } from "@base-ui/react/slider";
+
+//#region src/components/slider.tsx
+const SliderRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Slider.Root, {
+		className: cn("w-full", className),
+		...props
+	});
 };
+SliderRoot.displayName = "SliderRoot";
+const SliderValue = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Slider.Value, {
+		className: cn("text-sm font-medium text-foreground", className),
+		...props
+	});
+};
+SliderValue.displayName = "SliderValue";
+const SliderControl = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Slider.Control, {
+		className: cn("flex w-full touch-none items-center py-2 select-none", className),
+		...props
+	});
+};
+SliderControl.displayName = "SliderControl";
+const SliderTrack = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Slider.Track, {
+		className: cn("relative h-1.5 w-full rounded-full bg-primary/20", className),
+		...props
+	});
+};
+SliderTrack.displayName = "SliderTrack";
+const SliderIndicator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Slider.Indicator, {
+		className: cn("rounded-full bg-primary", className),
+		...props
+	});
+};
+SliderIndicator.displayName = "SliderIndicator";
+const SliderThumb = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Slider.Thumb, {
+		className: cn("size-4 rounded-full bg-background", "outline", "shadow-sm", "transition-[box-shadow,outline-color] duration-150", "hover:outline-primary/50", "focus-visible:outline-2 focus-visible:outline-primary", "data-dragging:outline-2 data-dragging:outline-primary", className),
+		...props
+	});
+};
+SliderThumb.displayName = "SliderThumb";
+
+//#endregion
+export { SliderControl, SliderIndicator, SliderRoot, SliderThumb, SliderTrack, SliderValue };
+//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":["BaseSlider"],"sources":["../src/components/slider.tsx"],"sourcesContent":["'use client'\n\nimport { Slider as BaseSlider } from '@base-ui/react/slider'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// SliderRoot\n// ============================================================================\n\ntype SliderRootProps = React.ComponentProps<typeof BaseSlider.Root>\n\nconst SliderRoot = ({ className, ...props }: SliderRootProps) => {\n  return <BaseSlider.Root className={cn('w-full', className)} {...props} />\n}\n\nSliderRoot.displayName = 'SliderRoot'\n\n// ============================================================================\n// SliderValue\n// ============================================================================\n\ntype SliderValueProps = React.ComponentProps<typeof BaseSlider.Value>\n\nconst SliderValue = ({ className, ...props }: SliderValueProps) => {\n  return (\n    <BaseSlider.Value\n      className={cn('text-sm font-medium text-foreground', className)}\n      {...props}\n    />\n  )\n}\n\nSliderValue.displayName = 'SliderValue'\n\n// ============================================================================\n// SliderControl\n// ============================================================================\n\ntype SliderControlProps = React.ComponentProps<typeof BaseSlider.Control>\n\nconst SliderControl = ({ className, ...props }: SliderControlProps) => {\n  return (\n    <BaseSlider.Control\n      className={cn('flex w-full touch-none items-center py-2 select-none', className)}\n      {...props}\n    />\n  )\n}\n\nSliderControl.displayName = 'SliderControl'\n\n// ============================================================================\n// SliderTrack\n// ============================================================================\n\ntype SliderTrackProps = React.ComponentProps<typeof BaseSlider.Track>\n\nconst SliderTrack = ({ className, ...props }: SliderTrackProps) => {\n  return (\n    <BaseSlider.Track\n      className={cn('relative h-1.5 w-full rounded-full bg-primary/20', className)}\n      {...props}\n    />\n  )\n}\n\nSliderTrack.displayName = 'SliderTrack'\n\n// ============================================================================\n// SliderIndicator\n// ============================================================================\n\ntype SliderIndicatorProps = React.ComponentProps<typeof BaseSlider.Indicator>\n\nconst SliderIndicator = ({ className, ...props }: SliderIndicatorProps) => {\n  return (\n    <BaseSlider.Indicator\n      className={cn('rounded-full bg-primary', className)}\n      {...props}\n    />\n  )\n}\n\nSliderIndicator.displayName = 'SliderIndicator'\n\n// ============================================================================\n// SliderThumb\n// ============================================================================\n\ntype SliderThumbProps = React.ComponentProps<typeof BaseSlider.Thumb>\n\nconst SliderThumb = ({ className, ...props }: SliderThumbProps) => {\n  return (\n    <BaseSlider.Thumb\n      className={cn(\n        'size-4 rounded-full bg-background',\n        'outline',\n        'shadow-sm',\n        'transition-[box-shadow,outline-color] duration-150',\n        'hover:outline-primary/50',\n        'focus-visible:outline-2 focus-visible:outline-primary',\n        'data-dragging:outline-2 data-dragging:outline-primary',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nSliderThumb.displayName = 'SliderThumb'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  SliderRoot,\n  SliderValue,\n  SliderControl,\n  SliderTrack,\n  SliderIndicator,\n  SliderThumb,\n}\n\nexport type {\n  SliderRootProps,\n  SliderValueProps,\n  SliderControlProps,\n  SliderTrackProps,\n  SliderIndicatorProps,\n  SliderThumbProps,\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,cAAc,EAAE,WAAW,GAAG,YAA6B;AAC/D,QAAO,oBAACA,OAAW;EAAK,WAAW,GAAG,UAAU,UAAU;EAAE,GAAI;GAAS;;AAG3E,WAAW,cAAc;AAQzB,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QACE,oBAACA,OAAW;EACV,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;GACJ;;AAIN,YAAY,cAAc;AAQ1B,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,OAAW;EACV,WAAW,GAAG,wDAAwD,UAAU;EAChF,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QACE,oBAACA,OAAW;EACV,WAAW,GAAG,oDAAoD,UAAU;EAC5E,GAAI;GACJ;;AAIN,YAAY,cAAc;AAQ1B,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QACE,oBAACA,OAAW;EACV,WAAW,GAAG,2BAA2B,UAAU;EACnD,GAAI;GACJ;;AAIN,gBAAgB,cAAc;AAQ9B,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QACE,oBAACA,OAAW;EACV,WAAW,GACT,qCACA,WACA,aACA,sDACA,4BACA,yDACA,yDACA,UACD;EACD,GAAI;GACJ;;AAIN,YAAY,cAAc"}

package/dist/styles/default.css

@@ -1,4 +1,5 @@
 @theme inline {
+  --animate-shimmer: shimmer 2s infinite;
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
@@ -17,11 +18,15 @@
   --color-accent: var(--accent);
   --color-accent-foreground: var(--accent-foreground);
   --color-destructive: var(--destructive);
+  --color-success: var(--success);
+  --color-warning: var(--warning);
+  --color-info: var(--info);
   --color-input: var(--input);
   --color-border: var(--border);
   --color-ring: var(--ring);
   --color-card: var(--card);
   --color-card-foreground: var(--card-foreground);
+  --color-skeleton: var(--skeleton);
 }
 
 :root {
@@ -37,11 +42,15 @@
   --accent: oklch(0.97 0 0);
   --accent-foreground: oklch(0.205 0 0);
   --destructive: oklch(0.577 0.245 27.325);
+  --success: oklch(0.59 0.2 145);
+  --warning: oklch(0.75 0.18 85);
+  --info: oklch(0.55 0.2 255);
   --border: oklch(0.922 0 0);
   --input: oklch(0.922 0 0);
   --ring: oklch(0.708 0 0);
   --card: oklch(1 0 0);
   --card-foreground: oklch(0.145 0 0);
+  --skeleton: oklch(0.94 0 0);
 }
 
 .dark {
@@ -56,11 +65,15 @@
   --accent: oklch(0.269 0 0);
   --accent-foreground: oklch(0.985 0 0);
   --destructive: oklch(0.704 0.191 22.216);
+  --success: oklch(0.65 0.2 145);
+  --warning: oklch(0.795 0.184 86.047);
+  --info: oklch(0.65 0.2 255);
   --border: oklch(1 0 0 / 10%);
   --input: oklch(1 0 0 / 15%);
   --ring: oklch(0.556 0 0);
   --card: oklch(0.205 0 0);
   --card-foreground: oklch(0.985 0 0);
+  --skeleton: oklch(0.269 0 0);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -76,11 +89,15 @@
     --accent: oklch(0.269 0 0);
     --accent-foreground: oklch(0.985 0 0);
     --destructive: oklch(0.704 0.191 22.216);
+    --success: oklch(0.65 0.2 145);
+    --warning: oklch(0.795 0.184 86.047);
+    --info: oklch(0.65 0.2 255);
     --input: oklch(1 0 0 / 15%);
     --border: oklch(1 0 0 / 10%);
     --ring: oklch(0.556 0 0);
     --card: oklch(0.205 0 0);
     --card-foreground: oklch(0.985 0 0);
+    --skeleton: oklch(0.9 0 0);
   }
 }
 
@@ -99,3 +116,12 @@
     transition-duration: 0.01ms !important;
   }
 }
+
+@keyframes shimmer {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(200%);
+  }
+}

package/dist/switch.d.ts

@@ -1,19 +1,24 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { Switch } from '@base-ui/react/switch';
-
-export declare const SwitchRoot: {
-    ({ className, ...props }: SwitchRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SwitchRootProps = React_2.ComponentProps<typeof Switch.Root>;
-
-export declare const SwitchThumb: {
-    ({ className, ...props }: SwitchThumbProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SwitchThumbProps = React_2.ComponentProps<typeof Switch.Thumb>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime124 from "react/jsx-runtime";
+import { Switch } from "@base-ui/react/switch";
+
+//#region src/components/switch.d.ts
+type SwitchRootProps = React.ComponentProps<typeof Switch.Root>;
+declare const SwitchRoot: {
+  ({
+    className,
+    ...props
+  }: SwitchRootProps): react_jsx_runtime124.JSX.Element;
+  displayName: string;
+};
+type SwitchThumbProps = React.ComponentProps<typeof Switch.Thumb>;
+declare const SwitchThumb: {
+  ({
+    className,
+    ...props
+  }: SwitchThumbProps): react_jsx_runtime124.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { SwitchRoot, type SwitchRootProps, SwitchThumb, type SwitchThumbProps };
+//# sourceMappingURL=switch.d.ts.map

package/dist/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../src/components/switch.tsx"],"sourcesContent":[],"mappings":";;;;;KASK,eAAA,GAAkB,KAAA,CAAM,sBAAsB,MAAA,CAAW;cAExD;;;;KAAuC,kBAAe,oBAAA,CAAA,GAAA,CAAA;EAFvD,WAAA,EAAA,MAAe;CAAA;KA0Bf,gBAAA,GAAmB,KAAA,CAAM,cA1BgC,CAAA,OA0BV,MAAA,CAAW,KA1BD,CAAA;cA4BxD,WA5BuB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA4BG,gBA5BH,CAAA,EA4BmB,oBAAA,CAAA,GAAA,CAAA,OA5BnB;EAErC,WAAA,EAgBL,MAAA;CAAA"}

package/dist/switch.js

@@ -1,40 +1,24 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Switch as t } from "@base-ui/react/switch";
-import { c as e } from "./utils-B6yFEsav.js";
-const d = ({ className: o, ...a }) => /* @__PURE__ */ r(
-  t.Root,
-  {
-    className: e(
-      "relative flex h-6 w-10 rounded-full",
-      "bg-linear-to-r from-primary from-35% to-muted to-65% bg-size-[6.5rem_100%] bg-position-[100%_0%] bg-no-repeat",
-      "p-px",
-      "shadow-[inset_0_1.5px_2px] shadow-muted-foreground/20",
-      "transition-[background-position,box-shadow] duration-125 ease-[cubic-bezier(0.26,0.75,0.38,0.45)]",
-      "data-checked:bg-position-[0%_0%]",
-      "dark:from-primary/50 dark:shadow-none",
-      o
-    ),
-    ...a
-  }
-);
-d.displayName = "SwitchRoot";
-const i = ({ className: o, ...a }) => /* @__PURE__ */ r(
-  t.Thumb,
-  {
-    className: e(
-      "aspect-square h-full rounded-full bg-background",
-      "shadow-[0_0_1px_1px,0_1px_1px,1px_2px_4px_-1px] shadow-muted-foreground/20",
-      "transition-all duration-200",
-      "data-checked:translate-x-4",
-      "dark:shadow-black/25 dark:bg-foreground dark:data-checked:bg-background",
-      "data-disabled:opacity-100",
-      o
-    ),
-    ...a
-  }
-);
-i.displayName = "SwitchThumb";
-export {
-  d as SwitchRoot,
-  i as SwitchThumb
+import { cn } from "./lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Switch } from "@base-ui/react/switch";
+
+//#region src/components/switch.tsx
+const SwitchRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Switch.Root, {
+		className: cn("relative flex h-6 w-10 rounded-full", "bg-linear-to-r from-primary from-35% to-muted to-65% bg-size-[6.5rem_100%] bg-position-[100%_0%] bg-no-repeat", "p-px", "shadow-[inset_0_1.5px_2px] shadow-muted-foreground/20", "transition-[background-position,box-shadow] duration-125 ease-[cubic-bezier(0.26,0.75,0.38,0.45)]", "data-checked:bg-position-[0%_0%]", "dark:from-primary/50 dark:shadow-none", className),
+		...props
+	});
 };
+SwitchRoot.displayName = "SwitchRoot";
+const SwitchThumb = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Switch.Thumb, {
+		className: cn("aspect-square h-full rounded-full bg-background", "shadow-[0_0_1px_1px,0_1px_1px,1px_2px_4px_-1px] shadow-muted-foreground/20", "transition-all duration-200", "data-checked:translate-x-4", "dark:shadow-black/25 dark:bg-foreground dark:data-checked:bg-background", "data-disabled:opacity-100", className),
+		...props
+	});
+};
+SwitchThumb.displayName = "SwitchThumb";
+
+//#endregion
+export { SwitchRoot, SwitchThumb };
+//# sourceMappingURL=switch.js.map

package/dist/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["BaseSwitch"],"sources":["../src/components/switch.tsx"],"sourcesContent":["import { Switch as BaseSwitch } from '@base-ui/react/switch'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// SwitchRoot\n// ============================================================================\n\ntype SwitchRootProps = React.ComponentProps<typeof BaseSwitch.Root>\n\nconst SwitchRoot = ({ className, ...props }: SwitchRootProps) => {\n  return (\n    <BaseSwitch.Root\n      className={cn(\n        'relative flex h-6 w-10 rounded-full',\n        'bg-linear-to-r from-primary from-35% to-muted to-65% bg-size-[6.5rem_100%] bg-position-[100%_0%] bg-no-repeat',\n        'p-px',\n        'shadow-[inset_0_1.5px_2px] shadow-muted-foreground/20',\n        'transition-[background-position,box-shadow] duration-125 ease-[cubic-bezier(0.26,0.75,0.38,0.45)]',\n        'data-checked:bg-position-[0%_0%]',\n        'dark:from-primary/50 dark:shadow-none',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nSwitchRoot.displayName = 'SwitchRoot'\n\n// ============================================================================\n// SwitchThumb\n// ============================================================================\n\ntype SwitchThumbProps = React.ComponentProps<typeof BaseSwitch.Thumb>\n\nconst SwitchThumb = ({ className, ...props }: SwitchThumbProps) => {\n  return (\n    <BaseSwitch.Thumb\n      className={cn(\n        'aspect-square h-full rounded-full bg-background',\n        'shadow-[0_0_1px_1px,0_1px_1px,1px_2px_4px_-1px] shadow-muted-foreground/20',\n        'transition-all duration-200',\n        'data-checked:translate-x-4',\n        'dark:shadow-black/25 dark:bg-foreground dark:data-checked:bg-background',\n        'data-disabled:opacity-100',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nSwitchThumb.displayName = 'SwitchThumb'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { SwitchRoot, SwitchThumb }\n\nexport type { SwitchRootProps, SwitchThumbProps }\n"],"mappings":";;;;;;AAWA,MAAM,cAAc,EAAE,WAAW,GAAG,YAA6B;AAC/D,QACE,oBAACA,OAAW;EACV,WAAW,GACT,uCACA,iHACA,QACA,yDACA,qGACA,oCACA,yCACA,UACD;EACD,GAAI;GACJ;;AAIN,WAAW,cAAc;AAQzB,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QACE,oBAACA,OAAW;EACV,WAAW,GACT,mDACA,8EACA,+BACA,8BACA,2EACA,6BACA,UACD;EACD,GAAI;GACJ;;AAIN,YAAY,cAAc"}

package/dist/tabs.d.ts

@@ -1,49 +1,60 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { Tabs } from '@base-ui/react/tabs';
-
-export declare const TabsIndicator: {
-    ({ className, orientation, ...props }: TabsIndicatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TabsIndicatorProps = React_2.ComponentProps<typeof Tabs.Indicator> & {
-    /** Orientation of the indicator (should match the tabs list orientation) */
-    orientation?: 'horizontal' | 'vertical';
-};
-
-export declare const TabsList: {
-    ({ className, orientation, ...props }: TabsListProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TabsListProps = React_2.ComponentProps<typeof Tabs.List> & {
-    /** Orientation of the tabs list */
-    orientation?: 'horizontal' | 'vertical';
-};
-
-export declare const TabsPanel: {
-    ({ className, ...props }: TabsPanelProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TabsPanelProps = React_2.ComponentProps<typeof Tabs.Panel>;
-
-export declare const TabsRoot: {
-    ({ className, ...props }: TabsRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TabsRootProps = React_2.ComponentProps<typeof Tabs.Root>;
-
-export declare const TabsTab: {
-    ({ className, size, ...props }: TabsTabProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TabsTabProps = React_2.ComponentProps<typeof Tabs.Tab> & {
-    /** Size of the tab */
-    size?: 'sm' | 'default' | 'lg';
-};
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime137 from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+
+//#region src/components/tabs.d.ts
+type TabsRootProps = React.ComponentProps<typeof Tabs.Root>;
+declare const TabsRoot: {
+  ({
+    className,
+    ...props
+  }: TabsRootProps): react_jsx_runtime137.JSX.Element;
+  displayName: string;
+};
+type TabsListProps = React.ComponentProps<typeof Tabs.List> & {
+  /** Orientation of the tabs list */
+  orientation?: 'horizontal' | 'vertical';
+};
+declare const TabsList: {
+  ({
+    className,
+    orientation,
+    ...props
+  }: TabsListProps): react_jsx_runtime137.JSX.Element;
+  displayName: string;
+};
+type TabsTabProps = React.ComponentProps<typeof Tabs.Tab> & {
+  /** Size of the tab */
+  size?: 'sm' | 'default' | 'lg';
+};
+declare const TabsTab: {
+  ({
+    className,
+    size,
+    ...props
+  }: TabsTabProps): react_jsx_runtime137.JSX.Element;
+  displayName: string;
+};
+type TabsIndicatorProps = React.ComponentProps<typeof Tabs.Indicator> & {
+  /** Orientation of the indicator (should match the tabs list orientation) */
+  orientation?: 'horizontal' | 'vertical';
+};
+declare const TabsIndicator: {
+  ({
+    className,
+    orientation,
+    ...props
+  }: TabsIndicatorProps): react_jsx_runtime137.JSX.Element;
+  displayName: string;
+};
+type TabsPanelProps = React.ComponentProps<typeof Tabs.Panel>;
+declare const TabsPanel: {
+  ({
+    className,
+    ...props
+  }: TabsPanelProps): react_jsx_runtime137.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TabsIndicator, type TabsIndicatorProps, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, TabsRoot, type TabsRootProps, TabsTab, type TabsTabProps };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../src/components/tabs.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,aAAA,GAAgB,KAAA,CAAM,sBAAsB,IAAA,CAAS;cAEpD;;;;KAAqC,gBAAa,oBAAA,CAAA,GAAA,CAAA;EAFnD,WAAA,EAAA,MAAa;CAAA;KA2Bb,aAAA,GAAgB,KAAA,CAAM,cA3B+B,CAAA,OA2BT,IAAA,CAAS,IA3BA,CAAA,GAAA;;EAAjB,WAAA,CAAA,EAAA,YAAA,GAAA,UAAA;AAAA,CAAA;cAgCnC,QA5BL,EAAA;;;;;KA4BsE,gBAAa,oBAAA,CAAA,GAAA,CAAA;aA9BzC,EAAA,MAAA;;KAoEtC,YAAA,GAAe,KAAA,CAAM,cApE8B,CAAA,OAoER,IAAA,CAAS,GApED,CAAA,GAAA;EAyBnD;EAAa,IAAA,CAAA,EAAA,IAAA,GAAA,SAAA,GAAA,IAAA;;cAgDZ,OAhDqB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAgDO,YAhDP,CAAA,EAgDmB,oBAAA,CAAA,GAAA,CAAA,OAhDnB;EAKnC,WAOL,EAAA,MAAA;CAAA;KA+DI,kBAAA,GAAqB,KAAA,CAAM,sBAAsB,IAAA,CAAS;;aAtEQ,CAAA,EAAA,YAAA,GAAA,UAAA;;cA2EjE,aA3E8E,EAAA;EAsC/E,CAAA;IAAA,SAAA;IAAA,WAAY;IAAA,GAAA;EAAA,CAAA,EAyCd,kBAzCc,CAAA,EAyCI,oBAAA,CAAA,GAAA,CAAA,OAzCJ;EAAA,WAAA,EAAA,MAAA;;KAwDZ,cAAA,GAAiB,KAAA,CAAM,cAxDF,CAAA,OAwDwB,IAAA,CAAS,KAxDjC,CAAA;cA0DpB,SA1DkC,EAAA;EAKlC,CAAA;IAAA,SAEL;IAAA,GAAA;EAAA,CAAA,EAmD2C,cAnD3C,CAAA,EAmDyD,oBAAA,CAAA,GAAA,CAAA,OAnDzD;EAAA,WAAA,EAAA,MAAA"}

package/dist/tabs.js

@@ -1,85 +1,77 @@
-"use client";
-import { jsx as o } from "react/jsx-runtime";
-import { Tabs as r } from "@base-ui/react/tabs";
-import { cva as s } from "class-variance-authority";
-import { c as i } from "./utils-B6yFEsav.js";
-const n = ({ className: t, ...a }) => /* @__PURE__ */ o(r.Root, { className: i("flex flex-col", t), ...a });
-n.displayName = "TabsRoot";
-const l = s(
-  ["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
-  {
-    variants: {
-      orientation: {
-        horizontal: "flex-row",
-        vertical: "flex-col"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-), c = ({ className: t, orientation: a = "horizontal", ...e }) => /* @__PURE__ */ o(
-  r.List,
-  {
-    className: i(l({ orientation: a }), t),
-    ...e
-  }
-);
-c.displayName = "TabsList";
-const d = s(
-  [
-    "relative z-10 inline-flex items-center justify-center whitespace-nowrap",
-    "rounded-md px-3 py-1.5 text-sm font-medium",
-    "transition-all duration-200",
-    "text-foreground/80",
-    "data-[active]:text-foreground",
-    "hover:text-foreground"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "px-2 py-1 text-xs",
-        default: "px-3 py-1.5 text-sm",
-        lg: "px-4 py-2 text-base"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), m = ({ className: t, size: a, ...e }) => /* @__PURE__ */ o(r.Tab, { className: i(d({ size: a }), t), ...e });
-m.displayName = "TabsTab";
-const b = s(
-  ["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
-  {
-    variants: {
-      orientation: {
-        horizontal: "bottom-1 top-1 left-[var(--active-tab-left)] w-[var(--active-tab-width)]",
-        vertical: "left-1 right-1 top-[var(--active-tab-top)] h-[var(--active-tab-height)]"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-), f = ({
-  className: t,
-  orientation: a = "horizontal",
-  ...e
-}) => /* @__PURE__ */ o(
-  r.Indicator,
-  {
-    className: i(b({ orientation: a }), t),
-    ...e
-  }
-);
-f.displayName = "TabsIndicator";
-const u = ({ className: t, ...a }) => /* @__PURE__ */ o(r.Panel, { className: i("mt-2 ring-offset-background", t), ...a });
-u.displayName = "TabsPanel";
-export {
-  f as TabsIndicator,
-  c as TabsList,
-  u as TabsPanel,
-  n as TabsRoot,
-  m as TabsTab
+'use client';
+
+import { cn } from "./lib/utils.js";
+import "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+
+//#region src/components/tabs.tsx
+const TabsRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		className: cn("flex flex-col w-full", className),
+		...props
+	});
 };
+TabsRoot.displayName = "TabsRoot";
+const tabsListVariants = cva(["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"], {
+	variants: { orientation: {
+		horizontal: "flex-row",
+		vertical: "flex-col"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+const TabsList = ({ className, orientation = "horizontal", ...props }) => {
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		className: cn(tabsListVariants({ orientation }), className),
+		...props
+	});
+};
+TabsList.displayName = "TabsList";
+const tabsTabVariants = cva([
+	"relative z-10 inline-flex items-center justify-center whitespace-nowrap",
+	"rounded-md px-3 py-1.5 text-sm font-medium",
+	"transition-all duration-200",
+	"text-foreground/80",
+	"data-[active]:text-foreground",
+	"hover:text-foreground"
+], {
+	variants: { size: {
+		sm: "px-2 py-1 text-xs",
+		default: "px-3 py-1.5 text-sm",
+		lg: "px-4 py-2 text-base"
+	} },
+	defaultVariants: { size: "default" }
+});
+const TabsTab = ({ className, size, ...props }) => {
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		className: cn(tabsTabVariants({ size }), className),
+		...props
+	});
+};
+TabsTab.displayName = "TabsTab";
+const tabsIndicatorVariants = cva(["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"], {
+	variants: { orientation: {
+		horizontal: "bottom-1 top-1 left-[var(--active-tab-left)] w-[var(--active-tab-width)]",
+		vertical: "left-1 right-1 top-[var(--active-tab-top)] h-[var(--active-tab-height)]"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+const TabsIndicator = ({ className, orientation = "horizontal", ...props }) => {
+	return /* @__PURE__ */ jsx(Tabs.Indicator, {
+		className: cn(tabsIndicatorVariants({ orientation }), className),
+		...props
+	});
+};
+TabsIndicator.displayName = "TabsIndicator";
+const TabsPanel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
+		className: cn("mt-2 ring-offset-background", className),
+		...props
+	});
+};
+TabsPanel.displayName = "TabsPanel";
+
+//#endregion
+export { TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab };
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["BaseTabs"],"sources":["../src/components/tabs.tsx"],"sourcesContent":["'use client'\n\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs'\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// TabsRoot\n// ============================================================================\n\ntype TabsRootProps = React.ComponentProps<typeof BaseTabs.Root>\n\nconst TabsRoot = ({ className, ...props }: TabsRootProps) => {\n  return <BaseTabs.Root className={cn('flex flex-col w-full', className)} {...props} />\n}\n\nTabsRoot.displayName = 'TabsRoot'\n\n// ============================================================================\n// TabsList\n// ============================================================================\n\nconst tabsListVariants = cva(\n  ['relative inline-flex w-fit items-center gap-1', 'rounded-lg bg-muted p-1'],\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row',\n        vertical: 'flex-col',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n)\n\ntype TabsListProps = React.ComponentProps<typeof BaseTabs.List> & {\n  /** Orientation of the tabs list */\n  orientation?: 'horizontal' | 'vertical'\n}\n\nconst TabsList = ({ className, orientation = 'horizontal', ...props }: TabsListProps) => {\n  return (\n    <BaseTabs.List\n      className={cn(tabsListVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nTabsList.displayName = 'TabsList'\n\n// ============================================================================\n// TabsTab\n// ============================================================================\n\nconst tabsTabVariants = cva(\n  [\n    'relative z-10 inline-flex items-center justify-center whitespace-nowrap',\n    'rounded-md px-3 py-1.5 text-sm font-medium',\n    'transition-all duration-200',\n    'text-foreground/80',\n    'data-[active]:text-foreground',\n    'hover:text-foreground',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'px-2 py-1 text-xs',\n        default: 'px-3 py-1.5 text-sm',\n        lg: 'px-4 py-2 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n)\n\ntype TabsTabProps = React.ComponentProps<typeof BaseTabs.Tab> & {\n  /** Size of the tab */\n  size?: 'sm' | 'default' | 'lg'\n}\n\nconst TabsTab = ({ className, size, ...props }: TabsTabProps) => {\n  return <BaseTabs.Tab className={cn(tabsTabVariants({ size }), className)} {...props} />\n}\n\nTabsTab.displayName = 'TabsTab'\n\n// ============================================================================\n// TabsIndicator\n// ============================================================================\n\nconst tabsIndicatorVariants = cva(\n  ['absolute rounded-md bg-background shadow-sm', 'transition-all duration-200 ease-out'],\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          'bottom-1 top-1 left-[var(--active-tab-left)] w-[var(--active-tab-width)]',\n        vertical:\n          'left-1 right-1 top-[var(--active-tab-top)] h-[var(--active-tab-height)]',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n)\n\ntype TabsIndicatorProps = React.ComponentProps<typeof BaseTabs.Indicator> & {\n  /** Orientation of the indicator (should match the tabs list orientation) */\n  orientation?: 'horizontal' | 'vertical'\n}\n\nconst TabsIndicator = ({\n  className,\n  orientation = 'horizontal',\n  ...props\n}: TabsIndicatorProps) => {\n  return (\n    <BaseTabs.Indicator\n      className={cn(tabsIndicatorVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nTabsIndicator.displayName = 'TabsIndicator'\n\n// ============================================================================\n// TabsPanel\n// ============================================================================\n\ntype TabsPanelProps = React.ComponentProps<typeof BaseTabs.Panel>\n\nconst TabsPanel = ({ className, ...props }: TabsPanelProps) => {\n  return (\n    <BaseTabs.Panel className={cn('mt-2 ring-offset-background', className)} {...props} />\n  )\n}\n\nTabsPanel.displayName = 'TabsPanel'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel }\n\nexport type {\n  TabsRootProps,\n  TabsListProps,\n  TabsTabProps,\n  TabsIndicatorProps,\n  TabsPanelProps,\n}\n"],"mappings":";;;;;;;;;AAcA,MAAM,YAAY,EAAE,WAAW,GAAG,YAA2B;AAC3D,QAAO,oBAACA,KAAS;EAAK,WAAW,GAAG,wBAAwB,UAAU;EAAE,GAAI;GAAS;;AAGvF,SAAS,cAAc;AAMvB,MAAM,mBAAmB,IACvB,CAAC,iDAAiD,0BAA0B,EAC5E;CACE,UAAU,EACR,aAAa;EACX,YAAY;EACZ,UAAU;EACX,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CACF;AAOD,MAAM,YAAY,EAAE,WAAW,cAAc,cAAc,GAAG,YAA2B;AACvF,QACE,oBAACA,KAAS;EACR,WAAW,GAAG,iBAAiB,EAAE,aAAa,CAAC,EAAE,UAAU;EAC3D,GAAI;GACJ;;AAIN,SAAS,cAAc;AAMvB,MAAM,kBAAkB,IACtB;CACE;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,WACP;CACF,CACF;AAOD,MAAM,WAAW,EAAE,WAAW,MAAM,GAAG,YAA0B;AAC/D,QAAO,oBAACA,KAAS;EAAI,WAAW,GAAG,gBAAgB,EAAE,MAAM,CAAC,EAAE,UAAU;EAAE,GAAI;GAAS;;AAGzF,QAAQ,cAAc;AAMtB,MAAM,wBAAwB,IAC5B,CAAC,+CAA+C,uCAAuC,EACvF;CACE,UAAU,EACR,aAAa;EACX,YACE;EACF,UACE;EACH,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CACF;AAOD,MAAM,iBAAiB,EACrB,WACA,cAAc,cACd,GAAG,YACqB;AACxB,QACE,oBAACA,KAAS;EACR,WAAW,GAAG,sBAAsB,EAAE,aAAa,CAAC,EAAE,UAAU;EAChE,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,aAAa,EAAE,WAAW,GAAG,YAA4B;AAC7D,QACE,oBAACA,KAAS;EAAM,WAAW,GAAG,+BAA+B,UAAU;EAAE,GAAI;GAAS;;AAI1F,UAAU,cAAc"}

package/dist/textarea.d.ts

@@ -1,11 +1,15 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare const Textarea: {
-    ({ className, ...props }: TextareaProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TextareaProps = React_2.ComponentProps<'textarea'>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime161 from "react/jsx-runtime";
+
+//#region src/components/textarea.d.ts
+type TextareaProps = React.ComponentProps<'textarea'>;
+declare const Textarea: {
+  ({
+    className,
+    ...props
+  }: TextareaProps): react_jsx_runtime161.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Textarea, type TextareaProps };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../src/components/textarea.tsx"],"sourcesContent":[],"mappings":";;;;KAOK,aAAA,GAAgB,KAAA,CAAM;cAErB;;;;KAAqC,gBAAa,oBAAA,CAAA,GAAA,CAAA;EAFnD,WAAA,EAAA,MAAa;AAAuB,CAAA"}