@fluidattacks/design 3.1.10 → 3.1.12

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

@@ -1 +1,27 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lodash"),n=require("react"),t=require("styled-components"),o=require("../../styles-CNzziAXG.js"),r=require("../button/index.js"),s=require("../container/index.js"),a=require("../icon/index.js"),l=require("../icon-button/index.js");exports.CodeSnippet=({noCodeMessage:c="Code snippet not available",snippet:u})=>{const p=t.useTheme(),[d,h]=n.useState(!1),[x,g]=n.useState(!0),j=n.useCallback((()=>{h((e=>!e))}),[h]),C=n.useCallback((()=>{if(i.isNil(u)||i.isEmpty(u)||!i.isString(u))return g(!1),c;const e=u.split("\n");return e.length>8&&!d?`${[...e].splice(0,7).join("\n")}\n${e[8]}...`:(e.length<8&&g(!1),u)}),[d,u,c]),y=n.useMemo(C,[C]),b=n.useCallback((async()=>{await navigator.clipboard.writeText(y)}),[y]);return e.jsxs(s.Container,{bgColor:p.palette.gray[100],borderRadius:"4px",display:"inline-flex",minWidth:"565px",position:"relative",children:[e.jsx(o.CodeContainer,{"data-private":!0,children:e.jsx("pre",{children:e.jsx("code",{className:"language-none",children:y})})}),e.jsxs(o.ButtonsContainer,{children:[e.jsx(l.IconButton,{height:p.spacing[2.5],icon:"copy",iconColor:p.palette.gray[700],iconSize:"xs",iconType:"fa-light",onClick:b,variant:"ghost",width:p.spacing[2.5]}),!!x&&e.jsxs(r.Button,{onClick:j,variant:"ghost",children:[d?"Show Less":"Show more",e.jsx(a.Icon,{icon:d?"chevron-up":"chevron-down",iconColor:p.palette.gray[700],iconSize:"xxs",iconType:"fa-light",ml:.25,onClick:b})]})]})]})};
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import s from "lodash";
+import { useState as f, useCallback as p, useMemo as C } from "react";
+import { useTheme as x } from "styled-components";
+import { C as y, B as v } from "../../styles-Cx93EcVo.mjs";
+import { Button as w } from "../button/index.js";
+import { Container as S } from "../container/index.js";
+import { Icon as b } from "../icon/index.js";
+import { IconButton as j } from "../icon-button/index.js";
+const L = ({ noCodeMessage: l = "Code snippet not available", snippet: o }) => {
+  const e = x(), [t, c] = f(!1), [g, m] = f(!0), u = p(() => {
+    c((i) => !i);
+  }, [c]), h = p(() => {
+    if (s.isNil(o) || s.isEmpty(o) || !s.isString(o)) return m(!1), l;
+    const i = o.split(`
+`);
+    return i.length > 8 && !t ? `${[...i].splice(0, 7).join(`
+`)}
+${i[8]}...` : (i.length < 8 && m(!1), o);
+  }, [t, o, l]), r = C(h, [h]), d = p(async () => {
+    await navigator.clipboard.writeText(r);
+  }, [r]);
+  return a(S, { bgColor: e.palette.gray[100], borderRadius: "4px", display: "inline-flex", minWidth: "565px", position: "relative", children: [n(y, { "data-private": !0, children: n("pre", { children: n("code", { className: "language-none", children: r }) }) }), a(v, { children: [n(j, { height: e.spacing[2.5], icon: "copy", iconColor: e.palette.gray[700], iconSize: "xs", iconType: "fa-light", onClick: d, variant: "ghost", width: e.spacing[2.5] }), !!g && a(w, { onClick: u, variant: "ghost", children: [t ? "Show Less" : "Show more", n(b, { icon: t ? "chevron-up" : "chevron-down", iconColor: e.palette.gray[700], iconSize: "xxs", iconType: "fa-light", ml: 0.25, onClick: d })] })] })] });
+};
+export {
+  L as CodeSnippet
+};

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

