@egose/shadcn-theme 0.0.62 → 0.1.1

package/components/ui/radio-group.js

@@ -6,33 +6,36 @@ var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
 
 
 
-
 var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
 
 // components/ui/radio-group.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _reactradiogroup = require('@radix-ui/react-radio-group'); var RadioGroupPrimitive = _interopRequireWildcard(_reactradiogroup);
-var _lucidereact = require('lucide-react');
-var RadioGroup = React.forwardRef((_a, ref) => {
+var _radixui = require('radix-ui');
+function RadioGroup(_a) {
   var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ React.createElement(RadioGroupPrimitive.Root, _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, { className: _chunkPSPAJNNBjs.cn.call(void 0, "grid gap-2", className) }, props), { ref }));
-});
-RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React.forwardRef((_a, ref) => {
+  return /* @__PURE__ */ React.createElement(_radixui.RadioGroup.Root, _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "radio-group", className: _chunkPSPAJNNBjs.cn.call(void 0, "grid gap-2 w-full", className) }, props));
+}
+function RadioGroupItem(_a) {
   var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
   return /* @__PURE__ */ React.createElement(
-    RadioGroupPrimitive.Item,
+    _radixui.RadioGroup.Item,
     _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
+      "data-slot": "radio-group-item",
       className: _chunkPSPAJNNBjs.cn.call(void 0, 
-        "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        "border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-3 aria-invalid:ring-3 group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50",
         className
       )
     }, props),
-    /* @__PURE__ */ React.createElement(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center" }, /* @__PURE__ */ React.createElement(_lucidereact.Circle, { className: "h-3.5 w-3.5 fill-primary" }))
+    /* @__PURE__ */ React.createElement(
+      _radixui.RadioGroup.Indicator,
+      {
+        "data-slot": "radio-group-indicator",
+        className: "flex size-4 items-center justify-center"
+      },
+      /* @__PURE__ */ React.createElement("span", { className: "bg-primary-foreground absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full" })
+    )
   );
-});
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+}
 
 
 

package/components/ui/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/radio-group.js","../../../components/ui/radio-group.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACTA,2EAAuB;AACvB,mIAAqC;AACrC,2CAAuB;AAIvB,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA,CAGvB,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAQ;AAAjC,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAVL,EAAA,EAUG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACH,EAAA,uBAAO,KAAA,CAAA,aAAA,CAAqB,mBAAA,CAAA,IAAA,EAApB,4CAAA,6CAAA,EAAyB,SAAA,EAAW,iCAAA,YAAG,EAAc,SAAS,EAAA,CAAA,EAAO,KAAA,CAAA,EAArE,EAA4E,IAAA,CAAA,CAAU,CAAA;AAChG,CAAC,CAAA;AACD,UAAA,CAAW,YAAA,EAAkC,mBAAA,CAAA,IAAA,CAAK,WAAA;AAElD,IAAM,eAAA,EAAuB,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAA,EAAyB,GAAA,EAAA,GAAQ;AAAjC,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAlBL,EAAA,EAkBG,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACH,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAqB,mBAAA,CAAA,IAAA;AAAA,IAApB,6CAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,iCAAA;AAAA,QACT,8LAAA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA,CAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA,CAAqB,mBAAA,CAAA,SAAA,EAApB,EAA8B,SAAA,EAAU,mCAAA,CAAA,kBACvC,KAAA,CAAA,aAAA,CAAC,mBAAA,EAAA,EAAO,SAAA,EAAU,2BAAA,CAA2B,CAC/C;AAAA,EACF,CAAA;AAEJ,CAAC,CAAA;AACD,cAAA,CAAe,YAAA,EAAkC,mBAAA,CAAA,IAAA,CAAK,WAAA;ADAtD;AACE;AACA;AACF,yEAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/radio-group.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport { Circle } from 'lucide-react';\n\nimport { cn } from '../../utils/ui';\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />;\n});\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        'aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <Circle className=\"h-3.5 w-3.5 fill-primary\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n});\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport { RadioGroup, RadioGroupItem };\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/radio-group.js","../../../components/ui/radio-group.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AACvB,mCAAkD;AAIlD,SAAS,UAAA,CAAW,EAAA,EAAgF;AAAhF,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UANtB,EAAA,EAMoB,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACpB,EAAA,uBAAO,KAAA,CAAA,aAAA,CAAC,mBAAA,CAAoB,IAAA,EAApB,6CAAA,EAAyB,WAAA,EAAU,aAAA,EAAc,SAAA,EAAW,iCAAA,mBAAG,EAAqB,SAAS,EAAA,CAAA,EAAO,KAAA,CAAO,CAAA;AACrH;AAEA,SAAS,cAAA,CAAe,EAAA,EAAgF;AAAhF,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAV1B,EAAA,EAUwB,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AACxB,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA,CAAoB,IAAA;AAAA,IAApB,6CAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,iCAAA;AAAA,QACT,qnBAAA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA,CAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA;AAAA,MAAC,mBAAA,CAAoB,SAAA;AAAA,MAApB;AAAA,QACC,WAAA,EAAU,uBAAA;AAAA,QACV,SAAA,EAAU;AAAA,MAAA,CAAA;AAAA,sBAEV,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wGAAA,CAAwG;AAAA,IAC1H;AAAA,EACF,CAAA;AAEJ;ADSA;AACE;AACA;AACF,yEAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/radio-group.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nimport { cn } from '../../utils/ui';\n\nfunction RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('grid gap-2 w-full', className)} {...props} />;\n}\n\nfunction RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-3 aria-invalid:ring-3 group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"flex size-4 items-center justify-center\"\n      >\n        <span className=\"bg-primary-foreground absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"]}

