@fluidattacks/design 3.1.13 → 3.1.14

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-C2JBXbtI.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-C2JBXbtI.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-C2JBXbtI.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-C2JBXbtI.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-C2JBXbtI.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-C2JBXbtI.mjs";
 export {
-  L as InputDate
+  f as InputDate
 };

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

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

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

@@ -1,108 +1,8 @@
-import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import { forwardRef as k, useRef as w } from "react";
-import { useDateRangePicker as y } from "react-aria";
-import { useDateRangePickerState as S } from "react-stately";
-import { Calendar as C } from "./calendar/index.js";
-import { styled as F } from "styled-components";
-import { OutlineContainer as O } from "../../outline-container/index.js";
-import { DateSelector as g } from "../../utils/date-selector/index.js";
-import { Dialog as j } from "../../utils/dialog/index.js";
-import { Popover as q } from "../../utils/popover/index.js";
-const I = F.div`
-  ${({ theme: t, $disabled: e, $show: a }) => `
-    border-color: ${a ? t.palette.error[500] : t.palette.gray[300]};
-    display: flex;
-    gap: ${t.spacing[0.25]};
-    width: 100%;
-
-    ~ div {
-      background: ${e ? t.palette.gray[200] : t.palette.white};
-    }
-  `}
-`, N = k(function({
-  disabled: e = !1,
-  error: a,
-  label: P,
-  name: o,
-  required: $,
-  tooltip: R,
-  ...d
-}, u) {
-  const r = w(null), n = S(d), { close: v } = n, b = `min${o}`, D = `max${o}`, {
-    groupProps: f,
-    startFieldProps: i,
-    endFieldProps: s,
-    buttonProps: c,
-    dialogProps: h,
-    calendarProps: x
-  } = y(d, n, r);
-  return /* @__PURE__ */ m(
-    O,
-    {
-      error: a,
-      htmlFor: o,
-      label: P,
-      required: $,
-      tooltip: R,
-      children: [
-        /* @__PURE__ */ m(
-          I,
-          {
-            $disabled: e,
-            $show: a !== void 0,
-            ref: r,
-            children: [
-              /* @__PURE__ */ l(
-                g,
-                {
-                  buttonProps: c,
-                  datePickerRef: r,
-                  disabled: e,
-                  error: a,
-                  fieldProps: {
-                    ...i,
-                    "aria-label": `${i["aria-label"]} ${o}`,
-                    validate: (p) => s.value && p > s.value ? "Start date must be less than or equal to end date" : null
-                  },
-                  groupProps: f,
-                  inputRef: u,
-                  name: b
-                }
-              ),
-              /* @__PURE__ */ l(
-                g,
-                {
-                  buttonProps: c,
-                  datePickerRef: r,
-                  disabled: e,
-                  error: a,
-                  fieldProps: {
-                    ...s,
-                    "aria-label": `${s["aria-label"]} ${o}`,
-                    validate: (p) => i.value && p < i.value ? "End date must be greater than or equal to start date" : null
-                  },
-                  groupProps: f,
-                  inputRef: u,
-                  name: D
-                }
-              )
-            ]
-          }
-        ),
-        n.isOpen && !e ? /* @__PURE__ */ l(
-          q,
-          {
-            offset: 8,
-            placement: "bottom start",
-            state: n,
-            triggerRef: r,
-            children: /* @__PURE__ */ l(j, { ...h, children: /* @__PURE__ */ l(C, { onClose: v, props: { ...x } }) })
-          }
-        ) : null
-      ]
-    }
-  );
-});
+import "react/jsx-runtime";
+import "react";
+import "react-aria";
+import "react-stately";
+import { V as a } from "../../../../components-C2JBXbtI.mjs";
 export {
-  N as InputDateRange
+  a as InputDateRange
 };

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