@@ -1 +1,125 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lodash"),i=require("prismjs"),n=require("react"),r=require("../../../styles-CNzziAXG.js");!function(){if("undefined"!=typeof Prism&&"undefined"!=typeof document&&document.querySelector){var e,t="line-numbers",i="linkable-line-numbers",n=/\n(?!$)/g,r=!0;Prism.plugins.lineHighlight={highlightLines:function(s,u,c){var d=(u="string"==typeof u?u:s.getAttribute("data-line")||"").replace(/\s+/g,"").split(",").filter(Boolean),h=+s.getAttribute("data-line-offset")||0,p=(function(){if(void 0===e){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),e=38===t.offsetHeight,document.body.removeChild(t)}return e}()?parseInt:parseFloat)(getComputedStyle(s).lineHeight),g=Prism.util.isActive(s,t),f=s.querySelector("code"),m=g?s:f||s,v=[],y=f.textContent.match(n),b=y?y.length+1:1,x=f&&m!=f?function(e,t){var i=getComputedStyle(e),n=getComputedStyle(t);function r(e){return+e.substr(0,e.length-2)}return t.offsetTop+r(n.borderTopWidth)+r(n.paddingTop)-r(i.paddingTop)}(s,f):0;d.forEach((function(e){var t=e.split("-"),i=+t[0],n=+t[1]||i;if(!((n=Math.min(b+h,n))<i)){var r=s.querySelector('.line-highlight[data-range="'+e+'"]')||document.createElement("div");if(v.push((function(){r.setAttribute("aria-hidden","true"),r.setAttribute("data-range",e),r.className=(c||"")+" line-highlight"})),g&&Prism.plugins.lineNumbers){var o=Prism.plugins.lineNumbers.getLine(s,i),l=Prism.plugins.lineNumbers.getLine(s,n);if(o){var a=o.offsetTop+x+"px";v.push((function(){r.style.top=a}))}if(l){var u=l.offsetTop-o.offsetTop+l.offsetHeight+"px";v.push((function(){r.style.height=u}))}}else v.push((function(){r.setAttribute("data-start",String(i)),n>i&&r.setAttribute("data-end",String(n)),r.style.top=(i-h-1)*p+x+"px",r.textContent=new Array(n-i+2).join(" \n")}));v.push((function(){r.style.width=s.scrollWidth+"px"})),v.push((function(){m.appendChild(r)}))}}));var A=s.id;if(g&&Prism.util.isActive(s,i)&&A){l(s,i)||v.push((function(){s.classList.add(i)}));var C=parseInt(s.getAttribute("data-start")||"1");o(".line-numbers-rows > span",s).forEach((function(e,t){var i=t+C;e.onclick=function(){var e=A+"."+i;r=!1,location.hash=e,setTimeout((function(){r=!0}),1)}}))}return function(){v.forEach(a)}}};var s=0;Prism.hooks.add("before-sanity-check",(function(e){var t=e.element.parentElement;if(u(t)){var i=0;o(".line-highlight",t).forEach((function(e){i+=e.textContent.length,e.parentNode.removeChild(e)})),i&&/^(?: \n)+$/.test(e.code.slice(-i))&&(e.code=e.code.slice(0,-i))}})),Prism.hooks.add("complete",(function e(i){var n=i.element.parentElement;if(u(n)){clearTimeout(s);var r=Prism.plugins.lineNumbers,o=i.plugins&&i.plugins.lineNumbers;l(n,t)&&r&&!o?Prism.hooks.add("line-numbers",e):(Prism.plugins.lineHighlight.highlightLines(n)(),s=setTimeout(c,1))}})),window.addEventListener("hashchange",c),window.addEventListener("resize",(function(){o("pre").filter(u).map((function(e){return Prism.plugins.lineHighlight.highlightLines(e)})).forEach(a)}))}function o(e,t){return Array.prototype.slice.call((t||document).querySelectorAll(e))}function l(e,t){return e.classList.contains(t)}function a(e){e()}function u(e){return!!(e&&/pre/i.test(e.nodeName)&&(e.hasAttribute("data-line")||e.id&&Prism.util.isActive(e,i)))}function c(){var e=location.hash.slice(1);o(".temporary.line-highlight").forEach((function(e){e.parentNode.removeChild(e)}));var t=(e.match(/\.([\d,-]+)$/)||[,""])[1];if(t&&!document.getElementById(e)){var i=e.slice(0,e.lastIndexOf(".")),n=document.getElementById(i);n&&(n.hasAttribute("data-line")||n.setAttribute("data-line",""),Prism.plugins.lineHighlight.highlightLines(n,t,"temporary ")(),r&&document.querySelector(".temporary.line-highlight").scrollIntoView())}}}(),exports.Code=({noCodeMessage:s="Code snippet not available",snippet:o,specific:l})=>(n.useEffect((()=>{i.highlightAll()}),[]),e.jsx(r.CodeContainer,{"data-private":!0,children:e.jsx("pre",{className:"line-highlight","data-line-offset":t.isNil(o)||t.isString(o)?0:o.offset+.7,...void 0!==l?{"data-line":String(Number(l))}:{},children:t.isNil(o)||t.isString(o)||t.isEmpty(o.content)?e.jsx("div",{className:"no-data",children:e.jsx("p",{children:s})}):e.jsx("code",{className:"language-none",children:o.content})})}));
+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";
+(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);
+      }
+      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 = $;
+              });
+            }
+            if (C) {
+              var j = C.offsetTop - f.offsetTop + C.offsetHeight + "px";
+              a.push(function() {
+                i.style.height = j;
+              });
+            }
+          } 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(` 
+`);
+          });
+          a.push(function() {
+            i.style.width = t.scrollWidth + "px";
+          }), a.push(function() {
+            L.appendChild(i);
+          });
+        }
+      });
+      var w = t.id;
+      if (E && Prism.util.isActive(t, u) && w) {
+        P(t, u) || a.push(function() {
+          t.classList.add(u);
+        });
+        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;
+            }, 1);
+          };
+        });
+      }
+      return function() {
+        a.forEach(S);
+      };
+    } };
+    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() {
+    var t = location.hash.slice(1);
+    b(".temporary.line-highlight").forEach(function(c) {
+      c.parentNode.removeChild(c);
+    });
+    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());
+    }
+  }
+})();
+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 }) }) }));
+export {
+  K as Code
+};

