@zentauri-ui/zentauri-components 0.0.93 → 1.1.0

package/dist/ui/file-upload.js

@@ -0,0 +1,142 @@
+"use client";
+'use strict';
+
+var chunkWZ2GOU2J_js = require('../chunk-WZ2GOU2J.js');
+var react = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var fileUploadVariants = classVarianceAuthority.cva(
+  "relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-violet-400/60 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950",
+  {
+    variants: {
+      appearance: {
+        idle: "border-white/15 bg-white/5 text-slate-300 hover:border-white/25 hover:bg-white/[0.07]",
+        active: "border-violet-400/70 bg-violet-500/10 text-white",
+        disabled: "cursor-not-allowed opacity-50",
+        error: "border-red-400/70 bg-red-500/10 text-red-400 hover:border-red-400/80 hover:bg-red-500/15",
+        success: "border-green-400/70 bg-green-500/10 text-green-400 hover:border-green-400/80 hover:bg-green-500/15",
+        warning: "border-yellow-400/70 bg-yellow-500/10 text-yellow-400 hover:border-yellow-400/80 hover:bg-yellow-500/15",
+        info: "border-blue-400/70 bg-blue-500/10 text-blue-400 hover:border-blue-400/80 hover:bg-blue-500/15",
+        neutral: "border-gray-400/70 bg-gray-500/10 text-gray-400 hover:border-gray-400/80 hover:bg-gray-500/15",
+        purple: "border-purple-400/70 bg-purple-500/10 text-purple-400 hover:border-purple-400/80 hover:bg-purple-500/15",
+        indigo: "border-indigo-400/70 bg-indigo-500/10 text-indigo-400 hover:border-indigo-400/80 hover:bg-indigo-500/15",
+        emerald: "border-emerald-400/70 bg-emerald-500/10 text-emerald-400 hover:border-emerald-400/80 hover:bg-emerald-500/15",
+        amber: "border-amber-400/70 bg-amber-500/10 text-amber-400 hover:border-amber-400/80 hover:bg-amber-500/15",
+        pink: "border-pink-400/70 bg-pink-500/10 text-pink-400 hover:border-pink-400/80 hover:bg-pink-500/15",
+        orange: "border-orange-400/70 bg-orange-500/10 text-orange-400 hover:border-orange-400/80 hover:bg-orange-500/15",
+        teal: "border-teal-400/70 bg-teal-500/10 text-teal-400 hover:border-teal-400/80 hover:bg-teal-500/15"
+      }
+    },
+    defaultVariants: {
+      appearance: "idle"
+    }
+  }
+);
+function FileUpload({
+  className,
+  onFiles,
+  accept,
+  multiple = false,
+  disabled = false,
+  name,
+  children,
+  onChange,
+  ref,
+  appearance = "idle",
+  ...rest
+}) {
+  const inputId = react.useId();
+  const [dragOver, setDragOver] = react.useState(false);
+  const emitFiles = react.useCallback(
+    (fileList) => {
+      if (!fileList?.length) {
+        return;
+      }
+      onFiles?.(Array.from(fileList));
+    },
+    [onFiles]
+  );
+  const handleChange = react.useCallback(
+    (event) => {
+      onChange?.(event);
+      emitFiles(event.target.files);
+      event.target.value = "";
+    },
+    [emitFiles, onChange]
+  );
+  const handleDrop = react.useCallback(
+    (event) => {
+      event.preventDefault();
+      setDragOver(false);
+      if (disabled) {
+        return;
+      }
+      emitFiles(event.dataTransfer.files);
+    },
+    [disabled, emitFiles]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "file-upload",
+      className: chunkWZ2GOU2J_js.cn(fileUploadVariants({ appearance }), className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            id: inputId,
+            name,
+            type: "file",
+            className: "sr-only",
+            accept,
+            multiple,
+            disabled,
+            onChange: handleChange,
+            "aria-hidden": true,
+            tabIndex: -1
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "label",
+          {
+            htmlFor: inputId,
+            className: chunkWZ2GOU2J_js.cn(
+              "flex w-full cursor-pointer flex-col items-center gap-2",
+              disabled && "cursor-not-allowed"
+            ),
+            onDragEnter: (e) => {
+              e.preventDefault();
+              if (!disabled) {
+                setDragOver(true);
+              }
+            },
+            onDragOver: (e) => {
+              e.preventDefault();
+              if (!disabled) {
+                setDragOver(true);
+              }
+            },
+            onDragLeave: () => setDragOver(false),
+            onDrop: handleDrop,
+            children: [
+              children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-semibold text-slate-100", children: "Drop files here" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-slate-400", children: "or click to browse from your device" })
+              ] }),
+              dragOver && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-slate-400", children: "Drop files here" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+FileUpload.displayName = "FileUpload";
+
+exports.FileUpload = FileUpload;
+exports.fileUploadVariants = fileUploadVariants;
+//# sourceMappingURL=file-upload.js.map
+//# sourceMappingURL=file-upload.js.map

