@ztwoint/z-ui 0.1.23 → 0.1.25

package/dist/components/button/button.js

@@ -11,7 +11,7 @@ const N = z(
         filled: [
           "border-[.5px] disabled:border-none disabled:shadow-[var(--shadow-button-disabled)]"
         ],
-        stroke: ["disabled:border-none disabled:shadow-[var(--shadow-button-disabled)]"],
+        stroke: ["disabled:shadow-[var(--shadow-button-disabled)]"],
         ghost: [""]
       },
       shade: {
@@ -80,18 +80,18 @@ const N = z(
     variant: f,
     asChild: o = !1,
     leftIcon: a,
-    rightIcon: r,
+    rightIcon: t,
     label: m,
     children: l,
     ...p
   }, y) => {
-    const v = o ? O : "button", t = m || l, d = !t && !!(a || r), i = d ? a || r : null, h = n(
-      N({ shade: c, size: b, variant: f, iconOnly: d, className: u })
-    ), s = "w-3.5 h-3.5";
-    return /* @__PURE__ */ e(v, { className: h, ref: y, ...p, children: o ? l : d ? i ? /* @__PURE__ */ e("span", { className: s, children: i }) : null : /* @__PURE__ */ x(g, { children: [
-      a && /* @__PURE__ */ e("span", { className: n(s), children: a }),
-      t && /* @__PURE__ */ e("span", { children: t }),
-      r && /* @__PURE__ */ e("span", { className: n(s), children: r })
+    const v = o ? O : "button", r = m || l, s = !r && !!(a || t), i = s ? a || t : null, h = n(
+      N({ shade: c, size: b, variant: f, iconOnly: s, className: u })
+    ), d = "w-3.5 h-3.5";
+    return /* @__PURE__ */ e(v, { className: h, ref: y, ...p, children: o ? l : s ? i ? /* @__PURE__ */ e("span", { className: d, children: i }) : null : /* @__PURE__ */ x(g, { children: [
+      a && /* @__PURE__ */ e("span", { className: n(d), children: a }),
+      r && /* @__PURE__ */ e("span", { children: r }),
+      t && /* @__PURE__ */ e("span", { className: n(d), children: t })
     ] }) });
   }
 );

package/dist/components/file-upload-area/file-upload-area.js

@@ -4,7 +4,7 @@ import { DEFAULT_ACCEPT as D } from "./file-upload-area.const.js";
 import { UploadIconComponent as v } from "./upload-icon-component.js";
 import x from "./text-preset.js";
 import { cn as y } from "../../lib/utils.js";
-const w = ({
+const I = ({
   onFilesSelected: o,
   accept: n = D,
   multiple: f = !0,
@@ -13,9 +13,9 @@ const w = ({
 }) => {
   const i = d(null), [C, t] = h(!1), p = (r) => {
     e || (r.preventDefault(), r.stopPropagation(), t(!0));
-  }, c = (r) => {
-    e || (r.preventDefault(), r.stopPropagation(), t(!1));
   }, u = (r) => {
+    e || (r.preventDefault(), r.stopPropagation(), t(!1));
+  }, c = (r) => {
     e || (r.preventDefault(), r.stopPropagation(), t(!1), r.dataTransfer.files && r.dataTransfer.files.length > 0 && o(Array.from(r.dataTransfer.files)));
   }, l = () => {
     var r;
@@ -27,13 +27,13 @@ const w = ({
     "div",
     {
       className: y(
-        "flex flex-col items-center justify-center gap-8 p-12 max-w-112 rounded-2xl border-[.5px] border-dashed stroke-solid-high bg-neutral-light",
+        "flex flex-col items-center justify-center gap-8 p-12 max-w-112 w-full rounded-2xl border-[.5px] border-dashed stroke-solid-high bg-neutral-light",
         e && "opacity-60 bg-gray-100 cursor-not-allowed",
         s
       ),
       onDragOver: p,
-      onDragLeave: c,
-      onDrop: u,
+      onDragLeave: u,
+      onDrop: c,
       onClick: l,
       tabIndex: e ? -1 : 0,
       role: "button",
@@ -66,5 +66,5 @@ const w = ({
   );
 };
 export {
-  w as FileUploadArea
+  I as FileUploadArea
 };

package/dist/css/config/colors/defaults.css

@@ -138,6 +138,6 @@
 
   --shadow-custom:
     0px 2px 4px 0px var(--color-alpha-one-50), 0px 0px 0px 0.5px var(--color-neutral-150);
-  --shadow-button-diabled:
+  --shadow-button-disabled:
     0px 1px 2px 0px var(--color-neutral-950), 0px 0px 0px 0.5px var(--color-alpha-two-50);
 }