package/dist/components/colors/index.js

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("styled-components"),a={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",.125:"0.125rem",.188:"0.188rem",.25:"0.25rem",.5:"0.5rem",.625:"0.625rem",.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%)"}}};exports.CustomThemeProvider=({children:f})=>e.jsx(r.ThemeProvider,{theme:a,children:f}),exports.icons=["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"],exports.theme=a,exports.uniqueIcons=[["fal","arrow-down"],["fal","arrow-left"],["fal","arrow-right"],["fal","arrow-up"],["fal","plus"],["fal","minus"],["fas","check"],["fas","circle-question"]];
+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 });
+export {
+  n as CustomThemeProvider,
+  l as icons,
+  f as theme,
+  p as uniqueIcons
+};

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

@@ -1 +1,23 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),r=require("../modal/index.js");require("lodash");const o=require("../../use-modal-_bYY6M_n.js"),i=require("../modal/modal-confirm/index.js");exports.useConfirmDialog=()=>{const[a,n]=l.useState(!1),[s,u]=l.useState(),d=l.useRef(null),t=o.useModal("confirm-dialog-modal"),c=l.useCallback((async e=>(u(e),n(!0),new Promise((e=>{d.current=e})))),[]),m=l.useCallback((()=>{var e;n(!1),u(void 0),null==(e=d.current)||e.call(d,!0)}),[]),f=l.useCallback((()=>{var e;n(!1),u(void 0),null==(e=d.current)||e.call(d,!1)}),[]);return l.useEffect((()=>{t.setIsOpen(a)}),[a,t]),{ConfirmDialog:({id:l="confirm-dialog-modal",children:o})=>e.jsxs(r.Modal,{id:l,modalRef:{...t,close:f},size:"sm",title:null==s?void 0:s.title,children:[o,null==s?void 0:s.message,e.jsx(i.ModalConfirm,{id:null==s?void 0:s.id,onCancel:f,onConfirm:m})]}),confirm:c}};
+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 "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);
+  }, []);
+  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 };
+};
+export {
+  w as useConfirmDialog
+};

package/dist/components/container/index.js

@@ -1,3 +1,27 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),r=require("../../styles-C2CoGJl7.js"),s=t.styled(r.BaseComponent)`
-  ${({theme:e,$center:n=!1,$styleMd:t,$styleSm:r})=>`\n    ${n?"margin: auto;":""}\n    scrollbar-color: ${e.palette.gray[600]} ${e.palette.gray[100]};\n    scroll-padding: ${e.spacing[.5]};\n\n    @media screen\n      and (min-width: ${e.breakpoints.mobile})\n      and (max-width: ${e.breakpoints.tablet})\n    {\n      ${t};\n    }\n\n    @media screen and (max-width: ${e.breakpoints.mobile}) {\n      ${r};\n    }\n  `}
-`,a=n.forwardRef((function({as:n="div",center:t,children:r,id:a,onHover:o,onLeave:i,styleMd:l,styleSm:d,...c},m){return e.jsx(s,{$center:t,$styleMd:l,$styleSm:d,as:n,id:a,onMouseLeave:i,onMouseOver:o,ref:m,...c,children:r})}));exports.Container=a;
+import { jsx as l } 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]};
+
+    @media screen
+      and (min-width: ${n.breakpoints.mobile})
+      and (max-width: ${n.breakpoints.tablet})
+    {
+      ${r};
+    }
+
+    @media screen and (max-width: ${n.breakpoints.mobile}) {
+      ${t};
+    }
+  `}
+`, 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 });
+});
+export {
+  u as Container
+};

package/dist/components/content-card/category-tag/index.js

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../container/index.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const r=require("../../typography/text/index.js");exports.CategoryTag=({tag:n,tagPosition:o})=>{const s=t.useTheme();return n?e.jsx(i.Container,{alignItems:"center",bgColor:s.palette.white,borderRadius:"8px",display:"flex",justify:"center",margin:"top"===o?[.75,.75,.75,.75]:void 0,padding:[.25,.5,.25,.5],position:"top"===o?"absolute":"relative",top:"0",width:"max-content",children:e.jsx(r.Text,{color:s.palette.gray[900],lineSpacing:1.5,lineSpacingSm:1.25,size:"md",sizeSm:"sm",textAlign:"center",children:n})}):null};
+import { jsx as o } from "react/jsx-runtime";
+import { useTheme as r } from "styled-components";
+import { Container as a } from "../../container/index.js";
+import "../../typography/heading/index.js";
+import "../../typography/span/index.js";
+import { Text as n } from "../../typography/text/index.js";
+const d = ({ tag: t, tagPosition: e }) => {
+  const i = r();
+  return t ? o(a, { alignItems: "center", bgColor: i.palette.white, borderRadius: "8px", display: "flex", justify: "center", margin: e === "top" ? [0.75, 0.75, 0.75, 0.75] : void 0, padding: [0.25, 0.5, 0.25, 0.5], position: e === "top" ? "absolute" : "relative", top: "0", width: "max-content", children: o(n, { color: i.palette.gray[900], lineSpacing: 1.5, lineSpacingSm: 1.25, size: "md", sizeSm: "sm", textAlign: "center", children: t }) }) : null;
+};
+export {
+  d as CategoryTag
+};

