@fluidattacks/design 3.1.12 → 3.1.14

package/dist/components/icon/index.js

@@ -1,48 +1,6 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import { styled as d } from "styled-components";
-import { c as C } from "../../styles-C3cZmKVJ.mjs";
-const u = { xl: "96px", lg: "64px", md: "32px", sm: "24px", xs: "16px", xxs: "12px", xxss: "10px" }, b = d(C)`
-  ${({ $clickable: n, $color: a = "inherit", $disabled: l = !1, $hoverColor: o, $rotation: r, $size: e, $secondaryColor: i }) => `
-      color: ${a};
-      cursor: ${n ? "pointer" : "inherit"};
-      font-size: ${u[e]};
-      line-height: 0;
-      vertical-align: middle;
-      pointer-events: inherit;
-      opacity: ${l ? "0.5" : "1"};
-
-      > svg {
-        --fa-secondary-color: ${i};
-        transform: ${r === void 0 ? "" : `rotate(${r}deg)`};
-      }
-
-      .fill-gradient-01 path {
-        fill: url(/gradients.svg#gradient-01);
-        fill: url(#gradient-01);
-      }
-      .fill-gradient-02 path {
-        fill: url(/gradients.svg#gradient-02);
-        fill: url(#gradient-02);
-      }
-
-      ${n ? `&:hover {
-              filter: ${o ? "" : "brightness(50%)"};
-              color: ${o ?? ""};
-            }` : ""}
-    `}
-`;
-d.div`
-  cursor: pointer;
-  transition: all 0.2s ease-in-out;
-
-  &:hover:not([disabled]) {
-    transform: scale(1.2);
-  }
-`;
-const T = v(function({ clickable: n, disabled: a, hoverColor: l, icon: o, iconClass: r = "", iconColor: e, iconMask: i, iconSize: $, iconTransform: s, iconType: t = "fa-solid", onClick: f, rotation: p, spanClass: m, secondaryColor: g, ...x }, h) {
-  return c(b, { $clickable: n, $color: e, $disabled: a, $hoverColor: l, $rotation: p, $secondaryColor: g, $size: $, className: m, "data-testid": `${o}-icon`, onClick: f, ref: h, ...x, children: c("i", { className: `${t} fa-${o} ${r}`, ...i !== void 0 ? { "data-fa-mask": i } : {}, ...s !== void 0 ? { "data-fa-transform": s } : {} }) }, `${t}-${o}`);
-});
+import "react/jsx-runtime";
+import "react";
+import { L as t } from "../../components-C2JBXbtI.mjs";
 export {
-  T as Icon
+  t as Icon
 };

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

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

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

@@ -1,15 +1,7 @@
-import { jsx as n, jsxs as o } from "react/jsx-runtime";
-import { isUndefined as i } from "lodash";
-import { useTheme as u } from "styled-components";
-import { Container as d } from "../container/index.js";
-import { T as v } from "../../index-D-lcuEHY.mjs";
-import { Heading as I } from "../typography/heading/index.js";
-import "../typography/span/index.js";
-import { Text as b } from "../typography/text/index.js";
-const H = ({ description: s, height: c = "auto", leftIconName: a, children: m, rightIconName: l, title: p, tooltipId: g, tooltipTip: f, tooltipPlace: h = "bottom", variant: x = "centered", width: y = "318px" }) => {
-  const t = u(), e = x === "centered", r = n(v, { icon: l ?? a, iconColor: t.palette.gray[800], id: g, place: h, tip: f });
-  return o(d, { 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: c, justify: "center", padding: [1.25, 1.25, 1.25, 1.25], width: y, children: [o(d, { alignItems: "center", display: "flex", gap: 0.5, children: [e || i(a) ? void 0 : r, n(b, { color: e ? t.palette.gray[800] : t.palette.gray[400], size: "md", textAlign: e ? "center" : "start", children: s }), e || i(l) ? void 0 : r] }), o(d, { alignItems: "center", display: "flex", gap: 0.5, my: 0.5, children: [e && !i(a) ? r : void 0, o("div", { style: { display: "flex", gap: "12px" }, children: [i(p) ? void 0 : n(I, { fontWeight: "bold", size: "md", children: p }), m] }), e && !i(l) ? r : void 0] })] });
-};
+import "react/jsx-runtime";
+import "lodash";
+import "styled-components";
+import { O as p } from "../../components-C2JBXbtI.mjs";
 export {
-  H as IndicatorCard
+  p as IndicatorCard
 };

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

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

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

@@ -1,26 +1,9 @@
-import { jsx as i, jsxs as I } from "react/jsx-runtime";
-import { forwardRef as J, useState as d, useRef as m, useMemo as Q, useCallback as L } 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 T } from "styled-components";
-import { S as k, O as ee } from "../../../../index-DrfjITyT.mjs";
-import { OutlineContainer as oe } from "../../outline-container/index.js";
-import { S as te } from "../../../../styles-lSVV9kjn.mjs";
-import { Popover as re } from "../../utils/popover/index.js";
-import { Icon as ie } from "../../../icon/index.js";
-import { IconButton as ne } from "../../../icon-button/index.js";
-const be = J(function({ disabled: x = !1, error: s, helpLink: O, helpLinkText: P, helpText: z, label: b, name: u, items: o, onChange: t, required: F, tooltip: N, value: v, weight: V, ...$ }, g) {
-  const C = T(), [a, B] = d(v ?? ""), [j, R] = d(v), [c, S] = d(o), { contains: l } = U({ sensitivity: "base" }), f = m(null), h = m(null), y = m(null), w = m(null), E = Q(() => o.map((e) => l(e.name, a) ? i(Z, { children: e.name }, e.value) : null), [l, a, o]), K = L((e) => {
-    B(e), R((n) => {
-      const p = e === "" ? "" : n;
-      return t == null || t(p), p;
-    }), S(o.filter((n) => l(n.name, e)));
-  }, [l, o, t]), M = L((e) => {
-    var n;
-    e && (B(((n = o.find((p) => p.value === e)) == null ? void 0 : n.name) ?? ""), R(String(e)), t == null || t(e), S(o));
-  }, [t, o]), r = _({ allowsEmptyCollection: !0, inputValue: a, items: c, shouldCloseOnBlur: !0, selectedKey: j, onInputChange: K, onSelectionChange: M, children: E }), { buttonProps: q, inputProps: A, listBoxProps: D } = W({ inputValue: a, items: c, buttonRef: f, id: u, inputRef: g, label: b, listBoxRef: h, name: u, popoverRef: w }, r), { listBoxProps: G } = X(D, r, h), { buttonProps: H } = Y(q, f);
-  return I(oe, { error: s, helpLink: O, helpLinkText: P, helpText: z, htmlFor: u, label: b, required: F, tooltip: N, weight: V, children: [I(te, { className: `${x ? "disabled" : ""} ${s ? "error" : ""}`, ref: y, children: [i("input", { ...A, ...$, "aria-invalid": s ? "true" : "false", ref: g }), s ? i(ie, { icon: "exclamation-circle", iconClass: "error-icon", iconColor: C.palette.error[500], iconSize: "xs" }) : void 0, i(ne, { ...H, className: "action", icon: r.isOpen ? "chevron-up" : "chevron-down", iconColor: C.palette.gray[400], iconSize: "xxs", iconType: "fa-light", px: 0.125, py: 0.125, ref: f, variant: "ghost" })] }), r.isOpen && r.collection.size > 0 && !x ? i(re, { className: "dropdown", offset: 4, placement: "bottom start", popoverRef: w, state: r, triggerRef: y, children: i(k, { ...G, ref: h, children: c.map((e) => i(ee, { item: e, state: r }, e.value)) }) }) : null] });
-});
+import "react/jsx-runtime";
+import "react";
+import "react-aria";
+import "react-stately";
+import "styled-components";
+import { S as a } from "../../../../components-C2JBXbtI.mjs";
 export {
-  be 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-DrfjITyT.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,16 +1,9 @@
-import { jsx as l, jsxs as p } from "react/jsx-runtime";
-import { isToday as u, getLocalTimeZone as R, isSameDay as c } from "@internationalized/date";
-import { isNull as m } from "lodash";
-import { useRef as b } from "react";
-import { useCalendarCell as x } from "react-aria";
-import { a as $, b as C } from "../../../../../../styles-CI-I6joH.mjs";
-import { Icon as j } from "../../../../../icon/index.js";
-const k = ({ state: e, date: i }) => {
-  const t = b(null), a = u(i, R()), { cellProps: g, buttonProps: h, isSelected: s, isDisabled: o, formattedDate: f } = x({ date: i }, e, t), r = "highlightedRange" in e && !m(e.highlightedRange) ? c(i, e.highlightedRange.start) : s, d = "highlightedRange" in e && !m(e.highlightedRange) ? c(i, e.highlightedRange.end) : s, n = !s || o || r || d ? "" : "range";
-  return l($, { id: n, ...g, children: p("div", { ...h, className: `cell ${r || d ? "selected" : ""}
-          ${o ? "disabled" : ""} ${a ? "today" : ""}
-          ${e.isFocused || a ? "" : "focused"} ${n}`, ref: t, children: [f, a ? l(C, { children: l(j, { 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,15 +1,7 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { getWeeksInMonth as p } from "@internationalized/date";
-import { useLocale as h, useCalendarGrid as k } from "react-aria";
-import { CalendarCell as y } from "../cell/index.js";
-import { W as n, D as f } from "../../../../../../styles-CI-I6joH.mjs";
-const D = ({ state: a, ...o }) => {
-  const { locale: d } = h(), { weekDays: i } = k(o, a), l = p(a.visibleRange.start, d);
-  return m("table", { children: [e("thead", { children: e(n, { children: i.map((r, t) => e(f, { children: r }, `key_${t}`)) }) }), e("tbody", { children: [...new Array(l).keys()].map((r) => e(n, { children: a.getDatesInWeek(r).map((t, c) => {
-    const s = `key_${c}`;
-    return t ? e(y, { date: t, state: a }, s) : e("td", {}, s);
-  }) }, r)) })] });
-};
+import "react/jsx-runtime";
+import "@internationalized/date";
+import "react-aria";
+import { a_ as p } from "../../../../../../components-C2JBXbtI.mjs";
 export {
-  D as CalendarGrid
+  p as CalendarGrid
 };

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

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

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

@@ -1,15 +1,8 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { createCalendar as m } from "@internationalized/date";
-import { useLocale as p, useCalendar as d } from "react-aria";
-import { useCalendarState as c } from "react-stately";
-import { CalendarGrid as u } from "./grid/index.js";
-import { Header as f } from "./header/index.js";
-import { F as C } from "../../../../../styles-CI-I6joH.mjs";
-import { Button as x } from "../../../../button/index.js";
-const G = ({ onClose: e, props: t }) => {
-  const { locale: o } = p(), a = c({ ...t, createCalendar: m, locale: o }), { prevButtonProps: s, nextButtonProps: n, title: l } = d(t, a);
-  return i("div", { className: "calendar", children: [r(f, { nextButtonProps: n, prevButtonProps: s, state: a, title: l }), r(u, { state: a }), r(C, { children: r(x, { 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,18 +1,10 @@
-import { jsxs as R, jsx as e } from "react/jsx-runtime";
-import { parseDate as h } from "@internationalized/date";
-import n from "lodash";
-import { forwardRef as k, useRef as v } from "react";
-import { useDatePicker as C } from "react-aria";
-import { useDatePickerState as q } from "react-stately";
-import { Calendar as y } from "./calendar/index.js";
-import { OutlineContainer as E } from "../../outline-container/index.js";
-import { DateSelector as O } from "../../utils/date-selector/index.js";
-import { Dialog as S } from "../../utils/dialog/index.js";
-import { Popover as j } from "../../utils/popover/index.js";
-const K = k(function({ disabled: s = !1, error: i, required: f, label: p, name: t, tooltip: u, value: r, ...l }, d) {
-  const a = v(null), o = q(l), { close: c } = o, { groupProps: P, fieldProps: m, buttonProps: g, dialogProps: b, calendarProps: D } = C({ ...l, "aria-label": p ?? t }, o, a);
-  return R(E, { error: i, htmlFor: t, label: p, required: f, tooltip: u, children: [e(O, { buttonProps: g, datePickerRef: a, disabled: s, error: i, fieldProps: n.isNil(r) || n.isEmpty(r) || r === "-" ? m : { ...m, value: h(r.replace(/\//gu, "-")) }, groupProps: P, inputRef: d, name: t }), o.isOpen && !s ? e(j, { offset: 8, placement: "bottom start", state: o, triggerRef: a, children: e(S, { ...b, children: e(y, { onClose: c, props: { ...D } }) }) }) : 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 {
-  K as InputDate
+  f as InputDate
 };

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

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

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

@@ -1,35 +1,9 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { createCalendar as f } from "@internationalized/date";
-import { useLocale as g, useCalendar as h } from "react-aria";
-import { useCalendarState as u } from "react-stately";
-import { styled as n, useTheme as C } from "styled-components";
-import { TimeField as x } from "../../../utils/date-time-field/index.js";
-import { CalendarGrid as v } from "../../date/calendar/grid/index.js";
-import { Header as y } from "../../date/calendar/header/index.js";
-import { F as $ } from "../../../../../styles-CI-I6joH.mjs";
-import { Button as B } from "../../../../button/index.js";
-import "../../../../typography/heading/index.js";
-import "../../../../typography/span/index.js";
-import { Text as j } from "../../../../typography/text/index.js";
-const T = 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;
-`, A = ({ handleTimeChange: e, onClose: i, props: r, timeState: s }) => {
-  const l = C(), { locale: m } = g(), a = u({ ...r, createCalendar: f, locale: m }), { prevButtonProps: p, nextButtonProps: d, title: c } = h(r, a);
-  return o("div", { className: "calendar", children: [t(y, { nextButtonProps: d, prevButtonProps: p, state: a, title: c }), t(v, { state: a }), o(T, { children: [t(j, { color: l.palette.gray[800], fontWeight: "bold", size: "sm", children: "Time" }), t(b, { children: t(x, { hourCycle: 12, label: "time-field", onChange: e, value: s.timeValue }) })] }), t($, { children: t(B, { onClick: i, 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 {
-  A as Calendar
+  e as Calendar
 };

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

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

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

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

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

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

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

@@ -1,32 +1,8 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { isEmpty as q } from "lodash";
-import { forwardRef as z } from "react";
-import { styled as m, useTheme as C } from "styled-components";
-import { b as S } from "../../../../styles-fH2c4cfc.mjs";
-import { OutlineContainer as j } from "../../outline-container/index.js";
-import { S as k } from "../../../../styles-lSVV9kjn.mjs";
-import { Button as I } from "../../../button/index.js";
-import { Container as A } from "../../../container/index.js";
-import { Icon as s } from "../../../icon/index.js";
-import { IconButton as B } from "../../../icon-button/index.js";
-const F = m(S)`
-  white-space: nowrap;
-  margin-right: ${({ theme: t }) => t.spacing[0.25]};
-  text-overflow: ellipsis;
-  overflow: hidden;
-  max-width: 80%;
-`, L = m.input`
-  opacity: 0;
-  position: absolute;
-  visibility: hidden;
-  width: 0;
-`, Q = z(function({ accept: t, disabled: e = !1, error: a, label: d, helpLink: c, helpText: h, id: f, multiple: x, name: r, required: u, tooltip: g, weight: b, value: w, ...y }, v) {
-  const l = C(), p = ((T) => {
-    const n = T;
-    return n ? Array.from(n).map(($) => $.name).join(", ") : "";
-  })(w);
-  return o(j, { error: a, helpLink: c, helpText: h, htmlFor: r, label: d, required: u, tooltip: g, weight: b, children: [o(k, { className: `${e ? "disabled" : ""} ${a ? "error" : ""}`, children: [i(F, { $size: "xs", children: p }), o(A, { display: "flex", gap: 0.5, children: [q(p) ? void 0 : i(B, { color: l.palette.gray[400], height: "20px", icon: "xmark", iconSize: "lg", iconType: "fa-light", variant: "ghost", width: "20px" }), a && i(s, { icon: "exclamation-circle", iconClass: "error-icon", iconColor: l.palette.error[500], iconSize: "xs" })] }), o(I, { border: e ? `1px solid ${l.palette.gray[300]} !important` : "", borderRadius: "0px 8px 8px 0px !important", disabled: e, height: "40px", variant: "primary", width: "96px", children: [i(s, { icon: "search", iconSize: "sm", mr: 0.5 }), "Add file"] })] }), i(L, { accept: t, "aria-label": r, "data-testid": r, disabled: e, id: f, multiple: x, name: r, ref: v, required: void 0, type: "file", value: void 0, ...y })] });
-});
+import "react/jsx-runtime";
+import "lodash";
+import "react";
+import "styled-components";
+import { X as e } from "../../../../components-C2JBXbtI.mjs";
 export {
-  Q as InputFile
+  e as InputFile
 };

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

@@ -1,19 +1,6 @@
-import { jsx as i, jsxs as b } from "react/jsx-runtime";
-import { forwardRef as c, useMemo as g } from "react";
-import { styled as x } from "styled-components";
-import { OutlineContainer as v } from "../../outline-container/index.js";
-import { S as w } from "../../../../styles-lSVV9kjn.mjs";
-import { Tag as C } from "../../../tag/index.js";
-const j = x.input`
-  border: none;
-  background: transparent;
-  min-width: 15rem;
-  padding: 0;
-  flex: 1;
-`, F = c(function({ disabled: r = !1, error: a, label: d, name: o = "input-tag", onChange: s, placeholder: m, required: t, tooltip: p, weight: f, value: e, ...u }, h) {
-  const l = g(() => e && typeof e == "string" ? e.split(",").filter(Boolean) : [], [e]);
-  return i(v, { error: a, htmlFor: o, label: d, required: t, tooltip: p, weight: f, children: b(w, { className: `${r ? "disabled" : ""} ${a ? "error" : ""}`, children: [l.map((n) => i(C, { disabled: r, tagLabel: n }, n)), i(j, { "aria-hidden": !1, "aria-invalid": a ? "true" : "false", "aria-label": o, "aria-required": t, autoComplete: "off", disabled: r, name: o, onChange: s, placeholder: l.length === 0 ? m : void 0, ref: h, type: "text", value: e, ...u })] }) });
-});
+import "react/jsx-runtime";
+import "react";
+import { Z as m } from "../../../../components-C2JBXbtI.mjs";
 export {
-  F as InputTags
+  m as InputTags
 };

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

@@ -1,10 +1,6 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as L } from "react";
-import { OutlineContainer as w } from "../../outline-container/index.js";
-import { NumberField as C } from "../../utils/number-field/index.js";
-const P = L(function({ decimalPlaces: o, disabled: a = !1, error: e, helpLink: l, helpText: m, id: n, label: t, maxLength: d, max: h, min: p, name: r, onChange: s, placeholder: c, required: f, tooltip: u, weight: x, ...b }, g) {
-  return i(w, { error: e, helpLink: l, helpText: m, htmlFor: r, label: t, maxLength: d, required: f, tooltip: u, weight: x, children: i(C, { decimalPlaces: o, disabled: a, error: e, id: n, max: h, min: p, name: r, onChange: s, placeholder: c, ref: g, ...b }) });
-});
+import "react/jsx-runtime";
+import "react";
+import { Y as t } from "../../../../components-C2JBXbtI.mjs";
 export {
-  P as InputNumber
+  t as InputNumber
 };

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

@@ -1,11 +1,6 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { OutlineContainer as u } from "../../outline-container/index.js";
-import { NumberField as a } from "../../utils/number-field/index.js";
-import { Container as b } from "../../../container/index.js";
-const q = f(function({ disabled: o = !1, error: r, name: t, label: s, propsMax: n, propsMin: l, required: p, tooltip: d }, i) {
-  return e(u, { error: r, htmlFor: t, label: s, required: p, tooltip: d, children: m(b, { display: "flex", gap: 0.25, width: "100%", children: [e(a, { ...l, disabled: o, error: r, ref: i }), e(a, { ...n, disabled: o, error: r, ref: i })] }) });
-});
+import "react/jsx-runtime";
+import "react";
+import { _ as t } from "../../../../components-C2JBXbtI.mjs";
 export {
-  q as InputNumberRange
+  t as InputNumberRange
 };