@egose/shadcn-theme 0.0.62 → 0.1.1

package/components/ui/input-otp.js

@@ -12,53 +12,74 @@ var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _inputotp = require('input-otp');
 var _lucidereact = require('lucide-react');
-var InputOTP = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, containerClassName } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "containerClassName"]);
-    return /* @__PURE__ */ React.createElement(
-      _inputotp.OTPInput,
-      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-        ref,
-        containerClassName: _chunkPSPAJNNBjs.cn.call(void 0, "flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
-        className: _chunkPSPAJNNBjs.cn.call(void 0, "disabled:cursor-not-allowed", className)
-      }, props)
-    );
-  }
-);
-InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
-    return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkPSPAJNNBjs.cn.call(void 0, "flex items-center", className) }, props));
-  }
-);
-InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React.forwardRef((_a, ref) => {
-  var _b = _a, { index, className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["index", "className"]);
+function InputOTP(_a) {
+  var _b = _a, {
+    className,
+    containerClassName
+  } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "className",
+    "containerClassName"
+  ]);
+  return /* @__PURE__ */ React.createElement(
+    _inputotp.OTPInput,
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "input-otp",
+      containerClassName: _chunkPSPAJNNBjs.cn.call(void 0, "cn-input-otp flex items-center has-disabled:opacity-50", containerClassName),
+      spellCheck: false,
+      className: _chunkPSPAJNNBjs.cn.call(void 0, "disabled:cursor-not-allowed", className)
+    }, props)
+  );
+}
+function InputOTPGroup(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "input-otp-group",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, 
+        "has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive rounded-lg has-aria-invalid:ring-3 flex items-center",
+        className
+      )
+    }, props)
+  );
+}
+function InputOTPSlot(_a) {
+  var _b = _a, {
+    index,
+    className
+  } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "index",
+    "className"
+  ]);
+  var _a2;
   const inputOTPContext = React.useContext(_inputotp.OTPInputContext);
-  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
   return /* @__PURE__ */ React.createElement(
     "div",
     _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      ref,
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
       className: _chunkPSPAJNNBjs.cn.call(void 0, 
-        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
-        isActive && "z-10 ring-1 ring-ring",
+        "dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive size-8 border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:ring-3 relative flex items-center justify-center data-[active=true]:z-10",
         className
       )
     }, props),
     char,
-    hasFakeCaret && /* @__PURE__ */ React.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }))
+    hasFakeCaret && /* @__PURE__ */ React.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }))
+  );
+}
+function InputOTPSeparator(_a) {
+  var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "input-otp-separator",
+      className: "[&_svg:not([class*='size-'])]:size-4 flex items-center",
+      role: "separator"
+    }, props),
+    /* @__PURE__ */ React.createElement(_lucidereact.MinusIcon, null)
   );
-});
-InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React.forwardRef(
-  (_a, ref) => {
-    var props = _chunk2NMEKWO5js.__objRest.call(void 0, _a, []);
-    return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, role: "separator" }, props), /* @__PURE__ */ React.createElement(_lucidereact.Minus, null));
-  }
-);
-InputOTPSeparator.displayName = "InputOTPSeparator";
+}
 
 
 