package/components/ui/radio-group.mjs

@@ -4,34 +4,37 @@ import {
 } from "../../chunk-KGUUDFJE.mjs";
 import {
   __objRest,
-  __spreadProps,
   __spreadValues
 } from "../../chunk-YOSPWY5K.mjs";
 
 // components/ui/radio-group.tsx
 import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { Circle } from "lucide-react";
-var RadioGroup = React.forwardRef((_a, ref) => {
+import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
+function RadioGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(RadioGroupPrimitive.Root, __spreadProps(__spreadValues({ className: cn("grid gap-2", className) }, props), { ref }));
-});
-RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React.forwardRef((_a, ref) => {
+  return /* @__PURE__ */ React.createElement(RadioGroupPrimitive.Root, __spreadValues({ "data-slot": "radio-group", className: cn("grid gap-2 w-full", className) }, props));
+}
+function RadioGroupItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ React.createElement(
     RadioGroupPrimitive.Item,
     __spreadValues({
-      ref,
+      "data-slot": "radio-group-item",
       className: cn(
-        "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        "border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-3 aria-invalid:ring-3 group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50",
         className
       )
     }, props),
-    /* @__PURE__ */ React.createElement(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center" }, /* @__PURE__ */ React.createElement(Circle, { className: "h-3.5 w-3.5 fill-primary" }))
+    /* @__PURE__ */ React.createElement(
+      RadioGroupPrimitive.Indicator,
+      {
+        "data-slot": "radio-group-indicator",
+        className: "flex size-4 items-center justify-center"
+      },
+      /* @__PURE__ */ React.createElement("span", { className: "bg-primary-foreground absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full" })
+    )
   );
-});
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+}
 export {
   RadioGroup,
   RadioGroupItem

package/components/ui/radio-group.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/ui/radio-group.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport { Circle } from 'lucide-react';\n\nimport { cn } from '../../utils/ui';\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />;\n});\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        'aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <Circle className=\"h-3.5 w-3.5 fill-primary\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n});\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;;;;;AACA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AACrC,SAAS,cAAc;AAIvB,IAAM,aAAmB,iBAGvB,CAAC,IAAyB,QAAQ;AAAjC,eAAE,YAVL,IAUG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,SAAO,oCAAqB,0BAApB,+BAAyB,WAAW,GAAG,cAAc,SAAS,KAAO,QAArE,EAA4E,MAAU;AAChG,CAAC;AACD,WAAW,cAAkC,yBAAK;AAElD,IAAM,iBAAuB,iBAG3B,CAAC,IAAyB,QAAQ;AAAjC,eAAE,YAlBL,IAkBG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,IAEJ,oCAAqB,+BAApB,EAA8B,WAAU,sCACvC,oCAAC,UAAO,WAAU,4BAA2B,CAC/C;AAAA,EACF;AAEJ,CAAC;AACD,eAAe,cAAkC,yBAAK;","names":[]}
+{"version":3,"sources":["../../../components/ui/radio-group.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nimport { cn } from '../../utils/ui';\n\nfunction RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('grid gap-2 w-full', className)} {...props} />;\n}\n\nfunction RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-3 aria-invalid:ring-3 group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"flex size-4 items-center justify-center\"\n      >\n        <span className=\"bg-primary-foreground absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AACvB,SAAS,cAAc,2BAA2B;AAIlD,SAAS,WAAW,IAAgF;AAAhF,eAAE,YANtB,IAMoB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,SAAO,oCAAC,oBAAoB,MAApB,iBAAyB,aAAU,eAAc,WAAW,GAAG,qBAAqB,SAAS,KAAO,MAAO;AACrH;AAEA,SAAS,eAAe,IAAgF;AAAhF,eAAE,YAV1B,IAUwB,IAAgB,kBAAhB,IAAgB,CAAd;AACxB,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,IAEJ;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA;AAAA,MAEV,oCAAC,UAAK,WAAU,yGAAwG;AAAA,IAC1H;AAAA,EACF;AAEJ;","names":[]}

package/components/ui/resizable.d.mts

@@ -1,26 +1,10 @@
 import * as React from 'react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 
-declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React.JSX.Element;
-declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
-    className?: string;
-    collapsedSize?: number | undefined;
-    collapsible?: boolean | undefined;
-    defaultSize?: number | undefined;
-    id?: string;
-    maxSize?: number | undefined;
-    minSize?: number | undefined;
-    onCollapse?: ResizablePrimitive.PanelOnCollapse;
-    onExpand?: ResizablePrimitive.PanelOnExpand;
-    onResize?: ResizablePrimitive.PanelOnResize;
-    order?: number;
-    style?: object;
-    tagName?: keyof HTMLElementTagNameMap | undefined;
-} & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
-declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): React.JSX.Element;
+declare function ResizablePanel({ ...props }: ResizablePrimitive.PanelProps): React.JSX.Element;
+declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
     withHandle?: boolean;
