@desafio-design-system_/reflow-ui 0.2.7 → 0.2.9

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsxs as se, jsx as j } from "react/jsx-runtime";
+import { jsxs as se, jsx as B } from "react/jsx-runtime";
 function ze(e) {
   var r, o, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
@@ -96,7 +96,7 @@ const Le = (e, r) => {
   }
   qe(e, r, o, t);
 }, De = (e, r, o) => {
-  const t = e === "" ? r : Ne(r, e);
+  const t = e === "" ? r : Re(r, e);
   t.classGroupId = o;
 }, Ye = (e, r, o, t) => {
   if (Xe(e)) {
@@ -108,9 +108,9 @@ const Le = (e, r) => {
   const l = Object.entries(e), i = l.length;
   for (let a = 0; a < i; a++) {
     const [u, c] = l[a];
-    le(c, Ne(r, u), o, t);
+    le(c, Re(r, u), o, t);
   }
-}, Ne = (e, r) => {
+}, Re = (e, r) => {
   let o = e;
   const t = r.split(Z), l = t.length;
   for (let i = 0; i < l; i++) {
@@ -246,13 +246,13 @@ const Le = (e, r) => {
       }
       k = !1;
     }
-    const D = y.length === 0 ? "" : y.length === 1 ? y[0] : i(y).join(":"), W = C ? D + ae : D, V = W + T;
-    if (a.indexOf(V) > -1)
+    const D = y.length === 0 ? "" : y.length === 1 ? y[0] : i(y).join(":"), W = C ? D + ae : D, j = W + T;
+    if (a.indexOf(j) > -1)
       continue;
-    a.push(V);
-    const L = l(T, k);
-    for (let P = 0; P < L.length; ++P) {
-      const $ = L[P];
+    a.push(j);
+    const V = l(T, k);
+    for (let P = 0; P < V.length; ++P) {
+      const $ = V[P];
       a.push(W + $);
     }
     c = b + (c.length > 0 ? " " + c : c);
@@ -261,14 +261,14 @@ const Le = (e, r) => {
 }, to = (...e) => {
   let r = 0, o, t, l = "";
   for (; r < e.length; )
-    (o = e[r++]) && (t = Re(o)) && (l && (l += " "), l += t);
+    (o = e[r++]) && (t = Ne(o)) && (l && (l += " "), l += t);
   return l;
-}, Re = (e) => {
+}, Ne = (e) => {
   if (typeof e == "string")
     return e;
   let r, o = "";
   for (let t = 0; t < e.length; t++)
-    e[t] && (r = Re(e[t])) && (o && (o += " "), o += r);
+    e[t] && (r = Ne(e[t])) && (o && (o += " "), o += r);
   return o;
 }, ro = (e, ...r) => {
   let o, t, l, i;
@@ -286,7 +286,7 @@ const Le = (e, r) => {
 }, no = [], g = (e) => {
   const r = (o) => o[e] || no;
   return r.isThemeGetter = !0, r;
-}, Ie = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Me = /^\((?:(\w[\w-]*):)?(.+)\)$/i, so = /^\d+\/\d+$/, ao = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, lo = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, io = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, co = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, mo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, B = (e) => so.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), I = (e) => !!e && Number.isInteger(Number(e)), re = (e) => e.endsWith("%") && p(e.slice(0, -1)), R = (e) => ao.test(e), uo = () => !0, po = (e) => (
+}, Ie = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Me = /^\((?:(\w[\w-]*):)?(.+)\)$/i, so = /^\d+\/\d+$/, ao = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, lo = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, io = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, co = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, mo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, E = (e) => so.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), I = (e) => !!e && Number.isInteger(Number(e)), re = (e) => e.endsWith("%") && p(e.slice(0, -1)), N = (e) => ao.test(e), uo = () => !0, po = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
@@ -298,7 +298,7 @@ const Le = (e, r) => {
   const t = Me.exec(e);
   return t ? t[1] ? r(t[1]) : o : !1;
 }, Pe = (e) => e === "position" || e === "percentage", Ge = (e) => e === "image" || e === "url", Oe = (e) => e === "length" || e === "size" || e === "bg-size", je = (e) => e === "length", vo = (e) => e === "number", zo = (e) => e === "family-name", Ve = (e) => e === "shadow", Co = () => {
-  const e = g("color"), r = g("font"), o = g("text"), t = g("font-weight"), l = g("tracking"), i = g("leading"), a = g("breakpoint"), u = g("container"), c = g("spacing"), f = g("radius"), b = g("shadow"), x = g("inset-shadow"), y = g("text-shadow"), C = g("drop-shadow"), A = g("blur"), v = g("perspective"), k = g("aspect"), T = g("ease"), D = g("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [
+  const e = g("color"), r = g("font"), o = g("text"), t = g("font-weight"), l = g("tracking"), i = g("leading"), a = g("breakpoint"), u = g("container"), c = g("spacing"), f = g("radius"), b = g("shadow"), x = g("inset-shadow"), y = g("text-shadow"), C = g("drop-shadow"), A = g("blur"), v = g("perspective"), k = g("aspect"), T = g("ease"), D = g("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [
     "center",
     "top",
     "bottom",
@@ -316,9 +316,9 @@ const Le = (e, r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], L = () => [...V(), s, n], P = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], m = () => [s, n, c], S = () => [B, "full", "auto", ...m()], ie = () => [I, "none", "subgrid", s, n], ce = () => ["auto", {
+  ], V = () => [...j(), s, n], P = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], m = () => [s, n, c], S = () => [E, "full", "auto", ...m()], ie = () => [I, "none", "subgrid", s, n], ce = () => ["auto", {
     span: ["full", I, s, n]
-  }, I, s, n], Y = () => [I, "auto", s, n], de = () => ["auto", "min", "max", "fr", s, n], ee = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], E = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], N = () => ["auto", ...m()], G = () => [B, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], d = () => [e, s, n], me = () => [...V(), ke, ye, {
+  }, I, s, n], Y = () => [I, "auto", s, n], de = () => ["auto", "min", "max", "fr", s, n], ee = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], R = () => ["auto", ...m()], G = () => [E, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], d = () => [e, s, n], me = () => [...j(), ke, ye, {
     position: [s, n]
   }], ue = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -339,28 +339,28 @@ const Le = (e, r) => {
     A,
     s,
     n
-  ], X = () => ["none", p, s, n], J = () => ["none", p, s, n], te = () => [p, s, n], K = () => [B, "full", ...m()];
+  ], X = () => ["none", p, s, n], J = () => ["none", p, s, n], te = () => [p, s, n], K = () => [E, "full", ...m()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [R],
-      breakpoint: [R],
+      blur: [N],
+      breakpoint: [N],
       color: [uo],
-      container: [R],
-      "drop-shadow": [R],
+      container: [N],
+      "drop-shadow": [N],
       ease: ["in", "out", "in-out"],
       font: [go],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [R],
+      "inset-shadow": [N],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [R],
-      shadow: [R],
+      radius: [N],
+      shadow: [N],
       spacing: ["px", p],
-      text: [R],
-      "text-shadow": [R],
+      text: [N],
+      "text-shadow": [N],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -372,7 +372,7 @@ const Le = (e, r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", B, n, s, k]
+        aspect: ["auto", "square", E, n, s, k]
       }],
       /**
        * Container
@@ -463,7 +463,7 @@ const Le = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: L()
+        object: V()
       }],
       /**
        * Overflow
@@ -595,7 +595,7 @@ const Le = (e, r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [B, "full", "auto", u, ...m()]
+        basis: [E, "full", "auto", u, ...m()]
       }],
       /**
        * Flex Direction
@@ -616,7 +616,7 @@ const Le = (e, r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [p, B, "auto", "initial", "none", n]
+        flex: [p, E, "auto", "initial", "none", n]
       }],
       /**
        * Flex Grow
@@ -749,14 +749,14 @@ const Le = (e, r) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...E(), "normal"]
+        "justify-items": [...L(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...E()]
+        "justify-self": ["auto", ...L()]
       }],
       /**
        * Align Content
@@ -770,7 +770,7 @@ const Le = (e, r) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...E(), {
+        items: [...L(), {
           baseline: ["", "last"]
         }]
       }],
@@ -779,7 +779,7 @@ const Le = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...E(), {
+        self: ["auto", ...L(), {
           baseline: ["", "last"]
         }]
       }],
@@ -795,14 +795,14 @@ const Le = (e, r) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...E(), "baseline"]
+        "place-items": [...L(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...E()]
+        "place-self": ["auto", ...L()]
       }],
       // Spacing
       /**
@@ -873,63 +873,63 @@ const Le = (e, r) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: N()
+        m: R()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: N()
+        mx: R()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: N()
+        my: R()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: N()
+        ms: R()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: N()
+        me: R()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: N()
+        mt: R()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: N()
+        mr: R()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: N()
+        mb: R()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: N()
+        ml: R()
       }],
       /**
        * Space Between X
@@ -1932,7 +1932,7 @@ const Le = (e, r) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": V()
+        "mask-radial-at": j()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [p]
@@ -2279,7 +2279,7 @@ const Le = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": L()
+        "perspective-origin": V()
       }],
       /**
        * Rotate
@@ -2375,7 +2375,7 @@ const Le = (e, r) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: L()
+        origin: V()
       }],
       /**
        * Transform Style
@@ -2768,7 +2768,7 @@ const Le = (e, r) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, M = /* @__PURE__ */ ro(Co);
-function Ro(...e) {
+function No(...e) {
   return M(Ce(e));
 }
 function Io({ title: e, description: r, icon: o, className: t, button: l, textarea: i, ...a }) {
@@ -2777,11 +2777,11 @@ function Io({ title: e, description: r, icon: o, className: t, button: l, textar
     lg: "font-extrabold text-3xl leading-relaxed text-typography-title"
   };
   return /* @__PURE__ */ se("div", { className: "flex flex-row", children: [
-    o && /* @__PURE__ */ j("div", { className: M("p-3 text-primary-base", t), children: o }),
+    o && /* @__PURE__ */ B("div", { className: M("p-3 text-primary-base", t), children: o }),
     /* @__PURE__ */ se("div", { className: "flex flex-col", children: [
-      e && /* @__PURE__ */ j("h2", { className: M(u.lg), children: e }),
-      a.header && /* @__PURE__ */ j("h4", { className: M("", u.md), children: a.header }),
-      r && /* @__PURE__ */ j("p", { className: M("text-sm font-inter text-typography-body ml-1", u.md), children: r })
+      e && /* @__PURE__ */ B("h2", { className: M(u.lg), children: e }),
+      a.header && /* @__PURE__ */ B("h4", { className: M("", u.md), children: a.header }),
+      r && /* @__PURE__ */ B("p", { className: M("text-sm font-inter text-typography-body ml-1", u.md), children: r })
     ] })
   ] });
 }
@@ -2837,7 +2837,7 @@ const we = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ve = Ce, A
         // botao search company
         secondaryTextonly: "h-9 w-24",
         // botao continue
-        primaryBoth: "gap-2 min-h-9 min-w-44 pt-2 pb-2 pl-4 pr-4",
+        primaryBoth: "gap-2 h-9 min-w-44 pt-2 pb-2 pl-4 pr-4",
         //create company
         secondaryBoth: "w-24 h-7"
         // botao edit and delete
@@ -2855,7 +2855,7 @@ const we = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ve = Ce, A
   }
 );
 function Mo({ icon: e, label: r, onClick: o, ...t }) {
-  return /* @__PURE__ */ se("button", { onClick: o, className: M("rounded-md", t.className, So({
+  return /* @__PURE__ */ se("button", { onClick: o, className: M("rounded-md leading-none", t.className, So({
     textColor: t.textColor,
     backgroundType: t.backgroundType,
     both: t.both,
@@ -2863,14 +2863,13 @@ function Mo({ icon: e, label: r, onClick: o, ...t }) {
     textOnly: t.textOnly,
     fontSize: t.fontSize
   })), children: [
-    e && /* @__PURE__ */ j("span", { className: M(t.iconClassName), children: e }),
-    r && /* @__PURE__ */ j("span", { className: M(t.labelClassName), children: r }),
-    /* @__PURE__ */ j("a", { href: "", className: "rounded-md  " })
+    e && /* @__PURE__ */ B("span", { className: M(t.iconClassName), children: e }),
+    r && /* @__PURE__ */ B("span", { className: M(t.labelClassName), children: r })
   ] });
 }
 export {
   Mo as Button,
   Io as ContentBlock,
-  Ro as cn
+  No as cn
 };
 //# sourceMappingURL=index.js.map