@egose/shadcn-theme 0.0.61 → 0.1.0

package/components/ui/skeleton.d.mts

@@ -1,5 +1,5 @@
-import * as React from 'react';
+import * as React$1 from 'react';
 
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
 
 export { Skeleton };

package/components/ui/skeleton.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
+import * as React$1 from 'react';
 
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
 
 export { Skeleton };

package/components/ui/skeleton.js

@@ -2,10 +2,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkHN73FRPZjs = require('../../chunk-HN73FRPZ.js');
+var _chunk6C4NHVD6js = require('../../chunk-6C4NHVD6.js');
 require('../../chunk-PSPAJNNB.js');
 require('../../chunk-2NMEKWO5.js');
 
 
-exports.Skeleton = _chunkHN73FRPZjs.Skeleton;
+exports.Skeleton = _chunk6C4NHVD6js.Skeleton;
 //# sourceMappingURL=skeleton.js.map

package/components/ui/skeleton.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   Skeleton
-} from "../../chunk-AJFINSLK.mjs";
+} from "../../chunk-4I6SLZWT.mjs";
 import "../../chunk-KGUUDFJE.mjs";
 import "../../chunk-YOSPWY5K.mjs";
 export {

package/components/ui/slider.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import * as SliderPrimitive from '@radix-ui/react-slider';
+import { Slider as Slider$1 } from 'radix-ui';
 
-declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof Slider$1.Root>): React.JSX.Element;
 
 export { Slider };

package/components/ui/slider.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import * as SliderPrimitive from '@radix-ui/react-slider';
+import { Slider as Slider$1 } from 'radix-ui';
 
-declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof Slider$1.Root>): React.JSX.Element;
 
 export { Slider };

package/components/ui/slider.js

@@ -10,20 +10,62 @@ var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
 
 // components/ui/slider.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _reactslider = require('@radix-ui/react-slider'); var SliderPrimitive = _interopRequireWildcard(_reactslider);
-var Slider = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+var _radixui = require('radix-ui');
+function Slider(_a) {
+  var _b = _a, {
+    className,
+    defaultValue,
+    value,
+    min = 0,
+    max = 100
+  } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "className",
+    "defaultValue",
+    "value",
+    "min",
+    "max"
+  ]);
+  const _values = React.useMemo(
+    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
+    [value, defaultValue, min, max]
+  );
   return /* @__PURE__ */ React.createElement(
-    SliderPrimitive.Root,
+    _radixui.Slider.Root,
     _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
-      className: _chunkPSPAJNNBjs.cn.call(void 0, "relative flex w-full touch-none select-none items-center", className)
+      "data-slot": "slider",
+      defaultValue,
+      value,
+      min,
+      max,
+      className: _chunkPSPAJNNBjs.cn.call(void 0, 
+        "data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col",
+        className
+      )
     }, props),
-    /* @__PURE__ */ React.createElement(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20" }, /* @__PURE__ */ React.createElement(SliderPrimitive.Range, { className: "absolute h-full bg-primary" })),
-    /* @__PURE__ */ React.createElement(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
+    /* @__PURE__ */ React.createElement(
+      _radixui.Slider.Track,
+      {
+        "data-slot": "slider-track",
+        className: "bg-muted rounded-full data-horizontal:h-1 data-vertical:w-1 relative grow overflow-hidden data-horizontal:w-full data-vertical:h-full"
+      },
+      /* @__PURE__ */ React.createElement(
+        _radixui.Slider.Range,
+        {
+          "data-slot": "slider-range",
+          className: "bg-primary absolute select-none data-horizontal:h-full data-vertical:w-full"
+        }
+      )
+    ),
+    Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ React.createElement(
+      _radixui.Slider.Thumb,
+      {
+        "data-slot": "slider-thumb",
+        key: index,
+        className: "border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50"
+      }
+    ))
   );
-});
-Slider.displayName = SliderPrimitive.Root.displayName;
+}
 
 
 exports.Slider = Slider;