-}) => React.JSX.Element;
+}): React.JSX.Element;
 
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/components/ui/resizable.d.ts

@@ -1,26 +1,10 @@
 import * as React from 'react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 
-declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React.JSX.Element;
-declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
-    className?: string;
-    collapsedSize?: number | undefined;
-    collapsible?: boolean | undefined;
-    defaultSize?: number | undefined;
-    id?: string;
-    maxSize?: number | undefined;
-    minSize?: number | undefined;
-    onCollapse?: ResizablePrimitive.PanelOnCollapse;
-    onExpand?: ResizablePrimitive.PanelOnExpand;
-    onResize?: ResizablePrimitive.PanelOnResize;
-    order?: number;
-    style?: object;
-    tagName?: keyof HTMLElementTagNameMap | undefined;
-} & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
-declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): React.JSX.Element;
+declare function ResizablePanel({ ...props }: ResizablePrimitive.PanelProps): React.JSX.Element;
+declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
     withHandle?: boolean;
-}) => React.JSX.Element;
+}): React.JSX.Element;
 
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/components/ui/resizable.js

@@ -9,20 +9,22 @@ var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
 var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
 
 // components/ui/resizable.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _lucidereact = require('lucide-react');
 var _reactresizablepanels = require('react-resizable-panels'); var ResizablePrimitive = _interopRequireWildcard(_reactresizablepanels);
-var ResizablePanelGroup = (_a) => {
+function ResizablePanelGroup(_a) {
   var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
   return /* @__PURE__ */ React.createElement(
-    ResizablePrimitive.PanelGroup,
+    ResizablePrimitive.Group,
     _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      className: _chunkPSPAJNNBjs.cn.call(void 0, "flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className)
+      "data-slot": "resizable-panel-group",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, "flex h-full w-full aria-[orientation=vertical]:flex-col", className)
     }, props)
   );
-};
-var ResizablePanel = ResizablePrimitive.Panel;
-var ResizableHandle = (_a) => {
+}
+function ResizablePanel(_a) {
+  var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
+  return /* @__PURE__ */ React.createElement(ResizablePrimitive.Panel, _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "resizable-panel" }, props));
+}
+function ResizableHandle(_a) {
   var _b = _a, {
     withHandle,
     className
@@ -31,16 +33,17 @@ var ResizableHandle = (_a) => {
     "className"
   ]);
   return /* @__PURE__ */ React.createElement(
-    ResizablePrimitive.PanelResizeHandle,
+    ResizablePrimitive.Separator,
     _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "resizable-handle",
       className: _chunkPSPAJNNBjs.cn.call(void 0, 
-        "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        "relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90",
         className
       )
     }, props),
-    withHandle && /* @__PURE__ */ React.createElement("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border" }, /* @__PURE__ */ React.createElement(_lucidereact.GripVertical, { className: "h-2.5 w-2.5" }))
+    withHandle && /* @__PURE__ */ React.createElement("div", { className: "bg-border h-6 w-1 rounded-lg z-10 flex shrink-0" })
   );
-};
+}
 
 
 

