@g4rcez/components 0.0.54 → 0.0.55

package/dist/index.mjs

@@ -3259,8 +3259,8 @@ const s1 = /* @__PURE__ */ jx(i1), Qm = (...e) => (t) => {
 }, Zc = (e) => {
   const t = () => e.setAttribute("data-initialized", "true");
   return e.addEventListener("focus", t), () => e.removeEventListener("focus", t);
-}, Mi = qe(function({ as: t, ...n }, r) {
-  return /* @__PURE__ */ T(t || "span", { ...n, ref: r });
+}, Mi = qe(function({ as: t, children: n, ...r }, o) {
+  return /* @__PURE__ */ T(t || "span", { ref: o, ...r, children: n });
 }), l1 = xo(
   "relative overflow-hidden inline-flex duration-500 enabled:hover:bg-opacity-70 data-[loading=true]:opacity-30 data-[loading=true]:animate-pulse gap-1.5 items-center justify-center align-middle cursor-pointer whitespace-nowrap font-medium transition-colors ease-in disabled:cursor-not-allowed disabled:bg-opacity-40 disabled:text-opacity-80 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring ease-normal",
   {
@@ -3309,10 +3309,11 @@ const s1 = /* @__PURE__ */ jx(i1), Qm = (...e) => (t) => {
       ref: l,
       type: i,
       "data-theme": o,
-      "data-loading": r,
       disabled: u,
-      "aria-busy": u || r,
+      "data-loading": r,
+      "aria-disabled": u,
       as: c.as ?? "button",
+      "aria-busy": u || r,
       onClick: u ? void 0 : c.onClick,
       className: $e(l1({ size: s, rounded: a, theme: o }), t),
       children: [
@@ -18161,16 +18162,17 @@ const ji = (e) => {
         children: /* @__PURE__ */ T(Bi, { visuallyHiddenDismiss: !0, modal: !0, closeOnFocusOut: !0, context: m, children: /* @__PURE__ */ K(
           wt.div,
           {
-            animate: "enter",
-            "aria-describedby": a,
-            "aria-labelledby": s,
-            className: EM({ position: u, type: f }),
             exit: "exit",
-            layoutId: i.layoutId,
+            animate: "enter",
             initial: "initial",
+            variants: h,
             ref: p.setFloating,
+            "aria-modal": i.open,
+            layoutId: i.layoutId,
+            "aria-labelledby": s,
+            "aria-describedby": a,
+            className: EM({ position: u, type: f }),
             style: f === "drawer" ? { width: S } : { height: S },
-            variants: h,
             ...w(),
             children: [
               i.title ? /* @__PURE__ */ T("header", { className: "relative w-full", children: i.title ? /* @__PURE__ */ T("h2", { className: "border-b border-floating-border px-8 pb-2 text-3xl font-medium leading-relaxed", children: i.title }) : null }) : null,
@@ -18408,6 +18410,7 @@ const IM = ({ reportStatus: e, hideLeft: t = !1, className: n, info: r, children
     "button",
     {
       type: "button",
+      "aria-busy": r.disabled,
       "aria-checked": t,
       "aria-current": t,
       "aria-selected": t,
@@ -18422,7 +18425,7 @@ const IM = ({ reportStatus: e, hideLeft: t = !1, className: n, info: r, children
   ) });
 }), MM = {
   duration: 300,
-  initial: { transform: "scaleY(0)", opacity: 0.4 },
+  initial: { transform: "scaleY(0)", opacity: 0.2 },
   open: { transform: "scaleY(1)", opacity: 1 },
   close: { transform: "scaleY(0)", opacity: 0 }
 }, kM = { caseSensitive: !1, sort: !1 }, FM = [], B_ = qe(
@@ -18476,7 +18479,7 @@ const IM = ({ reportStatus: e, hideLeft: t = !1, className: n, info: r, children
               width: `${W}px`,
               maxWidth: `${W}px`,
               minWidth: "max-content",
-              maxHeight: `${Math.min(480, $.availableHeight)}px`
+              maxHeight: `${Math.min(250, $.availableHeight)}px`
             });
           }
         })
@@ -18734,11 +18737,14 @@ const IM = ({ reportStatus: e, hideLeft: t = !1, className: n, info: r, children
           fv,
           {
             ...f,
+            id: m,
+            name: m,
             type: e,
             "data-next": o,
+            "aria-busy": f.disabled,
+            "aria-disabled": f.disabled,
+            "aria-readonly": f.readOnly,
             ref: Qm(p, g),
-            id: m,
-            name: m,
             className: $e(
               "input placeholder-input-mask group h-input-height w-full flex-1",
               "rounded-md bg-transparent px-input-x py-input-y text-foreground",
@@ -20718,8 +20724,8 @@ const Hk = {
       };
     }
     n({ url: "", type: e.file.type, size: Ap(e.file.size) });
-  }, [e.file]), t.type === "img" ? /* @__PURE__ */ K("div", { className: "flex flex-row gap-jade-200 items-center justify-between w-full", children: [
-    /* @__PURE__ */ K("header", { className: "flex flex-row gap-jade-200 items-center", children: [
+  }, [e.file]), t.type === "img" ? /* @__PURE__ */ K("div", { className: "gap-jade-200 flex w-full flex-row items-center justify-between", children: [
+    /* @__PURE__ */ K("header", { className: "gap-jade-200 flex flex-row items-center", children: [
       /* @__PURE__ */ T("img", { src: t.url, className: "size-jade-500 rounded-jade-xsmall", alt: `Miniatura do arquivo ${e.file.name}` }),
       /* @__PURE__ */ K("div", { className: "flex flex-col", children: [
         /* @__PURE__ */ T("span", { children: e.file.name }),
@@ -20739,10 +20745,10 @@ const Hk = {
         children: /* @__PURE__ */ T(io, {})
       }
     )
-  ] }) : /* @__PURE__ */ K("div", { className: "flex flex-row gap-jade-200 items-center justify-between w-full", children: [
-    /* @__PURE__ */ K("header", { className: "flex flex-row gap-4 items-center", children: [
+  ] }) : /* @__PURE__ */ K("div", { className: "gap-jade-200 flex w-full flex-row items-center justify-between", children: [
+    /* @__PURE__ */ K("header", { className: "flex flex-row items-center gap-4", children: [
       /* @__PURE__ */ T(xP, { size: 48 }),
-      /* @__PURE__ */ K("div", { className: "flex flex-col text-left justify-start items-start", children: [
+      /* @__PURE__ */ K("div", { className: "flex flex-col items-start justify-start text-left", children: [
         /* @__PURE__ */ T("span", { children: e.file.name }),
         /* @__PURE__ */ T("span", { children: t.size })
       ] })
@@ -20761,7 +20767,7 @@ const Hk = {
       }
     )
   ] });
-}, Uk = (e) => /* @__PURE__ */ T("ul", { className: "w-full space-y-jade-200", children: e.files.map((t) => /* @__PURE__ */ T(zk, { onDeleteFile: e.onDeleteFile, file: t }, t.name)) }), Gk = (e) => e.isDragActive ? /* @__PURE__ */ T("p", { children: "Solte os arquivos selecionados" }) : e.files.length > 0 ? /* @__PURE__ */ T(Uk, { onDeleteFile: e.onDeleteFile, files: e.files }) : /* @__PURE__ */ T(Ye, { children: e.idle }), Yk = /* @__PURE__ */ K("div", { className: "flex flex-col gap-4 justify-center items-center", children: [
+}, Uk = (e) => /* @__PURE__ */ T("ul", { className: "space-y-jade-200 w-full", children: e.files.map((t) => /* @__PURE__ */ T(zk, { onDeleteFile: e.onDeleteFile, file: t }, t.name)) }), Gk = (e) => e.isDragActive ? /* @__PURE__ */ T("p", { children: "Solte os arquivos selecionados" }) : e.files.length > 0 ? /* @__PURE__ */ T(Uk, { onDeleteFile: e.onDeleteFile, files: e.files }) : /* @__PURE__ */ T(Ye, { children: e.idle }), Yk = /* @__PURE__ */ K("div", { className: "flex flex-col items-center justify-center gap-4", children: [
   /* @__PURE__ */ T(AP, { size: 64 }),
   /* @__PURE__ */ K("p", { children: [
     "You can drag your files or",
@@ -20778,7 +20784,7 @@ const Hk = {
     {
       ...a(),
       "data-active": (u = r.files) != null && u.length ? r.files.length > 0 : !1,
-      className: "flex text-foreground flex-col items-center justify-center border-2 rounded-lg p-6 border-card-border data-[active=true]:bg-card-background data-[active=true]:border-solid data-[active=false]:border-dashed",
+      className: "flex flex-col items-center justify-center rounded-lg border-2 border-card-border p-6 text-foreground data-[active=true]:border-solid data-[active=false]:border-dashed data-[active=true]:bg-card-background",
       children: [
         /* @__PURE__ */ T("input", { ...c(r), name: r.name, id: r.name }),
         /* @__PURE__ */ T(Gk, { onDeleteFile: t, isDragActive: l, idle: e, files: r.files ?? o })