package/components/ui/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/input-otp.js","../../../components/ui/input-otp.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/input-otp.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { Minus } from 'lucide-react';\n\nimport { cn } from '../../utils/ui';\n\nconst InputOTP = React.forwardRef<React.ElementRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(\n  ({ className, containerClassName, ...props }, ref) => (\n    <OTPInput\n      ref={ref}\n      containerClassName={cn('flex items-center gap-2 has-[:disabled]:opacity-50', containerClassName)}\n      className={cn('disabled:cursor-not-allowed', className)}\n      {...props}\n    />\n  ),\n);\nInputOTP.displayName = 'InputOTP';\n\nconst InputOTPGroup = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => <div ref={ref} className={cn('flex items-center', className)} {...props} />,\n);\nInputOTPGroup.displayName = 'InputOTPGroup';\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md',\n        isActive && 'z-10 ring-1 ring-ring',\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n});\nInputOTPSlot.displayName = 'InputOTPSlot';\n\nconst InputOTPSeparator = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n  ({ ...props }, ref) => (\n    <div ref={ref} role=\"separator\" {...props}>\n      <Minus />\n    </div>\n  ),\n);\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/input-otp.js","../../../components/ui/input-otp.tsx"],"names":["_a"],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/input-otp.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { OTPInput, OTPInputContext } from 'input-otp';\n\nimport { cn } from '../../utils/ui';\nimport { MinusIcon } from 'lucide-react';\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string;\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn('cn-input-otp flex items-center has-disabled:opacity-50', containerClassName)}\n      spellCheck={false}\n      className={cn('disabled:cursor-not-allowed', className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\n        'has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive rounded-lg has-aria-invalid:ring-3 flex items-center',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & {\n  index: number;\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        'dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive size-8 border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:ring-3 relative flex items-center justify-center data-[active=true]:z-10',\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"input-otp-separator\"\n      className=\"[&_svg:not([class*='size-'])]:size-4 flex items-center\"\n      role=\"separator\"\n      {...props}\n    >\n      <MinusIcon />\n    </div>\n  );\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"]}

package/components/ui/input-otp.mjs

@@ -10,54 +10,75 @@ import {
 // components/ui/input-otp.tsx
 import * as React from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
-import { Minus } from "lucide-react";
-var InputOTP = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
-    return /* @__PURE__ */ React.createElement(
-      OTPInput,
-      __spreadValues({
-        ref,
-        containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
-        className: cn("disabled:cursor-not-allowed", className)
-      }, props)
-    );
-  }
-);
-InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
-  }
-);
-InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React.forwardRef((_a, ref) => {
-  var _b = _a, { index, className } = _b, props = __objRest(_b, ["index", "className"]);
+import { MinusIcon } from "lucide-react";
+function InputOTP(_a) {
+  var _b = _a, {
+    className,
+    containerClassName
+  } = _b, props = __objRest(_b, [
+    "className",
+    "containerClassName"
+  ]);
+  return /* @__PURE__ */ React.createElement(
+    OTPInput,
+    __spreadValues({
+      "data-slot": "input-otp",
+      containerClassName: cn("cn-input-otp flex items-center has-disabled:opacity-50", containerClassName),
+      spellCheck: false,
+      className: cn("disabled:cursor-not-allowed", className)
+    }, props)
+  );
+}
+function InputOTPGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "input-otp-group",
+      className: cn(
+        "has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive rounded-lg has-aria-invalid:ring-3 flex items-center",
+        className
+      )
+    }, props)
+  );
+}
+function InputOTPSlot(_a) {
+  var _b = _a, {
+    index,
+    className
+  } = _b, props = __objRest(_b, [
+    "index",
+    "className"
+  ]);
+  var _a2;
   const inputOTPContext = React.useContext(OTPInputContext);
-  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
   return /* @__PURE__ */ React.createElement(
     "div",
     __spreadValues({
-      ref,
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
       className: cn(
-        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
-        isActive && "z-10 ring-1 ring-ring",
+        "dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive size-8 border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:ring-3 relative flex items-center justify-center data-[active=true]:z-10",
         className
       )
     }, props),
     char,
-    hasFakeCaret && /* @__PURE__ */ React.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }))
+    hasFakeCaret && /* @__PURE__ */ React.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }))
+  );
+}
+function InputOTPSeparator(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "input-otp-separator",
+      className: "[&_svg:not([class*='size-'])]:size-4 flex items-center",
+      role: "separator"
+    }, props),
+    /* @__PURE__ */ React.createElement(MinusIcon, null)
   );