package/components/ui/slider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/slider.js","../../../components/ui/slider.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AACvB,kHAAiC;AAIjC,IAAM,OAAA,EAAe,KAAA,CAAA,UAAA,CAGnB,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UATL,EAAA,EASG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACH,EAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAiB,eAAA,CAAA,IAAA;AAAA,IAAhB,6CAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,iCAAA,0DAAG,EAA4D,SAAS;AAAA,IAAA,CAAA,EAC/E,KAAA,CAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA,CAAiB,eAAA,CAAA,KAAA,EAAhB,EAAsB,SAAA,EAAU,wEAAA,CAAA,kBAC/B,KAAA,CAAA,aAAA,CAAiB,eAAA,CAAA,KAAA,EAAhB,EAAsB,SAAA,EAAU,6BAAA,CAA6B,CAChE,CAAA;AAAA,oBACA,KAAA,CAAA,aAAA,CAAiB,eAAA,CAAA,KAAA,EAAhB,EAAsB,SAAA,EAAU,sNAAA,CAAsN;AAAA,EACzP,CAAA;AAAA,CACD,CAAA;AACD,MAAA,CAAO,YAAA,EAA8B,eAAA,CAAA,IAAA,CAAK,WAAA;ADI1C;AACE;AACF,wBAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/slider.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport * as SliderPrimitive from '@radix-ui/react-slider';\n\nimport { cn } from '../../utils/ui';\n\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn('relative flex w-full touch-none select-none items-center', className)}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20\">\n      <SliderPrimitive.Range className=\"absolute h-full bg-primary\" />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb className=\"block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\" />\n  </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root.displayName;\n\nexport { Slider };\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/slider.js","../../../components/ui/slider.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AACvB,mCAA0C;AAI1C,SAAS,MAAA,CAAO,EAAA,EAOsC;AAPtC,EAAA,IAAA,GAAA,EAAA,EAAA,EACd;AAAA,IAAA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA,EAAM,CAAA;AAAA,IACN,IAAA,EAAM;AAAA,EAXR,EAAA,EAMgB,EAAA,EAMX,MAAA,EAAA,wCAAA,EANW,EAMX;AAAA,IALH,WAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAA,EAAgB,KAAA,CAAA,OAAA;AAAA,IACpB,CAAA,EAAA,GAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,EAAA,EAAI,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,YAAY,EAAA,EAAI,aAAA,EAAe,CAAC,GAAA,EAAK,GAAG,CAAA;AAAA,IAC5F,CAAC,KAAA,EAAO,YAAA,EAAc,GAAA,EAAK,GAAG;AAAA,EAChC,CAAA;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA,CAAgB,IAAA;AAAA,IAAhB,6CAAA;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,YAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA,EAAW,iCAAA;AAAA,QACT,2KAAA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA,CAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA;AAAA,MAAC,eAAA,CAAgB,KAAA;AAAA,MAAhB;AAAA,QACC,WAAA,EAAU,cAAA;AAAA,QACV,SAAA,EAAU;AAAA,MAAA,CAAA;AAAA,sBAEV,KAAA,CAAA,aAAA;AAAA,QAAC,eAAA,CAAgB,KAAA;AAAA,QAAhB;AAAA,UACC,WAAA,EAAU,cAAA;AAAA,UACV,SAAA,EAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IACF,CAAA;AAAA,IACC,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,OAAA,CAAQ,OAAO,CAAA,EAAG,CAAC,CAAA,EAAG,KAAA,EAAA,mBAC1C,KAAA,CAAA,aAAA;AAAA,MAAC,eAAA,CAAgB,KAAA;AAAA,MAAhB;AAAA,QACC,WAAA,EAAU,cAAA;AAAA,QACV,GAAA,EAAK,KAAA;AAAA,QACL,SAAA,EAAU;AAAA,MAAA;AAAA,IACZ,CACD;AAAA,EACH,CAAA;AAEJ;ADiBA;AACE;AACF,wBAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/slider.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { Slider as SliderPrimitive } from 'radix-ui';\n\nimport { cn } from '../../utils/ui';\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = React.useMemo(\n    () => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]),\n    [value, defaultValue, min, max],\n  );\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        'data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col',\n        className,\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className=\"bg-muted rounded-full data-horizontal:h-1 data-vertical:w-1 relative grow overflow-hidden data-horizontal:w-full data-vertical:h-full\"\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className=\"bg-primary absolute select-none data-horizontal:h-full data-vertical:w-full\"\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\nexport { Slider };\n"]}

