@fluidattacks/design 3.1.13 → 3.1.14

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

@@ -1,171 +1,9 @@
-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)
-    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 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 (A) {
-              var F = A.offsetTop - N.offsetTop + A.offsetHeight + "px";
-              h.push(function() {
-                a.style.height = F;
-              });
-            }
-          } 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(` 
-`);
-            });
-          h.push(function() {
-            a.style.width = e.scrollWidth + "px";
-          }), h.push(function() {
-            H.appendChild(a);
-          });
-        }
-      });
-      var k = e.id;
-      if (L && Prism.util.isActive(e, r) && k) {
-        S(e, r) || h.push(function() {
-          e.classList.add(r);
-        });
-        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() {
-        h.forEach(C);
-      };
-    }
-  };
-  function P() {
-    var t = location.hash.slice(1);
-    v(".temporary.line-highlight").forEach(function(o) {
-      o.parentNode.removeChild(o);
-    });
-    var e = (t.match(/\.([\d,-]+)$/) || [, ""])[1];
-    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 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 })
-  }
-) }));
+import "react/jsx-runtime";
+import "lodash";
+import "prismjs";
+import "react";
+import "../../../vendor-CVMqCpkZ.mjs";
+import { ba as e } from "../../../components-C2JBXbtI.mjs";
 export {
-  X as Code
+  e as Code
 };

package/dist/components/colors/index.js

@@ -1,224 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ThemeProvider as a } from "styled-components";
-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 });
+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 {
-  w as CustomThemeProvider,
-  u as icons,
-  b as theme,
-  k as uniqueIcons
+  r as CustomThemeProvider,
+  i as icons,
+  t as theme,
+  a as uniqueIcons
 };

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

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

package/dist/components/container/index.js

@@ -1,51 +1,6 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as $ } from "react";
-import { styled as c } from "styled-components";
-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: ${o.breakpoints.mobile})
-      and (max-width: ${o.breakpoints.tablet})
-    {
-      ${a};
-    }
-
-    @media screen and (max-width: ${o.breakpoints.mobile}) {
-      ${n};
-    }
-  `}
-`, 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
-    }
-  );
-});
+import "react/jsx-runtime";
+import "react";
+import { E as m } from "../../components-C2JBXbtI.mjs";
 export {
-  x as Container
+  m as Container
 };

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

@@ -1,42 +1,6 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useTheme as o } from "styled-components";
-import { Container as n } from "../../container/index.js";
-import "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import { Text as m } from "../../typography/text/index.js";
-const f = ({
-  tag: e,
-  tagPosition: t
-}) => {
-  const r = o();
-  return e ? /* @__PURE__ */ i(
-    n,
-    {
-      alignItems: "center",
-      bgColor: r.palette.white,
-      borderRadius: "8px",
-      display: "flex",
-      justify: "center",
-      margin: t === "top" ? [0.75, 0.75, 0.75, 0.75] : void 0,
-      padding: [0.25, 0.5, 0.25, 0.5],
-      position: t === "top" ? "absolute" : "relative",
-      top: "0",
-      width: "max-content",
-      children: /* @__PURE__ */ i(
-        m,
-        {
-          color: r.palette.gray[900],
-          lineSpacing: 1.5,
-          lineSpacingSm: 1.25,
-          size: "md",
-          sizeSm: "sm",
-          textAlign: "center",
-          children: e
-        }
-      )
-    }
-  ) : null;
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { be as e } from "../../../components-C2JBXbtI.mjs";
 export {
-  f as CategoryTag
+  e as CategoryTag
 };

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

@@ -1,61 +1,7 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { isEmpty as l } from "lodash";
-import { useTheme as s } from "styled-components";
-import { Container as p } from "../../container/index.js";
-import { Heading as d } from "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import { Text as c } from "../../typography/text/index.js";
-const b = ({
-  eventDate: i
-}) => {
-  const o = s(), t = l(i) ? null : i == null ? void 0 : i.split("-");
-  if (t) {
-    const [r, m] = t;
-    return /* @__PURE__ */ n(
-      p,
-      {
-        alignItems: "center",
-        bgColor: o.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: [
-          /* @__PURE__ */ e(
-            d,
-            {
-              fontWeight: "semibold",
-              lineSpacingSm: 1.25,
-              size: "md",
-              sizeSm: "sm",
-              textAlign: "center",
-              children: r
-            }
-          ),
-          /* @__PURE__ */ e(
-            c,
-            {
-              color: o.palette.gray[800],
-              fontWeight: "semibold",
-              lineSpacing: 1.5,
-              lineSpacingSm: 1.25,
-              size: "md",
-              sizeSm: "sm",
-              textAlign: "center",
-              children: m.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
 };