@fluidattacks/design 3.1.12 → 3.1.14

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

@@ -1,125 +1,9 @@
-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 }) }) }));
+import "react/jsx-runtime";
+import "lodash";
+import "prismjs";
+import "react";
+import "../../../vendor-CVMqCpkZ.mjs";
+import { ba as e } from "../../../components-C2JBXbtI.mjs";
 export {
-  K as Code
+  e as Code
 };

package/dist/components/colors/index.js

@@ -1,9 +1,9 @@
-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 });
+import "react/jsx-runtime";
+import "styled-components";
+import { w as r, y as i, x as t, z as a } from "../../components-C2JBXbtI.mjs";
 export {
-  n as CustomThemeProvider,
-  l as icons,
-  f as theme,
-  p as uniqueIcons
+  r as CustomThemeProvider,
+  i as icons,
+  t as theme,
+  a as uniqueIcons
 };

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

@@ -1,23 +1,7 @@
-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 "react/jsx-runtime";
+import "react";
+import { D as t } from "../../components-C2JBXbtI.mjs";
 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
+  t as useConfirmDialog
 };

package/dist/components/container/index.js

@@ -1,27 +1,6 @@
-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 });
-});
+import "react/jsx-runtime";
+import "react";
+import { E as m } from "../../components-C2JBXbtI.mjs";
 export {
-  u as Container
+  m as Container
 };

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

@@ -1,13 +1,6 @@
-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;
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { be as e } from "../../../components-C2JBXbtI.mjs";
 export {
-  d as CategoryTag
+  e as CategoryTag
 };

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

@@ -1,18 +1,7 @@
-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;
-};
+import "react/jsx-runtime";
+import "lodash";
+import "styled-components";
+import { bf as e } from "../../../components-C2JBXbtI.mjs";
 export {
-  b as EventDate
+  e as EventDate
 };

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

@@ -1,63 +1,6 @@
-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;
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { bg as p } from "../../components-C2JBXbtI.mjs";
 export {
-  q as ContentCard
+  p as ContentCard
 };

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

@@ -1,15 +1,6 @@
-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" })] });
-};
+import "react/jsx-runtime";
+import "react";
+import { bh as e } from "../../components-C2JBXbtI.mjs";
 export {
-  I as ContentCardCarousel
+  e as ContentCardCarousel
 };

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

@@ -1,9 +1,7 @@
 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";
+import { bd as i } from "../../../components-C2JBXbtI.mjs";
 export {
-  s as ScrollButtons
+  i as ScrollButtons
 };

package/dist/components/divider/index.js

@@ -1,10 +1,6 @@
-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 });
-});
+import "react/jsx-runtime";
+import "react";
+import { F as p } from "../../components-C2JBXbtI.mjs";
 export {
-  c as Divider
+  p as Divider
 };

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

@@ -1,6 +1,5 @@
-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 });
+import "react/jsx-runtime";
+import { bi as p } from "../../../components-C2JBXbtI.mjs";
 export {
-  s as EmptyButton
+  p as EmptyButton
 };

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

@@ -1,48 +1,5 @@
-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: t, $padding: e }) => t.spacing[e]};
-  max-width: 900px;
-  white-space: pre-line;
-  margin: 0 auto;
-`, u = r.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: transparent;
-  width: 96px;
-  height: 96px;
-  margin-bottom: ${({ theme: t }) => t.spacing[2]};
-
-  > img {
-    width: 100%;
-  }
-`, y = r.div`
-  display: flex;
-  flex-direction: row;
-  margin: 0;
-  margin-bottom: ${({ theme: t }) => t.spacing[2]};
-
-  > * {
-    margin-right: ${({ theme: t }) => t.spacing[0.75]};
-  }
-
-  > *:last-child {
-    margin-right: 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] });
-};
+import "react/jsx-runtime";
+import { G as p } from "../../components-C2JBXbtI.mjs";
 export {
-  S as EmptyState
+  p as EmptyState
 };

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

@@ -1,28 +1,5 @@
-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;
-  }
-
-  &::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-    ${({ $opacity: i = 0 }) => `background-color: rgba(0, 0, 0, ${i});`}
-  }
-`, 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 }) });
+import "react/jsx-runtime";
+import { H as o } from "../../components-C2JBXbtI.mjs";
 export {
-  b as FilePreview
+  o as FilePreview
 };