package/components/ui/resizable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/resizable.js","../../../components/ui/resizable.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AACvB,2CAA6B;AAC7B,uIAAoC;AAIpC,IAAM,oBAAA,EAAsB,CAAC,EAAA,EAAA,GAAqF;AAArF,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAP/B,EAAA,EAO6B,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AAC7B,EAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAoB,kBAAA,CAAA,UAAA;AAAA,IAAnB,6CAAA;AAAA,MACC,SAAA,EAAW,iCAAA,mEAAG,EAAqE,SAAS;AAAA,IAAA,CAAA,EACxF,KAAA;AAAA,EACN,CAAA;AAAA,CAAA;AAGF,IAAM,eAAA,EAAoC,kBAAA,CAAA,KAAA;AAE1C,IAAM,gBAAA,EAAkB,CAAC,EAAA,EAAA,GAMtB;AANsB,EAAA,IAAA,GAAA,EAAA,EAAA,EACvB;AAAA,IAAA,UAAA;AAAA,IACA;AAAA,EAlBF,EAAA,EAgByB,EAAA,EAGpB,MAAA,EAAA,wCAAA,EAHoB,EAGpB;AAAA,IAFH,YAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAKA,EAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAoB,kBAAA,CAAA,iBAAA;AAAA,IAAnB,6CAAA;AAAA,MACC,SAAA,EAAW,iCAAA;AAAA,QACT,yoBAAA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA,CAAA;AAAA,IAEH,WAAA,mBACC,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4EAAA,CAAA,kBACb,KAAA,CAAA,aAAA,CAAC,yBAAA,EAAA,EAAa,SAAA,EAAU,cAAA,CAAc,CACxC;AAAA,EAEJ,CAAA;AAAA,CAAA;ADOF;AACE;AACA;AACA;AACF,sIAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/resizable.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { GripVertical } from 'lucide-react';\nimport * as ResizablePrimitive from 'react-resizable-panels';\n\nimport { cn } from '../../utils/ui';\n\nconst ResizablePanelGroup = ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n  <ResizablePrimitive.PanelGroup\n    className={cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className)}\n    {...props}\n  />\n);\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean;\n}) => (\n  <ResizablePrimitive.PanelResizeHandle\n    className={cn(\n      'relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n      className,\n    )}\n    {...props}\n  >\n    {withHandle && (\n      <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n        <GripVertical className=\"h-2.5 w-2.5\" />\n      </div>\n    )}\n  </ResizablePrimitive.PanelResizeHandle>\n);\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/resizable.js","../../../components/ui/resizable.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,uIAAoC;AAIpC,SAAS,mBAAA,CAAoB,EAAA,EAAwD;AAAxD,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,UAL/B,EAAA,EAK6B,EAAA,EAAgB,MAAA,EAAA,wCAAA,EAAhB,EAAgB,CAAd,WAAA,CAAA,CAAA;AAC7B,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAoB,kBAAA,CAAA,KAAA;AAAA,IAAnB,6CAAA;AAAA,MACC,WAAA,EAAU,uBAAA;AAAA,MACV,SAAA,EAAW,iCAAA,yDAAG,EAA2D,SAAS;AAAA,IAAA,CAAA,EAC9E,KAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,cAAA,CAAe,EAAA,EAA6C;AAA7C,EAAA,IAAK,MAAA,EAAA,wCAAA,EAAL,EAAK,CAAA,CAAA,CAAA;AAC3B,EAAA,uBAAO,KAAA,CAAA,aAAA,CAAoB,kBAAA,CAAA,KAAA,EAAnB,6CAAA,EAAyB,WAAA,EAAU,kBAAA,CAAA,EAAsB,KAAA,CAAO,CAAA;AAC1E;AAEA,SAAS,eAAA,CAAgB,EAAA,EAMtB;AANsB,EAAA,IAAA,GAAA,EAAA,EAAA,EACvB;AAAA,IAAA,UAAA;AAAA,IACA;AAAA,EArBF,EAAA,EAmByB,EAAA,EAGpB,MAAA,EAAA,wCAAA,EAHoB,EAGpB;AAAA,IAFH,YAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAKA,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAoB,kBAAA,CAAA,SAAA;AAAA,IAAnB,6CAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,iCAAA;AAAA,QACT,skBAAA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA,CAAA;AAAA,IAEH,WAAA,mBAAc,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kDAAA,CAAkD;AAAA,EAClF,CAAA;AAEJ;ADOA;AACE;AACA;AACA;AACF,sIAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/resizable.js","sourcesContent":[null,"\"use client\";\nimport * as ResizablePrimitive from 'react-resizable-panels';\n\nimport { cn } from '../../utils/ui';\n\nfunction ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps) {\n  return (\n    <ResizablePrimitive.Group\n      data-slot=\"resizable-panel-group\"\n      className={cn('flex h-full w-full aria-[orientation=vertical]:flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ResizablePanel({ ...props }: ResizablePrimitive.PanelProps) {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: ResizablePrimitive.SeparatorProps & {\n  withHandle?: boolean;\n}) {\n  return (\n    <ResizablePrimitive.Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        'relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90',\n        className,\n      )}\n      {...props}\n    >\n      {withHandle && <div className=\"bg-border h-6 w-1 rounded-lg z-10 flex shrink-0\" />}\n    </ResizablePrimitive.Separator>\n  );\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup };\n"]}

package/components/ui/resizable.mjs

@@ -8,20 +8,22 @@ import {
 } from "../../chunk-YOSPWY5K.mjs";
 
 // components/ui/resizable.tsx
-import * as React from "react";
-import { GripVertical } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-var ResizablePanelGroup = (_a) => {
+function ResizablePanelGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ React.createElement(
-    ResizablePrimitive.PanelGroup,
+    ResizablePrimitive.Group,
     __spreadValues({
-      className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className)
+      "data-slot": "resizable-panel-group",
+      className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className)
     }, props)
   );
-};
-var ResizablePanel = ResizablePrimitive.Panel;
-var ResizableHandle = (_a) => {
+}
+function ResizablePanel(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React.createElement(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
+}
+function ResizableHandle(_a) {
   var _b = _a, {
     withHandle,
     className
@@ -30,16 +32,17 @@ var ResizableHandle = (_a) => {
     "className"
   ]);
   return /* @__PURE__ */ React.createElement(
-    ResizablePrimitive.PanelResizeHandle,
+    ResizablePrimitive.Separator,
     __spreadValues({
+      "data-slot": "resizable-handle",
       className: cn(
-        "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        "relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90",
         className
       )
     }, props),
-    withHandle && /* @__PURE__ */ React.createElement("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border" }, /* @__PURE__ */ React.createElement(GripVertical, { className: "h-2.5 w-2.5" }))
+    withHandle && /* @__PURE__ */ React.createElement("div", { className: "bg-border h-6 w-1 rounded-lg z-10 flex shrink-0" })
   );
-};
+}
 export {
   ResizableHandle,
   ResizablePanel,

package/components/ui/resizable.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/ui/resizable.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { GripVertical } from 'lucide-react';\nimport * as ResizablePrimitive from 'react-resizable-panels';\n\nimport { cn } from '../../utils/ui';\n\nconst ResizablePanelGroup = ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n  <ResizablePrimitive.PanelGroup\n    className={cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className)}\n    {...props}\n  />\n);\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean;\n}) => (\n  <ResizablePrimitive.PanelResizeHandle\n    className={cn(\n      'relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n      className,\n    )}\n    {...props}\n  >\n    {withHandle && (\n      <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n        <GripVertical className=\"h-2.5 w-2.5\" />\n      </div>\n    )}\n  </ResizablePrimitive.PanelResizeHandle>\n);\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAC7B,YAAY,wBAAwB;AAIpC,IAAM,sBAAsB,CAAC,OAAqF;AAArF,eAAE,YAP/B,IAO6B,IAAgB,kBAAhB,IAAgB,CAAd;AAC7B;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW,GAAG,qEAAqE,SAAS;AAAA,OACxF;AAAA,EACN;AAAA;AAGF,IAAM,iBAAoC;AAE1C,IAAM,kBAAkB,CAAC,OAMtB;AANsB,eACvB;AAAA;AAAA,IACA;AAAA,EAlBF,IAgByB,IAGpB,kBAHoB,IAGpB;AAAA,IAFH;AAAA,IACA;AAAA;AAKA;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,IAEH,cACC,oCAAC,SAAI,WAAU,+EACb,oCAAC,gBAAa,WAAU,eAAc,CACxC;AAAA,EAEJ;AAAA;","names":[]}
+{"version":3,"sources":["../../../components/ui/resizable.tsx"],"sourcesContent":["\"use client\";\nimport * as ResizablePrimitive from 'react-resizable-panels';\n\nimport { cn } from '../../utils/ui';\n\nfunction ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps) {\n  return (\n    <ResizablePrimitive.Group\n      data-slot=\"resizable-panel-group\"\n      className={cn('flex h-full w-full aria-[orientation=vertical]:flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ResizablePanel({ ...props }: ResizablePrimitive.PanelProps) {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: ResizablePrimitive.SeparatorProps & {\n  withHandle?: boolean;\n}) {\n  return (\n    <ResizablePrimitive.Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        'relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90',\n        className,\n      )}\n      {...props}\n    >\n      {withHandle && <div className=\"bg-border h-6 w-1 rounded-lg z-10 flex shrink-0\" />}\n    </ResizablePrimitive.Separator>\n  );\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup };\n"],"mappings":";;;;;;;;;;AACA,YAAY,wBAAwB;AAIpC,SAAS,oBAAoB,IAAwD;AAAxD,eAAE,YAL/B,IAK6B,IAAgB,kBAAhB,IAAgB,CAAd;AAC7B,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2DAA2D,SAAS;AAAA,OAC9E;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,IAA6C;AAA7C,MAAK,kBAAL,IAAK;AAC3B,SAAO,oCAAoB,0BAAnB,iBAAyB,aAAU,qBAAsB,MAAO;AAC1E;AAEA,SAAS,gBAAgB,IAMtB;AANsB,eACvB;AAAA;AAAA,IACA;AAAA,EArBF,IAmByB,IAGpB,kBAHoB,IAGpB;AAAA,IAFH;AAAA,IACA;AAAA;AAKA,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,IAEH,cAAc,oCAAC,SAAI,WAAU,mDAAkD;AAAA,EAClF;AAEJ;","names":[]}

package/components/ui/scroll-area.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { ScrollArea as ScrollArea$1 } from 'radix-ui';
 
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollArea$1.Root>): React.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): React.JSX.Element;
 
 export { ScrollArea, ScrollBar };

package/components/ui/scroll-area.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { ScrollArea as ScrollArea$1 } from 'radix-ui';
 
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollArea$1.Root>): React.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): React.JSX.Element;
 
 export { ScrollArea, ScrollBar };