package/dist/ui/file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/file-upload/variants.ts","../../src/ui/file-upload/file-upload.tsx"],"names":["cva","useId","useState","useCallback","jsxs","cn","jsx","Fragment"],"mappings":"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","file":"file-upload.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const fileUploadVariants = cva(\n  \"relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-violet-400/60 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n  {\n    variants: {\n      appearance: {\n        idle: \"border-white/15 bg-white/5 text-slate-300 hover:border-white/25 hover:bg-white/[0.07]\",\n        active: \"border-violet-400/70 bg-violet-500/10 text-white\",\n        disabled: \"cursor-not-allowed opacity-50\",\n        error: \"border-red-400/70 bg-red-500/10 text-red-400 hover:border-red-400/80 hover:bg-red-500/15\",\n        success: \"border-green-400/70 bg-green-500/10 text-green-400 hover:border-green-400/80 hover:bg-green-500/15\",\n        warning: \"border-yellow-400/70 bg-yellow-500/10 text-yellow-400 hover:border-yellow-400/80 hover:bg-yellow-500/15\",\n        info: \"border-blue-400/70 bg-blue-500/10 text-blue-400 hover:border-blue-400/80 hover:bg-blue-500/15\",\n        neutral: \"border-gray-400/70 bg-gray-500/10 text-gray-400 hover:border-gray-400/80 hover:bg-gray-500/15\",\n        purple: \"border-purple-400/70 bg-purple-500/10 text-purple-400 hover:border-purple-400/80 hover:bg-purple-500/15\",\n        indigo: \"border-indigo-400/70 bg-indigo-500/10 text-indigo-400 hover:border-indigo-400/80 hover:bg-indigo-500/15\",\n        emerald: \"border-emerald-400/70 bg-emerald-500/10 text-emerald-400 hover:border-emerald-400/80 hover:bg-emerald-500/15\",\n        amber: \"border-amber-400/70 bg-amber-500/10 text-amber-400 hover:border-amber-400/80 hover:bg-amber-500/15\",\n        pink: \"border-pink-400/70 bg-pink-500/10 text-pink-400 hover:border-pink-400/80 hover:bg-pink-500/15\",\n        orange: \"border-orange-400/70 bg-orange-500/10 text-orange-400 hover:border-orange-400/80 hover:bg-orange-500/15\",\n        teal: \"border-teal-400/70 bg-teal-500/10 text-teal-400 hover:border-teal-400/80 hover:bg-teal-500/15\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"idle\",\n    },\n  },\n);\n","\"use client\";\n\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { FileUploadProps } from \"./types\";\nimport { fileUploadVariants } from \"./variants\";\n\nexport function FileUpload({\n  className,\n  onFiles,\n  accept,\n  multiple = false,\n  disabled = false,\n  name,\n  children,\n  onChange,\n  ref,\n  appearance = \"idle\",\n  ...rest\n}: FileUploadProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const inputId = useId();\n  const [dragOver, setDragOver] = useState(false);\n\n  const emitFiles = useCallback(\n    (fileList: FileList | null) => {\n      if (!fileList?.length) {\n        return;\n      }\n      onFiles?.(Array.from(fileList));\n    },\n    [onFiles],\n  );\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(event);\n      emitFiles(event.target.files);\n      event.target.value = \"\";\n    },\n    [emitFiles, onChange],\n  );\n\n  const handleDrop = useCallback(\n    (event: React.DragEvent<HTMLLabelElement>) => {\n      event.preventDefault();\n      setDragOver(false);\n      if (disabled) {\n        return;\n      }\n      emitFiles(event.dataTransfer.files);\n    },\n    [disabled, emitFiles],\n  );\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"file-upload\"\n      className={cn(fileUploadVariants({ appearance }), className)}\n      {...rest}\n    >\n      <input\n        id={inputId}\n        name={name}\n        type=\"file\"\n        className=\"sr-only\"\n        accept={accept}\n        multiple={multiple}\n        disabled={disabled}\n        onChange={handleChange}\n        aria-hidden\n        tabIndex={-1}\n      />\n      <label\n        htmlFor={inputId}\n        className={cn(\n          \"flex w-full cursor-pointer flex-col items-center gap-2\",\n          disabled && \"cursor-not-allowed\",\n        )}\n        onDragEnter={(e) => {\n          e.preventDefault();\n          if (!disabled) {\n            setDragOver(true);\n          }\n        }}\n        onDragOver={(e) => {\n          e.preventDefault();\n          if (!disabled) {\n            setDragOver(true);\n          }\n        }}\n        onDragLeave={() => setDragOver(false)}\n        onDrop={handleDrop}\n      >\n        {children ?? (\n          <>\n            <span className=\"text-base font-semibold text-slate-100\">\n              Drop files here\n            </span>\n            <span className=\"text-xs text-slate-400\">\n              or click to browse from your device\n            </span>\n          </>\n        )}\n        {\n          dragOver && (\n            <span className=\"text-xs text-slate-400\">\n              Drop files here\n            </span>\n          )\n        }\n      </label>\n    </div>\n  );\n}\n\nFileUpload.displayName = \"FileUpload\";\n"]}

package/dist/ui/file-upload.mjs