package/components/ui/slider.mjs

@@ -9,20 +9,62 @@ import {
 
 // components/ui/slider.tsx
 import * as React from "react";
-import * as SliderPrimitive from "@radix-ui/react-slider";
-var Slider = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+import { Slider as SliderPrimitive } from "radix-ui";
+function Slider(_a) {
+  var _b = _a, {
+    className,
+    defaultValue,
+    value,
+    min = 0,
+    max = 100
+  } = _b, props = __objRest(_b, [
+    "className",
+    "defaultValue",
+    "value",
+    "min",
+    "max"
+  ]);
+  const _values = React.useMemo(
+    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
+    [value, defaultValue, min, max]
+  );
   return /* @__PURE__ */ React.createElement(
     SliderPrimitive.Root,
     __spreadValues({
-      ref,
-      className: cn("relative flex w-full touch-none select-none items-center", className)
+      "data-slot": "slider",
+      defaultValue,
+      value,
+      min,
+      max,
+      className: cn(
+        "data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col",
+        className
+      )
     }, props),
-    /* @__PURE__ */ React.createElement(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20" }, /* @__PURE__ */ React.createElement(SliderPrimitive.Range, { className: "absolute h-full bg-primary" })),
-    /* @__PURE__ */ React.createElement(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
+    /* @__PURE__ */ React.createElement(
+      SliderPrimitive.Track,
+      {
+        "data-slot": "slider-track",
+        className: "bg-muted rounded-full data-horizontal:h-1 data-vertical:w-1 relative grow overflow-hidden data-horizontal:w-full data-vertical:h-full"
+      },
+      /* @__PURE__ */ React.createElement(
+        SliderPrimitive.Range,
+        {
+          "data-slot": "slider-range",
+          className: "bg-primary absolute select-none data-horizontal:h-full data-vertical:w-full"
+        }
+      )
+    ),
+    Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ React.createElement(
+      SliderPrimitive.Thumb,
+      {
+        "data-slot": "slider-thumb",
+        key: index,
+        className: "border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50"
+      }
+    ))
   );
-});
-Slider.displayName = SliderPrimitive.Root.displayName;
+}
 export {
   Slider
 };