package/dist/components/content-card/event-date/index.js

@@ -1 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lodash"),i=require("styled-components"),n=require("../../container/index.js"),r=require("../../typography/heading/index.js");require("../../typography/span/index.js");const s=require("../../typography/text/index.js");exports.EventDate=({eventDate:o})=>{const l=i.useTheme(),a=t.isEmpty(o)?null:null==o?void 0:o.split("-");if(a){const[t,i]=a;return e.jsxs(n.Container,{alignItems:"center",bgColor:l.palette.white,borderRadius:"8px",display:"flex",flexDirection:"column",margin:[.75,.75,.75,.75],padding:[.75,1.5,.75,1.5],position:"absolute",right:"0",shadow:"md",top:"0",children:[e.jsx(r.Heading,{fontWeight:"semibold",lineSpacingSm:1.25,size:"md",sizeSm:"sm",textAlign:"center",children:t}),e.jsx(s.Text,{color:l.palette.gray[800],fontWeight:"semibold",lineSpacing:1.5,lineSpacingSm:1.25,size:"md",sizeSm:"sm",textAlign:"center",children:i.toUpperCase()})]})}return null};
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { isEmpty as m } from "lodash";
+import { useTheme as a } from "styled-components";
+import { Container as l } from "../../container/index.js";
+import { Heading as p } from "../../typography/heading/index.js";
+import "../../typography/span/index.js";
+import { Text as c } from "../../typography/text/index.js";
+const b = ({ eventDate: e }) => {
+  const t = a(), i = m(e) ? null : e == null ? void 0 : e.split("-");
+  if (i) {
+    const [o, r] = i;
+    return s(l, { alignItems: "center", bgColor: t.palette.white, borderRadius: "8px", display: "flex", flexDirection: "column", margin: [0.75, 0.75, 0.75, 0.75], padding: [0.75, 1.5, 0.75, 1.5], position: "absolute", right: "0", shadow: "md", top: "0", children: [n(p, { fontWeight: "semibold", lineSpacingSm: 1.25, size: "md", sizeSm: "sm", textAlign: "center", children: o }), n(c, { color: t.palette.gray[800], fontWeight: "semibold", lineSpacing: 1.5, lineSpacingSm: 1.25, size: "md", sizeSm: "sm", textAlign: "center", children: r.toUpperCase() })] });
+  }
+  return null;
+};
+export {
+  b as EventDate
+};

package/dist/components/content-card/index.js

