@fluityy/designsystem 0.2.9 → 0.2.10

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as E } from "react/jsx-runtime";
-import { forwardRef as C, useState as F, useRef as H, useEffect as D, createContext as j, useContext as B, useId as we, cloneElement as ke, Children as Ze, Fragment as We, useCallback as V, createElement as qe, useMemo as Ee } from "react";
+import { forwardRef as C, useState as F, useRef as H, useEffect as D, createContext as j, useContext as B, useId as we, cloneElement as ke, Children as Ze, Fragment as We, useCallback as z, createElement as qe, useMemo as Ee } from "react";
 import { cva as M } from "class-variance-authority";
 import Ae, { clsx as He } from "clsx";
 import { twMerge as Ye } from "tailwind-merge";
@@ -446,7 +446,7 @@ const dt = M(
         primary: "bg-brand-500 text-fg-on-brand",
         accent: "bg-accent-subtle text-accent-fg",
         "accent-bold": "bg-accent text-accent-fg",
-        success: "bg-accent text-accent-fg",
+        success: "bg-success text-fg-on-brand",
         warning: "bg-warning/35 text-fg",
         danger: "bg-danger/10 text-danger",
         outline: "border border-border-strong text-fg"
@@ -770,7 +770,7 @@ function Ft({
   defaultValue: t,
   onChange: r
 }) {
-  const a = e !== void 0, [n, c] = F(t), s = a ? e : n, p = V(
+  const a = e !== void 0, [n, c] = F(t), s = a ? e : n, p = z(
     (d) => {
       a || c(d), r == null || r(d);
     },
@@ -1170,7 +1170,7 @@ function Ba({ className: e, ...t }) {
 function Pa({ className: e, ...t }) {
   return /* @__PURE__ */ o("div", { className: x("flex-1 overflow-y-auto p-6", e), ...t });
 }
-function za({ className: e, ...t }) {
+function Va({ className: e, ...t }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1185,21 +1185,21 @@ const Pe = j(null), Pt = {
   warning: { wrapper: "bg-[var(--color-toast-warning-bg)]", title: "text-fg", description: "text-fg-muted", action: "text-fg hover:text-fg/80" },
   danger: { wrapper: "bg-[var(--color-toast-danger-bg)]", title: "text-danger", description: "text-fg-muted", action: "text-danger hover:text-danger/80" }
 };
-function Va({ children: e }) {
-  const [t, r] = F([]), a = H(0), n = V((s) => {
+function za({ children: e }) {
+  const [t, r] = F([]), a = H(0), n = z((s) => {
     r((p) => p.map((d) => d.id === s ? { ...d, leaving: !0 } : d)), setTimeout(() => {
       r((p) => p.filter((d) => d.id !== s));
     }, 160);
-  }, []), c = V((s) => {
+  }, []), c = z((s) => {
     const p = ++a.current;
     return r((d) => [...d, { id: p, variant: "info", duration: 4e3, ...s }]), p;
   }, []);
   return /* @__PURE__ */ E(Pe.Provider, { value: { toast: c, dismiss: n }, children: [
     e,
-    /* @__PURE__ */ o(ue, { children: /* @__PURE__ */ o("div", { className: "pointer-events-none fixed bottom-4 right-8 z-[60] flex w-80 max-w-[90vw] flex-col gap-2", children: t.map((s) => /* @__PURE__ */ o(zt, { item: s, onDismiss: () => n(s.id) }, s.id)) }) })
+    /* @__PURE__ */ o(ue, { children: /* @__PURE__ */ o("div", { className: "pointer-events-none fixed bottom-4 right-8 z-[60] flex w-80 max-w-[90vw] flex-col gap-2", children: t.map((s) => /* @__PURE__ */ o(Vt, { item: s, onDismiss: () => n(s.id) }, s.id)) }) })
   ] });
 }
-function zt({ item: e, onDismiss: t }) {
+function Vt({ item: e, onDismiss: t }) {
   D(() => {
     if (!e.duration) return;
     const a = setTimeout(t, e.duration);
@@ -1248,7 +1248,7 @@ function zt({ item: e, onDismiss: t }) {
     }
   );
 }
-function Vt() {
+function zt() {
   const e = B(Pe);
   if (!e) throw new Error("useToast precisa estar dentro de <ToastProvider>");
   return e;
@@ -1275,12 +1275,12 @@ const $t = M(
   )
 );
 jt.displayName = "Textarea";
-var Mt = Object.create, ee = Object.defineProperty, Ut = Object.defineProperties, Gt = Object.getOwnPropertyDescriptor, Zt = Object.getOwnPropertyDescriptors, ze = Object.getOwnPropertyNames, J = Object.getOwnPropertySymbols, Wt = Object.getPrototypeOf, de = Object.prototype.hasOwnProperty, Ve = Object.prototype.propertyIsEnumerable, ge = (e, t, r) => t in e ? ee(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, $ = (e, t) => {
+var Mt = Object.create, ee = Object.defineProperty, Ut = Object.defineProperties, Gt = Object.getOwnPropertyDescriptor, Zt = Object.getOwnPropertyDescriptors, Ve = Object.getOwnPropertyNames, J = Object.getOwnPropertySymbols, Wt = Object.getPrototypeOf, de = Object.prototype.hasOwnProperty, ze = Object.prototype.propertyIsEnumerable, ge = (e, t, r) => t in e ? ee(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, $ = (e, t) => {
   for (var r in t || (t = {}))
     de.call(t, r) && ge(e, r, t[r]);
   if (J)
     for (var r of J(t))
-      Ve.call(t, r) && ge(e, r, t[r]);
+      ze.call(t, r) && ge(e, r, t[r]);
   return e;
 }, te = (e, t) => Ut(e, Zt(t)), $e = (e, t) => {
   var r = {};
@@ -1288,16 +1288,16 @@ var Mt = Object.create, ee = Object.defineProperty, Ut = Object.defineProperties
     de.call(e, a) && t.indexOf(a) < 0 && (r[a] = e[a]);
   if (e != null && J)
     for (var a of J(e))
-      t.indexOf(a) < 0 && Ve.call(e, a) && (r[a] = e[a]);
+      t.indexOf(a) < 0 && ze.call(e, a) && (r[a] = e[a]);
   return r;
 }, qt = (e, t) => function() {
-  return t || (0, e[ze(e)[0]])((t = { exports: {} }).exports, t), t.exports;
+  return t || (0, e[Ve(e)[0]])((t = { exports: {} }).exports, t), t.exports;
 }, Ht = (e, t) => {
   for (var r in t)
     ee(e, r, { get: t[r], enumerable: !0 });
 }, Yt = (e, t, r, a) => {
   if (t && typeof t == "object" || typeof t == "function")
-    for (let n of ze(t))
+    for (let n of Ve(t))
       !de.call(e, n) && n !== r && ee(e, n, { get: () => t[n], enumerable: !(a = Gt(t, n)) || a.enumerable });
   return e;
 }, Kt = (e, t, r) => (r = e != null ? Mt(Wt(e)) : {}, Yt(
@@ -1750,36 +1750,36 @@ var Mt = Object.create, ee = Object.defineProperty, Ut = Object.defineProperties
                 var P = _.pattern.toString().match(/[imsuy]*$/)[0];
                 _.pattern = RegExp(_.pattern.source, P + "g");
               }
-              for (var pe = _.pattern || _, T = v.next, z = m; T !== i.tail && !(b && z >= b.reach); z += T.value.length, T = T.next) {
+              for (var pe = _.pattern || _, T = v.next, V = m; T !== i.tail && !(b && V >= b.reach); V += T.value.length, T = T.next) {
                 var W = T.value;
                 if (i.length > l.length)
                   return;
                 if (!(W instanceof p)) {
                   var Y = 1, O;
                   if (G) {
-                    if (O = d(pe, z, l, I), !O || O.index >= l.length)
+                    if (O = d(pe, V, l, I), !O || O.index >= l.length)
                       break;
-                    var K = O.index, Ue = O.index + O[0].length, Z = z;
+                    var K = O.index, Ue = O.index + O[0].length, Z = V;
                     for (Z += T.value.length; K >= Z; )
                       T = T.next, Z += T.value.length;
-                    if (Z -= T.value.length, z = Z, T.value instanceof p)
+                    if (Z -= T.value.length, V = Z, T.value instanceof p)
                       continue;
                     for (var q = T; q !== i.tail && (Z < Ue || typeof q.value == "string"); q = q.next)
                       Y++, Z += q.value.length;
-                    Y--, W = l.slice(z, Z), O.index -= z;
+                    Y--, W = l.slice(V, Z), O.index -= V;
                   } else if (O = d(pe, 0, W, I), !O)
                     continue;
-                  var K = O.index, X = O[0], re = W.slice(0, K), fe = W.slice(K + X.length), ae = z + W.length;
+                  var K = O.index, X = O[0], re = W.slice(0, K), fe = W.slice(K + X.length), ae = V + W.length;
                   b && ae > b.reach && (b.reach = ae);
                   var Q = T.prev;
-                  re && (Q = y(i, Q, re), z += re.length), w(i, Q, Y);
+                  re && (Q = y(i, Q, re), V += re.length), w(i, Q, Y);
                   var Ge = new p(A, R ? s.tokenize(X, R) : X, U, X);
                   if (T = y(i, Q, Ge), fe && y(i, T, fe), Y > 1) {
                     var ne = {
                       cause: A + "," + N,
                       reach: ae
                     };
-                    g(l, i, f, T.prev, z, ne), b && ne.reach > b.reach && (b.reach = ne.reach);
+                    g(l, i, f, T.prev, V, ne), b && ne.reach > b.reach && (b.reach = ne.reach);
                   }
                 }
               }
@@ -3922,7 +3922,7 @@ var Jt = {
       }
     }
   ]
-}, Pr = Br, zr = (e) => V(
+}, Pr = Br, Vr = (e) => z(
   (t) => {
     var r = t, { className: a, style: n, line: c } = r, s = $e(r, ["className", "style", "line"]);
     const p = te($({}, s), {
@@ -3931,8 +3931,8 @@ var Jt = {
     return typeof e == "object" && "plain" in e && (p.style = e.plain), typeof n == "object" && (p.style = $($({}, p.style || {}), n)), p;
   },
   [e]
-), Vr = (e) => {
-  const t = V(
+), zr = (e) => {
+  const t = z(
     ({ types: r, empty: a }) => {
       if (e != null) {
         {
@@ -3949,7 +3949,7 @@ var Jt = {
     },
     [e]
   );
-  return V(
+  return z(
     (r) => {
       var a = r, { token: n, className: c, style: s } = a, p = $e(a, ["token", "className", "style"]);
       const d = te($({}, p), {
@@ -4030,7 +4030,7 @@ var Jt = {
   theme: a,
   prism: n
 }) => {
-  const c = t.toLowerCase(), s = Gr(a, c), p = zr(s), d = Vr(s), g = n.languages[c], h = Mr({ prism: n, language: c, code: r, grammar: g });
+  const c = t.toLowerCase(), s = Gr(a, c), p = Vr(s), d = zr(s), g = n.languages[c], h = Mr({ prism: n, language: c, code: r, grammar: g });
   return e({
     tokens: h,
     className: `prism-code language-${c}`,
@@ -4133,7 +4133,7 @@ const Xr = {
   ]
 }, Qr = C(
   ({ code: e, language: t, className: r, ...a }, n) => {
-    const { toast: c } = Vt(), s = Yr(t), p = Kr(s);
+    const { toast: c } = zt(), s = Yr(t), p = Kr(s);
     function d() {
       navigator.clipboard.writeText(e).then(() => {
         c({ title: "Copiado!", variant: "success", duration: 2e3 });
@@ -4143,7 +4143,7 @@ const Xr = {
       "div",
       {
         ref: n,
-        className: x("overflow-hidden rounded-lg bg-bg-subtle", r),
+        className: x("overflow-hidden rounded-lg bg-bg-subtle dark:bg-bg-elevated", r),
         ...a,
         children: [
           /* @__PURE__ */ E("div", { className: "flex items-center justify-between bg-bg-muted px-4 py-2", children: [
@@ -4363,25 +4363,25 @@ function Ga({
     const b = (n == null ? void 0 : n()) ?? document.documentElement;
     b.setAttribute("data-theme", k), p && p !== "default" ? b.setAttribute("data-brand", p) : b.removeAttribute("data-brand"), g && g !== "default" ? b.setAttribute("data-radius", g) : b.removeAttribute("data-radius");
   }, [k, p, g, n]);
-  const l = V((b) => {
+  const l = z((b) => {
     s(b);
     try {
       localStorage.setItem(he, b);
     } catch {
     }
-  }, []), i = V((b) => {
+  }, []), i = z((b) => {
     d(b);
     try {
       localStorage.setItem(ve, b);
     } catch {
     }
-  }, []), f = V((b) => {
+  }, []), f = z((b) => {
     h(b);
     try {
       localStorage.setItem(xe, b);
     } catch {
     }
-  }, []), v = V(() => {
+  }, []), v = z(() => {
     l(k === "dark" ? "light" : "dark");
   }, [k, l]), m = Ee(
     () => ({ mode: c, resolvedMode: k, brand: p, radius: g, setMode: l, setBrand: i, setRadius: f, toggleMode: v }),
@@ -4877,6 +4877,45 @@ const Wa = [
     isColor: !0,
     reference: null
   },
+  {
+    name: "flui-color-success-50",
+    cssVar: "--flui-color-success-50",
+    path: [
+      "color",
+      "success",
+      "50"
+    ],
+    group: "color",
+    value: "#ecfdf3",
+    isColor: !0,
+    reference: null
+  },
+  {
+    name: "flui-color-success-100",
+    cssVar: "--flui-color-success-100",
+    path: [
+      "color",
+      "success",
+      "100"
+    ],
+    group: "color",
+    value: "#d1fae5",
+    isColor: !0,
+    reference: null
+  },
+  {
+    name: "flui-color-success-300",
+    cssVar: "--flui-color-success-300",
+    path: [
+      "color",
+      "success",
+      "300"
+    ],
+    group: "color",
+    value: "#6ee7a0",
+    isColor: !0,
+    reference: null
+  },
   {
     name: "flui-color-success-500",
     cssVar: "--flui-color-success-500",
@@ -4903,6 +4942,32 @@ const Wa = [
     isColor: !0,
     reference: null
   },
+  {
+    name: "flui-color-success-800",
+    cssVar: "--flui-color-success-800",
+    path: [
+      "color",
+      "success",
+      "800"
+    ],
+    group: "color",
+    value: "#0d3d24",
+    isColor: !0,
+    reference: null
+  },
+  {
+    name: "flui-color-success-900",
+    cssVar: "--flui-color-success-900",
+    path: [
+      "color",
+      "success",
+      "900"
+    ],
+    group: "color",
+    value: "#052e16",
+    isColor: !0,
+    reference: null
+  },
   {
     name: "flui-color-warning-500",
     cssVar: "--flui-color-warning-500",
@@ -5224,9 +5289,9 @@ const Wa = [
       "default"
     ],
     group: "semantic",
-    value: "#afd100",
+    value: "#1f9d55",
     isColor: !0,
-    reference: "--flui-color-accent-scale-600"
+    reference: "--flui-color-success-500"
   },
   {
     name: "flui-semantic-success-subtle",
@@ -5237,9 +5302,9 @@ const Wa = [
       "subtle"
     ],
     group: "semantic",
-    value: "#f3ffb8",
+    value: "#d1fae5",
     isColor: !0,
-    reference: "--flui-color-accent-scale-100"
+    reference: "--flui-color-success-100"
   },
   {
     name: "flui-semantic-success-foreground",
@@ -5250,9 +5315,9 @@ const Wa = [
       "foreground"
     ],
     group: "semantic",
-    value: "#1a2200",
+    value: "#052e16",
     isColor: !0,
-    reference: "--flui-color-accent-scale-900"
+    reference: "--flui-color-success-900"
   },
   {
     name: "flui-semantic-warning-default",
@@ -5751,7 +5816,7 @@ export {
   La as Drawer,
   Pa as DrawerBody,
   Oa as DrawerContent,
-  za as DrawerFooter,
+  Va as DrawerFooter,
   Da as DrawerHeader,
   Ba as DrawerTitle,
   ua as Dropdown,
@@ -5788,7 +5853,7 @@ export {
   ha as TabsTrigger,
   jt as Textarea,
   Ga as ThemeProvider,
-  Va as ToastProvider,
+  za as ToastProvider,
   Aa as Tooltip,
   dt as badgeVariants,
   Xe as buttonVariants,
@@ -5797,6 +5862,6 @@ export {
   $t as textareaVariants,
   Wa as tokens,
   Za as useTheme,
-  Vt as useToast
+  zt as useToast
 };
 //# sourceMappingURL=index.js.map