@fluidattacks/design 3.1.12 → 3.1.13

package/dist/components/code-snippet/location-code/index.js

@@ -1,125 +1,171 @@
-import { jsx as g } from "react/jsx-runtime";
-import v from "lodash";
-import { highlightAll as z } from "prismjs";
-import { useEffect as W } from "react";
-import { C as F } from "../../../styles-Cx93EcVo.mjs";
+import { jsx as d } from "react/jsx-runtime";
+import m from "lodash";
+import { highlightAll as W } from "prismjs";
+import { useEffect as j } from "react";
+import { C as z } from "../../../styles-CROOwXEH.mjs";
 (function() {
-  if (typeof Prism < "u" && typeof document < "u" && document.querySelector) {
-    var p, s = "line-numbers", u = "linkable-line-numbers", k = /\n(?!$)/g, I = function() {
-      if (p === void 0) {
-        var t = document.createElement("div");
-        t.style.fontSize = "13px", t.style.lineHeight = "1.5", t.style.padding = "0", t.style.border = "0", t.innerHTML = "&nbsp;<br />&nbsp;", document.body.appendChild(t), p = t.offsetHeight === 38, document.body.removeChild(t);
+  if (typeof Prism > "u" || typeof document > "u" || !document.querySelector)
+    return;
+  var g = "line-numbers", r = "linkable-line-numbers", p = /\n(?!$)/g;
+  function v(t, e) {
+    return Array.prototype.slice.call((e || document).querySelectorAll(t));
+  }
+  function S(t, e) {
+    return t.classList.contains(e);
+  }
+  function C(t) {
+    t();
+  }
+  var w = /* @__PURE__ */ function() {
+    var t;
+    return function() {
+      if (typeof t > "u") {
+        var e = document.createElement("div");
+        e.style.fontSize = "13px", e.style.lineHeight = "1.5", e.style.padding = "0", e.style.border = "0", e.innerHTML = "&nbsp;<br />&nbsp;", document.body.appendChild(e), t = e.offsetHeight === 38, document.body.removeChild(e);
       }
-      return p;
-    }, y = !0;
-    Prism.plugins.lineHighlight = { highlightLines: function(t, e, n) {
-      var r = (e = typeof e == "string" ? e : t.getAttribute("data-line") || "").replace(/\s+/g, "").split(",").filter(Boolean), c = +t.getAttribute("data-line-offset") || 0, q = (I() ? parseInt : parseFloat)(getComputedStyle(t).lineHeight), E = Prism.util.isActive(t, s), m = t.querySelector("code"), L = E ? t : m || t, a = [], T = m.textContent.match(k), B = T ? T.length + 1 : 1, H = m && L != m ? function(d, h) {
-        var o = getComputedStyle(d), l = getComputedStyle(h);
-        function i(f) {
-          return +f.substr(0, f.length - 2);
-        }
-        return h.offsetTop + i(l.borderTopWidth) + i(l.paddingTop) - i(o.paddingTop);
-      }(t, m) : 0;
-      r.forEach(function(d) {
-        var h = d.split("-"), o = +h[0], l = +h[1] || o;
-        if (!((l = Math.min(B + c, l)) < o)) {
-          var i = t.querySelector('.line-highlight[data-range="' + d + '"]') || document.createElement("div");
-          if (a.push(function() {
-            i.setAttribute("aria-hidden", "true"), i.setAttribute("data-range", d), i.className = (n || "") + " line-highlight";
-          }), E && Prism.plugins.lineNumbers) {
-            var f = Prism.plugins.lineNumbers.getLine(t, o), C = Prism.plugins.lineNumbers.getLine(t, l);
-            if (f) {
-              var $ = f.offsetTop + H + "px";
-              a.push(function() {
-                i.style.top = $;
+      return t;
+    };
+  }();
+  function B(t, e) {
+    var i = getComputedStyle(t), n = getComputedStyle(e);
+    function s(o) {
+      return +o.substr(0, o.length - 2);
+    }
+    return e.offsetTop + s(n.borderTopWidth) + s(n.paddingTop) - s(i.paddingTop);
+  }
+  function y(t) {
+    return !t || !/pre/i.test(t.nodeName) ? !1 : !!(t.hasAttribute("data-line") || t.id && Prism.util.isActive(t, r));
+  }
+  var E = !0;
+  Prism.plugins.lineHighlight = {
+    /**
+     * Highlights the lines of the given pre.
+     *
+     * This function is split into a DOM measuring and mutate phase to improve performance.
+     * The returned function mutates the DOM when called.
+     *
+     * @param {HTMLElement} pre
+     * @param {string | null} [lines]
+     * @param {string} [classes='']
+     * @returns {() => void}
+     */
+    highlightLines: function(e, i, n) {
+      i = typeof i == "string" ? i : e.getAttribute("data-line") || "";
+      var s = i.replace(/\s+/g, "").split(",").filter(Boolean), o = +e.getAttribute("data-line-offset") || 0, _ = w() ? parseInt : parseFloat, M = _(getComputedStyle(e).lineHeight), L = Prism.util.isActive(e, g), f = e.querySelector("code"), H = L ? e : f || e, h = (
+        /** @type {(() => void)[]} */
+        []
+      ), x = f.textContent.match(p), q = x ? x.length + 1 : 1, I = !f || H == f ? 0 : B(e, f);
+      s.forEach(function(c) {
+        var b = c.split("-"), l = +b[0], u = +b[1] || l;
+        if (u = Math.min(q + o, u), !(u < l)) {
+          var a = e.querySelector('.line-highlight[data-range="' + c + '"]') || document.createElement("div");
+          if (h.push(function() {
+            a.setAttribute("aria-hidden", "true"), a.setAttribute("data-range", c), a.className = (n || "") + " line-highlight";
+          }), L && Prism.plugins.lineNumbers) {
+            var N = Prism.plugins.lineNumbers.getLine(e, l), A = Prism.plugins.lineNumbers.getLine(e, u);
+            if (N) {
+              var O = N.offsetTop + I + "px";
+              h.push(function() {
+                a.style.top = O;
               });
             }
-            if (C) {
-              var j = C.offsetTop - f.offsetTop + C.offsetHeight + "px";
-              a.push(function() {
-                i.style.height = j;
+            if (A) {
+              var F = A.offsetTop - N.offsetTop + A.offsetHeight + "px";
+              h.push(function() {
+                a.style.height = F;
               });
             }
-          } else a.push(function() {
-            i.setAttribute("data-start", String(o)), l > o && i.setAttribute("data-end", String(l)), i.style.top = (o - c - 1) * q + H + "px", i.textContent = new Array(l - o + 2).join(` 
+          } else
+            h.push(function() {
+              a.setAttribute("data-start", String(l)), u > l && a.setAttribute("data-end", String(u)), a.style.top = (l - o - 1) * M + I + "px", a.textContent = new Array(u - l + 2).join(` 
 `);
-          });
-          a.push(function() {
-            i.style.width = t.scrollWidth + "px";
-          }), a.push(function() {
-            L.appendChild(i);
+            });
+          h.push(function() {
+            a.style.width = e.scrollWidth + "px";
+          }), h.push(function() {
+            H.appendChild(a);
           });
         }
       });
-      var w = t.id;
-      if (E && Prism.util.isActive(t, u) && w) {
-        P(t, u) || a.push(function() {
-          t.classList.add(u);
+      var k = e.id;
+      if (L && Prism.util.isActive(e, r) && k) {
+        S(e, r) || h.push(function() {
+          e.classList.add(r);
         });
-        var M = parseInt(t.getAttribute("data-start") || "1");
-        b(".line-numbers-rows > span", t).forEach(function(d, h) {
-          var o = h + M;
-          d.onclick = function() {
-            var l = w + "." + o;
-            y = !1, location.hash = l, setTimeout(function() {
-              y = !0;
+        var $ = parseInt(e.getAttribute("data-start") || "1");
+        v(".line-numbers-rows > span", e).forEach(function(c, b) {
+          var l = b + $;
+          c.onclick = function() {
+            var u = k + "." + l;
+            E = !1, location.hash = u, setTimeout(function() {
+              E = !0;
             }, 1);
           };
         });
       }
       return function() {
-        a.forEach(S);
+        h.forEach(C);
       };
-    } };
-    var N = 0;
-    Prism.hooks.add("before-sanity-check", function(t) {
-      var e = t.element.parentElement;
-      if (A(e)) {
-        var n = 0;
-        b(".line-highlight", e).forEach(function(r) {
-          n += r.textContent.length, r.parentNode.removeChild(r);
-        }), n && /^(?: \n)+$/.test(t.code.slice(-n)) && (t.code = t.code.slice(0, -n));
-      }
-    }), Prism.hooks.add("complete", function t(e) {
-      var n = e.element.parentElement;
-      if (A(n)) {
-        clearTimeout(N);
-        var r = Prism.plugins.lineNumbers, c = e.plugins && e.plugins.lineNumbers;
-        P(n, s) && r && !c ? Prism.hooks.add("line-numbers", t) : (Prism.plugins.lineHighlight.highlightLines(n)(), N = setTimeout(x, 1));
-      }
-    }), window.addEventListener("hashchange", x), window.addEventListener("resize", function() {
-      b("pre").filter(A).map(function(t) {
-        return Prism.plugins.lineHighlight.highlightLines(t);
-      }).forEach(S);
-    });
-  }
-  function b(t, e) {
-    return Array.prototype.slice.call((e || document).querySelectorAll(t));
-  }
-  function P(t, e) {
-    return t.classList.contains(e);
-  }
-  function S(t) {
-    t();
-  }
-  function A(t) {
-    return !(!t || !/pre/i.test(t.nodeName)) && (!!t.hasAttribute("data-line") || !(!t.id || !Prism.util.isActive(t, u)));
-  }
-  function x() {
+    }
+  };
+  function P() {
     var t = location.hash.slice(1);
-    b(".temporary.line-highlight").forEach(function(c) {
-      c.parentNode.removeChild(c);
+    v(".temporary.line-highlight").forEach(function(o) {
+      o.parentNode.removeChild(o);
     });
     var e = (t.match(/\.([\d,-]+)$/) || [, ""])[1];
-    if (e && !document.getElementById(t)) {
-      var n = t.slice(0, t.lastIndexOf(".")), r = document.getElementById(n);
-      r && (r.hasAttribute("data-line") || r.setAttribute("data-line", ""), Prism.plugins.lineHighlight.highlightLines(r, e, "temporary ")(), y && document.querySelector(".temporary.line-highlight").scrollIntoView());
+    if (!(!e || document.getElementById(t))) {
+      var i = t.slice(0, t.lastIndexOf(".")), n = document.getElementById(i);
+      if (n) {
+        n.hasAttribute("data-line") || n.setAttribute("data-line", "");
+        var s = Prism.plugins.lineHighlight.highlightLines(n, e, "temporary ");
+        s(), E && document.querySelector(".temporary.line-highlight").scrollIntoView();
+      }
     }
   }
+  var T = 0;
+  Prism.hooks.add("before-sanity-check", function(t) {
+    var e = t.element.parentElement;
+    if (y(e)) {
+      var i = 0;
+      v(".line-highlight", e).forEach(function(n) {
+        i += n.textContent.length, n.parentNode.removeChild(n);
+      }), i && /^(?: \n)+$/.test(t.code.slice(-i)) && (t.code = t.code.slice(0, -i));
+    }
+  }), Prism.hooks.add("complete", function t(e) {
+    var i = e.element.parentElement;
+    if (y(i)) {
+      clearTimeout(T);
+      var n = Prism.plugins.lineNumbers, s = e.plugins && e.plugins.lineNumbers;
+      if (S(i, g) && n && !s)
+        Prism.hooks.add("line-numbers", t);
+      else {
+        var o = Prism.plugins.lineHighlight.highlightLines(i);
+        o(), T = setTimeout(P, 1);
+      }
+    }
+  }), window.addEventListener("hashchange", P), window.addEventListener("resize", function() {
+    var t = v("pre").filter(y).map(function(e) {
+      return Prism.plugins.lineHighlight.highlightLines(e);
+    });
+    t.forEach(C);
+  });
 })();
-import '../../../assets/index2.css';const K = ({ noCodeMessage: p = "Code snippet not available", snippet: s, specific: u }) => (W(() => {
-  z();
-}, []), g(F, { "data-private": !0, children: g("pre", { className: "line-highlight", "data-line-offset": v.isNil(s) || v.isString(s) ? 0 : s.offset + 0.7, ...u !== void 0 ? { "data-line": String(Number(u)) } : {}, children: v.isNil(s) || v.isString(s) || v.isEmpty(s.content) ? g("div", { className: "no-data", children: g("p", { children: p }) }) : g("code", { className: "language-none", children: s.content }) }) }));
+import '../../../assets/index2.css';const X = ({
+  noCodeMessage: g = "Code snippet not available",
+  snippet: r,
+  specific: p
+}) => (j(() => {
+  W();
+}, []), /* @__PURE__ */ d(z, { "data-private": !0, children: /* @__PURE__ */ d(
+  "pre",
+  {
+    className: "line-highlight",
+    "data-line-offset": m.isNil(r) || m.isString(r) ? 0 : r.offset + 0.7,
+    ...p !== void 0 ? { "data-line": String(Number(p)) } : {},
+    children: m.isNil(r) || m.isString(r) || m.isEmpty(r.content) ? /* @__PURE__ */ d("div", { className: "no-data", children: /* @__PURE__ */ d("p", { children: g }) }) : /* @__PURE__ */ d("code", { className: "language-none", children: r.content })
+  }
+) }));
 export {
-  K as Code
+  X as Code
 };

package/dist/components/colors/index.js

@@ -1,9 +1,224 @@
 import { jsx as r } from "react/jsx-runtime";
 import { ThemeProvider as a } from "styled-components";
-const l = ["lock-keyhole", "bars-sort", "bolt", "books", "brain-circuit", "briefcase", "bug", "buildings", "bullseye-pointer", "calendar-clock", "calendar-xmark", "chart-network", "clipboard-check", "comment", "envelope", "eye", "file", "flag", "globe", "hand-holding-dollar", "hands-clapping", "headset", "hexagon-exclamation", "light-emergency-on", "magnifying-glass", "pen-line", "plane-departure", "screwdriver-wrench", "sensor-triangle-exclamation", "shield-check", "sidebar", "skull", "sliders", "star-christmas", "telescope", "trash", "unlock", "user-group", "user-hoodie", "xmark"], p = [["fal", "arrow-down"], ["fal", "arrow-left"], ["fal", "arrow-right"], ["fal", "arrow-up"], ["fal", "plus"], ["fal", "minus"], ["fas", "check"], ["fas", "circle-question"]], f = { typography: { type: { primary: "Roboto, sans-serif", poppins: "'Poppins', sans-serif", mono: "'Space Mono', monospace" }, heading: { xxl: "64px", xl: "48px", lg: "32px", md: "24px", sm: "20px", xs: "16px" }, text: { xl: "20px", lg: "18px", md: "16px", sm: "14px", xs: "12px" }, weight: { bold: "700", semibold: "600", regular: "400" } }, shadows: { none: "none", sm: "0px 1px 2px 0px rgba(16, 24, 40, 0.15)", md: "0px 4px 6px 0px rgba(16, 24, 40, 0.15)", lg: "0px 8px 24px 0px rgba(16, 24, 40, 0.15)" }, breakpoints: { mobile: "480px", tablet: "960px", sm: "1024px", md: "1440px", lg: "1920px" }, spacing: { 0: "0rem", 0.125: "0.125rem", 0.188: "0.188rem", 0.25: "0.25rem", 0.5: "0.5rem", 0.625: "0.625rem", 0.75: "0.75rem", 1: "1rem", 1.25: "1.25rem", 1.5: "1.5rem", 1.75: "1.75rem", 2: "2rem", 2.25: "2.25rem", 2.5: "2.5rem", 3: "3rem", 3.5: "3.5rem", 4: "4rem", 4.5: "4.5rem", 5: "5rem", 6: "6rem" }, palette: { primary: { 25: "#fef2f3", 50: "#fddfe2", 100: "#fbbac0", 200: "#f9959e", 300: "#f65e6a", 400: "#f32637", 500: "#bf0b1a", 600: "#ac0a17", 700: "#9a0915", 800: "#870812", 900: "#750710" }, complementary: { 25: "", 50: "", 100: "#ffe6ff", 200: "", 300: "#b8075d", 400: "", 500: "#7f0540", 600: "", 700: "#59042d", 800: "", 900: "#460323" }, error: { 25: "", 50: "#fef3f2", 100: "", 200: "#fecdca", 300: "", 400: "", 500: "#f04438", 600: "", 700: "#b42318", 800: "", 900: "" }, info: { 25: "", 50: "#eff8ff", 100: "", 200: "#b2ddff", 300: "", 400: "", 500: "#2e90fa", 600: "", 700: "#175cd3", 800: "", 900: "" }, warning: { 25: "", 50: "#fffaeb", 100: "", 200: "#fef0c7", 300: "", 400: "#ffd562", 500: "#fdb022", 600: "#dc6803", 700: "#b54708", 800: "", 900: "" }, success: { 25: "", 50: "#f6fef9", 100: "", 200: "#a6f4c5", 300: "", 400: "", 500: "#12b76a", 600: "", 700: "#027a48", 800: "", 900: "" }, black: "#0c111d", white: "#ffffff", gray: { 25: "#fcfcfd", 50: "#f9fafb", 100: "#f2f4f7", 200: "#eaecf0", 300: "#d0d5dd", 400: "#98a2b3", 500: "#667085", 600: "#475467", 700: "#2f394b", 800: "#212a36", 900: "#161b25" }, gradients: { "01": "linear-gradient(45deg, #f32637 0%, #b8075d 100%)", "02": "linear-gradient(45deg, #fcfcfd 0%, #667085 100%)" } } }, n = ({ children: e }) => r(a, { theme: f, children: e });
+const o = {
+  25: "#fcfcfd",
+  50: "#f9fafb",
+  100: "#f2f4f7",
+  200: "#eaecf0",
+  300: "#d0d5dd",
+  400: "#98a2b3",
+  500: "#667085",
+  600: "#475467",
+  700: "#2f394b",
+  800: "#212a36",
+  900: "#161b25"
+}, f = {
+  25: "#fef2f3",
+  50: "#fddfe2",
+  100: "#fbbac0",
+  200: "#f9959e",
+  300: "#f65e6a",
+  400: "#f32637",
+  500: "#bf0b1a",
+  // Brand color
+  600: "#ac0a17",
+  700: "#9a0915",
+  800: "#870812",
+  900: "#750710"
+}, s = {
+  25: "",
+  50: "",
+  100: "#ffe6ff",
+  200: "",
+  300: "#b8075d",
+  400: "",
+  500: "#7f0540",
+  600: "",
+  700: "#59042d",
+  800: "",
+  900: "#460323"
+}, n = {
+  25: "",
+  50: "#fef3f2",
+  100: "",
+  200: "#fecdca",
+  300: "",
+  400: "",
+  500: "#f04438",
+  600: "",
+  700: "#b42318",
+  800: "",
+  900: ""
+}, c = {
+  25: "",
+  50: "#fffaeb",
+  100: "",
+  200: "#fef0c7",
+  300: "",
+  400: "#ffd562",
+  500: "#fdb022",
+  600: "#dc6803",
+  700: "#b54708",
+  800: "",
+  900: ""
+}, p = {
+  25: "",
+  50: "#f6fef9",
+  100: "",
+  200: "#a6f4c5",
+  300: "",
+  400: "",
+  500: "#12b76a",
+  600: "",
+  700: "#027a48",
+  800: "",
+  900: ""
+}, l = {
+  25: "",
+  50: "#eff8ff",
+  100: "",
+  200: "#b2ddff",
+  300: "",
+  400: "",
+  500: "#2e90fa",
+  600: "",
+  700: "#175cd3",
+  800: "",
+  900: ""
+}, t = {
+  "01": "linear-gradient(45deg, #f32637 0%, #b8075d 100%)",
+  "02": "linear-gradient(45deg, #fcfcfd 0%, #667085 100%)"
+}, i = {
+  type: {
+    primary: "Roboto, sans-serif",
+    poppins: "'Poppins', sans-serif",
+    mono: "'Space Mono', monospace"
+  },
+  heading: {
+    xxl: "64px",
+    xl: "48px",
+    lg: "32px",
+    md: "24px",
+    sm: "20px",
+    xs: "16px"
+  },
+  text: {
+    xl: "20px",
+    lg: "18px",
+    md: "16px",
+    sm: "14px",
+    xs: "12px"
+  },
+  weight: {
+    bold: "700",
+    semibold: "600",
+    regular: "400"
+  }
+}, m = {
+  none: "none",
+  sm: "0px 1px 2px 0px rgba(16, 24, 40, 0.15)",
+  md: "0px 4px 6px 0px rgba(16, 24, 40, 0.15)",
+  lg: "0px 8px 24px 0px rgba(16, 24, 40, 0.15)"
+}, d = {
+  mobile: "480px",
+  tablet: "960px",
+  sm: "1024px",
+  md: "1440px",
+  lg: "1920px"
+}, x = {
+  0: "0rem",
+  0.125: "0.125rem",
+  0.188: "0.188rem",
+  0.25: "0.25rem",
+  0.5: "0.5rem",
+  0.625: "0.625rem",
+  0.75: "0.75rem",
+  1: "1rem",
+  1.25: "1.25rem",
+  1.5: "1.5rem",
+  1.75: "1.75rem",
+  2: "2rem",
+  2.25: "2.25rem",
+  2.5: "2.5rem",
+  3: "3rem",
+  3.5: "3.5rem",
+  4: "4rem",
+  4.5: "4.5rem",
+  5: "5rem",
+  6: "6rem"
+}, u = [
+  "lock-keyhole",
+  "bars-sort",
+  "bolt",
+  "books",
+  "brain-circuit",
+  "briefcase",
+  "bug",
+  "buildings",
+  "bullseye-pointer",
+  "calendar-clock",
+  "calendar-xmark",
+  "chart-network",
+  "clipboard-check",
+  "comment",
+  "envelope",
+  "eye",
+  "file",
+  "flag",
+  "globe",
+  "hand-holding-dollar",
+  "hands-clapping",
+  "headset",
+  "hexagon-exclamation",
+  "light-emergency-on",
+  "magnifying-glass",
+  "pen-line",
+  "plane-departure",
+  "screwdriver-wrench",
+  "sensor-triangle-exclamation",
+  "shield-check",
+  "sidebar",
+  "skull",
+  "sliders",
+  "star-christmas",
+  "telescope",
+  "trash",
+  "unlock",
+  "user-group",
+  "user-hoodie",
+  "xmark"
+], k = [
+  ["fal", "arrow-down"],
+  ["fal", "arrow-left"],
+  ["fal", "arrow-right"],
+  ["fal", "arrow-up"],
+  ["fal", "plus"],
+  ["fal", "minus"],
+  ["fas", "check"],
+  ["fas", "circle-question"]
+], b = {
+  typography: i,
+  shadows: m,
+  breakpoints: d,
+  spacing: x,
+  palette: {
+    primary: f,
+    complementary: s,
+    error: n,
+    info: l,
+    warning: c,
+    success: p,
+    black: "#0c111d",
+    white: "#ffffff",
+    gray: o,
+    gradients: t
+  }
+}, w = ({
+  children: e
+}) => /* @__PURE__ */ r(a, { theme: b, children: e });
 export {
-  n as CustomThemeProvider,
-  l as icons,
-  f as theme,
-  p as uniqueIcons
+  w as CustomThemeProvider,
+  u as icons,
+  b as theme,
+  k as uniqueIcons
 };

package/dist/components/confirm-dialog/index.js

@@ -1,23 +1,46 @@
-import { jsxs as c, jsx as g } from "react/jsx-runtime";
-import { useState as f, useRef as C, useCallback as n, useEffect as p } from "react";
-import { Modal as x } from "../modal/index.js";
+import { jsxs as d, jsx as p } from "react/jsx-runtime";
+import { useState as f, useRef as C, useCallback as a, useEffect as D } from "react";
+import { Modal as h } from "../modal/index.js";
 import "lodash";
-import { u as j } from "../../use-modal-CkrZ-_-M.mjs";
-import { ModalConfirm as h } from "../modal/modal-confirm/index.js";
-const w = () => {
-  const [t, i] = f(!1), [o, e] = f(), s = C(null), a = j("confirm-dialog-modal"), d = n(async (r) => (e(r), i(!0), new Promise((m) => {
-    s.current = m;
-  })), []), u = n(() => {
-    var r;
-    i(!1), e(void 0), (r = s.current) == null || r.call(s, !0);
-  }, []), l = n(() => {
-    var r;
-    i(!1), e(void 0), (r = s.current) == null || r.call(s, !1);
+import { u as x } from "../../use-modal-CtgexKnf.mjs";
+import { ModalConfirm as M } from "../modal/modal-confirm/index.js";
+const y = () => {
+  const [c, o] = f(!1), [e, r] = f(), t = C(null), s = x("confirm-dialog-modal"), l = a(
+    async (n) => (r(n), o(!0), new Promise((m) => {
+      t.current = m;
+    })),
+    []
+  ), u = a(() => {
+    var n;
+    o(!1), r(void 0), (n = t.current) == null || n.call(t, !0);
+  }, []), i = a(() => {
+    var n;
+    o(!1), r(void 0), (n = t.current) == null || n.call(t, !1);
   }, []);
-  return p(() => {
-    a.setIsOpen(t);
-  }, [t, a]), { ConfirmDialog: ({ id: r = "confirm-dialog-modal", children: m }) => c(x, { id: r, modalRef: { ...a, close: l }, size: "sm", title: o == null ? void 0 : o.title, children: [m, o == null ? void 0 : o.message, g(h, { id: o == null ? void 0 : o.id, onCancel: l, onConfirm: u })] }), confirm: d };
+  return D(() => {
+    s.setIsOpen(c);
+  }, [c, s]), { ConfirmDialog: ({ id: n = "confirm-dialog-modal", children: m }) => /* @__PURE__ */ d(
+    h,
+    {
+      id: n,
+      modalRef: { ...s, close: i },
+      size: "sm",
+      title: e == null ? void 0 : e.title,
+      children: [
+        m,
+        e == null ? void 0 : e.message,
+        /* @__PURE__ */ p(
+          M,
+          {
+            id: e == null ? void 0 : e.id,
+            onCancel: i,
+            onConfirm: u
+          }
+        )
+      ]
+    }
+  ), confirm: l };
 };
 export {
-  w as useConfirmDialog
+  y as useConfirmDialog
 };

package/dist/components/container/index.js

@@ -1,27 +1,51 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as $ } from "react";
 import { styled as c } from "styled-components";
-import { B as p } from "../../styles-C3cZmKVJ.mjs";
-const y = c(p)`
-  ${({ theme: n, $center: e = !1, $styleMd: r, $styleSm: t }) => `
-    ${e ? "margin: auto;" : ""}
-    scrollbar-color: ${n.palette.gray[600]} ${n.palette.gray[100]};
-    scroll-padding: ${n.spacing[0.5]};
+import { B as f } from "../../styles-CplEd2kw.mjs";
+const b = c(f)`
+  ${({ theme: o, $center: r = !1, $styleMd: a, $styleSm: n }) => `
+    ${r ? "margin: auto;" : ""}
+    scrollbar-color: ${o.palette.gray[600]} ${o.palette.gray[100]};
+    scroll-padding: ${o.spacing[0.5]};
 
     @media screen
-      and (min-width: ${n.breakpoints.mobile})
-      and (max-width: ${n.breakpoints.tablet})
+      and (min-width: ${o.breakpoints.mobile})
+      and (max-width: ${o.breakpoints.tablet})
     {
-      ${r};
+      ${a};
     }
 
-    @media screen and (max-width: ${n.breakpoints.mobile}) {
-      ${t};
+    @media screen and (max-width: ${o.breakpoints.mobile}) {
+      ${n};
     }
   `}
-`, u = $(function({ as: n = "div", center: e, children: r, id: t, onHover: a, onLeave: o, styleMd: s, styleSm: i, ...d }, m) {
-  return l(y, { $center: e, $styleMd: s, $styleSm: i, as: n, id: t, onMouseLeave: o, onMouseOver: a, ref: m, ...d, children: r });
+`, x = $(function({
+  as: r = "div",
+  center: a,
+  children: n,
+  id: e,
+  onHover: t,
+  onLeave: i,
+  styleMd: s,
+  styleSm: d,
+  ...l
+}, m) {
+  return /* @__PURE__ */ p(
+    b,
+    {
+      $center: a,
+      $styleMd: s,
+      $styleSm: d,
+      as: r,
+      id: e,
+      onMouseLeave: i,
+      onMouseOver: t,
+      ref: m,
+      ...l,
+      children: n
+    }
+  );
 });
 export {
-  u as Container
+  x as Container
 };