package/components/ui/scroll-area.js

@@ -10,30 +10,46 @@ var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
 
 // components/ui/scroll-area.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _reactscrollarea = require('@radix-ui/react-scroll-area'); var ScrollAreaPrimitive = _interopRequireWildcard(_reactscrollarea);
-var ScrollArea = React.forwardRef((_a, ref) => {
+var _radixui = require('radix-ui');
+function ScrollArea(_a) {
   var _b = _a, { className, children } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Root, _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkPSPAJNNBjs.cn.call(void 0, "relative overflow-hidden", className) }, props), /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]" }, children), /* @__PURE__ */ React.createElement(ScrollBar, null), /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Corner, null));
-});
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, orientation = "vertical" } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "orientation"]);
+  return /* @__PURE__ */ React.createElement(_radixui.ScrollArea.Root, _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "scroll-area", className: _chunkPSPAJNNBjs.cn.call(void 0, "relative", className) }, props), /* @__PURE__ */ React.createElement(
+    _radixui.ScrollArea.Viewport,
+    {
+      "data-slot": "scroll-area-viewport",
+      className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1"
+    },
+    children
+  ), /* @__PURE__ */ React.createElement(ScrollBar, null), /* @__PURE__ */ React.createElement(_radixui.ScrollArea.Corner, null));
+}
+function ScrollBar(_a) {
+  var _b = _a, {
+    className,
+    orientation = "vertical"
+  } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "className",
+    "orientation"
+  ]);
   return /* @__PURE__ */ React.createElement(
-    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    _radixui.ScrollArea.ScrollAreaScrollbar,
     _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
+      "data-slot": "scroll-area-scrollbar",
+      "data-orientation": orientation,
       orientation,
       className: _chunkPSPAJNNBjs.cn.call(void 0, 
-        "flex touch-none select-none transition-colors",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+        "data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none",
         className
       )
     }, props),