-});
-InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React.forwardRef(
-  (_a, ref) => {
-    var props = __objRest(_a, []);
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, role: "separator" }, props), /* @__PURE__ */ React.createElement(Minus, null));
-  }
-);
-InputOTPSeparator.displayName = "InputOTPSeparator";
+}
 export {
   InputOTP,
   InputOTPGroup,

package/components/ui/input-otp.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/ui/input-otp.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { Minus } from 'lucide-react';\n\nimport { cn } from '../../utils/ui';\n\nconst InputOTP = React.forwardRef<React.ElementRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(\n  ({ className, containerClassName, ...props }, ref) => (\n    <OTPInput\n      ref={ref}\n      containerClassName={cn('flex items-center gap-2 has-[:disabled]:opacity-50', containerClassName)}\n      className={cn('disabled:cursor-not-allowed', className)}\n      {...props}\n    />\n  ),\n);\nInputOTP.displayName = 'InputOTP';\n\nconst InputOTPGroup = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => <div ref={ref} className={cn('flex items-center', className)} {...props} />,\n);\nInputOTPGroup.displayName = 'InputOTPGroup';\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md',\n        isActive && 'z-10 ring-1 ring-ring',\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n});\nInputOTPSlot.displayName = 'InputOTPSlot';\n\nconst InputOTPSeparator = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(\n  ({ ...props }, ref) => (\n    <div ref={ref} role=\"separator\" {...props}>\n      <Minus />\n    </div>\n  ),\n);\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,aAAa;AAItB,IAAM,WAAiB;AAAA,EACrB,CAAC,IAA6C,QAAK;AAAlD,iBAAE,aAAW,mBARhB,IAQG,IAAoC,kBAApC,IAAoC,CAAlC,aAAW;AACZ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,oBAAoB,GAAG,sDAAsD,kBAAkB;AAAA,QAC/F,WAAW,GAAG,+BAA+B,SAAS;AAAA,SAClD;AAAA,IACN;AAAA;AAEJ;AACA,SAAS,cAAc;AAEvB,IAAM,gBAAsB;AAAA,EAC1B,CAAC,IAAyB,QAAK;AAA9B,iBAAE,YApBL,IAoBG,IAAgB,kBAAhB,IAAgB,CAAd;AAA+B,+CAAC,wBAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,KAAO,MAAO;AAAA;AAC7G;AACA,cAAc,cAAc;AAE5B,IAAM,eAAqB,iBAGzB,CAAC,IAAgC,QAAQ;AAAxC,eAAE,SAAO,UA3BZ,IA2BG,IAAuB,kBAAvB,IAAuB,CAArB,SAAO;AACV,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,EAAE,MAAM,cAAc,SAAS,IAAI,gBAAgB,MAAM,KAAK;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,MACF;AAAA,OACI;AAAA,IAEH;AAAA,IACA,gBACC,oCAAC,SAAI,WAAU,2EACb,oCAAC,SAAI,WAAU,4DAA2D,CAC5E;AAAA,EAEJ;AAEJ,CAAC;AACD,aAAa,cAAc;AAE3B,IAAM,oBAA0B;AAAA,EAC9B,CAAC,IAAc,QAAK;AAAnB,QAAK,kBAAL,IAAK;AACJ,+CAAC,wBAAI,KAAU,MAAK,eAAgB,QAClC,oCAAC,WAAM,CACT;AAAA;AAEJ;AACA,kBAAkB,cAAc;","names":[]}
+{"version":3,"sources":["../../../components/ui/input-otp.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { OTPInput, OTPInputContext } from 'input-otp';\n\nimport { cn } from '../../utils/ui';\nimport { MinusIcon } from 'lucide-react';\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string;\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn('cn-input-otp flex items-center has-disabled:opacity-50', containerClassName)}\n      spellCheck={false}\n      className={cn('disabled:cursor-not-allowed', className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\n        'has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive rounded-lg has-aria-invalid:ring-3 flex items-center',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & {\n  index: number;\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        'dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive size-8 border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:ring-3 relative flex items-center justify-center data-[active=true]:z-10',\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"input-otp-separator\"\n      className=\"[&_svg:not([class*='size-'])]:size-4 flex items-center\"\n      role=\"separator\"\n      {...props}\n    >\n      <MinusIcon />\n    </div>\n  );\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAG1C,SAAS,iBAAiB;AAE1B,SAAS,SAAS,IAMf;AANe,eAChB;AAAA;AAAA,IACA;AAAA,EATF,IAOkB,IAGb,kBAHa,IAGb;AAAA,IAFH;AAAA,IACA;AAAA;AAKA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAoB,GAAG,0DAA0D,kBAAkB;AAAA,MACnG,YAAY;AAAA,MACZ,WAAW,GAAG,+BAA+B,SAAS;AAAA,OAClD;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,IAAsD;AAAtD,eAAE,YAzBzB,IAyBuB,IAAgB,kBAAhB,IAAgB,CAAd;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa,IAMnB;AANmB,eACpB;AAAA;AAAA,IACA;AAAA,EAxCF,IAsCsB,IAGjB,kBAHiB,IAGjB;AAAA,IAFH;AAAA,IACA;AAAA;AAxCF,MAAAA;AA6CE,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,EAAE,MAAM,cAAc,SAAS,KAAIA,MAAA,mDAAiB,MAAM,WAAvB,OAAAA,MAAiC,CAAC;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAa;AAAA,MACb,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,IAEH;AAAA,IACA,gBACC,oCAAC,SAAI,WAAU,2EACb,oCAAC,SAAI,WAAU,4DAA2D,CAC5E;AAAA,EAEJ;AAEJ;AAEA,SAAS,kBAAkB,IAA2C;AAA3C,MAAK,kBAAL,IAAK;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAK;AAAA,OACD;AAAA,IAEJ,oCAAC,eAAU;AAAA,EACb;AAEJ;","names":["_a"]}

package/components/ui/input.js

@@ -2,10 +2,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkAPMXMQPZjs = require('../../chunk-APMXMQPZ.js');
+var _chunkUFRPUC7Kjs = require('../../chunk-UFRPUC7K.js');
 require('../../chunk-PSPAJNNB.js');
 require('../../chunk-2NMEKWO5.js');
 
 
-exports.Input = _chunkAPMXMQPZjs.Input;
+exports.Input = _chunkUFRPUC7Kjs.Input;
 //# sourceMappingURL=input.js.map

package/components/ui/input.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   Input
-} from "../../chunk-ABZ4SF2K.mjs";
+} from "../../chunk-QF6PFV6M.mjs";
 import "../../chunk-KGUUDFJE.mjs";
 import "../../chunk-YOSPWY5K.mjs";
 export {

package/components/ui/item.d.mts

@@ -0,0 +1,27 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator.mjs';
+import 'radix-ui';
+
+declare function ItemGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "muted" | "outline" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/components/ui/item.d.ts

@@ -0,0 +1,27 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator.js';
+import 'radix-ui';
+
+declare function ItemGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "muted" | "outline" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/components/ui/item.js

@@ -0,0 +1,187 @@
+"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; } }
+
+
+var _chunkK4JVHEI2js = require('../../chunk-K4JVHEI2.js');
+
+
+var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
+
+
+
+var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
+
+// components/ui/item.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _classvarianceauthority = require('class-variance-authority');
+var _radixui = require('radix-ui');
+function ItemGroup(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      role: "list",
+      "data-slot": "item-group",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, 
+        "gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 group/item-group flex w-full flex-col",
+        className
+      )
+    }, props)
+  );
+}
+function ItemSeparator(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement(_chunkK4JVHEI2js.Separator, _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "item-separator", orientation: "horizontal", className: _chunkPSPAJNNBjs.cn.call(void 0, "my-2", className) }, props));
+}
+var itemVariants = _classvarianceauthority.cva.call(void 0, 
+  "[a]:hover:bg-muted rounded-lg border text-sm group/item flex w-full flex-wrap items-center transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50 border-transparent"
+      },
+      size: {
+        default: "gap-2.5 px-3 py-2.5",
+        sm: "gap-2.5 px-3 py-2.5",
+        xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Item(_a) {
+  var _b = _a, {
+    className,
+    variant = "default",
+    size = "default",
+    asChild = false
+  } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "className",
+    "variant",
+    "size",
+    "asChild"
+  ]);
+  const Comp = asChild ? _radixui.Slot.Root : "div";
+  return /* @__PURE__ */ React.createElement(
+    Comp,
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "item",
+      "data-variant": variant,
+      "data-size": size,
+      className: _chunkPSPAJNNBjs.cn.call(void 0, itemVariants({ variant, size, className }))
+    }, props)
+  );
+}
+var itemMediaVariants = _classvarianceauthority.cva.call(void 0, 
+  "gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "[&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function ItemMedia(_a) {
+  var _b = _a, {
+    className,
+    variant = "default"
+  } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "item-media",
+      "data-variant": variant,
+      className: _chunkPSPAJNNBjs.cn.call(void 0, itemMediaVariants({ variant, className }))
+    }, props)
+  );
+}
+function ItemContent(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "item-content",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, 
+        "gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none",
+        className
+      )
+    }, props)
+  );
+}
+function ItemTitle(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "item-title",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, 
+        "gap-2 text-sm leading-snug font-medium underline-offset-4 cn-font-heading line-clamp-1 flex w-fit items-center",
+        className
+      )
+    }, props)
+  );
+}
+function ItemDescription(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "p",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "item-description",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, 
+        "text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      )
+    }, props)
+  );
+}
+function ItemActions(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement("div", _chunk2NMEKWO5js.__spreadValues.call(void 0, { "data-slot": "item-actions", className: _chunkPSPAJNNBjs.cn.call(void 0, "gap-2 flex items-center", className) }, props));
+}
+function ItemHeader(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "item-header",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, "gap-2 flex basis-full items-center justify-between", className)
+    }, props)
+  );
+}
+function ItemFooter(_a) {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      "data-slot": "item-footer",
+      className: _chunkPSPAJNNBjs.cn.call(void 0, "gap-2 flex basis-full items-center justify-between", className)
+    }, props)
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.Item = Item; exports.ItemActions = ItemActions; exports.ItemContent = ItemContent; exports.ItemDescription = ItemDescription; exports.ItemFooter = ItemFooter; exports.ItemGroup = ItemGroup; exports.ItemHeader = ItemHeader; exports.ItemMedia = ItemMedia; exports.ItemSeparator = ItemSeparator; exports.ItemTitle = ItemTitle;
+//# sourceMappingURL=item.js.map