@@ -1,64 +1,9 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { createCalendar as f } from "@internationalized/date";
-import { useLocale as u, useCalendar as g } from "react-aria";
-import { useCalendarState as C } from "react-stately";
-import { styled as n, useTheme as x } from "styled-components";
-import { TimeField as h } from "../../../utils/date-time-field/index.js";
-import { CalendarGrid as y } from "../../date/calendar/grid/index.js";
-import { Header as v } from "../../date/calendar/header/index.js";
-import { F as $ } from "../../../../../styles-BlHspTrz.mjs";
-import { Button as T } from "../../../../button/index.js";
-import "../../../../typography/heading/index.js";
-import "../../../../typography/span/index.js";
-import { Text as j } from "../../../../typography/text/index.js";
-const b = n.div`
-  ${({ theme: e }) => `
-    align-items: center;
-    border-top: 1px solid ${e.palette.gray[200]};
-    display: flex;
-    gap: ${e.spacing[1.5]};
-    justify-content: center;
-    padding: ${e.spacing[0.5]} ${e.spacing[1.25]};
-  `}
-`, B = n.div`
-  align-items: center;
-  display: flex;
-  gap: ${({ theme: e }) => e.spacing[0.5]};
-  justify-content: flex-end;
-  flex: 1 0 0;
-`, w = ({
-  handleTimeChange: e,
-  onClose: a,
-  props: o,
-  timeState: l
-}) => {
-  const s = x(), { locale: m } = u(), r = C({ ...o, createCalendar: f, locale: m }), { prevButtonProps: c, nextButtonProps: d, title: p } = g(o, r);
-  return /* @__PURE__ */ i("div", { className: "calendar", children: [
-    /* @__PURE__ */ t(
-      v,
-      {
-        nextButtonProps: d,
-        prevButtonProps: c,
-        state: r,
-        title: p
-      }
-    ),
-    /* @__PURE__ */ t(y, { state: r }),
-    /* @__PURE__ */ i(b, { children: [
-      /* @__PURE__ */ t(j, { color: s.palette.gray[800], fontWeight: "bold", size: "sm", children: "Time" }),
-      /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(
-        h,
-        {
-          hourCycle: 12,
-          label: "time-field",
-          onChange: e,
-          value: l.timeValue
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(T, { onClick: a, variant: "ghost", children: "Cancel" }) })
-  ] });
-};
+import "react/jsx-runtime";
+import "@internationalized/date";
+import "react-aria";
+import "react-stately";
+import "styled-components";
+import { b7 as e } from "../../../../../components-C2JBXbtI.mjs";
 export {
-  w as Calendar
+  e as Calendar
 };

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

@@ -1,69 +1,8 @@
-import { jsxs as D, jsx as t } from "react/jsx-runtime";
-import { forwardRef as b, useRef as R, useCallback as k } from "react";
-import { useDatePicker as S } from "react-aria";
-import { useDatePickerState as T } from "react-stately";
-import { Calendar as x } from "./calendar/index.js";
-import { OutlineContainer as y } from "../../outline-container/index.js";
-import { DateSelector as O } from "../../utils/date-selector/index.js";
-import { Dialog as j } from "../../utils/dialog/index.js";
-import { Popover as I } from "../../utils/popover/index.js";
-const J = b(function(o, m) {
-  const r = R(null), e = T({
-    ...o,
-    granularity: "minute",
-    hourCycle: 12,
-    shouldCloseOnSelect: !1
-  }), { close: s } = e, { disabled: i = !1, error: n, required: f, label: p, name: a, tooltip: u } = o, { groupProps: c, fieldProps: d, buttonProps: P, dialogProps: g, calendarProps: h } = S(o, e, r), C = k(
-    (l) => {
-      l && e.setTimeValue(l);
-    },
-    [e]
-  );
-  return /* @__PURE__ */ D(
-    y,
-    {
-      error: n,
-      htmlFor: a,
-      label: p,
-      required: f,
-      tooltip: u,
-      children: [
-        /* @__PURE__ */ t(
-          O,
-          {
-            buttonProps: P,
-            datePickerRef: r,
-            disabled: i,
-            error: n,
-            fieldProps: d,
-            granularity: "minute",
-            groupProps: c,
-            inputRef: m,
-            name: a
-          }
-        ),
-        e.isOpen && !i ? /* @__PURE__ */ t(
-          I,
-          {
-            offset: 8,
-            placement: "bottom start",
-            state: e,
-            triggerRef: r,
-            children: /* @__PURE__ */ t(j, { ...g, children: /* @__PURE__ */ t(
-              x,
-              {
-                handleTimeChange: C,
-                onClose: s,
-                props: { ...h },
-                timeState: e
-              }
-            ) })
-          }
-        ) : null
-      ]
-    }
-  );
-});
+import "react/jsx-runtime";
+import "react";
+import "react-aria";
+import "react-stately";
+import { W as e } from "../../../../components-C2JBXbtI.mjs";
 export {
-  J as InputDateTime
+  e as InputDateTime
 };

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

@@ -1,28 +1,6 @@
-import { jsx as r, jsxs as h } from "react/jsx-runtime";
-import { isNil as l } from "lodash";
-import { Label as d } from "../../label/index.js";
-import { Container as c } from "../../../container/index.js";
-import { Link as a } from "../../../link/index.js";
-import "../../../typography/heading/index.js";
-import "../../../typography/span/index.js";
-import { Text as x } from "../../../typography/text/index.js";
-const z = ({
-  children: m,
-  currentValue: i,
-  externalLink: e,
-  isEditing: n,
-  label: s,
-  name: p,
-  tooltip: f
-}) => {
-  if (n)
-    return /* @__PURE__ */ r("div", { children: m });
-  const t = l(i) ? "" : i, o = String(e ?? t);
-  return /* @__PURE__ */ h(c, { children: [
-    /* @__PURE__ */ r(d, { htmlFor: p, label: s, tooltip: f, weight: "bold" }),
-    o.startsWith("https://") ? /* @__PURE__ */ r(a, { href: o, children: t }) : /* @__PURE__ */ r(x, { size: "md", children: t })
-  ] });
-};
+import "react/jsx-runtime";
+import "lodash";
+import { a0 as i } from "../../../../components-C2JBXbtI.mjs";
 export {
-  z as Editable
+  i as Editable
 };

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

@@ -1,77 +1,7 @@
-import { jsx as o, jsxs as I } from "react/jsx-runtime";
-import { forwardRef as S } from "react";
-import { useTheme as T } from "styled-components";
-import { OutlineContainer as $ } from "../../outline-container/index.js";
-import { S as b } from "../../../../styles-BXFVwnWT.mjs";
-import { Icon as n } from "../../../icon/index.js";
-const w = S(function({
-  disabled: t = !1,
-  hasIcon: a = !1,
-  helpLink: l,
-  helpLinkText: s,
-  helpText: c,
-  error: i,
-  label: f,
-  name: e,
-  maskValue: m = !1,
-  required: r,
-  tooltip: p,
-  type: d = "text",
-  weight: u,
-  ...x
-}, h) {
-  const C = T();
-  return /* @__PURE__ */ o(
-    $,
-    {
-      error: i,
-      helpLink: l,
-      helpLinkText: s,
-      helpText: c,
-      htmlFor: e,
-      label: f,
-      required: r,
-      tooltip: p,
-      weight: u,
-      children: /* @__PURE__ */ I(
-        b,
-        {
-          className: `${t ? "disabled" : ""} ${i ? "error" : ""}`,
-          children: [
-            a ? /* @__PURE__ */ o(n, { icon: "user", iconSize: "sm", iconType: "fa-light" }) : void 0,
-            /* @__PURE__ */ o(
-              "input",
-              {
-                "aria-hidden": !1,
-                "aria-invalid": i ? "true" : "false",
-                "aria-label": e,
-                "aria-required": r,
-                autoComplete: "off",
-                className: m ? "sr-block" : "",
-                "data-testid": `${e}-input`,
-                disabled: t,
-                id: e,
-                name: e,
-                ref: h,
-                type: d,
-                ...x
-              }
-            ),
-            i ? /* @__PURE__ */ o(
-              n,
-              {
-                icon: "exclamation-circle",
-                iconClass: "error-icon",
-                iconColor: C.palette.error[500],
-                iconSize: "xs"
-              }
-            ) : void 0
-          ]
-        }
-      )
-    }
-  );
-});
+import "react/jsx-runtime";
+import "react";
+import "styled-components";
+import { T as i } from "../../../../components-C2JBXbtI.mjs";
 export {
-  w as Input
+  i as Input
 };