@@ -1,3 +1,63 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("styled-components"),n=require("./category-tag/index.js"),i=require("./event-date/index.js"),r=require("../button/index.js"),a=require("../../index-TKLFHcRp.js"),s=require("../container/index.js"),o=require("../icon/index.js"),l=require("../typography/heading/index.js");require("../typography/span/index.js");const d=require("../typography/text/index.js"),c=t.div`
-  ${({theme:e})=>`\n    align-items: flex-start;\n    display: flex;\n    flex-direction: column;\n    gap: ${e.spacing[1.5]};\n    width: 384px;\n\n    img {\n      height: 100%;\n      width: 100%;\n    }\n\n    #card-image {\n      border-radius: ${e.spacing[1]};\n      height: 240px;\n      overflow: hidden;\n    }\n\n    &:hover {\n      img {\n        transform: scale(1.2);\n      }\n\n      > #card-content {\n        > .title-dark {\n          color: ${e.palette.gray[400]};\n        }\n        > .title-light {\n          background: ${e.palette.gradients["01"]};\n          background-clip: text;\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n        }\n      }\n    }\n\n    @media screen and (max-width: ${e.breakpoints.mobile}) {\n      width: 320px;\n\n      #card-image {\n        height: 200px;\n      }\n    }\n  `}
-`;exports.ContentCard=({author:g,buttonText:x,description:p,eventDate:h,href:m,imageId:u,mode:j="light",publishDate:y,readingTime:f,tag:b,tagPosition:v="top",title:q})=>{const w=t.useTheme(),$=null==y?void 0:y.split("-"),z="dark"===j,T=e.jsxs(c,{"data-testid":`content-card-${q}`,children:[u||h||b&&"top"===v?e.jsxs(s.Container,{id:"card-image",position:"relative",children:[u&&e.jsx(a.MemoizedImage,{publicId:u}),"top"===v&&e.jsx(n.CategoryTag,{tag:b,tagPosition:v}),e.jsx(i.EventDate,{eventDate:h})]}):void 0,e.jsxs(s.Container,{alignItems:"flex-start",display:"flex",flexDirection:"column",gap:.5,id:"card-content",children:["bottom"===v&&e.jsx(n.CategoryTag,{tag:b,tagPosition:v}),g||$||f?e.jsxs(s.Container,{display:"flex",justify:"space-between",width:"100%",children:[g&&$&&e.jsx(d.Text,{color:w.palette.gray[z?300:400],fontWeight:"semibold",size:"sm",sizeSm:"xs",children:g+` • ${$[0]} ${$[1]}, ${$[2]}`}),f&&e.jsxs(s.Container,{alignItems:"center",display:"flex",gap:.25,justify:"center",minWidth:"60px",children:[e.jsx(o.Icon,{icon:"eye",iconColor:w.palette.gray[z?300:400],iconSize:"xs",iconType:"fa-light"}),e.jsx(d.Text,{color:w.palette.gray[z?300:400],size:"sm",sizeSm:"xs",textAlign:"right",children:f})]})]}):void 0,e.jsx(l.Heading,{className:`title-${j}`,color:z?w.palette.white:w.palette.gray[800],fontWeight:"semibold",size:"sm",sizeSm:"xs",children:q}),p&&e.jsx(d.Text,{color:w.palette.gray[z?100:600],size:"md",sizeSm:"sm",children:p}),x&&m&&e.jsx(r.Button,{href:m,variant:"link",children:x})]})]});return m?e.jsx("a",{className:"flex w-fit",href:m,rel:"noopener noreferrer",target:"_self",children:T}):T};
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import z, { useTheme as v } from "styled-components";
+import { CategoryTag as k } from "./category-tag/index.js";
+import { EventDate as w } from "./event-date/index.js";
+import { Button as $ } from "../button/index.js";
+import { M as D } from "../../index-BwFnfaRh.mjs";
+import { Container as s } from "../container/index.js";
+import { Icon as S } from "../icon/index.js";
+import { Heading as T } from "../typography/heading/index.js";
+import "../typography/span/index.js";
+import { Text as g } from "../typography/text/index.js";
+const C = z.div`
+  ${({ theme: t }) => `
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
+    gap: ${t.spacing[1.5]};
+    width: 384px;
+
+    img {
+      height: 100%;
+      width: 100%;
+    }
+
+    #card-image {
+      border-radius: ${t.spacing[1]};
+      height: 240px;
+      overflow: hidden;
+    }
+
+    &:hover {
+      img {
+        transform: scale(1.2);
+      }
+
+      > #card-content {
+        > .title-dark {
+          color: ${t.palette.gray[400]};
+        }
+        > .title-light {
+          background: ${t.palette.gradients["01"]};
+          background-clip: text;
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+        }
+      }
+    }
+
+    @media screen and (max-width: ${t.breakpoints.mobile}) {
+      width: 320px;
+
+      #card-image {
+        height: 200px;
+      }
+    }
+  `}
+`, q = ({ author: t, buttonText: h, description: f, eventDate: x, href: l, imageId: d, mode: b = "light", publishDate: m, readingTime: c, tag: p, tagPosition: n = "top", title: y }) => {
+  const i = v(), r = m == null ? void 0 : m.split("-"), a = b === "dark", u = o(C, { "data-testid": `content-card-${y}`, children: [d || x || p && n === "top" ? o(s, { id: "card-image", position: "relative", children: [d && e(D, { publicId: d }), n === "top" && e(k, { tag: p, tagPosition: n }), e(w, { eventDate: x })] }) : void 0, o(s, { alignItems: "flex-start", display: "flex", flexDirection: "column", gap: 0.5, id: "card-content", children: [n === "bottom" && e(k, { tag: p, tagPosition: n }), t || r || c ? o(s, { display: "flex", justify: "space-between", width: "100%", children: [t && r && e(g, { color: i.palette.gray[a ? 300 : 400], fontWeight: "semibold", size: "sm", sizeSm: "xs", children: t + ` • ${r[0]} ${r[1]}, ${r[2]}` }), c && o(s, { alignItems: "center", display: "flex", gap: 0.25, justify: "center", minWidth: "60px", children: [e(S, { icon: "eye", iconColor: i.palette.gray[a ? 300 : 400], iconSize: "xs", iconType: "fa-light" }), e(g, { color: i.palette.gray[a ? 300 : 400], size: "sm", sizeSm: "xs", textAlign: "right", children: c })] })] }) : void 0, e(T, { className: `title-${b}`, color: a ? i.palette.white : i.palette.gray[800], fontWeight: "semibold", size: "sm", sizeSm: "xs", children: y }), f && e(g, { color: i.palette.gray[a ? 100 : 600], size: "md", sizeSm: "sm", children: f }), h && l && e($, { href: l, variant: "link", children: h })] })] });
+  return l ? e("a", { className: "flex w-fit", href: l, rel: "noopener noreferrer", target: "_self", children: u }) : u;
+};
+export {
+  q as ContentCard
+};

package/dist/components/content-card-carousel/index.js

@@ -1 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),n=require("../../index-DUMgwAbO.js"),t=require("../container/index.js"),r=require("../content-card/index.js"),s=require("../typography/heading/index.js");require("../typography/span/index.js");const l=require("../typography/text/index.js");exports.ContentCardCarousel=({description:a,items:d,title:o,titleHighlighted:c})=>{const x=i.useRef(null);return e.jsxs(n.OutlineContainer,{"data-testid":"content-card-carousel",children:[e.jsxs(t.Container,{alignItems:"flex-start",display:"flex",justify:"space-between",children:[e.jsxs(t.Container,{alignItems:"flex-start",display:"flex",flexDirection:"column",gap:.625,maxWidth:"800px",children:[e.jsxs(s.Heading,{display:"inline",fontWeight:"semibold",lineSpacing:2.25,lineSpacingSm:1.75,size:"lg",sizeSm:"md",children:[o+" "," ",e.jsx("span",{className:"inline",children:c})]}),e.jsx(l.Text,{lineSpacing:1.5,lineSpacingSm:1.25,size:"md",sizeSm:"sm",children:a})]}),e.jsx(n.ScrollButtons,{containerRef:x,id:"desktop"})]}),e.jsx(t.Container,{alignSelf:"stretch",display:"flex",id:"carousel",pb:1,pr:2.25,ref:x,scroll:"x",children:e.jsx(t.Container,{alignItems:"flex-start",display:"flex",gap:1.5,width:"max-content",children:d.map(((i,n)=>e.jsx(r.ContentCard,{...i},`${n}-${i.title}`)))})}),e.jsx(n.ScrollButtons,{containerRef:x,id:"mobile"})]})};
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useRef as c } from "react";
+import { O as p, S as a } from "../../index-Cu7uUMlx.mjs";
+import { Container as t } from "../container/index.js";
+import { ContentCard as f } from "../content-card/index.js";
+import { Heading as x } from "../typography/heading/index.js";
+import "../typography/span/index.js";
+import { Text as g } from "../typography/text/index.js";
+const I = ({ description: s, items: r, title: o, titleHighlighted: m }) => {
+  const n = c(null);
+  return i(p, { "data-testid": "content-card-carousel", children: [i(t, { alignItems: "flex-start", display: "flex", justify: "space-between", children: [i(t, { alignItems: "flex-start", display: "flex", flexDirection: "column", gap: 0.625, maxWidth: "800px", children: [i(x, { display: "inline", fontWeight: "semibold", lineSpacing: 2.25, lineSpacingSm: 1.75, size: "lg", sizeSm: "md", children: [o + " ", " ", e("span", { className: "inline", children: m })] }), e(g, { lineSpacing: 1.5, lineSpacingSm: 1.25, size: "md", sizeSm: "sm", children: s })] }), e(a, { containerRef: n, id: "desktop" })] }), e(t, { alignSelf: "stretch", display: "flex", id: "carousel", pb: 1, pr: 2.25, ref: n, scroll: "x", children: e(t, { alignItems: "flex-start", display: "flex", gap: 1.5, width: "max-content", children: r.map((l, d) => e(f, { ...l }, `${d}-${l.title}`)) }) }), e(a, { containerRef: n, id: "mobile" })] });
+};
+export {
+  I as ContentCardCarousel
+};

package/dist/components/content-card-carousel/scroll-buttons/index.js

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("react"),require("styled-components");const e=require("../../../index-DUMgwAbO.js");require("../../container/index.js"),require("../../icon/index.js"),exports.ScrollButtons=e.ScrollButtons;
+import "react/jsx-runtime";
+import "react";
+import "styled-components";
+import { S as s } from "../../../index-Cu7uUMlx.mjs";
+import "../../container/index.js";
+import "../../icon/index.js";
+export {
+  s as ScrollButtons
+};

package/dist/components/divider/index.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("../colors/index.js"),o=require("../container/index.js"),i=r.forwardRef((function({color:r=t.theme.palette.gray[100],mt:i=.5,mb:n=.5,...s},a){return e.jsx(o.Container,{as:"hr",border:`1px solid ${r}`,mb:n,mt:i,ref:a,...s})}));exports.Divider=i;
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { theme as s } from "../colors/index.js";
+import { Container as f } from "../container/index.js";
+const c = i(function({ color: r = s.palette.gray[100], mt: o = 0.5, mb: t = 0.5, ...m }, e) {
+  return a(f, { as: "hr", border: `1px solid ${r}`, mb: t, mt: o, ref: e, ...m });
+});
+export {
+  c as Divider
+};

package/dist/components/empty-state/empty-button/index.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../../button/index.js");exports.EmptyButton=({buttonProps:r,variant:n})=>t.jsx(e.Button,{onClick:r.onClick,variant:n,children:r.text});
+import { jsx as n } from "react/jsx-runtime";
+import { Button as r } from "../../button/index.js";
+const s = ({ buttonProps: t, variant: o }) => n(r, { onClick: t.onClick, variant: o, children: t.text });
+export {
+  s as EmptyButton
+};

package/dist/components/empty-state/index.js

@@ -1,12 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./empty-button/index.js"),i=require("styled-components"),n=require("../../index-TKLFHcRp.js"),r=require("../typography/heading/index.js");require("../typography/span/index.js");const d=require("../typography/text/index.js"),s=i.styled.div`
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { EmptyButton as m } from "./empty-button/index.js";
+import { styled as r } from "styled-components";
+import { M as g } from "../../index-BwFnfaRh.mjs";
+import { Heading as h } from "../typography/heading/index.js";
+import "../typography/span/index.js";
+import { Text as x } from "../typography/text/index.js";
+const f = r.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: ${({theme:e,$padding:t})=>e.spacing[t]};
+  padding: ${({ theme: t, $padding: e }) => t.spacing[e]};
   max-width: 900px;
   white-space: pre-line;
   margin: 0 auto;
