@deepnoid/ui 0.1.28 → 0.1.30

package/dist/components/fileUpload/index.mjs

@@ -0,0 +1,25 @@
+"use client";
+import "../../chunk-RLXOHILK.mjs";
+import {
+  fileUpload_default
+} from "../../chunk-NKH3OF6I.mjs";
+import "../../chunk-2GCSFWHD.mjs";
+import "../../chunk-VCVQMPC7.mjs";
+import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-LPZOH3RP.mjs";
+import "../../chunk-UB4YBFOT.mjs";
+import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-6WSACUIB.mjs";
+import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-WFMFC7R6.mjs";
+import "../../chunk-ZYIIXWVY.mjs";
+import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-2SDYFOZL.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-AC6TWLRT.mjs";
+export {
+  fileUpload_default as FileUpload
+};

package/dist/components/input/index.js

@@ -4457,9 +4457,10 @@ var Input = (0, import_react.forwardRef)((originalProps, ref) => {
                   {
                     ...inputProps,
                     ref: ref || inputRef,
+                    readOnly: props.readOnly,
                     className: clsx(
                       slots.input({ class: classNames == null ? void 0 : classNames.input }),
-                      inputProps.readOnly ? "!text-body-foreground placeholder:text-body-foreground" : ""
+                      inputProps.readOnly ? "!text-body-foreground placeholder:!text-body-foreground" : ""
                     ),
                     size: 0
                   }

package/dist/components/input/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "../../chunk-BEQ3KZGS.mjs";
+} from "../../chunk-VCVQMPC7.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/input/input.js

@@ -4456,9 +4456,10 @@ var Input = (0, import_react.forwardRef)((originalProps, ref) => {
                   {
                     ...inputProps,
                     ref: ref || inputRef,
+                    readOnly: props.readOnly,
                     className: clsx(
                       slots.input({ class: classNames == null ? void 0 : classNames.input }),
-                      inputProps.readOnly ? "!text-body-foreground placeholder:text-body-foreground" : ""
+                      inputProps.readOnly ? "!text-body-foreground placeholder:!text-body-foreground" : ""
                     ),
                     size: 0
                   }

package/dist/components/input/input.mjs

@@ -2,7 +2,7 @@
 import {
   inputStyle,
   input_default
-} from "../../chunk-BEQ3KZGS.mjs";
+} from "../../chunk-VCVQMPC7.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/list/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import "../../chunk-7MVEAQ7Z.mjs";
-import {
-  list_default
-} from "../../chunk-HIVPDIEP.mjs";
 import {
   listItem_default
 } from "../../chunk-RT3S3VVJ.mjs";
+import {
+  list_default
+} from "../../chunk-HIVPDIEP.mjs";
 import "../../chunk-SP3JVQY3.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";

package/dist/components/modal/index.mjs

@@ -2,16 +2,16 @@
 import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "../../chunk-K7VUN5BS.mjs";
+} from "../../chunk-IC25OKBJ.mjs";
 import "../../chunk-SE5TU755.mjs";
 import "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-JTZUXVOU.mjs";
-import "../../chunk-QIEKOGY7.mjs";
+import "../../chunk-UB4YBFOT.mjs";
+import "../../chunk-7TAGGLNY.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";

package/dist/components/modal/modal.mjs

@@ -1,16 +1,16 @@
 "use client";
 import {
   modal_default
-} from "../../chunk-K7VUN5BS.mjs";
+} from "../../chunk-IC25OKBJ.mjs";
 import "../../chunk-SE5TU755.mjs";
 import "../../chunk-LL6F3WDX.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-JTZUXVOU.mjs";
-import "../../chunk-QIEKOGY7.mjs";
+import "../../chunk-UB4YBFOT.mjs";
+import "../../chunk-7TAGGLNY.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";

package/dist/components/pagination/index.js

