@fluidattacks/design 3.1.13 → 3.2.0

package/dist/components/icon-button/index.js

@@ -1,76 +1,6 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as S } from "react";
-import { styled as T } from "styled-components";
-import { S as j } from "../../styles-B2N0JLw1.mjs";
-import { Icon as k } from "../icon/index.js";
-import { T as w } from "../../index-DwznImvK.mjs";
-const R = T(j)`
-  ${({ theme: r, $borderRadius: t = "4px", $px: n = 0.5, $py: o = 0.5 }) => `
-    --btn-spacing: ${t};
-    --btn-padding-x: ${r.spacing[n]};
-    --btn-padding-y: ${r.spacing[o]};
-
-    align-items: center;
-    line-height: 0;
-    text-align: center;
-
-    > span {
-      margin: 0 !important;
-    }
-  `}
-`, E = S(function({
-  borderRadius: t,
-  disabled: n,
-  icon: o,
-  iconColor: m,
-  iconSize: s = "xxs",
-  iconTransform: f,
-  iconType: d,
-  id: a,
-  justify: g = "center",
-  onClick: u,
-  px: $,
-  py: x,
-  type: e = "button",
-  tooltip: c,
-  tooltipPlace: b,
-  value: y,
-  variant: p = "primary",
-  ...B
-}, I) {
-  const l = /* @__PURE__ */ i(
-    R,
-    {
-      $borderRadius: t,
-      $px: $,
-      $py: x,
-      $variant: p,
-      "aria-disabled": n,
-      "aria-label": a,
-      borderRadius: t,
-      disabled: n,
-      id: a,
-      justify: g,
-      onClick: u,
-      ref: I,
-      type: e,
-      value: y,
-      ...B,
-      children: /* @__PURE__ */ i(
-        k,
-        {
-          clickable: !1,
-          icon: o,
-          iconColor: m,
-          iconSize: s,
-          iconTransform: f,
-          iconType: d
-        }
-      )
-    }
-  ), h = (e + (p ?? "") + (a ?? o)).replace(/ /u, "_");
-  return c === void 0 ? l : /* @__PURE__ */ i(w, { id: `${h}-tooltip`, place: b, tip: c, children: l });
-});
+import "react/jsx-runtime";
+import "react";
+import { N as p } from "../../components-C7JPRIEW.mjs";
 export {
-  E as IconButton
+  p as IconButton
 };

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

@@ -1,74 +1,7 @@
-import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import { isUndefined as r } from "lodash";
-import { useTheme as h } from "styled-components";
-import { Container as p } from "../container/index.js";
-import { T as b } from "../../index-DwznImvK.mjs";
-import { Heading as C } from "../typography/heading/index.js";
-import "../typography/span/index.js";
-import { Text as T } from "../typography/text/index.js";
-const W = ({
-  description: s,
-  height: m = "auto",
-  leftIconName: o,
-  children: c,
-  rightIconName: d,
-  title: a,
-  tooltipId: f,
-  tooltipTip: g,
-  tooltipPlace: x = "bottom",
-  variant: u = "centered",
-  width: y = "318px"
-}) => {
-  const t = h(), e = u === "centered", i = /* @__PURE__ */ l(
-    b,
-    {
-      icon: d ?? o,
-      iconColor: t.palette.gray[800],
-      id: f,
-      place: x,
-      tip: g
-    }
-  );
-  return /* @__PURE__ */ n(
-    p,
-    {
-      alignItems: e ? "center" : "flex-start",
-      bgColor: t.palette.gray[50],
-      border: `1px solid ${t.palette.gray[200]}`,
-      borderRadius: "4px",
-      display: "inline-flex",
-      flexDirection: e ? "column" : "column-reverse",
-      gap: 0.5,
-      height: m,
-      justify: "center",
-      padding: [1.25, 1.25, 1.25, 1.25],
-      width: y,
-      children: [
-        /* @__PURE__ */ n(p, { alignItems: "center", display: "flex", gap: 0.5, children: [
-          e || r(o) ? void 0 : i,
-          /* @__PURE__ */ l(
-            T,
-            {
-              color: e ? t.palette.gray[800] : t.palette.gray[400],
-              size: "md",
-              textAlign: e ? "center" : "start",
-              children: s
-            }
-          ),
-          e || r(d) ? void 0 : i
-        ] }),
-        /* @__PURE__ */ n(p, { alignItems: "center", display: "flex", gap: 0.5, my: 0.5, children: [
-          e && !r(o) ? i : void 0,
-          /* @__PURE__ */ n("div", { style: { display: "flex", gap: "12px" }, children: [
-            r(a) ? void 0 : /* @__PURE__ */ l(C, { fontWeight: "bold", size: "md", children: a }),
-            c
-          ] }),
-          e && !r(d) ? i : void 0
-        ] })
-      ]
-    }
-  );
-};
+import "react/jsx-runtime";
+import "lodash";
+import "styled-components";
+import { O as p } from "../../components-C7JPRIEW.mjs";
 export {
-  W as IndicatorCard
+  p as IndicatorCard
 };