@@ -0,0 +1,139 @@
+"use client";
+import { cn } from '../chunk-B23TPTVG.mjs';
+import { useId, useState, useCallback } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var fileUploadVariants = cva(
+  "relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-violet-400/60 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950",
+  {
+    variants: {
+      appearance: {
+        idle: "border-white/15 bg-white/5 text-slate-300 hover:border-white/25 hover:bg-white/[0.07]",
+        active: "border-violet-400/70 bg-violet-500/10 text-white",
+        disabled: "cursor-not-allowed opacity-50",
+        error: "border-red-400/70 bg-red-500/10 text-red-400 hover:border-red-400/80 hover:bg-red-500/15",
+        success: "border-green-400/70 bg-green-500/10 text-green-400 hover:border-green-400/80 hover:bg-green-500/15",
+        warning: "border-yellow-400/70 bg-yellow-500/10 text-yellow-400 hover:border-yellow-400/80 hover:bg-yellow-500/15",
+        info: "border-blue-400/70 bg-blue-500/10 text-blue-400 hover:border-blue-400/80 hover:bg-blue-500/15",
+        neutral: "border-gray-400/70 bg-gray-500/10 text-gray-400 hover:border-gray-400/80 hover:bg-gray-500/15",
+        purple: "border-purple-400/70 bg-purple-500/10 text-purple-400 hover:border-purple-400/80 hover:bg-purple-500/15",
+        indigo: "border-indigo-400/70 bg-indigo-500/10 text-indigo-400 hover:border-indigo-400/80 hover:bg-indigo-500/15",
+        emerald: "border-emerald-400/70 bg-emerald-500/10 text-emerald-400 hover:border-emerald-400/80 hover:bg-emerald-500/15",
+        amber: "border-amber-400/70 bg-amber-500/10 text-amber-400 hover:border-amber-400/80 hover:bg-amber-500/15",
+        pink: "border-pink-400/70 bg-pink-500/10 text-pink-400 hover:border-pink-400/80 hover:bg-pink-500/15",
+        orange: "border-orange-400/70 bg-orange-500/10 text-orange-400 hover:border-orange-400/80 hover:bg-orange-500/15",
+        teal: "border-teal-400/70 bg-teal-500/10 text-teal-400 hover:border-teal-400/80 hover:bg-teal-500/15"
+      }
+    },
+    defaultVariants: {
+      appearance: "idle"
+    }
+  }
+);
+function FileUpload({
+  className,
+  onFiles,
+  accept,
+  multiple = false,
+  disabled = false,
+  name,
+  children,
+  onChange,
+  ref,
+  appearance = "idle",
+  ...rest
+}) {
+  const inputId = useId();
+  const [dragOver, setDragOver] = useState(false);
+  const emitFiles = useCallback(
+    (fileList) => {
+      if (!fileList?.length) {
+        return;
+      }
+      onFiles?.(Array.from(fileList));
+    },
+    [onFiles]
+  );
+  const handleChange = useCallback(
+    (event) => {
+      onChange?.(event);
+      emitFiles(event.target.files);
+      event.target.value = "";
+    },
+    [emitFiles, onChange]
+  );
+  const handleDrop = useCallback(
+    (event) => {
+      event.preventDefault();
+      setDragOver(false);
+      if (disabled) {
+        return;
+      }
+      emitFiles(event.dataTransfer.files);
+    },
+    [disabled, emitFiles]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "file-upload",
+      className: cn(fileUploadVariants({ appearance }), className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: inputId,
+            name,
+            type: "file",
+            className: "sr-only",
+            accept,
+            multiple,
+            disabled,
+            onChange: handleChange,
+            "aria-hidden": true,
+            tabIndex: -1
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "label",
+          {
+            htmlFor: inputId,
+            className: cn(
+              "flex w-full cursor-pointer flex-col items-center gap-2",
+              disabled && "cursor-not-allowed"
+            ),
+            onDragEnter: (e) => {
+              e.preventDefault();
+              if (!disabled) {
+                setDragOver(true);
+              }
+            },
+            onDragOver: (e) => {
+              e.preventDefault();
+              if (!disabled) {
+                setDragOver(true);
+              }
+            },
+            onDragLeave: () => setDragOver(false),
+            onDrop: handleDrop,
+            children: [
+              children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-slate-100", children: "Drop files here" }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-slate-400", children: "or click to browse from your device" })
+              ] }),
+              dragOver && /* @__PURE__ */ jsx("span", { className: "text-xs text-slate-400", children: "Drop files here" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+FileUpload.displayName = "FileUpload";
+
+export { FileUpload, fileUploadVariants };
+//# sourceMappingURL=file-upload.mjs.map
+//# sourceMappingURL=file-upload.mjs.map

package/dist/ui/file-upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/file-upload/variants.ts","../../src/ui/file-upload/file-upload.tsx"],"names":[],"mappings":";;;;;AAEO,IAAM,kBAAA,GAAqB,GAAA;AAAA,EAChC,8RAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,IAAA,EAAM,uFAAA;AAAA,QACN,MAAA,EAAQ,kDAAA;AAAA,QACR,QAAA,EAAU,+BAAA;AAAA,QACV,KAAA,EAAO,0FAAA;AAAA,QACP,OAAA,EAAS,oGAAA;AAAA,QACT,OAAA,EAAS,yGAAA;AAAA,QACT,IAAA,EAAM,+FAAA;AAAA,QACN,OAAA,EAAS,+FAAA;AAAA,QACT,MAAA,EAAQ,yGAAA;AAAA,QACR,MAAA,EAAQ,yGAAA;AAAA,QACR,OAAA,EAAS,8GAAA;AAAA,QACT,KAAA,EAAO,oGAAA;AAAA,QACP,IAAA,EAAM,+FAAA;AAAA,QACN,MAAA,EAAQ,yGAAA;AAAA,QACR,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY;AAAA;AACd;AAEJ;ACnBO,SAAS,UAAA,CAAW;AAAA,EACzB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,UAAA,GAAa,MAAA;AAAA,EACb,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,MAAM,UAAU,KAAA,EAAM;AACtB,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,MAAM,SAAA,GAAY,WAAA;AAAA,IAChB,CAAC,QAAA,KAA8B;AAC7B,MAAA,IAAI,CAAC,UAAU,MAAA,EAAQ;AACrB,QAAA;AAAA,MACF;AACA,MAAA,OAAA,GAAU,KAAA,CAAM,IAAA,CAAK,QAAQ,CAAC,CAAA;AAAA,IAChC,CAAA;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,CAAC,KAAA,KAA+C;AAC9C,MAAA,QAAA,GAAW,KAAK,CAAA;AAChB,MAAA,SAAA,CAAU,KAAA,CAAM,OAAO,KAAK,CAAA;AAC5B,MAAA,KAAA,CAAM,OAAO,KAAA,GAAQ,EAAA;AAAA,IACvB,CAAA;AAAA,IACA,CAAC,WAAW,QAAQ;AAAA,GACtB;AAEA,EAAA,MAAM,UAAA,GAAa,WAAA;AAAA,IACjB,CAAC,KAAA,KAA6C;AAC5C,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,WAAA,CAAY,KAAK,CAAA;AACjB,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA;AAAA,MACF;AACA,MAAA,SAAA,CAAU,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,IACpC,CAAA;AAAA,IACA,CAAC,UAAU,SAAS;AAAA,GACtB;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,aAAA;AAAA,MACV,WAAW,EAAA,CAAG,kBAAA,CAAmB,EAAE,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MAC1D,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,OAAA;AAAA,YACJ,IAAA;AAAA,YACA,IAAA,EAAK,MAAA;AAAA,YACL,SAAA,EAAU,SAAA;AAAA,YACV,MAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA,EAAU,YAAA;AAAA,YACV,aAAA,EAAW,IAAA;AAAA,YACX,QAAA,EAAU;AAAA;AAAA,SACZ;AAAA,wBACA,IAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAW,EAAA;AAAA,cACT,wDAAA;AAAA,cACA,QAAA,IAAY;AAAA,aACd;AAAA,YACA,WAAA,EAAa,CAAC,CAAA,KAAM;AAClB,cAAA,CAAA,CAAE,cAAA,EAAe;AACjB,cAAA,IAAI,CAAC,QAAA,EAAU;AACb,gBAAA,WAAA,CAAY,IAAI,CAAA;AAAA,cAClB;AAAA,YACF,CAAA;AAAA,YACA,UAAA,EAAY,CAAC,CAAA,KAAM;AACjB,cAAA,CAAA,CAAE,cAAA,EAAe;AACjB,cAAA,IAAI,CAAC,QAAA,EAAU;AACb,gBAAA,WAAA,CAAY,IAAI,CAAA;AAAA,cAClB;AAAA,YACF,CAAA;AAAA,YACA,WAAA,EAAa,MAAM,WAAA,CAAY,KAAK,CAAA;AAAA,YACpC,MAAA,EAAQ,UAAA;AAAA,YAEP,QAAA,EAAA;AAAA,cAAA,QAAA,oBACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAA,EAAyC,QAAA,EAAA,iBAAA,EAEzD,CAAA;AAAA,gCACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBAAA,EAAyB,QAAA,EAAA,qCAAA,EAEzC;AAAA,eAAA,EACF,CAAA;AAAA,cAGA,QAAA,oBACE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0BAAyB,QAAA,EAAA,iBAAA,EAEzC;AAAA;AAAA;AAAA;AAGN;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"file-upload.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const fileUploadVariants = cva(\n  \"relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-violet-400/60 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n  {\n    variants: {\n      appearance: {\n        idle: \"border-white/15 bg-white/5 text-slate-300 hover:border-white/25 hover:bg-white/[0.07]\",\n        active: \"border-violet-400/70 bg-violet-500/10 text-white\",\n        disabled: \"cursor-not-allowed opacity-50\",\n        error: \"border-red-400/70 bg-red-500/10 text-red-400 hover:border-red-400/80 hover:bg-red-500/15\",\n        success: \"border-green-400/70 bg-green-500/10 text-green-400 hover:border-green-400/80 hover:bg-green-500/15\",\n        warning: \"border-yellow-400/70 bg-yellow-500/10 text-yellow-400 hover:border-yellow-400/80 hover:bg-yellow-500/15\",\n        info: \"border-blue-400/70 bg-blue-500/10 text-blue-400 hover:border-blue-400/80 hover:bg-blue-500/15\",\n        neutral: \"border-gray-400/70 bg-gray-500/10 text-gray-400 hover:border-gray-400/80 hover:bg-gray-500/15\",\n        purple: \"border-purple-400/70 bg-purple-500/10 text-purple-400 hover:border-purple-400/80 hover:bg-purple-500/15\",\n        indigo: \"border-indigo-400/70 bg-indigo-500/10 text-indigo-400 hover:border-indigo-400/80 hover:bg-indigo-500/15\",\n        emerald: \"border-emerald-400/70 bg-emerald-500/10 text-emerald-400 hover:border-emerald-400/80 hover:bg-emerald-500/15\",\n        amber: \"border-amber-400/70 bg-amber-500/10 text-amber-400 hover:border-amber-400/80 hover:bg-amber-500/15\",\n        pink: \"border-pink-400/70 bg-pink-500/10 text-pink-400 hover:border-pink-400/80 hover:bg-pink-500/15\",\n        orange: \"border-orange-400/70 bg-orange-500/10 text-orange-400 hover:border-orange-400/80 hover:bg-orange-500/15\",\n        teal: \"border-teal-400/70 bg-teal-500/10 text-teal-400 hover:border-teal-400/80 hover:bg-teal-500/15\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"idle\",\n    },\n  },\n);\n","\"use client\";\n\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { FileUploadProps } from \"./types\";\nimport { fileUploadVariants } from \"./variants\";\n\nexport function FileUpload({\n  className,\n  onFiles,\n  accept,\n  multiple = false,\n  disabled = false,\n  name,\n  children,\n  onChange,\n  ref,\n  appearance = \"idle\",\n  ...rest\n}: FileUploadProps & { ref?: React.Ref<HTMLDivElement> }) {\n  const inputId = useId();\n  const [dragOver, setDragOver] = useState(false);\n\n  const emitFiles = useCallback(\n    (fileList: FileList | null) => {\n      if (!fileList?.length) {\n        return;\n      }\n      onFiles?.(Array.from(fileList));\n    },\n    [onFiles],\n  );\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(event);\n      emitFiles(event.target.files);\n      event.target.value = \"\";\n    },\n    [emitFiles, onChange],\n  );\n\n  const handleDrop = useCallback(\n    (event: React.DragEvent<HTMLLabelElement>) => {\n      event.preventDefault();\n      setDragOver(false);\n      if (disabled) {\n        return;\n      }\n      emitFiles(event.dataTransfer.files);\n    },\n    [disabled, emitFiles],\n  );\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"file-upload\"\n      className={cn(fileUploadVariants({ appearance }), className)}\n      {...rest}\n    >\n      <input\n        id={inputId}\n        name={name}\n        type=\"file\"\n        className=\"sr-only\"\n        accept={accept}\n        multiple={multiple}\n        disabled={disabled}\n        onChange={handleChange}\n        aria-hidden\n        tabIndex={-1}\n      />\n      <label\n        htmlFor={inputId}\n        className={cn(\n          \"flex w-full cursor-pointer flex-col items-center gap-2\",\n          disabled && \"cursor-not-allowed\",\n        )}\n        onDragEnter={(e) => {\n          e.preventDefault();\n          if (!disabled) {\n            setDragOver(true);\n          }\n        }}\n        onDragOver={(e) => {\n          e.preventDefault();\n          if (!disabled) {\n            setDragOver(true);\n          }\n        }}\n        onDragLeave={() => setDragOver(false)}\n        onDrop={handleDrop}\n      >\n        {children ?? (\n          <>\n            <span className=\"text-base font-semibold text-slate-100\">\n              Drop files here\n            </span>\n            <span className=\"text-xs text-slate-400\">\n              or click to browse from your device\n            </span>\n          </>\n        )}\n        {\n          dragOver && (\n            <span className=\"text-xs text-slate-400\">\n              Drop files here\n            </span>\n          )\n        }\n      </label>\n    </div>\n  );\n}\n\nFileUpload.displayName = \"FileUpload\";\n"]}