@@ -4485,9 +4485,10 @@ var Input = (0, import_react2.forwardRef)((originalProps, ref) => {
                   {
                     ...inputProps,
                     ref: ref || inputRef,
+                    readOnly: props.readOnly,
                     className: clsx(
                       slots.input({ class: classNames == null ? void 0 : classNames.input }),
-                      inputProps.readOnly ? "!text-body-foreground placeholder:text-body-foreground" : ""
+                      inputProps.readOnly ? "!text-body-foreground placeholder:!text-body-foreground" : ""
                     ),
                     size: 0
                   }

package/dist/components/pagination/index.mjs

@@ -2,10 +2,10 @@
 import "../../chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "../../chunk-SO7BGWM7.mjs";
+} from "../../chunk-QM4ZSQYX.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-BEQ3KZGS.mjs";
+import "../../chunk-VCVQMPC7.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/pagination/pagination.js

@@ -4484,9 +4484,10 @@ var Input = (0, import_react2.forwardRef)((originalProps, ref) => {
                   {
                     ...inputProps,
                     ref: ref || inputRef,
+                    readOnly: props.readOnly,
                     className: clsx(
                       slots.input({ class: classNames == null ? void 0 : classNames.input }),
-                      inputProps.readOnly ? "!text-body-foreground placeholder:text-body-foreground" : ""
+                      inputProps.readOnly ? "!text-body-foreground placeholder:!text-body-foreground" : ""
                     ),
                     size: 0
                   }

package/dist/components/pagination/pagination.mjs

@@ -2,10 +2,10 @@
 import {
   paginationStyle,
   pagination_default
-} from "../../chunk-SO7BGWM7.mjs";
+} from "../../chunk-QM4ZSQYX.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-BEQ3KZGS.mjs";
+import "../../chunk-VCVQMPC7.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/ripple/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import "../../chunk-6WSACUIB.mjs";
-import {
-  useRipple
-} from "../../chunk-6PNKRBUT.mjs";
 import {
   ripple_default
 } from "../../chunk-LXHUO6VM.mjs";
+import {
+  useRipple
+} from "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   ripple_default as Ripple,

package/dist/components/skeleton/index.d.mts

@@ -0,0 +1,2 @@
+export { default as Skeleton } from './skeleton.mjs';
+import 'react/jsx-runtime';

package/dist/components/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Skeleton } from './skeleton.js';
+import 'react/jsx-runtime';

package/dist/components/skeleton/index.js

@@ -0,0 +1,141 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/skeleton/index.ts
+var skeleton_exports = {};
+__export(skeleton_exports, {
+  Skeleton: () => skeleton_default
+});
+module.exports = __toCommonJS(skeleton_exports);
+
+// src/components/skeleton/skeleton.tsx
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/clsx.ts
+function clsx(...args) {
+  var i = 0, tmp, x, str = "";
+  while (i < args.length) {
+    if (tmp = args[i++]) {
+      if (x = toVal(tmp)) {
+        str && (str += " ");
+        str += x;
+      }
+    }
+  }
+  return str;
+}
+function toVal(mix) {
+  var k, y, str = "";
+  if (typeof mix === "string" || typeof mix === "number") {
+    str += mix;
+  } else if (typeof mix === "object") {
+    if (Array.isArray(mix)) {
+      var len = mix.length;
+      for (k = 0; k < len; k++) {
+        if (mix[k]) {
+          if (y = toVal(mix[k])) {
+            str && (str += " ");
+            str += y;
+          }
+        }
+      }
+    } else {
+      for (y in mix) {
+        if (mix[y]) {
+          str && (str += " ");
+          str += y;
+        }
+      }
+    }
+  }
+  return str;
+}
+
+// src/components/skeleton/skeleton.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Skeleton = ({ color = "primary", className, speed = "normal", rounded = "md" }) => {
+  const speedMap = {
+    fast: "0.7s",
+    normal: "1.2s",
+    slow: "2s"
+  };
+  const slots = skeletonStyle();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: clsx(slots.base({ color, rounded }), className),
+      style: {
+        "--shimmer-duration": speedMap[speed]
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `@keyframes shimmer {
+            100% {
+              transform: translateX(100%);
+            }
+          }
+          .skeleton-shimmer::before {
+            animation: shimmer var(--shimmer-duration) infinite linear;
+          }
+        ` })
+    }
+  );
+};
+Skeleton.displayName = "Skeleton";
+var skeleton_default = Skeleton;
+var skeletonStyle = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: [
+      "relative",
+      "overflow-hidden",
+      "w-full",
+      "h-[18px]",
+      "skeleton-shimmer",
+      "before:absolute",
+      "before:inset-0",
+      "before:-translate-x-full",
+      "before:bg-gradient-to-r",
+      "before:from-transparent",
+      "before:via-white/40",
+      "before:to-transparent",
+      "before:content-['']"
+    ]
+  },
+  variants: {
+    color: {
+      primary: { base: "bg-primary-soft" },
+      secondary: { base: "bg-secondary-soft" },
+      neutral: { base: "bg-neutral-soft" }
+    },
+    rounded: {
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" },
+      xl: { base: "rounded-xl" },
+      full: { base: "rounded-full" }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    rounded: "md"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Skeleton
+});