package/components/ui/item.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/item.js","../../../components/ui/item.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/item.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\n\nimport { cn } from '../../utils/ui';\nimport { Separator } from './separator';\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\n        'gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 group/item-group flex w-full flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n  return <Separator data-slot=\"item-separator\" orientation=\"horizontal\" className={cn('my-2', className)} {...props} />;\n}\n\nconst itemVariants = cva(\n  '[a]:hover:bg-muted rounded-lg border text-sm group/item flex w-full flex-wrap items-center transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors',\n  {\n    variants: {\n      variant: {\n        default: 'border-transparent',\n        outline: 'border-border',\n        muted: 'bg-muted/50 border-transparent',\n      },\n      size: {\n        default: 'gap-2.5 px-3 py-2.5',\n        sm: 'gap-2.5 px-3 py-2.5',\n        xs: 'gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nfunction Item({\n  className,\n  variant = 'default',\n  size = 'default',\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : 'div';\n  return (\n    <Comp\n      data-slot=\"item\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(itemVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nconst itemMediaVariants = cva(\n  'gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          'size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nfunction ItemMedia({\n  className,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        'gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        'gap-2 text-sm leading-snug font-medium underline-offset-4 cn-font-heading line-clamp-1 flex w-fit items-center',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        'text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-actions\" className={cn('gap-2 flex items-center', className)} {...props} />;\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn('gap-2 flex basis-full items-center justify-between', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn('gap-2 flex basis-full items-center justify-between', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n};\n"]}