-    /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    /* @__PURE__ */ React.createElement(
+      _radixui.ScrollArea.ScrollAreaThumb,
+      {
+        "data-slot": "scroll-area-thumb",
+        className: "rounded-full relative flex-1 bg-border"
+      }
+    )
   );
-});
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+}
 
 
 

package/components/ui/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/scroll-area.js","../../../components/ui/scroll-area.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AACvB,mIAAqC;AAIrC,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA,CAGvB,CAAC,EAAA,EAAmC,GAAA,EAAA,GAAK;AAAxC,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,SAAA,EAAW,SAThB,EAAA,EASG,EAAA,EAA0B,MAAA,EAAA,wCAAA,EAA1B,EAA0B,CAAxB,WAAA,EAAW,UAAA,CAAA,CAAA;AACd,EAAA,uBAAA,KAAA,CAAA,aAAA,CAAqB,mBAAA,CAAA,IAAA,EAApB,6CAAA,EAAyB,GAAA,EAAU,SAAA,EAAW,iCAAA,0BAAG,EAA4B,SAAS,EAAA,CAAA,EAAO,KAAA,CAAA,kBAC5F,KAAA,CAAA,aAAA,CAAqB,mBAAA,CAAA,QAAA,EAApB,EAA6B,SAAA,EAAU,kCAAA,CAAA,EAAmC,QAAS,CAAA,kBACpF,KAAA,CAAA,aAAA,CAAC,SAAA,EAAA,IAAU,CAAA,kBACX,KAAA,CAAA,aAAA,CAAqB,mBAAA,CAAA,MAAA,EAApB,IAA2B,CAC9B,CAAA;AAAA,CACD,CAAA;AACD,UAAA,CAAW,YAAA,EAAkC,mBAAA,CAAA,IAAA,CAAK,WAAA;AAElD,IAAM,UAAA,EAAkB,KAAA,CAAA,UAAA,CAGtB,CAAC,EAAA,EAAmD,GAAA,EAAA,GAAK;AAAxD,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,SAAA,EAAW,YAAA,EAAc,WArB9B,EAAA,EAqBG,EAAA,EAA0C,MAAA,EAAA,wCAAA,EAA1C,EAA0C,CAAxC,WAAA,EAAW,aAAA,CAAA,CAAA;AACd,EAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAqB,mBAAA,CAAA,mBAAA;AAAA,IAApB,6CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAW,iCAAA;AAAA,QACT,+CAAA;AAAA,QACA,YAAA,IAAgB,WAAA,GAAc,oDAAA;AAAA,QAC9B,YAAA,IAAgB,aAAA,GAAgB,sDAAA;AAAA,QAChC;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA,CAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA,CAAqB,mBAAA,CAAA,eAAA,EAApB,EAAoC,SAAA,EAAU,yCAAA,CAAyC;AAAA,EAC1F,CAAA;AAAA,CACD,CAAA;AACD,SAAA,CAAU,YAAA,EAAkC,mBAAA,CAAA,mBAAA,CAAoB,WAAA;ADDhE;AACE;AACA;AACF,+DAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/scroll-area.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from '../../utils/ui';\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root ref={ref} className={cn('relative overflow-hidden', className)} {...props}>\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">{children}</ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      'flex touch-none select-none transition-colors',\n      orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]',\n      orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]',\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/scroll-area.js","../../../components/ui/scroll-area.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACA;ACRA,2EAAuB;AACvB,mCAAkD;AAIlD,SAAS,UAAA,CAAW,EAAA,EAA0F;AAA1F,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,SAAA,EAAW,SANjC,EAAA,EAMoB,EAAA,EAA0B,MAAA,EAAA,wCAAA,EAA1B,EAA0B,CAAxB,WAAA,EAAW,UAAA,CAAA,CAAA;AAC/B,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,mBAAA,CAAoB,IAAA,EAApB,6CAAA,EAAyB,WAAA,EAAU,aAAA,EAAc,SAAA,EAAW,iCAAA,UAAG,EAAY,SAAS,EAAA,CAAA,EAAO,KAAA,CAAA,kBAC1F,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA,CAAoB,QAAA;AAAA,IAApB;AAAA,MACC,WAAA,EAAU,sBAAA;AAAA,MACV,SAAA,EAAU;AAAA,IAAA,CAAA;AAAA,IAET;AAAA,EACH,CAAA,kBACA,KAAA,CAAA,aAAA,CAAC,SAAA,EAAA,IAAU,CAAA,kBACX,KAAA,CAAA,aAAA,CAAC,mBAAA,CAAoB,MAAA,EAApB,IAA2B,CAC9B,CAAA;AAEJ;AAEA,SAAS,SAAA,CAAU,EAAA,EAIsD;AAJtD,EAAA,IAAA,GAAA,EAAA,EAAA,EACjB;AAAA,IAAA,SAAA;AAAA,IACA,YAAA,EAAc;AAAA,EAvBhB,EAAA,EAqBmB,EAAA,EAGd,MAAA,EAAA,wCAAA,EAHc,EAGd;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAGA,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA,CAAoB,mBAAA;AAAA,IAApB,6CAAA;AAAA,MACC,WAAA,EAAU,uBAAA;AAAA,MACV,kBAAA,EAAkB,WAAA;AAAA,MAClB,WAAA;AAAA,MACA,SAAA,EAAW,iCAAA;AAAA,QACT,oQAAA;AAAA,QACA;AAAA,MACF;AAAA,IAAA,CAAA,EACI,KAAA,CAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA;AAAA,MAAC,mBAAA,CAAoB,eAAA;AAAA,MAApB;AAAA,QACC,WAAA,EAAU,mBAAA;AAAA,QACV,SAAA,EAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CAAA;AAEJ;ADQA;AACE;AACA;AACF,+DAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/scroll-area.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { cn } from '../../utils/ui';\n\nfunction ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"rounded-full relative flex-1 bg-border\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"]}