package/dist/components/skeleton/index.mjs

@@ -0,0 +1,10 @@
+"use client";
+import "../../chunk-MZ76AA76.mjs";
+import {
+  skeleton_default
+} from "../../chunk-6PN3DGOE.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-AC6TWLRT.mjs";
+export {
+  skeleton_default as Skeleton
+};

package/dist/components/skeleton/skeleton.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface SkeletonProps {
+    color?: "primary" | "secondary" | "neutral";
+    speed?: "fast" | "normal" | "slow";
+    rounded?: "sm" | "md" | "lg" | "xl" | "full";
+    className?: string;
+}
+declare const Skeleton: {
+    ({ color, className, speed, rounded }: SkeletonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Skeleton as default };

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface SkeletonProps {
+    color?: "primary" | "secondary" | "neutral";
+    speed?: "fast" | "normal" | "slow";
+    rounded?: "sm" | "md" | "lg" | "xl" | "full";
+    className?: string;
+}
+declare const Skeleton: {
+    ({ color, className, speed, rounded }: SkeletonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Skeleton as default };

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1,135 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/skeleton/skeleton.tsx
+var skeleton_exports = {};
+__export(skeleton_exports, {
+  default: () => skeleton_default
+});
+module.exports = __toCommonJS(skeleton_exports);
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/clsx.ts
+function clsx(...args) {
+  var i = 0, tmp, x, str = "";
+  while (i < args.length) {
+    if (tmp = args[i++]) {
+      if (x = toVal(tmp)) {
+        str && (str += " ");
+        str += x;
+      }
+    }
+  }
+  return str;
+}
+function toVal(mix) {
+  var k, y, str = "";
+  if (typeof mix === "string" || typeof mix === "number") {
+    str += mix;
+  } else if (typeof mix === "object") {
+    if (Array.isArray(mix)) {
+      var len = mix.length;
+      for (k = 0; k < len; k++) {
+        if (mix[k]) {
+          if (y = toVal(mix[k])) {
+            str && (str += " ");
+            str += y;
+          }
+        }
+      }
+    } else {
+      for (y in mix) {
+        if (mix[y]) {
+          str && (str += " ");
+          str += y;
+        }
+      }
+    }
+  }
+  return str;
+}
+
+// src/components/skeleton/skeleton.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Skeleton = ({ color = "primary", className, speed = "normal", rounded = "md" }) => {
+  const speedMap = {
+    fast: "0.7s",
+    normal: "1.2s",
+    slow: "2s"
+  };
+  const slots = skeletonStyle();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: clsx(slots.base({ color, rounded }), className),
+      style: {
+        "--shimmer-duration": speedMap[speed]
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `@keyframes shimmer {
+            100% {
+              transform: translateX(100%);
+            }
+          }
+          .skeleton-shimmer::before {
+            animation: shimmer var(--shimmer-duration) infinite linear;
+          }
+        ` })
+    }
+  );
+};
+Skeleton.displayName = "Skeleton";
+var skeleton_default = Skeleton;
+var skeletonStyle = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: [
+      "relative",
+      "overflow-hidden",
+      "w-full",
+      "h-[18px]",
+      "skeleton-shimmer",
+      "before:absolute",
+      "before:inset-0",
+      "before:-translate-x-full",
+      "before:bg-gradient-to-r",
+      "before:from-transparent",
+      "before:via-white/40",
+      "before:to-transparent",
+      "before:content-['']"
+    ]
+  },
+  variants: {
+    color: {
+      primary: { base: "bg-primary-soft" },
+      secondary: { base: "bg-secondary-soft" },
+      neutral: { base: "bg-neutral-soft" }
+    },
+    rounded: {
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" },
+      xl: { base: "rounded-xl" },
+      full: { base: "rounded-full" }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    rounded: "md"
+  }
+});

package/dist/components/skeleton/skeleton.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  skeleton_default
+} from "../../chunk-6PN3DGOE.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-AC6TWLRT.mjs";
+export {
+  skeleton_default as default
+};