@lglab/compose-ui 0.28.0 → 0.30.0

package/dist/separator.d.ts

@@ -1,12 +1,17 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { Separator as Separator_2 } from '@base-ui/react/separator';
-
-export declare const Separator: {
-    ({ className, orientation, ...props }: SeparatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SeparatorProps = React_2.ComponentProps<typeof Separator_2>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime116 from "react/jsx-runtime";
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+
+//#region src/components/separator.d.ts
+type SeparatorProps = React.ComponentProps<typeof Separator$1>;
+declare const Separator: {
+  ({
+    className,
+    orientation,
+    ...props
+  }: SeparatorProps): react_jsx_runtime116.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Separator, type SeparatorProps };
+//# sourceMappingURL=separator.d.ts.map

package/dist/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","names":[],"sources":["../src/components/separator.tsx"],"sourcesContent":[],"mappings":";;;;;KAOK,cAAA,GAAiB,KAAA,CAAM,sBAAsB;cAE5C;;;;;KAIH,iBAAc,oBAAA,CAAA,GAAA,CAAA;EANZ,WAAA,EAAA,MAAc;CAAA"}

package/dist/separator.js

@@ -1,24 +1,20 @@
-"use client";
-import { jsx as p } from "react/jsx-runtime";
-import { Separator as t } from "@base-ui/react/separator";
-import { c as e } from "./utils-B6yFEsav.js";
-const l = ({
-  className: a,
-  orientation: r = "horizontal",
-  ...o
-}) => /* @__PURE__ */ p(
-  t,
-  {
-    orientation: r,
-    className: e(
-      "shrink-0 bg-border",
-      r === "horizontal" ? "h-px w-full" : "h-full w-px",
-      a
-    ),
-    ...o
-  }
-);
-l.displayName = "Separator";
-export {
-  l as Separator
+'use client';
+
+import { cn } from "./lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+
+//#region src/components/separator.tsx
+const Separator = ({ className, orientation = "horizontal", ...props }) => {
+	return /* @__PURE__ */ jsx(Separator$1, {
+		orientation,
+		className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className),
+		...props
+	});
 };
+Separator.displayName = "Separator";
+
+//#endregion
+export { Separator };
+//# sourceMappingURL=separator.js.map

package/dist/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":["BaseSeparator"],"sources":["../src/components/separator.tsx"],"sourcesContent":["'use client'\n\nimport { Separator as BaseSeparator } from '@base-ui/react/separator'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\ntype SeparatorProps = React.ComponentProps<typeof BaseSeparator>\n\nconst Separator = ({\n  className,\n  orientation = 'horizontal',\n  ...props\n}: SeparatorProps) => {\n  return (\n    <BaseSeparator\n      orientation={orientation}\n      className={cn(\n        'shrink-0 bg-border',\n        orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nSeparator.displayName = 'Separator'\n\nexport { Separator }\n\nexport type { SeparatorProps }\n"],"mappings":";;;;;;;;AASA,MAAM,aAAa,EACjB,WACA,cAAc,cACd,GAAG,YACiB;AACpB,QACE,oBAACA;EACc;EACb,WAAW,GACT,sBACA,gBAAgB,eAAe,gBAAgB,eAC/C,UACD;EACD,GAAI;GACJ;;AAIN,UAAU,cAAc"}

package/dist/skeleton.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
+
+//#region src/components/skeleton.d.ts
+type SkeletonAnimation = 'pulse' | 'shimmer' | 'none';
+type SkeletonProps = React.ComponentProps<'div'> & {
+  /** Animation style for the skeleton */
+  animation?: SkeletonAnimation;
+};
+declare const Skeleton: {
+  ({
+    className,
+    animation,
+    ...props
+  }: SkeletonProps): react_jsx_runtime97.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Skeleton, SkeletonAnimation, type SkeletonProps };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../src/components/skeleton.tsx"],"sourcesContent":[],"mappings":";;;;KAyBY,iBAAA;KAMP,aAAA,GAAgB,KAAA,CAAM;;EANf,SAAA,CAAA,EAQE,iBARe;AAA+B,CAAA;cAWtD,QALY,EAAA;;IAAG,SAAM;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAK2B,aAL3B,CAAA,EAKwC,mBAAA,CAAA,GAAA,CAAA,OALxC;aAEb,EAAA,MAAA;CAAiB"}

package/dist/skeleton.js

@@ -0,0 +1,27 @@
+'use client';
+
+import { cn } from "./lib/utils.js";
+import "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/skeleton.tsx
+const skeletonVariants = cva(["bg-skeleton"], {
+	variants: { animation: {
+		pulse: "animate-pulse",
+		shimmer: "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_1s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/40 dark:before:via-white/5 before:to-transparent",
+		none: ""
+	} },
+	defaultVariants: { animation: "pulse" }
+});
+const Skeleton = ({ className, animation, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("rounded-xs", skeletonVariants({ animation }), className),
+		...props
+	});
+};
+Skeleton.displayName = "Skeleton";
+
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../src/components/skeleton.tsx"],"sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// Skeleton Variants\n// ============================================================================\n\nconst skeletonVariants = cva(['bg-skeleton'], {\n  variants: {\n    animation: {\n      pulse: 'animate-pulse',\n      shimmer:\n        'relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_1s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/40 dark:before:via-white/5 before:to-transparent',\n      none: '',\n    },\n  },\n  defaultVariants: {\n    animation: 'pulse',\n  },\n})\n\nexport type SkeletonAnimation = 'pulse' | 'shimmer' | 'none'\n\n// ============================================================================\n// Skeleton\n// ============================================================================\n\ntype SkeletonProps = React.ComponentProps<'div'> & {\n  /** Animation style for the skeleton */\n  animation?: SkeletonAnimation\n}\n\nconst Skeleton = ({ className, animation, ...props }: SkeletonProps) => {\n  return (\n    <div\n      className={cn('rounded-xs', skeletonVariants({ animation }), className)}\n      {...props}\n    />\n  )\n}\n\nSkeleton.displayName = 'Skeleton'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { Skeleton }\n\nexport type { SkeletonProps }\n"],"mappings":";;;;;;;;AAWA,MAAM,mBAAmB,IAAI,CAAC,cAAc,EAAE;CAC5C,UAAU,EACR,WAAW;EACT,OAAO;EACP,SACE;EACF,MAAM;EACP,EACF;CACD,iBAAiB,EACf,WAAW,SACZ;CACF,CAAC;AAaF,MAAM,YAAY,EAAE,WAAW,WAAW,GAAG,YAA2B;AACtE,QACE,oBAAC;EACC,WAAW,GAAG,cAAc,iBAAiB,EAAE,WAAW,CAAC,EAAE,UAAU;EACvE,GAAI;GACJ;;AAIN,SAAS,cAAc"}

package/dist/slider.d.ts

@@ -1,47 +1,56 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { Slider } from '@base-ui/react/slider';
-
-export declare const SliderControl: {
-    ({ className, ...props }: SliderControlProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SliderControlProps = React_2.ComponentProps<typeof Slider.Control>;
-
-export declare const SliderIndicator: {
-    ({ className, ...props }: SliderIndicatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SliderIndicatorProps = React_2.ComponentProps<typeof Slider.Indicator>;
-
-export declare const SliderRoot: {
-    ({ className, ...props }: SliderRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SliderRootProps = React_2.ComponentProps<typeof Slider.Root>;
-
-export declare const SliderThumb: {
-    ({ className, ...props }: SliderThumbProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SliderThumbProps = React_2.ComponentProps<typeof Slider.Thumb>;
-
-export declare const SliderTrack: {
-    ({ className, ...props }: SliderTrackProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SliderTrackProps = React_2.ComponentProps<typeof Slider.Track>;
-
-export declare const SliderValue: {
-    ({ className, ...props }: SliderValueProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SliderValueProps = React_2.ComponentProps<typeof Slider.Value>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime76 from "react/jsx-runtime";
+import { Slider } from "@base-ui/react/slider";
+
+//#region src/components/slider.d.ts
+type SliderRootProps = React.ComponentProps<typeof Slider.Root>;
+declare const SliderRoot: {
+  ({
+    className,
+    ...props
+  }: SliderRootProps): react_jsx_runtime76.JSX.Element;
+  displayName: string;
+};
+type SliderValueProps = React.ComponentProps<typeof Slider.Value>;
+declare const SliderValue: {
+  ({
+    className,
+    ...props
+  }: SliderValueProps): react_jsx_runtime76.JSX.Element;
+  displayName: string;
+};
+type SliderControlProps = React.ComponentProps<typeof Slider.Control>;
+declare const SliderControl: {
+  ({
+    className,
+    ...props
+  }: SliderControlProps): react_jsx_runtime76.JSX.Element;
+  displayName: string;
+};
+type SliderTrackProps = React.ComponentProps<typeof Slider.Track>;
+declare const SliderTrack: {
+  ({
+    className,
+    ...props
+  }: SliderTrackProps): react_jsx_runtime76.JSX.Element;
+  displayName: string;
+};
+type SliderIndicatorProps = React.ComponentProps<typeof Slider.Indicator>;
+declare const SliderIndicator: {
+  ({
+    className,
+    ...props
+  }: SliderIndicatorProps): react_jsx_runtime76.JSX.Element;
+  displayName: string;
+};
+type SliderThumbProps = React.ComponentProps<typeof Slider.Thumb>;
+declare const SliderThumb: {
+  ({
+    className,
+    ...props
+  }: SliderThumbProps): react_jsx_runtime76.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { SliderControl, type SliderControlProps, SliderIndicator, type SliderIndicatorProps, SliderRoot, type SliderRootProps, SliderThumb, type SliderThumbProps, SliderTrack, type SliderTrackProps, SliderValue, type SliderValueProps };
+//# sourceMappingURL=slider.d.ts.map

package/dist/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","names":[],"sources":["../src/components/slider.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,eAAA,GAAkB,KAAA,CAAM,sBAAsB,MAAA,CAAW;cAExD;;;;KAAuC,kBAAe,mBAAA,CAAA,GAAA,CAAA;EAFvD,WAAA,EAAA,MAAe;CAAA;KAYf,gBAAA,GAAmB,KAAA,CAAM,cAZgC,CAAA,OAYV,MAAA,CAAW,KAZD,CAAA;cAcxD,WAduB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcG,gBAdH,CAAA,EAcmB,mBAAA,CAAA,GAAA,CAAA,OAdnB;EAErC,WAAA,EAEL,MAAA;CAAA;KAyBI,kBAAA,GAAqB,KAAA,CAAM,sBAAsB,MAAA,CAAW;cAE3D,aA7BuC,EAAA;;IAAe,SAAA;IAAA,GAAA;EAAA,CAAA,EA6BZ,kBA7BY,CAAA,EA6BM,mBAAA,CAAA,GAAA,CAAA,OA7BN;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KA4CvD,gBAAA,GAAmB,KAAA,CAAM,cAlCT,CAAA,OAkC+B,MAAA,CAAW,KAlC1C,CAAA;cAoCf,WApCyD,EAAA;;IAAvC,SAAM;IAAA,GAAA;EAAA,CAAA,EAoCgB,gBApChB,CAAA,EAoCgC,mBAAA,CAAA,GAAA,CAAA,OApChC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAmDvC,oBAAA,GAAuB,KAAA,CAAM,cA1CjC,CAAA,OA0CuD,MAAA,CAAW,SA1ClE,CAAA;cA4CK;;IAnDwC,SAAA;IAAA,GAAA;EAAA,CAAA,EAmDI,oBAnDJ,CAAA,EAmDwB,mBAAA,CAAA,GAAA,CAAA,OAnDxB;aAAgB,EAAA,MAAA;CAAA;AAAA,KAkEzD,gBAAA,GAAmB,KAAA,CAAM,cAnDP,CAAA,OAmD6B,MAAA,CAAW,KAnDxC,CAAA;cAqDjB,WArDiB,EAAA;;IAA+B,SAAW;IAAA,GAAA;EAAA,CAAA,EAqDnB,gBArDmB,CAAA,EAqDH,mBAAA,CAAA,GAAA,CAAA,OArDG;aAAjC,EAAA,MAAA;CAAc"}

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);
@@ -25,6 +26,7 @@
   --color-ring: var(--ring);
   --color-card: var(--card);
   --color-card-foreground: var(--card-foreground);
+  --color-skeleton: var(--skeleton);
 }
 
 :root {
@@ -40,7 +42,7 @@
   --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);
+  --success: oklch(0.65 0.219 149.579);
   --warning: oklch(0.75 0.18 85);
   --info: oklch(0.55 0.2 255);
   --border: oklch(0.922 0 0);
@@ -48,6 +50,7 @@
   --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 {
@@ -70,6 +73,7 @@
   --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) {
@@ -93,6 +97,7 @@
     --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);
   }
 }
 
@@ -111,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_runtime118 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_runtime118.JSX.Element;
+  displayName: string;
+};
+type SwitchThumbProps = React.ComponentProps<typeof Switch.Thumb>;
+declare const SwitchThumb: {
+  ({
+    className,
+    ...props
+  }: SwitchThumbProps): react_jsx_runtime118.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/table/index.d.ts

@@ -0,0 +1,5 @@
+import { ColumnDef, FilterDef, FilterPredicate, FilterValues, FiltersConfig, PaginationConfig, ProcessedColumn, RowKeyGetter, SearchConfig, SelectionConfig, SelectionState, SortDirection, UseTableOptions, UseTableReturn } from "../components/table/types.js";
+import { TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSize, TableVariant } from "../components/table/primitives.js";
+import { useTable } from "./use-table.js";
+import { containsFilter, equalsFilter, includesFilter, rangeFilter } from "../components/table/filters.js";
+export { ColumnDef, type FilterDef, type FilterPredicate, type FilterValues, type FiltersConfig, PaginationConfig, ProcessedColumn, type RowKeyGetter, type SearchConfig, type SelectionConfig, type SelectionState, type SortDirection, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSize, TableVariant, UseTableOptions, UseTableReturn, containsFilter, equalsFilter, includesFilter, rangeFilter, useTable };

package/dist/table/index.js

@@ -0,0 +1,5 @@
+import { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRoot, TableRow } from "../components/table/primitives.js";
+import { useTable } from "./use-table.js";
+import { containsFilter, equalsFilter, includesFilter, rangeFilter } from "../components/table/filters.js";
+
+export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRoot, TableRow, containsFilter, equalsFilter, includesFilter, rangeFilter, useTable };

package/dist/table/use-table.d.ts

@@ -0,0 +1,9 @@
+import { UseTableOptions, UseTableReturn } from "../components/table/types.js";
+
+//#region src/components/table/use-table.d.ts
+declare function useTable<T>(options: UseTableOptions<T>): UseTableReturn<T>;
+//# sourceMappingURL=use-table.d.ts.map
+
+//#endregion
+export { useTable };
+//# sourceMappingURL=use-table.d.ts.map

package/dist/table/use-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table.d.ts","names":[],"sources":["../../src/components/table/use-table.ts"],"sourcesContent":[],"mappings":";;;iBAiBgB,qBAAqB,gBAAgB,KAAK,eAAe"}