package/dist/ui/inputs.js

@@ -1,6 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+"use client";
+'use strict';
 
-var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
+var chunkWZ2GOU2J_js = require('../chunk-WZ2GOU2J.js');
+var react = require('react');
+var framerMotion = require('framer-motion');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
 
 // src/ui/inputs/animations.ts
 var inputAnimationPresets = {
@@ -35,14 +40,7 @@ var inputAnimationPresets = {
     transition: { type: "spring", bounce: 0.35, duration: 0.4 }
   }
 };
-
-// src/ui/inputs/input.tsx
-var _react = require('react');
-var _framermotion = require('framer-motion');
-
-// src/ui/inputs/variants.ts
-var _classvarianceauthority = require('class-variance-authority');
-var inputVariants = _classvarianceauthority.cva.call(void 0, 
+var inputVariants = classVarianceAuthority.cva(
   [
     "w-full min-w-0 rounded-xl border bg-white/5 text-slate-50 shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
     "ring-offset-slate-950 transition-colors",
@@ -321,11 +319,8 @@ var inputVariants = _classvarianceauthority.cva.call(void 0,
     ]
   }
 );
-
-// src/ui/inputs/input.tsx
-var _jsxruntime = require('react/jsx-runtime');
 var Input = (props) => {
-  const generatedId = _react.useId.call(void 0, );
+  const generatedId = react.useId();
   if (props.as === "textarea") {
     const {
       className: className2,
@@ -340,18 +335,18 @@ var Input = (props) => {
       as: as2,
       ...rest2
     } = props;
-    const controlId2 = _nullishCoalesce(id2, () => ( generatedId));
+    const controlId2 = id2 ?? generatedId;
     const errorId2 = `${controlId2}-error`;
     const motionProps2 = inputAnimationPresets[animation2];
     const ariaInvalid2 = ariaInvalidProp2 !== void 0 ? ariaInvalidProp2 : appearance2 === "error" ? true : void 0;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _framermotion.motion.textarea,
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.textarea,
         {
           ref: ref2,
           id: controlId2,
           "data-slot": "input",
-          className: _chunkE5UX537Jjs.cn.call(void 0, 
+          className: chunkWZ2GOU2J_js.cn(
             inputVariants({ appearance: appearance2, size: size2, ring: ring2, as: as2 }),
             className2
           ),
@@ -362,7 +357,7 @@ var Input = (props) => {
           ...rest2
         }
       ),
-      errorMessage2 && appearance2 === "error" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      errorMessage2 && appearance2 === "error" && /* @__PURE__ */ jsxRuntime.jsx(
         "p",
         {
           id: errorId2,
@@ -385,19 +380,19 @@ var Input = (props) => {
     as,
     ...rest
   } = props;
-  const controlId = _nullishCoalesce(id, () => ( generatedId));
+  const controlId = id ?? generatedId;
   const errorId = `${controlId}-error`;
   const motionProps = inputAnimationPresets[animation];
   const ariaInvalid = ariaInvalidProp !== void 0 ? ariaInvalidProp : appearance === "error" ? true : void 0;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _framermotion.motion.input,
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.input,
       {
         ref,
         id: controlId,
         "data-slot": "input",
-        className: _chunkE5UX537Jjs.cn.call(void 0, 
-          inputVariants({ appearance, size, ring, as: _nullishCoalesce(as, () => ( "input")) }),
+        className: chunkWZ2GOU2J_js.cn(
+          inputVariants({ appearance, size, ring, as: as ?? "input" }),
           className
         ),
         initial: false,
@@ -407,7 +402,7 @@ var Input = (props) => {
         ...rest
       }
     ),
-    errorMessage && appearance === "error" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    errorMessage && appearance === "error" && /* @__PURE__ */ jsxRuntime.jsx(
       "p",
       {
         id: errorId,
@@ -419,8 +414,8 @@ var Input = (props) => {
 };
 Input.displayName = "Input";
 
-
-
-
-exports.Input = Input; exports.inputAnimationPresets = inputAnimationPresets; exports.inputVariants = inputVariants;
+exports.Input = Input;
+exports.inputAnimationPresets = inputAnimationPresets;
+exports.inputVariants = inputVariants;
+//# sourceMappingURL=inputs.js.map
 //# sourceMappingURL=inputs.js.map

package/dist/ui/inputs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/inputs.js"],"names":[],"mappings":"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AA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,oBAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/inputs.js","sourcesContent":[null]}
+{"version":3,"sources":["../../src/ui/inputs/animations.ts","../../src/ui/inputs/variants.ts","../../src/ui/inputs/input.tsx"],"names":["cva","useId","className","appearance","size","animation","ring","ref","ariaInvalidProp","errorMessage","id","as","rest","controlId","errorId","motionProps","ariaInvalid","jsxs","Fragment","jsx","motion","cn"],"mappings":"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","file":"inputs.js","sourcesContent":["import type { InputAnimationPresets } from \"./types\";\n\nexport const inputAnimationPresets: InputAnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -1 },\n    whileFocus: { y: -1 },\n    transition: { type: \"spring\", stiffness: 480, damping: 32 },\n  },\n  press: {\n    whileTap: { scale: 0.99 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileFocus: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)\",\n    },\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)\",\n    },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { scale: 1.005 },\n    whileFocus: { scale: 1.008 },\n    whileTap: { scale: 0.995 },\n    transition: { type: \"spring\", stiffness: 380, damping: 24 },\n  },\n  bounce: {\n    whileFocus: { y: -2, scale: 1.01 },\n    whileHover: { y: -1, scale: 1.005 },\n    transition: { type: \"spring\", bounce: 0.35, duration: 0.4 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const inputVariants = cva(\n  [\n    \"w-full min-w-0 rounded-xl border bg-white/5 text-slate-50 shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n    \"ring-offset-slate-950 transition-colors\",\n    \"placeholder:text-slate-500\",\n    \"focus-visible:outline-none\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"read-only:cursor-default read-only:bg-white/[0.03]\",\n    \"file:h-8\",\n  ],\n  {\n    variants: {\n      as: {\n        input: \"\",\n        textarea: \"h-auto! resize-y py-2 align-top\",\n        file: [\n          // Reset native padding so we control it fully\n          \"p-0! cursor-pointer\",\n          // File-selector button base styles\n          \"file:cursor-pointer file:border-0 file:border-r file:border-white/10\",\n          \"file:bg-white/10 file:text-slate-200 file:font-medium\",\n          \"file:transition-colors file:duration-200\",\n          \"hover:file:bg-white/15\",\n          // Content area padding\n          \"[&:not(:disabled)]:file:hover:text-white\",\n          \"disabled:file:cursor-not-allowed\",\n        ],\n        checkbox: [\n          \"shrink-0 cursor-pointer appearance-none relative\",\n          \"min-h-0! shadow-none outline-none\",\n          \"border-2 border-white/30 [&:not(:checked)]:bg-transparent\",\n          \"transition-[color,box-shadow,border-color,background-color]\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"read-only:cursor-default\",\n          \"checked:after:absolute checked:after:content-[''] checked:after:size-3 checked:after:top-1/2 checked:after:left-1/2 checked:after:-translate-x-1/2 checked:after:-translate-y-1/2 checked:after:rounded-full checked:after:bg-current\",\n        ],\n        radio: [\n          \"shrink-0 cursor-pointer appearance-none rounded-full\",\n          \"min-h-0! shadow-none outline-none\",\n          \"border-2 border-white/30 bg-transparent! read-only:bg-transparent!\",\n          \"ring-2 ring-white/20 ring-offset-2 ring-offset-slate-950\",\n          \"transition-[color,box-shadow,background-color,border-color,box-shadow]\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"read-only:cursor-default\",\n        ],\n      },\n      appearance: {\n        default: \"border-white/10 focus-visible:border-white/20\",\n        warning:\n          \"border-yellow-500/80 text-yellow-50 placeholder:text-yellow-300/70 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n        error:\n          \"border-rose-500/80 text-rose-50 placeholder:text-rose-300/70 focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n        success:\n          \"border-emerald-500/70 text-emerald-50 placeholder:text-emerald-300/70 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n        info: \"border-blue-500/80 text-blue-50 placeholder:text-blue-300/70 focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n        violet:\n          \"border-violet-500/80 text-violet-50 placeholder:text-violet-300/70 focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n        amber:\n          \"border-amber-500/80 text-amber-50 placeholder:text-amber-300/70 focus-visible:border-amber-400 focus-visible:ring-amber-400/80\",\n        pink: \"border-pink-500/80 text-pink-50 placeholder:text-pink-300/70 focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n        indigo:\n          \"border-indigo-500/80 text-indigo-50 placeholder:text-indigo-300/70 focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80\",\n        orange:\n          \"border-orange-500/80 text-orange-50 placeholder:text-orange-300/70 focus-visible:border-orange-400 focus-visible:ring-orange-400/80\",\n      },\n      size: {\n        sm: \"h-8 px-3 text-xs\",\n        md: \"h-9 md:h-11 px-4 text-sm\",\n        lg: \"h-10 md:h-12 px-5 text-base\",\n      },\n      ring: {\n        true: \"focus-visible:ring-2 focus-visible:ring-offset-2\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      as: \"input\",\n      appearance: \"default\",\n      size: \"md\",\n      ring: true,\n    },\n    compoundVariants: [\n      // ── textarea size overrides ──────────────────────────────────────────\n      {\n        as: \"textarea\",\n        size: \"sm\",\n        class: \"min-h-[5rem]\",\n      },\n      {\n        as: \"textarea\",\n        size: \"md\",\n        class: \"min-h-[6rem]\",\n      },\n      {\n        as: \"textarea\",\n        size: \"lg\",\n        class: \"min-h-[7.5rem]\",\n      },\n      // ── file input: size – height & file-button padding ──────────────────\n      {\n        as: \"file\",\n        size: \"sm\",\n        class: \"h-8 text-xs pl-1 file:h-8 file:px-3 file:text-xs\",\n      },\n      {\n        as: \"file\",\n        size: \"md\",\n        class:\n          \"h-9 md:h-11 text-sm pl-1 file:h-9 md:file:h-11 file:px-4 file:text-sm\",\n      },\n      {\n        as: \"file\",\n        size: \"lg\",\n        class:\n          \"h-10 md:h-12 text-base pl-1 file:h-10 md:file:h-12 file:px-5 file:text-base\",\n      },\n      // ── file input: appearance – file-button accent colour ───────────────\n      {\n        as: \"file\",\n        appearance: \"default\",\n        class: \"file:text-slate-200\",\n      },\n      {\n        as: \"file\",\n        appearance: \"warning\",\n        class:\n          \"file:bg-yellow-500/20 file:text-yellow-200 file:border-yellow-500/40 hover:file:bg-yellow-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"error\",\n        class:\n          \"file:bg-rose-500/20 file:text-rose-200 file:border-rose-500/40 hover:file:bg-rose-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"success\",\n        class:\n          \"file:bg-emerald-500/20 file:text-emerald-200 file:border-emerald-500/40 hover:file:bg-emerald-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"info\",\n        class:\n          \"file:bg-blue-500/20 file:text-blue-200 file:border-blue-500/40 hover:file:bg-blue-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"violet\",\n        class:\n          \"file:bg-violet-500/20 file:text-violet-200 file:border-violet-500/40 hover:file:bg-violet-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"amber\",\n        class:\n          \"file:bg-amber-500/20 file:text-amber-200 file:border-amber-500/40 hover:file:bg-amber-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"pink\",\n        class:\n          \"file:bg-pink-500/20 file:text-pink-200 file:border-pink-500/40 hover:file:bg-pink-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"indigo\",\n        class:\n          \"file:bg-indigo-500/20 file:text-indigo-200 file:border-indigo-500/40 hover:file:bg-indigo-500/30\",\n      },\n      // ── checkbox / radio: size (overrides text-field height & padding) ───\n      {\n        as: \"checkbox\",\n        size: \"sm\",\n        class: \"h-4! w-4! min-h-0! rounded-[0.35rem]! px-0! py-0!\",\n      },\n      {\n        as: \"checkbox\",\n        size: \"md\",\n        class: \"h-5! w-5! min-h-0! rounded-md! px-0! py-0!\",\n      },\n      {\n        as: \"checkbox\",\n        size: \"lg\",\n        class: \"h-6! w-6! min-h-0! rounded-md! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"sm\",\n        class: \"h-4! w-4! min-h-0! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"md\",\n        class: \"h-5! w-5! min-h-0! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"lg\",\n        class: \"h-6! w-6! min-h-0! px-0! py-0!\",\n      },\n      // ── checkbox: appearance (border + tick color; fill stays transparent) ─\n      {\n        as: \"checkbox\",\n        appearance: \"default\",\n        class:\n          \"border-slate-400/70! checked:border-slate-200 checked:text-slate-200 hover:border-slate-300 focus-visible:border-slate-300 focus-visible:ring-slate-400/70\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"warning\",\n        class:\n          \"border-yellow-500/70! checked:border-yellow-400 checked:text-yellow-300 hover:border-yellow-400 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"error\",\n        class:\n          \"border-rose-500/70! checked:border-rose-400 checked:text-rose-300 hover:border-rose-400 focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"success\",\n        class:\n          \"border-emerald-500/70! checked:border-emerald-400 checked:text-emerald-300 hover:border-emerald-400 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"info\",\n        class:\n          \"border-blue-500/70! checked:border-blue-400 checked:text-blue-300 hover:border-blue-400 focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"violet\",\n        class:\n          \"border-violet-500/70! checked:after:bg-violet-400 checked:border-violet-400 checked:text-violet-300 hover:border-violet-400 focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"amber\",\n        class:\n          \"border-amber-500/70! checked:border-amber-400! checked:text-amber-300 hover:border-amber-400! focus-visible:border-amber-400! focus-visible:ring-amber-400/80!\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"pink\",\n        class:\n          \"border-pink-500/70! checked:border-pink-400 checked:text-pink-300 hover:border-pink-400 focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"indigo\",\n        class:\n          \"border-indigo-500/70! checked:border-indigo-400! checked:text-indigo-300 hover:border-indigo-400! focus-visible:border-indigo-400! focus-visible:ring-indigo-400/80!\",\n      },\n      // ── radio: appearance (transparent fill, inner dot, coloured offset ring) ─\n      {\n        as: \"radio\",\n        appearance: \"default\",\n        class:\n          \"border-slate-400/70! checked:border-slate-200 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(226,232,240)]! hover:border-slate-300 focus-visible:border-slate-300 focus-visible:ring-slate-400/70 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-slate-300/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"warning\",\n        class:\n          \"border-yellow-500/70! checked:border-yellow-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(250,204,21)]! hover:border-yellow-400 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-yellow-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"error\",\n        class:\n          \"border-rose-500/70! checked:border-rose-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,113,133)]! hover:border-rose-400 focus-visible:border-rose-400 focus-visible:ring-rose-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-rose-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"success\",\n        class:\n          \"border-emerald-500/70! checked:border-emerald-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(52,211,153)]! hover:border-emerald-400 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-emerald-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"info\",\n        class:\n          \"border-blue-500/70! checked:border-blue-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(96,165,250)]! hover:border-blue-400 focus-visible:border-blue-400 focus-visible:ring-blue-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-blue-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"violet\",\n        class:\n          \"border-violet-500/70! checked:border-violet-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(167,139,250)]! hover:border-violet-400 focus-visible:border-violet-400 focus-visible:ring-violet-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-violet-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"amber\",\n        class:\n          \"border-amber-500/70! checked:border-amber-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,191,36)]! hover:border-amber-400 focus-visible:border-amber-400 focus-visible:ring-amber-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-amber-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"pink\",\n        class:\n          \"border-pink-500/70! checked:border-pink-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(244,114,182)]! hover:border-pink-400 focus-visible:border-pink-400 focus-visible:ring-pink-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-pink-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"indigo\",\n        class:\n          \"border-indigo-500/70! checked:border-indigo-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(129,140,248)]! hover:border-indigo-400 focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-indigo-400/90!\",\n      },\n    ],\n  },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\nimport { inputAnimationPresets } from \"./animations\";\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nexport const Input = (props: InputProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      animation = \"none\",\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      id,\n      as,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const motionProps = inputAnimationPresets[animation];\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    return (\n      <>\n        <motion.textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          initial={false}\n          aria-invalid={ariaInvalid}\n          aria-describedby={\n            errorMessage && appearance === \"error\" ? errorId : undefined\n          }\n          {...motionProps}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"text-sm text-rose-500 mt-2 pl-4 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    animation = \"none\",\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    id,\n    as,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const motionProps = inputAnimationPresets[animation];\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  return (\n    <>\n      <motion.input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        initial={false}\n        aria-invalid={ariaInvalid}\n        aria-describedby={\n          errorMessage && appearance === \"error\" ? errorId : undefined\n        }\n        {...motionProps}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"text-sm text-rose-500 mt-2 pl-4 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInput.displayName = \"Input\";\n"]}

package/dist/ui/inputs.mjs

@@ -1,8 +1,9 @@
 "use client";
-
-import {
-  cn
-} from "../chunk-MEWYFWBX.mjs";
+import { cn } from '../chunk-B23TPTVG.mjs';
+import { useId } from 'react';
+import { motion } from 'framer-motion';
+import { cva } from 'class-variance-authority';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 // src/ui/inputs/animations.ts
 var inputAnimationPresets = {
@@ -37,13 +38,6 @@ var inputAnimationPresets = {
     transition: { type: "spring", bounce: 0.35, duration: 0.4 }
   }
 };
-
-// src/ui/inputs/input.tsx
-import { useId } from "react";
-import { motion } from "framer-motion";
-
-// src/ui/inputs/variants.ts
-import { cva } from "class-variance-authority";
 var inputVariants = cva(
   [
     "w-full min-w-0 rounded-xl border bg-white/5 text-slate-50 shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
@@ -323,9 +317,6 @@ var inputVariants = cva(
     ]
   }
 );
-
-// src/ui/inputs/input.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Input = (props) => {
   const generatedId = useId();
   if (props.as === "textarea") {
@@ -420,9 +411,7 @@ var Input = (props) => {
   ] });
 };
 Input.displayName = "Input";
-export {
-  Input,
-  inputAnimationPresets,
-  inputVariants
-};
+
+export { Input, inputAnimationPresets, inputVariants };
+//# sourceMappingURL=inputs.mjs.map
 //# sourceMappingURL=inputs.mjs.map