package/components/ui/slider.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/ui/slider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport * as SliderPrimitive from '@radix-ui/react-slider';\n\nimport { cn } from '../../utils/ui';\n\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn('relative flex w-full touch-none select-none items-center', className)}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20\">\n      <SliderPrimitive.Range className=\"absolute h-full bg-primary\" />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb className=\"block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\" />\n  </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root.displayName;\n\nexport { Slider };\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAIjC,IAAM,SAAe,iBAGnB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YATL,IASG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,4DAA4D,SAAS;AAAA,OAC/E;AAAA,IAEJ,oCAAiB,uBAAhB,EAAsB,WAAU,2EAC/B,oCAAiB,uBAAhB,EAAsB,WAAU,8BAA6B,CAChE;AAAA,IACA,oCAAiB,uBAAhB,EAAsB,WAAU,uNAAsN;AAAA,EACzP;AAAA,CACD;AACD,OAAO,cAA8B,qBAAK;","names":[]}
+{"version":3,"sources":["../../../components/ui/slider.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { Slider as SliderPrimitive } from 'radix-ui';\n\nimport { cn } from '../../utils/ui';\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = React.useMemo(\n    () => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]),\n    [value, defaultValue, min, max],\n  );\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        'data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col',\n        className,\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className=\"bg-muted rounded-full data-horizontal:h-1 data-vertical:w-1 relative grow overflow-hidden data-horizontal:w-full data-vertical:h-full\"\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className=\"bg-primary absolute select-none data-horizontal:h-full data-vertical:w-full\"\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\nexport { Slider };\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAI1C,SAAS,OAAO,IAOsC;AAPtC,eACd;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EAXR,IAMgB,IAMX,kBANW,IAMX;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAgB;AAAA,IACpB,MAAO,MAAM,QAAQ,KAAK,IAAI,QAAQ,MAAM,QAAQ,YAAY,IAAI,eAAe,CAAC,KAAK,GAAG;AAAA,IAC5F,CAAC,OAAO,cAAc,KAAK,GAAG;AAAA,EAChC;AAEA,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,IAEJ;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA;AAAA,MAEV;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA;AAAA,MACZ;AAAA,IACF;AAAA,IACC,MAAM,KAAK,EAAE,QAAQ,QAAQ,OAAO,GAAG,CAAC,GAAG,UAC1C;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACC,aAAU;AAAA,QACV,KAAK;AAAA,QACL,WAAU;AAAA;AAAA,IACZ,CACD;AAAA,EACH;AAEJ;","names":[]}

package/components/ui/sonner.d.mts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { Toaster as Toaster$1 } from 'sonner';
+import { ToasterProps } from 'sonner';
 
-type ToasterProps = React.ComponentProps<typeof Toaster$1>;
 declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
 
 export { Toaster };

package/components/ui/sonner.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { Toaster as Toaster$1 } from 'sonner';
+import { ToasterProps } from 'sonner';
 
-type ToasterProps = React.ComponentProps<typeof Toaster$1>;
 declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
 
 export { Toaster };

package/components/ui/sonner.js

@@ -1,14 +1,14 @@
 "use client";
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
 
 var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
 
 // components/ui/sonner.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _nextthemes = require('next-themes');
 var _sonner = require('sonner');
+var _lucidereact = require('lucide-react');
 var Toaster = (_a) => {
   var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
   const { theme = "system" } = _nextthemes.useTheme.call(void 0, );
@@ -17,12 +17,22 @@ var Toaster = (_a) => {
     _chunk2NMEKWO5js.__spreadValues.call(void 0, {
       theme,
       className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ React.createElement(_lucidereact.CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ React.createElement(_lucidereact.InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ React.createElement(_lucidereact.TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ React.createElement(_lucidereact.OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ React.createElement(_lucidereact.Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
       toastOptions: {
         classNames: {
-          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
-          description: "group-[.toast]:text-muted-foreground",
-          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+          toast: "cn-toast"
         }
       }
     }, props)

package/components/ui/sonner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/sonner.js","../../../components/ui/sonner.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACLA,2EAAuB;AACvB,yCAAyB;AACzB,gCAAkC;AAIlC,IAAM,QAAA,EAAU,CAAC,EAAA,EAAA,GAA+B;AAA/B,EAAA,IAAK,MAAA,EAAA,wCAAA,EAAL,EAAK,CAAA,CAAA,CAAA;AACpB,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAS,EAAA,EAAI,kCAAA,CAAS;AAEtC,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA,6CAAA;AAAA,MACC,KAAA;AAAA,MACA,SAAA,EAAU,eAAA;AAAA,MACV,YAAA,EAAc;AAAA,QACZ,UAAA,EAAY;AAAA,UACV,KAAA,EACE,uIAAA;AAAA,UACF,WAAA,EAAa,sCAAA;AAAA,UACb,YAAA,EAAc,kEAAA;AAAA,UACd,YAAA,EAAc;AAAA,QAChB;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA;AAAA,EACN,CAAA;AAEJ,CAAA;ADGA;AACE;AACF,0BAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/sonner.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner } from 'sonner';\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',\n          description: 'group-[.toast]:text-muted-foreground',\n          actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',\n          cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/sonner.js","../../../components/ui/sonner.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACLA,yCAAyB;AACzB,gCAAqD;AACrD,2CAAwF;AAExF,IAAM,QAAA,EAAU,CAAC,EAAA,EAAA,GAA+B;AAA/B,EAAA,IAAK,MAAA,EAAA,wCAAA,EAAL,EAAK,CAAA,CAAA,CAAA;AACpB,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAS,EAAA,EAAI,kCAAA,CAAS;AAEtC,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA,6CAAA;AAAA,MACC,KAAA;AAAA,MACA,SAAA,EAAU,eAAA;AAAA,MACV,KAAA,EAAO;AAAA,QACL,OAAA,kBAAS,KAAA,CAAA,aAAA,CAAC,4BAAA,EAAA,EAAgB,SAAA,EAAU,SAAA,CAAS,CAAA;AAAA,QAC7C,IAAA,kBAAM,KAAA,CAAA,aAAA,CAAC,qBAAA,EAAA,EAAS,SAAA,EAAU,SAAA,CAAS,CAAA;AAAA,QACnC,OAAA,kBAAS,KAAA,CAAA,aAAA,CAAC,8BAAA,EAAA,EAAkB,SAAA,EAAU,SAAA,CAAS,CAAA;AAAA,QAC/C,KAAA,kBAAO,KAAA,CAAA,aAAA,CAAC,yBAAA,EAAA,EAAa,SAAA,EAAU,SAAA,CAAS,CAAA;AAAA,QACxC,OAAA,kBAAS,KAAA,CAAA,aAAA,CAAC,wBAAA,EAAA,EAAY,SAAA,EAAU,sBAAA,CAAsB;AAAA,MACxD,CAAA;AAAA,MACA,KAAA,EACE;AAAA,QACE,aAAA,EAAe,gBAAA;AAAA,QACf,eAAA,EAAiB,2BAAA;AAAA,QACjB,iBAAA,EAAmB,eAAA;AAAA,QACnB,iBAAA,EAAmB;AAAA,MACrB,CAAA;AAAA,MAEF,YAAA,EAAc;AAAA,QACZ,UAAA,EAAY;AAAA,UACV,KAAA,EAAO;AAAA,QACT;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA;AAAA,EACN,CAAA;AAEJ,CAAA;ADIA;AACE;AACF,0BAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/sonner.js","sourcesContent":[null,"\"use client\";\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner, type ToasterProps } from 'sonner';\nimport { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from 'lucide-react';\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      icons={{\n        success: <CircleCheckIcon className=\"size-4\" />,\n        info: <InfoIcon className=\"size-4\" />,\n        warning: <TriangleAlertIcon className=\"size-4\" />,\n        error: <OctagonXIcon className=\"size-4\" />,\n        loading: <Loader2Icon className=\"size-4 animate-spin\" />,\n      }}\n      style={\n        {\n          '--normal-bg': 'var(--popover)',\n          '--normal-text': 'var(--popover-foreground)',\n          '--normal-border': 'var(--border)',\n          '--border-radius': 'var(--radius)',\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: 'cn-toast',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"]}

package/components/ui/sonner.mjs

@@ -5,9 +5,9 @@ import {
 } from "../../chunk-YOSPWY5K.mjs";
 
 // components/ui/sonner.tsx
-import * as React from "react";
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
+import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from "lucide-react";
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = useTheme();
@@ -16,12 +16,22 @@ var Toaster = (_a) => {
     __spreadValues({
       theme,
       className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ React.createElement(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ React.createElement(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ React.createElement(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ React.createElement(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ React.createElement(Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
       toastOptions: {
         classNames: {
-          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
-          description: "group-[.toast]:text-muted-foreground",
-          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+          toast: "cn-toast"
         }
       }
     }, props)

package/components/ui/sonner.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/ui/sonner.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner } from 'sonner';\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',\n          description: 'group-[.toast]:text-muted-foreground',\n          actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',\n          cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"],"mappings":";;;;;;;AACA,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,WAAW,cAAc;AAIlC,IAAM,UAAU,CAAC,OAA+B;AAA/B,MAAK,kBAAL,IAAK;AACpB,QAAM,EAAE,QAAQ,SAAS,IAAI,SAAS;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACV,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/ui/sonner.tsx"],"sourcesContent":["\"use client\";\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner, type ToasterProps } from 'sonner';\nimport { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from 'lucide-react';\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      icons={{\n        success: <CircleCheckIcon className=\"size-4\" />,\n        info: <InfoIcon className=\"size-4\" />,\n        warning: <TriangleAlertIcon className=\"size-4\" />,\n        error: <OctagonXIcon className=\"size-4\" />,\n        loading: <Loader2Icon className=\"size-4 animate-spin\" />,\n      }}\n      style={\n        {\n          '--normal-bg': 'var(--popover)',\n          '--normal-text': 'var(--popover-foreground)',\n          '--normal-border': 'var(--border)',\n          '--border-radius': 'var(--radius)',\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: 'cn-toast',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"],"mappings":";;;;;;;AACA,SAAS,gBAAgB;AACzB,SAAS,WAAW,cAAiC;AACrD,SAAS,iBAAiB,UAAU,mBAAmB,cAAc,mBAAmB;AAExF,IAAM,UAAU,CAAC,OAA+B;AAA/B,MAAK,kBAAL,IAAK;AACpB,QAAM,EAAE,QAAQ,SAAS,IAAI,SAAS;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS,oCAAC,mBAAgB,WAAU,UAAS;AAAA,QAC7C,MAAM,oCAAC,YAAS,WAAU,UAAS;AAAA,QACnC,SAAS,oCAAC,qBAAkB,WAAU,UAAS;AAAA,QAC/C,OAAO,oCAAC,gBAAa,WAAU,UAAS;AAAA,QACxC,SAAS,oCAAC,eAAY,WAAU,uBAAsB;AAAA,MACxD;AAAA,MACA,OACE;AAAA,QACE,eAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,mBAAmB;AAAA,MACrB;AAAA,MAEF,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;","names":[]}

package/components/ui/spinner.d.mts

@@ -1,8 +1,13 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
-declare const spinnerVariants: (props?: any) => string;
-declare const loaderVariants: (props?: any) => string;
+declare const spinnerVariants: (props?: ({
+    show?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const loaderVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SpinnerContentProps extends VariantProps<typeof spinnerVariants>, VariantProps<typeof loaderVariants> {
     className?: string;
     children?: React.ReactNode;

package/components/ui/spinner.d.ts

@@ -1,8 +1,13 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
-declare const spinnerVariants: (props?: any) => string;
-declare const loaderVariants: (props?: any) => string;
+declare const spinnerVariants: (props?: ({
+    show?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const loaderVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SpinnerContentProps extends VariantProps<typeof spinnerVariants>, VariantProps<typeof loaderVariants> {
     className?: string;
     children?: React.ReactNode;

package/components/ui/spinner.js

@@ -2,10 +2,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkAREM2MQQjs = require('../../chunk-AREM2MQQ.js');
+var _chunkGV62APQ6js = require('../../chunk-GV62APQ6.js');
 require('../../chunk-PSPAJNNB.js');
 require('../../chunk-2NMEKWO5.js');
 
 
-exports.Spinner = _chunkAREM2MQQjs.Spinner;
+exports.Spinner = _chunkGV62APQ6js.Spinner;
 //# sourceMappingURL=spinner.js.map

package/components/ui/spinner.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   Spinner
-} from "../../chunk-FJGZ3SDA.mjs";
+} from "../../chunk-3GHC4JQU.mjs";
 import "../../chunk-KGUUDFJE.mjs";
 import "../../chunk-YOSPWY5K.mjs";
 export {

package/components/ui/switch.d.mts

@@ -1,6 +1,8 @@
 import * as React from 'react';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { Switch as Switch$1 } from 'radix-ui';
 
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function Switch({ className, size, ...props }: React.ComponentProps<typeof Switch$1.Root> & {
+    size?: 'sm' | 'default';
+}): React.JSX.Element;
 
 export { Switch };

package/components/ui/switch.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { Switch as Switch$1 } from 'radix-ui';
 
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function Switch({ className, size, ...props }: React.ComponentProps<typeof Switch$1.Root> & {
+    size?: 'sm' | 'default';
+}): React.JSX.Element;
 
 export { Switch };

package/components/ui/switch.js

@@ -6,35 +6,38 @@ var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
 
 
 
-
 var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
 
 // components/ui/switch.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _reactswitch = require('@radix-ui/react-switch'); var SwitchPrimitives = _interopRequireWildcard(_reactswitch);
-var Switch = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+var _radixui = require('radix-ui');
+function Switch(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "className",
+    "size"
+  ]);
   return /* @__PURE__ */ React.createElement(
-    SwitchPrimitives.Root,
-    _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+    _radixui.Switch.Root,
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "switch",
+      "data-size": size,
       className: _chunkPSPAJNNBjs.cn.call(void 0, 
-        "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+        "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-[state=unchecked]:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50",
         className
       )
-    }, props), {
-      ref
-    }),
+    }, props),
     /* @__PURE__ */ React.createElement(
-      SwitchPrimitives.Thumb,
+      _radixui.Switch.Thumb,
       {
-        className: _chunkPSPAJNNBjs.cn.call(void 0, 
-          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-        )
+        "data-slot": "switch-thumb",
+        className: "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 pointer-events-none block ring-0 transition-transform"
       }
     )
   );
-});
-Switch.displayName = SwitchPrimitives.Root.displayName;
+}
 
 
 exports.Switch = Switch;

package/components/ui/switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/switch.js","../../../components/ui/switch.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACTA,2EAAuB;AACvB,mHAAkC;AAIlC,IAAM,OAAA,EAAe,KAAA,CAAA,UAAA,CAGnB,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAK;AAA9B,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UATL,EAAA,EASG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACH,EAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAkB,gBAAA,CAAA,IAAA;AAAA,IAAjB,4CAAA,6CAAA;AAAA,MACC,SAAA,EAAW,iCAAA;AAAA,QACT,6XAAA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA,CAAA,EALL;AAAA,MAMC;AAAA,IAAA,CAAA,CAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAkB,gBAAA,CAAA,KAAA;AAAA,MAAjB;AAAA,QACC,SAAA,EAAW,iCAAA;AAAA,UACT;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EACF,CAAA;AAAA,CACD,CAAA;AACD,MAAA,CAAO,YAAA,EAA+B,gBAAA,CAAA,IAAA,CAAK,WAAA;ADW3C;AACE;AACF,wBAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/switch.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\n\nimport { cn } from '../../utils/ui';\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      'peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',\n      className,\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        'pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',\n      )}\n    />\n  </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n\nexport { Switch };\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/switch.js","../../../components/ui/switch.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AACvB,mCAA0C;AAI1C,SAAS,MAAA,CAAO,EAAA,EAMb;AANa,EAAA,IAAA,GAAA,EAAA,EAAA,EACd;AAAA,IAAA,SAAA;AAAA,IACA,KAAA,EAAO;AAAA,EART,EAAA,EAMgB,EAAA,EAGX,MAAA,EAAA,wCAAA,EAHW,EAGX;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAKA,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA,CAAgB,IAAA;AAAA,IAAhB,6CAAA;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,iCAAA;AAAA,QACT,6qBAAA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA,CAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA;AAAA,MAAC,eAAA,CAAgB,KAAA;AAAA,MAAhB;AAAA,QACC,WAAA,EAAU,cAAA;AAAA,QACV,SAAA,EAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CAAA;AAEJ;ADUA;AACE;AACF,wBAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/switch.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\nimport { cn } from '../../utils/ui';\n\nfunction Switch({\n  className,\n  size = 'default',\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        'data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-[state=unchecked]:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 pointer-events-none block ring-0 transition-transform\"\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n"]}

package/components/ui/switch.mjs

@@ -4,36 +4,39 @@ import {
 } from "../../chunk-KGUUDFJE.mjs";
 import {
   __objRest,
-  __spreadProps,
   __spreadValues
 } from "../../chunk-YOSPWY5K.mjs";
 
 // components/ui/switch.tsx
 import * as React from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
-var Switch = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+import { Switch as SwitchPrimitive } from "radix-ui";
+function Switch(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
   return /* @__PURE__ */ React.createElement(
-    SwitchPrimitives.Root,
-    __spreadProps(__spreadValues({
+    SwitchPrimitive.Root,
+    __spreadValues({
+      "data-slot": "switch",
+      "data-size": size,
       className: cn(
-        "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+        "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-[state=unchecked]:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50",
         className
       )
-    }, props), {
-      ref
-    }),
+    }, props),
     /* @__PURE__ */ React.createElement(
-      SwitchPrimitives.Thumb,
+      SwitchPrimitive.Thumb,
       {
-        className: cn(
-          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-        )
+        "data-slot": "switch-thumb",
+        className: "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 pointer-events-none block ring-0 transition-transform"
       }
     )
   );
-});
-Switch.displayName = SwitchPrimitives.Root.displayName;
+}
 export {
   Switch
 };