package/dist/components/form/index.js

@@ -1,26 +1,6 @@
-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" })] })] }) });
-});
+import "react/jsx-runtime";
+import "react";
+import { I as t } from "../../components-C2JBXbtI.mjs";
 export {
-  v as Form
+  t as Form
 };

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

@@ -1,28 +1,6 @@
-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: r = 1.25 }) => `${r}rem`};
-  grid-template-columns: ${({ $sm: r }) => `repeat(${r}, 1fr)`};
-
-  ${({ 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 });
-});
+import "react/jsx-runtime";
+import "react";
+import { J as m } from "../../components-C2JBXbtI.mjs";
 export {
-  u as GridContainer
+  m as GridContainer
 };

package/dist/components/group-selector/index.js

@@ -1,26 +1,8 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useState as p, useCallback as d, useEffect as I } from "react";
-import { createPortal as b } from "react-dom";
-import { useTheme as T } from "styled-components";
-import { S as L, O as k, a as j } from "../../index-B5yoGFs6.mjs";
-import { Container as t } from "../container/index.js";
-import { Divider as N } from "../divider/index.js";
-import { Icon as O } from "../icon/index.js";
-import { IconButton as q } from "../icon-button/index.js";
-import { Search as A } from "../search/index.js";
-import "../typography/heading/index.js";
-import "../typography/span/index.js";
-import { Text as h } from "../typography/text/index.js";
-const Q = ({ isOpen: f = !0, items: n, handleNewOrganization: g, onSelect: u, onClose: x, selectedItem: y, title: C, variant: S }) => {
-  const o = T(), [s, l] = p(n), [c, m] = p(""), a = d((r) => {
-    l((v) => v.filter((z) => String(z.name).toLowerCase().includes(r.toLocaleLowerCase())));
-  }, [l]), w = d((r) => {
-    r.currentTarget && (m(r.currentTarget.value), a(r.currentTarget.value));
-  }, [m, a]);
-  return I(() => {
-    l(n), a(c);
-  }, [n, a, c]), f ? b(e(t, { "aria-modal": "true", className: "comp-modal fixed inset-0 overflow-auto", zIndex: 99999, children: e(t, { alignItems: "center", bgColor: "rgb(52 64 84 / 70%)", display: "flex", height: "100vh", justify: "center", left: "0", top: "0", width: "100%", children: i(L, { $itemsLength: s.length, children: [i(t, { alignItems: "center", display: "flex", justify: "space-between", children: [e(h, { color: o.palette.gray[800], fontWeight: "bold", size: "lg", children: C }), e(q, { icon: "xmark", iconColor: o.palette.gray[400], iconSize: "xs", iconType: "fa-light", onClick: x, variant: "ghost" })] }), e(t, { mt: 1, children: e(A, { onInput: w, placeholder: "Search" }) }), e(N, { mb: 1, mt: 1 }), i(t, { display: "inline-flex", gap: 1, maxHeight: "332px", scroll: "y", wrap: "wrap", children: [S === "organization-selector" ? e(k, { onClick: g, children: i(t, { alignItems: "center", display: "flex", children: [e(O, { icon: "square-plus", iconColor: o.palette.gray[400], iconSize: "xs", iconType: "fa-light", mr: 0.5 }), e(h, { color: o.palette.gray[400], size: "sm", children: "New organization" })] }) }) : void 0, s.map((r) => e(j, { isSelected: y.toLowerCase() === r.name, label: r.name.charAt(0).toUpperCase() + r.name.slice(1), onSelect: u }, r.name))] })] }) }) }), document.body) : e("div", {});
-};
+import "react/jsx-runtime";
+import "react";
+import "react-dom";
+import "styled-components";
+import { K as e } from "../../components-C2JBXbtI.mjs";
 export {
-  Q as GroupSelector
+  e as GroupSelector
 };

package/dist/components/group-selector/option-container/index.js

@@ -1,12 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { O, a as s } from "../../../index-B5yoGFs6.mjs";
-import "../../icon/index.js";
-import "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import "../../typography/text/index.js";
+import { bk as p, bj as a } from "../../../components-C2JBXbtI.mjs";
 export {
-  O as OptionBoxContainer,
-  s as OptionContainer
+  p as OptionBoxContainer,
+  a as OptionContainer
 };