package/components/ui/scroll-area.mjs

@@ -9,30 +9,46 @@ import {
 
 // components/ui/scroll-area.tsx
 import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-var ScrollArea = React.forwardRef((_a, ref) => {
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+function ScrollArea(_a) {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Root, __spreadValues({ ref, className: cn("relative overflow-hidden", className) }, props), /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]" }, children), /* @__PURE__ */ React.createElement(ScrollBar, null), /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Corner, null));
-});
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
+  return /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Root, __spreadValues({ "data-slot": "scroll-area", className: cn("relative", className) }, props), /* @__PURE__ */ React.createElement(
+    ScrollAreaPrimitive.Viewport,
+    {
+      "data-slot": "scroll-area-viewport",
+      className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1"
+    },
+    children
+  ), /* @__PURE__ */ React.createElement(ScrollBar, null), /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Corner, null));
+}
+function ScrollBar(_a) {
+  var _b = _a, {
+    className,
+    orientation = "vertical"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
   return /* @__PURE__ */ React.createElement(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadValues({
-      ref,
+      "data-slot": "scroll-area-scrollbar",
+      "data-orientation": orientation,
       orientation,
       className: cn(
-        "flex touch-none select-none transition-colors",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+        "data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none",
         className
       )
     }, props),
-    /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    /* @__PURE__ */ React.createElement(
+      ScrollAreaPrimitive.ScrollAreaThumb,
+      {
+        "data-slot": "scroll-area-thumb",
+        className: "rounded-full relative flex-1 bg-border"
+      }
+    )
   );
-});
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+}
 export {
   ScrollArea,
   ScrollBar

package/components/ui/scroll-area.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/ui/scroll-area.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from '../../utils/ui';\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root ref={ref} className={cn('relative overflow-hidden', className)} {...props}>\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">{children}</ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      'flex touch-none select-none transition-colors',\n      orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]',\n      orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]',\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAIrC,IAAM,aAAmB,iBAGvB,CAAC,IAAmC,QAAK;AAAxC,eAAE,aAAW,SAThB,IASG,IAA0B,kBAA1B,IAA0B,CAAxB,aAAW;AACd,6CAAqB,0BAApB,iBAAyB,KAAU,WAAW,GAAG,4BAA4B,SAAS,KAAO,QAC5F,oCAAqB,8BAApB,EAA6B,WAAU,qCAAmC,QAAS,GACpF,oCAAC,eAAU,GACX,oCAAqB,4BAApB,IAA2B,CAC9B;AAAA,CACD;AACD,WAAW,cAAkC,yBAAK;AAElD,IAAM,YAAkB,iBAGtB,CAAC,IAAmD,QAAK;AAAxD,eAAE,aAAW,cAAc,WArB9B,IAqBG,IAA0C,kBAA1C,IAA0C,CAAxC,aAAW;AACd;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,cAAc;AAAA,QAC9B,gBAAgB,gBAAgB;AAAA,QAChC;AAAA,MACF;AAAA,OACI;AAAA,IAEJ,oCAAqB,qCAApB,EAAoC,WAAU,0CAAyC;AAAA,EAC1F;AAAA,CACD;AACD,UAAU,cAAkC,wCAAoB;","names":[]}
+{"version":3,"sources":["../../../components/ui/scroll-area.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { cn } from '../../utils/ui';\n\nfunction ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors select-none',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"rounded-full relative flex-1 bg-border\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AACvB,SAAS,cAAc,2BAA2B;AAIlD,SAAS,WAAW,IAA0F;AAA1F,eAAE,aAAW,SANjC,IAMoB,IAA0B,kBAA1B,IAA0B,CAAxB,aAAW;AAC/B,SACE,oCAAC,oBAAoB,MAApB,iBAAyB,aAAU,eAAc,WAAW,GAAG,YAAY,SAAS,KAAO,QAC1F;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA;AAAA,IAET;AAAA,EACH,GACA,oCAAC,eAAU,GACX,oCAAC,oBAAoB,QAApB,IAA2B,CAC9B;AAEJ;AAEA,SAAS,UAAU,IAIsD;AAJtD,eACjB;AAAA;AAAA,IACA,cAAc;AAAA,EAvBhB,IAqBmB,IAGd,kBAHc,IAGd;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,IAEJ;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA;AAAA,IACZ;AAAA,EACF;AAEJ;","names":[]}