package/dist/components/info-sidebar/index.js

@@ -1,116 +1,6 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { useTheme as x } from "styled-components";
-import { Button as h } from "../button/index.js";
-import { Container as t } from "../container/index.js";
-import { IconButton as y } from "../icon-button/index.js";
-import { Tabs as g } from "../tabs/index.js";
-import "../typography/heading/index.js";
-import "../typography/span/index.js";
-import { Text as u } from "../typography/text/index.js";
-const D = ({
-  actions: a,
-  children: m,
-  header: f,
-  title: c,
-  tabs: d,
-  footer: n
-}) => {
-  const i = x();
-  return /* @__PURE__ */ p(
-    t,
-    {
-      alignItems: "flex-start",
-      bgColor: i.palette.white,
-      borderLeft: `1px solid ${i.palette.gray[300]}`,
-      display: "flex",
-      flexDirection: "column",
-      maxHeight: "750px",
-      width: "480px",
-      children: [
-        /* @__PURE__ */ p(
-          t,
-          {
-            alignItems: "flex-start",
-            alignSelf: "stretch",
-            borderBottom: `1px solid ${i.palette.gray[300]}`,
-            display: "flex",
-            gap: 0.25,
-            justify: "space-between",
-            px: 1.25,
-            py: 1,
-            children: [
-              /* @__PURE__ */ p(t, { display: "flex", flexDirection: "column", gap: 0.25, children: [
-                /* @__PURE__ */ e(
-                  u,
-                  {
-                    color: i.palette.gray[800],
-                    fontWeight: "bold",
-                    lineSpacing: 1.75,
-                    size: "xl",
-                    children: c
-                  }
-                ),
-                f
-              ] }),
-              a && /* @__PURE__ */ e(t, { display: "flex", gap: 0.25, children: a.map(
-                ({ icon: r, onClick: l }, o) => /* @__PURE__ */ e(
-                  y,
-                  {
-                    icon: r ?? "paper-plane",
-                    iconColor: i.palette.gray[400],
-                    iconSize: "xxs",
-                    iconType: "fa-light",
-                    onClick: l,
-                    variant: "ghost"
-                  },
-                  `${o}-${r}`
-                )
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(t, { display: "flex", pt: 0.25, width: "100%", children: /* @__PURE__ */ e(g, { items: d }) }),
-        /* @__PURE__ */ e(
-          t,
-          {
-            alignSelf: "stretch",
-            display: "flex",
-            flexDirection: "column",
-            px: 1.25,
-            py: 1,
-            scroll: "y",
-            children: m
-          }
-        ),
-        n && /* @__PURE__ */ e(
-          t,
-          {
-            alignSelf: "stretch",
-            borderTop: `1px solid ${i.palette.gray[300]}`,
-            display: "flex",
-            gap: 0.5,
-            justify: "end",
-            px: 1.25,
-            py: 1,
-            children: n.map(
-              ({ icon: r, text: l, onClick: o }, s) => /* @__PURE__ */ e(
-                h,
-                {
-                  icon: r,
-                  onClick: o,
-                  variant: s === 0 ? "primary" : "tertiary",
-                  width: "100%",
-                  children: l
-                },
-                `${s}-${l}`
-              )
-            )
-          }
-        )
-      ]
-    }
-  );
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { P as p } from "../../components-C7JPRIEW.mjs";
 export {
-  D as InfoSidebar
+  p as InfoSidebar
 };

package/dist/components/inputs/fields/combobox/index.js

@@ -1,146 +1,9 @@
-import { jsx as r, jsxs as O } from "react/jsx-runtime";
-import { forwardRef as J, useState as x, useRef as u, useMemo as Q, useCallback as C } from "react";
-import { useFilter as U, useComboBox as W, useListBox as X, useButton as Y } from "react-aria";
-import { Item as Z, useComboBoxState as _ } from "react-stately";
-import { useTheme as k } from "styled-components";
-import { S as g, O as oo } from "../../../../index-CUQBAqt_.mjs";
-import { OutlineContainer as to } from "../../outline-container/index.js";
-import { S as eo } from "../../../../styles-BXFVwnWT.mjs";
-import { Popover as no } from "../../utils/popover/index.js";
-import { Icon as ro } from "../../../icon/index.js";
-import { IconButton as so } from "../../../icon-button/index.js";
-const Io = J(function({
-  disabled: b = !1,
-  error: i,
-  helpLink: z,
-  helpLinkText: F,
-  helpText: N,
-  label: B,
-  name: m,
-  items: t,
-  onChange: e,
-  required: T,
-  tooltip: V,
-  value: S,
-  weight: j,
-  ...K
-}, I) {
-  const P = k(), [l, R] = x(S ?? ""), [L, v] = x(S), [a, h] = x(t), { contains: c } = U({ sensitivity: "base" }), f = u(null), d = u(null), w = u(null), y = u(null), $ = Q(() => t.map(
-    (o) => c(o.name, l) ? /* @__PURE__ */ r(Z, { children: o.name }, o.value) : null
-  ), [c, l, t]), D = C(
-    (o) => {
-      R(o), v((s) => {
-        const p = o === "" ? "" : s;
-        return e == null || e(p), p;
-      }), h(t.filter((s) => c(s.name, o)));
-    },
-    [c, t, e]
-  ), E = C(
-    (o) => {
-      var s;
-      o && (R(((s = t.find((p) => p.value === o)) == null ? void 0 : s.name) ?? ""), v(String(o)), e == null || e(o), h(t));
-    },
-    [e, t]
-  ), n = _({
-    allowsEmptyCollection: !0,
-    inputValue: l,
-    items: a,
-    shouldCloseOnBlur: !0,
-    selectedKey: L,
-    onInputChange: D,
-    onSelectionChange: E,
-    children: $
-  }), {
-    buttonProps: M,
-    inputProps: q,
-    listBoxProps: A
-  } = W(
-    {
-      inputValue: l,
-      items: a,
-      buttonRef: f,
-      id: m,
-      inputRef: I,
-      label: B,
-      listBoxRef: d,
-      name: m,
-      popoverRef: y
-    },
-    n
-  ), { listBoxProps: G } = X(A, n, d), { buttonProps: H } = Y(M, f);
-  return /* @__PURE__ */ O(
-    to,
-    {
-      error: i,
-      helpLink: z,
-      helpLinkText: F,
-      helpText: N,
-      htmlFor: m,
-      label: B,
-      required: T,
-      tooltip: V,
-      weight: j,
-      children: [
-        /* @__PURE__ */ O(
-          eo,
-          {
-            className: `${b ? "disabled" : ""} ${i ? "error" : ""}`,
-            ref: w,
-            children: [
-              /* @__PURE__ */ r(
-                "input",
-                {
-                  ...q,
-                  ...K,
-                  "aria-invalid": i ? "true" : "false",
-                  ref: I
-                }
-              ),
-              i ? /* @__PURE__ */ r(
-                ro,
-                {
-                  icon: "exclamation-circle",
-                  iconClass: "error-icon",
-                  iconColor: P.palette.error[500],
-                  iconSize: "xs"
-                }
-              ) : void 0,
-              /* @__PURE__ */ r(
-                so,
-                {
-                  ...H,
-                  className: "action",
-                  icon: n.isOpen ? "chevron-up" : "chevron-down",
-                  iconColor: P.palette.gray[400],
-                  iconSize: "xxs",
-                  iconType: "fa-light",
-                  px: 0.125,
-                  py: 0.125,
-                  ref: f,
-                  variant: "ghost"
-                }
-              )
-            ]
-          }
-        ),
-        n.isOpen && n.collection.size > 0 && !b ? /* @__PURE__ */ r(
-          no,
-          {
-            className: "dropdown",
-            offset: 4,
-            placement: "bottom start",
-            popoverRef: y,
-            state: n,
-            triggerRef: w,
-            children: /* @__PURE__ */ r(g, { ...G, ref: d, children: a.map(
-              (o) => /* @__PURE__ */ r(oo, { item: o, state: n }, o.value)
-            ) })
-          }
-        ) : null
-      ]
-    }
-  );
-});
+import "react/jsx-runtime";
+import "react";
+import "react-aria";
+import "react-stately";
+import "styled-components";
+import { S as a } from "../../../../components-C7JPRIEW.mjs";
 export {
-  Io as ComboBox
+  a as ComboBox
 };

package/dist/components/inputs/fields/combobox/option/index.js

@@ -1,8 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "react-aria";
-import { O } from "../../../../../index-CUQBAqt_.mjs";
-import "../../../../icon/index.js";
+import { aW as m } from "../../../../../components-C7JPRIEW.mjs";
 export {
-  O as Option
+  m as Option
 };

package/dist/components/inputs/fields/date/calendar/cell/index.js

@@ -1,27 +1,9 @@
-import { jsx as n, jsxs as p } from "react/jsx-runtime";
-import { isToday as u, getLocalTimeZone as R, isSameDay as a } from "@internationalized/date";
-import { isNull as g } from "lodash";
-import { useRef as S } from "react";
-import { useCalendarCell as b } from "react-aria";
-import { a as x, b as y } from "../../../../../../styles-BlHspTrz.mjs";
-import { Icon as C } from "../../../../../icon/index.js";
-const k = ({ state: e, date: i }) => {
-  const r = S(null), o = u(i, R()), { cellProps: h, buttonProps: m, isSelected: l, isDisabled: c, formattedDate: f } = b({ date: i }, e, r), s = "highlightedRange" in e && !g(e.highlightedRange) ? a(i, e.highlightedRange.start) : l, d = "highlightedRange" in e && !g(e.highlightedRange) ? a(i, e.highlightedRange.end) : l, t = l && !c && !(s || d) ? "range" : "";
-  return /* @__PURE__ */ n(x, { id: t, ...h, children: /* @__PURE__ */ p(
-    "div",
-    {
-      ...m,
-      className: `cell ${s || d ? "selected" : ""}
-          ${c ? "disabled" : ""} ${o ? "today" : ""}
-          ${!e.isFocused && !o ? "focused" : ""} ${t}`,
-      ref: r,
-      children: [
-        f,
-        o ? /* @__PURE__ */ n(y, { children: /* @__PURE__ */ n(C, { clickable: !1, icon: "circle", iconSize: "xxs" }) }) : void 0
-      ]
-    }
-  ) });
-};
+import "react/jsx-runtime";
+import "@internationalized/date";
+import "lodash";
+import "react";
+import "react-aria";
+import { aZ as e } from "../../../../../../components-C7JPRIEW.mjs";
 export {
-  k as CalendarCell
+  e as CalendarCell
 };

package/dist/components/inputs/fields/date/calendar/grid/index.js

@@ -1,26 +1,7 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { getWeeksInMonth as h } from "@internationalized/date";
-import { useLocale as k, useCalendarGrid as p } from "react-aria";
-import { CalendarCell as y } from "../cell/index.js";
-import { W as s, D as f } from "../../../../../../styles-BlHspTrz.mjs";
-const g = ({
-  state: r,
-  ...l
-}) => {
-  const { locale: d } = k(), { weekDays: i } = p(l, r), c = h(r.visibleRange.start, d);
-  return /* @__PURE__ */ m("table", { children: [
-    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e(s, { children: i.map((n, o) => {
-      const a = `key_${o}`;
-      return /* @__PURE__ */ e(f, { children: n }, a);
-    }) }) }),
-    /* @__PURE__ */ e("tbody", { children: [...new Array(c).keys()].map(
-      (n) => /* @__PURE__ */ e(s, { children: r.getDatesInWeek(n).map((o, a) => {
-        const t = `key_${a}`;
-        return o ? /* @__PURE__ */ e(y, { date: o, state: r }, t) : /* @__PURE__ */ e("td", {}, t);
-      }) }, n)
-    ) })
-  ] });
-};
+import "react/jsx-runtime";
+import "@internationalized/date";
+import "react-aria";
+import { a_ as p } from "../../../../../../components-C7JPRIEW.mjs";
 export {
-  g as CalendarGrid
+  p as CalendarGrid
 };

package/dist/components/inputs/fields/date/calendar/header/index.js

@@ -1,38 +1,6 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { useCallback as c } from "react";
-import { T as m, Y as u, C as i } from "../../../../../../styles-BlHspTrz.mjs";
-import { Icon as s } from "../../../../../icon/index.js";
-import { Button as t } from "../../../../utils/calendar-button/index.js";
-const v = ({
-  state: r,
-  prevButtonProps: n,
-  nextButtonProps: l,
-  title: d
-}) => {
-  const e = r.focusedDate, h = c(() => {
-    r.setFocusedDate(e.add({ years: 1 }));
-  }, [e, r]), p = c(() => {
-    r.setFocusedDate(e.subtract({ years: 1 }));
-  }, [e, r]);
-  return /* @__PURE__ */ a("div", { className: "header flex items-start", children: [
-    /* @__PURE__ */ o(t, { icon: "chevron-left", props: n }),
-    /* @__PURE__ */ a(m, { children: [
-      d,
-      /* @__PURE__ */ a(u, { children: [
-        /* @__PURE__ */ o(i, { "aria-label": "top", onClick: h, children: /* @__PURE__ */ o(s, { icon: "caret-up", iconClass: "fa-sharp", iconSize: "xxss" }) }),
-        /* @__PURE__ */ o(i, { "aria-label": "bottom", onClick: p, children: /* @__PURE__ */ o(
-          s,
-          {
-            icon: "caret-down",
-            iconClass: "fa-sharp",
-            iconSize: "xxss"
-          }
-        ) })
-      ] })
-    ] }),
-    /* @__PURE__ */ o(t, { icon: "chevron-right", props: l })
-  ] });
-};
+import "react/jsx-runtime";
+import "react";
+import { b0 as p } from "../../../../../../components-C7JPRIEW.mjs";
 export {
-  v as Header
+  p as Header
 };

package/dist/components/inputs/fields/date/calendar/index.js

@@ -1,30 +1,8 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { createCalendar as s } from "@internationalized/date";
-import { useLocale as c, useCalendar as d } from "react-aria";
-import { useCalendarState as p } from "react-stately";
-import { CalendarGrid as f } from "./grid/index.js";
-import { Header as C } from "./header/index.js";
-import { F as u } from "../../../../../styles-BlHspTrz.mjs";
-import { Button as h } from "../../../../button/index.js";
-const G = ({
-  onClose: e,
-  props: t
-}) => {
-  const { locale: a } = c(), o = p({ ...t, createCalendar: s, locale: a }), { prevButtonProps: n, nextButtonProps: i, title: m } = d(t, o);
-  return /* @__PURE__ */ l("div", { className: "calendar", children: [
-    /* @__PURE__ */ r(
-      C,
-      {
-        nextButtonProps: i,
-        prevButtonProps: n,
-        state: o,
-        title: m
-      }
-    ),
-    /* @__PURE__ */ r(f, { state: o }),
-    /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(h, { onClick: e, variant: "ghost", children: "Cancel" }) })
-  ] });
-};
+import "react/jsx-runtime";
+import "@internationalized/date";
+import "react-aria";
+import "react-stately";
+import { b1 as a } from "../../../../../components-C7JPRIEW.mjs";
 export {
-  G as Calendar
+  a as Calendar
 };

package/dist/components/inputs/fields/date/index.js

@@ -1,68 +1,10 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { parseDate as k } from "@internationalized/date";
-import a from "lodash";
-import { forwardRef as x, useRef as C } from "react";
-import { useDatePicker as j } from "react-aria";
-import { useDatePickerState as I } from "react-stately";
-import { Calendar as O } from "./calendar/index.js";
-import { OutlineContainer as S } from "../../outline-container/index.js";
-import { DateSelector as b } from "../../utils/date-selector/index.js";
-import { Dialog as w } from "../../utils/dialog/index.js";
-import { Popover as y } from "../../utils/popover/index.js";
-const L = x(function({
-  disabled: p = !1,
-  error: s,
-  required: l,
-  label: m,
-  name: e,
-  tooltip: c,
-  value: o,
-  ...f
-}, u) {
-  const i = C(null), r = I(f), { close: P } = r, { groupProps: d, fieldProps: n, buttonProps: D, dialogProps: g, calendarProps: R } = j(
-    { ...f, "aria-label": m ?? e },
-    r,
-    i
-  );
-  return /* @__PURE__ */ h(
-    S,
-    {
-      error: s,
-      htmlFor: e,
-      label: m,
-      required: l,
-      tooltip: c,
-      children: [
-        /* @__PURE__ */ t(
-          b,
-          {
-            buttonProps: D,
-            datePickerRef: i,
-            disabled: p,
-            error: s,
-            fieldProps: a.isNil(o) || a.isEmpty(o) || o === "-" ? n : {
-              ...n,
-              value: k(o.replace(/\//gu, "-"))
-            },
-            groupProps: d,
-            inputRef: u,
-            name: e
-          }
-        ),
-        r.isOpen && !p ? /* @__PURE__ */ t(
-          y,
-          {
-            offset: 8,
-            placement: "bottom start",
-            state: r,
-            triggerRef: i,
-            children: /* @__PURE__ */ t(w, { ...g, children: /* @__PURE__ */ t(O, { onClose: P, props: { ...R } }) })
-          }
-        ) : null
-      ]
-    }
-  );
-});
+import "react/jsx-runtime";
+import "@internationalized/date";
+import "lodash";
+import "react";
+import "react-aria";
+import "react-stately";
+import { U as f } from "../../../../components-C7JPRIEW.mjs";
 export {
-  L as InputDate
+  f as InputDate
 };