-`,o=i.styled.div`
+`, u = r.div`
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -14,22 +21,28 @@
   background-color: transparent;
   width: 96px;
   height: 96px;
-  margin-bottom: ${({theme:e})=>e.spacing[2]};
+  margin-bottom: ${({ theme: t }) => t.spacing[2]};
 
   > img {
     width: 100%;
   }
-`,a=i.styled.div`
+`, y = r.div`
   display: flex;
   flex-direction: row;
   margin: 0;
-  margin-bottom: ${({theme:e})=>e.spacing[2]};
+  margin-bottom: ${({ theme: t }) => t.spacing[2]};
 
   > * {
-    margin-right: ${({theme:e})=>e.spacing[.75]};
+    margin-right: ${({ theme: t }) => t.spacing[0.75]};
   }
 
   > *:last-child {
     margin-right: 0;
   }
-`,p={md:{description:"md",title:"lg"},sm:{description:"sm",title:"xs"}};exports.EmptyState=({cancelButton:i,confirmButton:c,description:l,imageSrc:m="integrates/empty/addRoot",padding:g=1.25,title:x,size:h="md"})=>{const u=void 0!==(c??i);return e.jsxs(s,{$padding:g,children:[e.jsx(o,{children:e.jsx(n.MemoizedImage,{alt:"empty-icon",publicId:m})}),e.jsx(r.Heading,{fontWeight:"bold",lineSpacing:1.75,mb:.25,size:p[h].title,textAlign:"center",children:x}),e.jsx(d.Text,{mb:u?2:void 0,size:p[h].description,textAlign:"center",children:l}),u?e.jsxs(a,{children:[i&&e.jsx(t.EmptyButton,{buttonProps:i,variant:"tertiary"}),c&&e.jsx(t.EmptyButton,{buttonProps:c,variant:"primary"})]}):void 0]})};
+`, d = { md: { description: "md", title: "lg" }, sm: { description: "sm", title: "xs" } }, S = ({ cancelButton: t, confirmButton: e, description: p, imageSrc: s = "integrates/empty/addRoot", padding: c = 1.25, title: l, size: n = "md" }) => {
+  const o = (e ?? t) !== void 0;
+  return a(f, { $padding: c, children: [i(u, { children: i(g, { alt: "empty-icon", publicId: s }) }), i(h, { fontWeight: "bold", lineSpacing: 1.75, mb: 0.25, size: d[n].title, textAlign: "center", children: l }), i(x, { mb: o ? 2 : void 0, size: d[n].description, textAlign: "center", children: p }), o ? a(y, { children: [t && i(m, { buttonProps: t, variant: "tertiary" }), e && i(m, { buttonProps: e, variant: "primary" })] }) : void 0] });
+};
+export {
+  S as EmptyState
+};

package/dist/components/file-preview/index.js

@@ -1,4 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../container/index.js"),o=require("lodash"),r=require("../link/index.js"),n=i.styled(t.Container).attrs((({...e})=>({display:"inline-block",position:"relative",...e})))`
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { styled as h } from "styled-components";
+import { Container as p } from "../container/index.js";
+import n from "lodash";
+import { Link as d } from "../link/index.js";
+const a = h(p).attrs(({ ...i }) => ({ display: "inline-block", position: "relative", ...i }))`
   & img {
     display: block;
   }
@@ -11,6 +16,13 @@
     width: 100%;
     height: 100%;
     pointer-events: none;
-    ${({$opacity:e=0})=>`background-color: rgba(0, 0, 0, ${e});`}
+    ${({ $opacity: i = 0 }) => `background-color: rgba(0, 0, 0, ${i});`}
   }
-`;exports.FilePreview=({alt:i,fileType:t,width:s="100%",opacity:l=0,src:c,height:d="auto"})=>"video"===t||((e,i)=>!o.isUndefined(i)&&o.includes(e,(e=>{if(o.isNil(e))return"";const i=e.split(".");return(i.length>1?o.last(i):"").toLowerCase()})(i)))(["webm"],c)?e.jsx(n,{$opacity:l,children:e.jsxs("video",{controls:!0,height:d,muted:!0,width:s,children:[e.jsx("source",{src:c,type:"video/webm"}),e.jsx(r.Link,{href:c,iconPosition:"hidden",children:c})]})}):e.jsx(n,{$opacity:l,children:e.jsx("img",{alt:i,height:d,src:c,width:s})});
+`, m = (i, s) => !n.isUndefined(s) && n.includes(i, ((t) => {
+  if (n.isNil(t)) return "";
+  const e = t.split(".");
+  return (e.length > 1 ? n.last(e) : "").toLowerCase();
+})(s)), b = ({ alt: i, fileType: s, width: t = "100%", opacity: e = 0, src: o, height: l = "auto" }) => s === "video" || m(["webm"], o) ? r(a, { $opacity: e, children: c("video", { controls: !0, height: l, muted: !0, width: t, children: [r("source", { src: o, type: "video/webm" }), r(d, { href: o, iconPosition: "hidden", children: o })] }) }) : r(a, { $opacity: e, children: r("img", { alt: i, height: l, src: o, width: t }) });
+export {
+  b as FilePreview
+};

package/dist/components/form/index.js

@@ -1,3 +1,26 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),i=require("../button/index.js"),r=require("../container/index.js"),s=t.styled.form`
-  ${({theme:e})=>`\n    align-items: flex-start;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    gap: ${e.spacing[.5]};\n\n    &:has(button[type="reset"]) {\n      &:last-child {\n        margin-top: ${e.spacing[1]};\n      }\n    }\n  `}
-`,o=n.forwardRef((function({cancelLabel:n,children:t,id:o="modal-confirm",onCancel:l,onConfirm:a="submit",submitLabel:c,submitDisabled:d=!1,...u},m){const x="submit"===a,f=[l,a].some(Boolean);return e.jsx(s,{ref:m,...u,children:e.jsxs(r.Container,{children:[e.jsx(r.Container,{display:"flex",flexDirection:"column",gap:.5,mb:1.5,children:t}),f&&e.jsxs(r.Container,{display:"flex",gap:.75,maxWidth:"392px",children:[l?e.jsx(i.Button,{id:`${o}-cancel`,justify:"center",onClick:l,type:"reset",variant:"tertiary",width:"100%",children:n??"Cancel"}):void 0,e.jsx(i.Button,{disabled:d,id:o,justify:"center",onClick:x?void 0:a,type:x?"submit":"button",width:"100%",children:c??"Confirm"})]})]})})}));exports.Form=o;
+import { jsx as n, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { styled as b } from "styled-components";
+import { Button as a } from "../button/index.js";
+import { Container as r } from "../container/index.js";
+const x = b.form`
+  ${({ theme: i }) => `
+    align-items: flex-start;
+    align-self: stretch;
+    display: flex;
+    flex-direction: column;
+    gap: ${i.spacing[0.5]};
+
+    &:has(button[type="reset"]) {
+      &:last-child {
+        margin-top: ${i.spacing[1]};
+      }
+    }
+  `}
+`, v = u(function({ cancelLabel: i, children: c, id: o = "modal-confirm", onCancel: e, onConfirm: t = "submit", submitLabel: m, submitDisabled: d = !1, ...f }, p) {
+  const l = t === "submit", h = [e, t].some(Boolean);
+  return n(x, { ref: p, ...f, children: s(r, { children: [n(r, { display: "flex", flexDirection: "column", gap: 0.5, mb: 1.5, children: c }), h && s(r, { display: "flex", gap: 0.75, maxWidth: "392px", children: [e ? n(a, { id: `${o}-cancel`, justify: "center", onClick: e, type: "reset", variant: "tertiary", width: "100%", children: i ?? "Cancel" }) : void 0, n(a, { disabled: d, id: o, justify: "center", onClick: l ? void 0 : t, type: l ? "submit" : "button", width: "100%", children: m ?? "Confirm" })] })] }) });
+});
+export {
+  v as Form
+};

package/dist/components/grid-container/index.js

@@ -1,7 +1,28 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),n=require("../../styles-C2CoGJl7.js"),i=t.styled(n.BaseComponent)`
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import { styled as o } from "styled-components";
+import { B as s } from "../../styles-C3cZmKVJ.mjs";
+const l = o(s)`
   display: grid;
-  gap: ${({$gap:e=1.25})=>`${e}rem`};
-  grid-template-columns: ${({$sm:e})=>`repeat(${e}, 1fr)`};
+  gap: ${({ $gap: r = 1.25 }) => `${r}rem`};
+  grid-template-columns: ${({ $sm: r }) => `repeat(${r}, 1fr)`};
 
-  ${({theme:e,$xl:r,$lg:t,$md:n})=>`\n    @media (width >= ${e.breakpoints.sm}) {\n      grid-template-columns: repeat(${n}, 1fr);\n    }\n\n    @media (width >= ${e.breakpoints.md}) {\n      grid-template-columns: repeat(${t}, 1fr);\n    }\n\n    @media (width >= ${e.breakpoints.lg}) {\n      grid-template-columns: repeat(${r}, 1fr);\n    }\n  `}
-`,a=r.forwardRef((function({children:r,md:t,sm:n,lg:a,xl:s,gap:m,...d},l){return e.jsx(i,{$gap:m,$lg:a,$md:t,$sm:n,$xl:s,ref:l,...d,children:r})}));exports.GridContainer=a;
+  ${({ theme: r, $xl: e, $lg: m, $md: t }) => `
+    @media (width >= ${r.breakpoints.sm}) {
+      grid-template-columns: repeat(${t}, 1fr);
+    }
+
+    @media (width >= ${r.breakpoints.md}) {
+      grid-template-columns: repeat(${m}, 1fr);
+    }
+
+    @media (width >= ${r.breakpoints.lg}) {
+      grid-template-columns: repeat(${e}, 1fr);
+    }
+  `}
+`, u = $(function({ children: r, md: e, sm: m, lg: t, xl: n, gap: a, ...i }, d) {
+  return p(l, { $gap: a, $lg: t, $md: e, $sm: m, $xl: n, ref: d, ...i, children: r });
+});
+export {
+  u as GridContainer
+};