@orfium/ictinus 5.45.1 → 5.46.0

package/dist/components/DatePicker/OverlayComponent/OverlayComponent.js

@@ -1,45 +1,45 @@
 import { jsx as r, jsxs as l } from "@emotion/react/jsx-runtime";
 import * as W from "react";
-import { useState as c, useCallback as w } from "react";
-import v from "./components/MonthWrapper/MonthWrapper.js";
-import { overlayWrapperStyle as A, buttonsMonthsWrapperStyle as L, optionsWrapperStyle as j, optionStyle as x, monthsWrapperStyle as M, buttonsWrapperStyle as B } from "./OverlayComponent.style.js";
+import { useState as i, useCallback as w } from "react";
+import f from "./components/MonthWrapper/MonthWrapper.js";
+import { optionStyle as A, optionsWrapperStyle as L, monthsWrapperStyle as j, buttonsWrapperStyle as x, buttonsMonthsWrapperStyle as M, overlayWrapperStyle as B } from "./OverlayComponent.style.js";
 import { getLeftCalendarDate as I, getRightCalendarDate as T } from "./utils.js";
 import { CLEAR_ALL as _, APPLY as k } from "../constants.js";
-import y from "../../Button/Button.js";
+import c from "../../Button/Button.js";
 var z = {
   name: "zjik7",
   styles: "display:flex"
 };
 const E = ({
-  selectedOption: u,
-  setSelectedOption: C = () => {
+  selectedOption: v,
+  setSelectedOption: y = () => {
   },
   isRangePicker: o = !1,
   extraOptions: n = [],
   onDaySelect: s,
   selectedDays: e,
   disabledDates: p,
-  onClearAll: S = () => {
+  onClearAll: u = () => {
   },
-  onApply: b = () => {
+  onApply: C = () => {
   }
 }) => {
-  const [d, m] = c(I(e)), [h, i] = c(T(e)), f = w((t = "back") => {
-    m((a) => a.month(a.month() + (t === "forward" ? 1 : -1))), i((a) => a.month(a.month() + (t === "forward" ? 1 : -1)));
-  }, [d, h]);
-  return /* @__PURE__ */ r("div", { css: A(), children: /* @__PURE__ */ l("div", { css: L(), "data-testid": "buttonMonthsWrapperStyle", children: [
+  const [S, d] = i(I(e)), [b, m] = i(T(e)), h = w((t = "back") => {
+    d((a) => a.month(a.month() + (t === "forward" ? 1 : -1))), m((a) => a.month(a.month() + (t === "forward" ? 1 : -1)));
+  }, []);
+  return /* @__PURE__ */ r("div", { css: B(), children: /* @__PURE__ */ l("div", { css: M(), "data-testid": "buttonMonthsWrapperStyle", children: [
     /* @__PURE__ */ l("div", { css: z, children: [
-      n.length > 0 && o && /* @__PURE__ */ r("div", { css: j(), "data-testid": "optionsWrapperStyle", children: n.map((t) => /* @__PURE__ */ r("div", { css: x({
-        isSelected: u === t.value
-      }), onClick: () => C(t.value), children: t.label }, t.value)) }),
-      /* @__PURE__ */ l("div", { css: M(), children: [
-        /* @__PURE__ */ r(v, { date: d, onDaySelect: s, selectedDays: e, setDate: m, handleArrow: f, showedArrows: o ? "left" : "both", disabledDates: p, isRangePicker: o }),
-        o && /* @__PURE__ */ r(v, { date: h, onDaySelect: s, selectedDays: e, setDate: i, handleArrow: f, showedArrows: o ? "right" : "both", disabledDates: p, isRangePicker: o })
+      n.length > 0 && o && /* @__PURE__ */ r("div", { css: L(), "data-testid": "optionsWrapperStyle", children: n.map((t) => /* @__PURE__ */ r("div", { css: A({
+        isSelected: v === t.value
+      }), onClick: () => y(t.value), children: t.label }, t.value)) }),
+      /* @__PURE__ */ l("div", { css: j(), children: [
+        /* @__PURE__ */ r(f, { date: S, onDaySelect: s, selectedDays: e, setDate: d, handleArrow: h, showedArrows: o ? "left" : "both", disabledDates: p, isRangePicker: o }),
+        o && /* @__PURE__ */ r(f, { date: b, onDaySelect: s, selectedDays: e, setDate: m, handleArrow: h, showedArrows: o ? "right" : "both", disabledDates: p, isRangePicker: o })
       ] })
     ] }),
-    /* @__PURE__ */ l("div", { css: B(), children: [
-      /* @__PURE__ */ r(y, { onClick: S, dataTestId: "cancel", type: "tertiary", children: _ }),
-      /* @__PURE__ */ r(y, { onClick: b, dataTestId: "apply", isDisabled: !e.from || !e.to, children: k })
+    /* @__PURE__ */ l("div", { css: x(), children: [
+      /* @__PURE__ */ r(c, { onClick: u, dataTestId: "cancel", type: "tertiary", children: _ }),
+      /* @__PURE__ */ r(c, { onClick: C, dataTestId: "apply", isDisabled: !e.from || !e.to, children: k })
     ] })
   ] }) });
 }, H = W.memo(E);

package/dist/components/DatePicker/OverlayComponent/components/MonthWrapper/MonthWrapper.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as r } from "@emotion/react/jsx-runtime";
 import b from "../../../../../hooks/useKeyboardEvents.js";
 import { head as S, range as k } from "lodash-es";
 import y, { useState as C, useMemo as O, useRef as T } from "react";
-import { monthWrapperStyle as I, monthHeaderWrapperStyle as W, monthHeaderNavigationIconWrapperStyle as d, monthHeaderTitleWrapperStyle as _, monthHeaderTitleStyle as x } from "./MonthWrapper.style.js";
+import { monthHeaderNavigationIconWrapperStyle as d, monthHeaderTitleStyle as I, monthHeaderTitleWrapperStyle as W, monthHeaderWrapperStyle as _, monthWrapperStyle as x } from "./MonthWrapper.style.js";
 import H from "../../../Month/Month.js";
 import u from "../../../../IconButton/IconButton.js";
 import F from "../../../../Select/components/SelectMenu/SelectMenu.js";
@@ -45,16 +45,16 @@ const L = ({
     },
     hasPropagation: !0
   });
-  return /* @__PURE__ */ o(y.Fragment, { children: /* @__PURE__ */ r("div", { css: I(), children: [
-    /* @__PURE__ */ r("div", { css: W(), children: [
+  return /* @__PURE__ */ o(y.Fragment, { children: /* @__PURE__ */ r("div", { css: x(), children: [
+    /* @__PURE__ */ r("div", { css: _(), children: [
       (e === "left" || e === "both") && /* @__PURE__ */ o("div", { css: d({
         position: "left"
       }), children: /* @__PURE__ */ o(u, { iconName: "triangleLeft", type: "tertiary", onClick: () => l("back"), dataTestId: "month_back" }) }),
       /* @__PURE__ */ r(N, { onClick: () => {
         c(!1);
       }, children: [
-        /* @__PURE__ */ r("div", { css: _(), children: [
-          /* @__PURE__ */ o("div", { css: x({
+        /* @__PURE__ */ r("div", { css: W(), children: [
+          /* @__PURE__ */ o("div", { css: I({
             isRangePicker: s
           }), "data-testid": "month_header", ...s ? {} : v, children: /* @__PURE__ */ r($, { onClick: s ? void 0 : () => c(!f), type: "tertiary", dataTestId: `${e !== "both" ? e + "_" : ""}month`, children: [
             t.format("MMMM"),

package/dist/components/DatePicker/OverlayComponent/components/MonthWrapper/MonthWrapper.style.js

@@ -1,5 +1,5 @@
 import { css as n } from "@emotion/react";
-import { vars as e, rem as i } from "@orfium/tokens";
+import { rem as i, vars as e } from "@orfium/tokens";
 const s = () => /* @__PURE__ */ n("display:flex;flex-direction:column;gap:", e.spacing[5], ";padding:", e.spacing[7], ";", "");
 var r = {
   name: "1wwyjck",

package/dist/components/Drawer/Drawer.js

@@ -4,7 +4,7 @@ import v from "react-dom";
 import { useDOMRef as n } from "../utils/useDOMRef.js";
 import p from "../../hooks/useEscape.js";
 import { useOverlayStack as D } from "../../hooks/useOverlayStack.js";
-import { backdropStyle as R, anchorStyle as _, overlayStyle as b } from "./Drawer.style.js";
+import { overlayStyle as R, anchorStyle as _, backdropStyle as b } from "./Drawer.style.js";
 import { DrawerContextProvider as S } from "./DrawerContext.js";
 const x = u.forwardRef(({
   isOpen: r,
@@ -31,7 +31,7 @@ const x = u.forwardRef(({
     o || l();
   }), w(() => {
     r ? e.style.overflow = "hidden" : e.style.overflow = "";
-  }, [r, e.style]), e === null ? null : v.createPortal(/* @__PURE__ */ t(S, { hasFixedLayout: s, onClose: l, children: /* @__PURE__ */ t("div", { css: R({
+  }, [r, e.style]), e === null ? null : v.createPortal(/* @__PURE__ */ t(S, { hasFixedLayout: s, onClose: l, children: /* @__PURE__ */ t("div", { css: b({
     isOpen: r,
     anchor: f,
     size: a,
@@ -40,7 +40,7 @@ const x = u.forwardRef(({
     anchor: f,
     size: a,
     isBackgroundActive: o
-  }), children: /* @__PURE__ */ t("div", { ...y, ref: d, css: b({
+  }), children: /* @__PURE__ */ t("div", { ...y, ref: d, css: R({
     isOpen: r,
     anchor: f,
     hasFixedLayout: s

package/dist/components/Drawer/components/DrawerHeader/DrawerHeader.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as o } from "@emotion/react/jsx-runtime";
-import { headerStyle as i, closeIconContainer as c } from "../../Drawer.style.js";
+import { closeIconContainer as i, headerStyle as c } from "../../Drawer.style.js";
 import { useDrawerContext as d } from "../../DrawerContext.js";
 import l from "../../../Icon/Icon.js";
 const p = ({
@@ -11,12 +11,12 @@ const p = ({
     onClose: t = () => null,
     isScrollbarOnTop: n
   }] = d();
-  return /* @__PURE__ */ a("div", { css: i({
+  return /* @__PURE__ */ a("div", { css: c({
     isFixed: s,
     hasBoxShadow: !n
   }), children: [
     e,
-    /* @__PURE__ */ o("div", { css: c(), children: /* @__PURE__ */ o(l, { name: "close", onClick: t, dataTestId: `${r}_close_button` }) })
+    /* @__PURE__ */ o("div", { css: i(), children: /* @__PURE__ */ o(l, { name: "close", onClick: t, dataTestId: `${r}_close_button` }) })
   ] });
 };
 export {

package/dist/components/DropdownButton/DropdownButton.js

@@ -6,7 +6,7 @@ import w, { useCallback as c } from "react";
 import { generateTestDataId as d } from "../../utils/helpers.js";
 import N from "../utils/ClickAwayListener/ClickAwayListener.js";
 import { optionsStyle as j } from "../utils/DropdownOptions/index.js";
-import { wrapperStyle as z, iconButtonWrapper as _, buttonSpanStyle as A, iconButtonSpanStyle as F } from "./DropdownButton.style.js";
+import { iconButtonWrapper as z, buttonSpanStyle as _, iconButtonSpanStyle as A, wrapperStyle as F } from "./DropdownButton.style.js";
 import y from "../IconButton/IconButton.js";
 import R from "../Button/Button.js";
 import q from "../List/List.js";
@@ -36,15 +36,15 @@ const H = w.forwardRef((I, B) => {
     const O = String(L(Array.from(t))), u = s?.find((P) => P === O);
     u && p(u);
   }, [p, s]);
-  return /* @__PURE__ */ o(N, { onClick: () => i(!1), children: /* @__PURE__ */ h("div", { css: z(), children: [
-    v ? /* @__PURE__ */ o("div", { css: _({
+  return /* @__PURE__ */ o(N, { onClick: () => i(!1), children: /* @__PURE__ */ h("div", { css: F(), children: [
+    v ? /* @__PURE__ */ o("div", { css: z({
       type: e,
       isOpen: n
     }), children: /* @__PURE__ */ o(y, { type: e, size: r, iconName: S, onClick: f, dataTestPrefixId: d("icon-dropdown", a) }) }) : /* @__PURE__ */ h("div", { css: G, children: [
-      /* @__PURE__ */ o("div", { css: A({
+      /* @__PURE__ */ o("div", { css: _({
         type: e
       }), children: /* @__PURE__ */ o(R, { type: e, size: r, ref: B, onClick: g, dataTestPrefixId: d("dropdown", a), children: x }) }),
-      /* @__PURE__ */ o("div", { css: F({
+      /* @__PURE__ */ o("div", { css: A({
         isOpen: n,
         type: e
       }), children: /* @__PURE__ */ o(y, { type: e, size: r, iconName: "triangleDown", shape: "square", onClick: f, dataTestPrefixId: d("dropdown-toggle", a) }) })

package/dist/components/Filter/StatefulFilter.js

@@ -1,24 +1,24 @@
 import { jsx as c } from "@emotion/react/jsx-runtime";
-import i, { forwardRef as n, useState as p, useCallback as d } from "react";
+import i, { forwardRef as d, useState as n, useCallback as p } from "react";
 import F from "react-fast-compare";
 import S from "./Filter.js";
-const o = n(({
+const o = d(({
   isMulti: t,
   selectedFilter: e,
   onChange: a = () => {
   },
   ...f
-}, m) => {
-  const [u, r] = p(t ? e || [] : e || void 0), s = d((l) => {
+}, u) => {
+  const [m, r] = n(t ? e || [] : e || void 0), s = p((l) => {
     r(l), a(l);
   }, [a]);
   return (
     // @ts-ignore
-    /* @__PURE__ */ c(S, { ...f, selectedFilter: u, isMulti: t, onChange: s, onClear: () => r(t ? [] : void 0), ref: m })
+    /* @__PURE__ */ c(S, { ...f, selectedFilter: m, isMulti: t, onChange: s, onClear: () => r(t ? [] : void 0), ref: u })
   );
 });
 o.displayName = "StatefulFilter";
-const C = i.memo(o, F);
+const x = i.memo(o, F);
 export {
-  C as default
+  x as default
 };

package/dist/components/Filter/components/FilterButton/FilterButton.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as i } from "@emotion/react/jsx-runtime";
 import { vars as t } from "@orfium/tokens";
 import d from "react";
-import { buttonStyles as h, iconStyles as w } from "./FilterButton.style.js";
+import { iconStyles as h, buttonStyles as w } from "./FilterButton.style.js";
 import g from "../../../Tag/Tag.js";
 import n from "../../../Icon/Icon.js";
 var I = {
@@ -26,7 +26,7 @@ const T = d.forwardRef((c, f) => {
   } = c, x = m === "added", b = d.useMemo(() => r ? void 0 : (y) => {
     y.stopPropagation(), s();
   }, [r, s]);
-  return /* @__PURE__ */ a("button", { css: h({
+  return /* @__PURE__ */ a("button", { css: w({
     isActive: e,
     isPopulated: v,
     isDisabled: r
@@ -36,7 +36,7 @@ const T = d.forwardRef((c, f) => {
       "+",
       l
     ] }),
-    /* @__PURE__ */ i("div", { css: w({
+    /* @__PURE__ */ i("div", { css: h({
       isActive: e
     }), children: /* @__PURE__ */ i(n, { name: "triangleDown", size: t.sizing[4], color: e ? t.color.text.inverted.primary : t.color.text.default.active }) }),
     x && /* @__PURE__ */ i(n, { role: "button", "aria-label": "Remove filter", name: "close", size: t.sizing[4], color: e ? t.color.text.inverted.primary : t.color.text.default.active, onClick: b, dataTestPrefixId: `${o}_filter_close` })

package/dist/components/Filter/hooks/useFilterWithSelectionUtils.js

@@ -1,52 +1,52 @@
-import { differenceBy as O, debounce as _, isEqual as y } from "lodash-es";
-import p, { useState as A } from "react";
-import { SELECT_ALL_OPTION as D } from "../../Select/constants.js";
-const T = ({
-  isMulti: f,
-  setIsOpen: h,
-  isSearchable: i,
-  onChange: a,
+import { differenceBy as _, debounce as b, isEqual as D } from "lodash-es";
+import m, { useState as E } from "react";
+import { SELECT_ALL_OPTION as I } from "../../Select/constants.js";
+const k = ({
+  isMulti: a,
+  setIsOpen: L,
+  isSearchable: n,
+  onChange: f,
   selectedFilter: t,
-  onAsyncSearch: m,
+  onAsyncSearch: s,
   isAsync: o,
-  minCharactersToSearch: s,
+  minCharactersToSearch: d,
   items: l,
-  onClear: d
+  onClear: p
 }) => {
-  const [u, n] = A(""), c = p.useMemo(() => {
+  const [u, i] = E(""), c = m.useMemo(() => {
     if (!l) return;
-    const e = f && Array.isArray(t) ? O(l, t, "value") : l;
+    const e = a && Array.isArray(t) ? _(l, t, "value") : l;
     return o ? e : e.filter((r) => !u || r.label.toLowerCase().includes(u.toLowerCase()));
-  }, [o, l, f, t, u]), L = (e) => {
-    f || h(!1), i && n(""), f === !0 ? a && t && (y(e, D) ? a([...t, ...c.filter((r) => !r.isDisabled)]) : a([...t, e])) : a(e);
-  }, b = p.useCallback(_((e) => {
-    m?.(e);
-  }, 400), []);
+  }, [o, l, a, t, u]), h = (e) => {
+    a || L(!1), n && i(""), a === !0 ? f && t && (D(e, I) ? f([...t, ...c.filter((r) => !r.isDisabled)]) : f([...t, e])) : f(e);
+  }, v = m.useMemo(() => b((e) => {
+    s?.(e);
+  }, 400), [s]);
   return {
     searchValue: u,
-    handleFilterClick: L,
+    handleFilterClick: h,
     handleInput: (e) => {
       const {
         target: {
           value: r
         }
       } = e;
-      if (i && n(r), o) {
-        if (e.persist(), s && r.length && r.length < s)
+      if (n && i(r), o) {
+        if (e.persist(), d && r.length && r.length < d)
           return;
-        b(r.trim());
+        v(r.trim());
       }
     },
     filteredOptions: c,
     handleFilterDelete: (e) => {
-      const r = Array.isArray(t) ? t.filter((v) => v.value !== e.value) : [];
-      f === !0 && a && a(r);
+      const r = Array.isArray(t) ? t.filter((O) => O.value !== e.value) : [];
+      a === !0 && f && f(r);
     },
     handleClear: () => {
-      d && d(), n("");
+      p && p(), i("");
     }
   };
 };
 export {
-  T as default
+  k as default
 };

package/dist/components/Icon/Icon.js

@@ -5,7 +5,7 @@ import y from "../../hooks/useCombinedRefs.js";
 import * as I from "react";
 import { useRef as R } from "react";
 import x from "./assets/iconSelector.js";
-import { iconContainerStyles as S, iconStyles as b } from "./Icon.style.js";
+import { iconStyles as S, iconContainerStyles as b } from "./Icon.style.js";
 const h = I.forwardRef((o, c) => {
   o = v(o, "icon");
   const {
@@ -17,13 +17,13 @@ const h = I.forwardRef((o, c) => {
     hasHover: f,
     ...d
   } = o, n = y(c, R(null)), t = !!e, l = x[i];
-  return /* @__PURE__ */ s("div", { onClick: e, css: S({
+  return /* @__PURE__ */ s("div", { onClick: e, css: b({
     size: r,
     hasHover: f ?? t,
     isInteractive: t
   }), "data-testid": m, ref: n, tabIndex: t ? 0 : void 0, onKeyDown: (u) => {
     u.key === "Enter" && e && n.current.click();
-  }, ...d, children: /* @__PURE__ */ s(l, { css: b({
+  }, ...d, children: /* @__PURE__ */ s(l, { css: S({
     color: a,
     size: r
   }) }) });

package/dist/components/Label/Label.style.js

@@ -1,5 +1,5 @@
 import { css as i } from "@emotion/react";
-import { rem as r, vars as o } from "@orfium/tokens";
+import { vars as o, rem as r } from "@orfium/tokens";
 import { generateStylesFromTokens as m } from "../Typography/utils.js";
 const t = r(3), f = ({
   isAnimated: e,

package/dist/components/List/List.js

@@ -5,7 +5,7 @@ import { useListState as R } from "react-stately";
 import v from "../../hooks/useCombinedRefs.js";
 import x from "./components/ListItemWrapper/ListItemWrapper.js";
 import { ListItemWrapperStyled as I } from "./components/ListItemWrapper/ListItemWrapper.style.js";
-import { wrapperStyle as P, listStyle as _, groupedUlStyle as k } from "./List.style.js";
+import { listStyle as P, wrapperStyle as _, groupedUlStyle as k } from "./List.style.js";
 import { LIST_ITEM_HEIGHT as F } from "./utils.js";
 import B from "./Window.js";
 const T = p.forwardRef((e, l) => {
@@ -22,11 +22,11 @@ const T = p.forwardRef((e, l) => {
   }), c = p.useRef(null), a = v(c, l), {
     listBoxProps: m
   } = b(e, t, a), f = t.collection.getFirstKey(), y = f ? t.collection.getItem(f) : null;
-  return /* @__PURE__ */ i("div", { css: P({
+  return /* @__PURE__ */ i("div", { css: _({
     width: d
   }), children: /* @__PURE__ */ i("div", { "data-testid": s ? `${s}_list` : "ictinus_list", children: /* @__PURE__ */ i("div", { style: {
     height: o && r ? r : "100%"
-  }, children: /* @__PURE__ */ i(B, { ...m, css: _({
+  }, children: /* @__PURE__ */ i(B, { ...m, css: P({
     width: d,
     height: r
   }), id: m.id, isVirtualizationEnabled: o, rowHeight: F[y?.props.rowSize ?? "normal"], ref: a, children: Array.from(t.collection).map((n) => n.type === "section" ? /* @__PURE__ */ i(E, { section: n, state: t }, n.key) : /* @__PURE__ */ i(u, { item: n, state: t }, n.key)) }) }) }) });

package/dist/components/List/Window.js

@@ -6,36 +6,31 @@ import v from "../../hooks/useCombinedRefs.js";
 const a = 5, I = g(({
   rowHeight: e,
   children: o,
-  gap: r = 0,
-  isVirtualizationEnabled: m = !0,
+  gap: i = 0,
+  isVirtualizationEnabled: r = !0,
   ...c
 }, u) => {
   const [p, {
-    height: f
+    height: m
   }] = S(), d = v(p, u), [l, h] = t.useState(0), x = t.useMemo(() => {
-    if (!m)
-      return o.map((s, i) => t.cloneElement(s, {}));
-    const n = Math.max(Math.floor(l / e) - a, 0), y = Math.min(Math.ceil((l + f) / e - 1) + a, o.length - 1);
-    return o.slice(n, y + 1).map((s, i) => t.cloneElement(s, {
+    if (!r)
+      return o.map((s) => t.cloneElement(s, {}));
+    const n = Math.max(Math.floor(l / e) - a, 0), y = Math.min(Math.ceil((l + m) / e - 1) + a, o.length - 1);
+    return o.slice(n, y + 1).map((s, f) => t.cloneElement(s, {
       style: {
         position: "absolute",
-        top: (n + i) * e + i * r,
+        top: (n + f) * e + f * i,
         height: e,
         left: 0,
         right: 0,
         lineHeight: `${e}px`
       }
     }));
-  }, [o, f, e, l, r, m]), M = t.useMemo(() => b(
-    function(n) {
-      h(n.target.scrollTop);
-    },
-    50,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    {
-      leading: !1
-    }
-  ), []);
+  }, [o, m, e, l, i, r]), M = t.useMemo(() => b(function(n) {
+    h(n.target.scrollTop);
+  }, 50, {
+    leading: !1
+  }), []);
   return /* @__PURE__ */ R("ul", { onScroll: M, ...c, style: {
     overflowY: "auto",
     position: "relative",

package/dist/components/List/components/ListItemText/ListItemText.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as t } from "@emotion/react/jsx-runtime";
-import { listItemTextWrapperStyles as s, descriptionStyles as r } from "./ListItemText.style.js";
-const d = (e) => /* @__PURE__ */ i("div", { css: s(), children: [
+import { descriptionStyles as s, listItemTextWrapperStyles as r } from "./ListItemText.style.js";
+const d = (e) => /* @__PURE__ */ i("div", { css: r(), children: [
   /* @__PURE__ */ t("span", { children: e.children }),
-  e.description && /* @__PURE__ */ t("p", { css: r(), children: e.description })
+  e.description && /* @__PURE__ */ t("p", { css: s(), children: e.description })
 ] });
 export {
   d as default

package/dist/components/List/components/ListItemWrapper/ListItemWrapper.js

@@ -1,16 +1,13 @@
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import m from "react";
-import { ListItemWrapperStyled as d } from "./ListItemWrapper.style.js";
-const p = m.forwardRef(({
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import p from "react";
+import { ListItemWrapperStyled as s } from "./ListItemWrapper.style.js";
+const o = p.forwardRef(({
   children: e,
   rowSize: a,
   isDisabled: r = !1,
-  isHighlighted: f = !1,
-  searchTerm: l,
-  dataTestId: o,
   ...t
-}, i) => /* @__PURE__ */ s(d, { "data-testid": `ictinus_list_item_${t["data-key"]?.replace(/ /g, "_")}`, ...t, rowSize: a, isDisabled: r, ref: i, children: e }));
-p.displayName = "ListItem";
+}, i) => /* @__PURE__ */ m(s, { "data-testid": `ictinus_list_item_${t["data-key"]?.replace(/ /g, "_")}`, ...t, rowSize: a, isDisabled: r, ref: i, children: e }));
+o.displayName = "ListItem";
 export {
-  p as default
+  o as default
 };

package/dist/components/Modal/Modal.js

@@ -4,7 +4,7 @@ import u from "../../hooks/useEscape.js";
 import { useOverlayStack as p } from "../../hooks/useOverlayStack.js";
 import { useRef as v, useEffect as y } from "react";
 import { generateTestDataId as h } from "../../utils/helpers.js";
-import { backgroundContainer as C, cardSizing as b, closeContainer as g, modalContainer as k } from "./Modal.style.js";
+import { backgroundContainer as C, closeContainer as b, modalContainer as g, cardSizing as k } from "./Modal.style.js";
 import x from "./ModalContent/ModalContent.js";
 import I from "../Card/Card.js";
 import M from "../IconButton/IconButton.js";
@@ -30,9 +30,9 @@ const D = ({
     e();
   }), y(() => (r && (document.body.style.overflow = "hidden"), () => {
     document.body.style.overflow = "";
-  }), [r]), r ? /* @__PURE__ */ o("div", { css: C, "data-testid": h("modal-container", d), children: /* @__PURE__ */ o("div", { ...m, ref: i, css: b(n, c), children: /* @__PURE__ */ f(I, { elevated: "02", radius: "3", children: [
-    /* @__PURE__ */ o("div", { css: g, children: /* @__PURE__ */ o(M, { type: "tertiary", iconName: "close", onClick: e, iconColor: "secondary", dataTestId: "modal-close" }) }),
-    /* @__PURE__ */ o("div", { css: k({
+  }), [r]), r ? /* @__PURE__ */ o("div", { css: C, "data-testid": h("modal-container", d), children: /* @__PURE__ */ o("div", { ...m, ref: i, css: k(n, c), children: /* @__PURE__ */ f(I, { elevated: "02", radius: "3", children: [
+    /* @__PURE__ */ o("div", { css: b, children: /* @__PURE__ */ o(M, { type: "tertiary", iconName: "close", onClick: e, iconColor: "secondary", dataTestId: "modal-close" }) }),
+    /* @__PURE__ */ o("div", { css: g({
       isContentPadded: s
     }), children: t ? /* @__PURE__ */ o(x, { ...t }) : l })
   ] }) }) }) : null;

package/dist/components/MultiTextFieldBase/MultiTextFieldBase.js

@@ -1,82 +1,80 @@
-import { jsx as t, Fragment as L, jsxs as x } from "@emotion/react/jsx-runtime";
+import { jsx as t, Fragment as L, jsxs as h } from "@emotion/react/jsx-runtime";
 import { inputStyle as P } from "../TextInputBase/TextInputBase.style.js";
-import { merge as S, omit as U, last as $ } from "lodash-es";
+import { omit as S, last as U, merge as $ } from "lodash-es";
 import j, { useRef as A, useMemo as k } from "react";
 import { generateUniqueID as E, generateUniqueKey as N } from "../../utils/helpers.js";
 import V from "./hooks.js";
-import { tagStyle as W, tagContent as z, inputContainer as G, rightIconsContainer as H, progressIndicatorStyles as J, textInputBaseOverrides as Q, inputOverrides as X } from "./MultiTextFieldBase.style.js";
+import { tagContent as z, tagStyle as G, inputContainer as H, progressIndicatorStyles as J, rightIconsContainer as Q, textInputBaseOverrides as W, inputOverrides as X } from "./MultiTextFieldBase.style.js";
 import Y from "../Tag/Tag.js";
 import Z from "../TextInputBase/TextInputBase.js";
 import ee from "../Label/Label.js";
 import te from "../ProgressIndicator/ProgressIndicator.js";
-const ie = j.forwardRef((I, v) => {
+const se = j.forwardRef((x, I) => {
   const {
     selectedOptions: r,
     value: n,
-    isDisabled: s,
-    status: i = {
+    isDisabled: i,
+    status: s = {
       type: "normal"
     },
-    isReadOnly: T,
+    isReadOnly: v,
     label: a,
-    id: b,
+    id: T,
     placeholder: f,
     isRequired: o = !1,
     onOptionDelete: c,
-    onClearAllOptions: D,
-    isLoading: R,
+    onClearAllOptions: b,
+    isLoading: D,
     isInteractive: m = !0,
     isResponsive: _ = !1,
-    isTextfield: g = !1,
-    onKeyDown: B,
-    sx: M,
+    isTextfield: y = !1,
+    onKeyDown: M,
+    sx: O,
     ...d
-  } = I, u = A(b || E("multiTextfield_")).current, p = !!(n || r?.length && r?.length > 0), l = i?.type === "read-only", h = i?.hintMessage ? i?.id ?? `${u}_hintMessage` : void 0, {
-    inputPlaceholder: O,
-    handleKeyDown: C,
-    icon: w,
+  } = x, p = A(T || E("multiTextfield_")).current, u = !!(n || r?.length && r?.length > 0), l = s?.type === "read-only", g = s?.hintMessage ? s?.id ?? `${p}_hintMessage` : void 0, {
+    inputPlaceholder: R,
+    handleKeyDown: B,
+    icon: C,
     hasLabel: F,
-    TextfieldRef: y
+    TextfieldRef: q
   } = V({
-    isTextfield: g,
+    isTextfield: y,
     label: a,
     placeholder: f,
     isRequired: o,
-    hasValue: p,
+    hasValue: u,
     isLocked: l,
     value: n,
     onOptionDelete: c,
-    onClearAllOptions: D,
-    onKeyDown: B
-  }), q = k(() => /* @__PURE__ */ t(L, { children: r?.map((e, K) => /* @__PURE__ */ t("span", { css: W(), children: /* @__PURE__ */ t(Y, { onClear: i?.type === "read-only" || s ? void 0 : () => c(e), dataTestPrefixId: `tag_${K}`, children: /* @__PURE__ */ t("div", { title: typeof e == "string" ? e : e.label, css: z({
-    maxWidth: y.current?.getBoundingClientRect().width
-  }), children: typeof e == "string" ? e : e.label }) }) }, N("tag" + (typeof e == "string" ? e : e.label)))) }), [s, c, r, i?.type]);
-  return /* @__PURE__ */ t("div", { ref: y, children: /* @__PURE__ */ x(Z, { isDisabled: m && s, status: m ? {
-    ...i,
-    id: h
+    onClearAllOptions: b,
+    onKeyDown: M
+  }), w = k(() => /* @__PURE__ */ t(L, { children: r?.map((e, K) => /* @__PURE__ */ t("span", { css: G(), children: /* @__PURE__ */ t(Y, { onClear: s?.type === "read-only" || i ? void 0 : () => c(e), dataTestPrefixId: `tag_${K}`, children: /* @__PURE__ */ t("div", { title: typeof e == "string" ? e : e.label, css: z({}), children: typeof e == "string" ? e : e.label }) }) }, N("tag" + (typeof e == "string" ? e : e.label)))) }), [i, c, r, s?.type]);
+  return /* @__PURE__ */ t("div", { ref: q, children: /* @__PURE__ */ h(Z, { isDisabled: m && i, status: m ? {
+    ...s,
+    id: g
   } : {
     type: "normal"
-  }, ...d, isInteractive: m, sx: S(Q({
-    hasValue: p,
+  }, ...d, isInteractive: m, sx: $(W({
+    hasValue: u,
     hasLabel: F,
     isResponsive: _,
-    isTextfield: g
-  }), M), children: [
-    /* @__PURE__ */ x("div", { css: G(), "data-testid": "selected-tags", children: [
-      q,
-      /* @__PURE__ */ t("input", { readOnly: l || T, onKeyDown: C($(r)), css: P({
+    isTextfield: y
+  }), O), children: [
+    /* @__PURE__ */ h("div", { css: H(), "data-testid": "selected-tags", children: [
+      w,
+      /* @__PURE__ */ t("input", { readOnly: l || v, onKeyDown: B(U(r)), css: P({
         placeholder: f,
         label: a,
         sx: X(),
         isLocked: l,
-        isDisabled: s
-      }), placeholder: O, required: o, id: u, disabled: s || l, "data-testid": d.dataTestId ? `input_${d.dataTestId}` : "input", "aria-invalid": i?.type === "error", "aria-describedby": h, ...U(d, "dataTestId"), value: n, ref: v }),
-      a && /* @__PURE__ */ t(ee, { htmlFor: u, label: a, isRequired: o, isAnimated: p, hasError: !s && i?.type === "error" })
+        isDisabled: i
+      }), placeholder: R, required: o, id: p, disabled: i || l, "data-testid": d.dataTestId ? `input_${d.dataTestId}` : "input", "aria-invalid": s?.type === "error", "aria-describedby": g, ...S(d, "dataTestId"), value: n, ref: I }),
+      a && /* @__PURE__ */ t(ee, { htmlFor: p, label: a, isRequired: o, isAnimated: u, hasError: !i && s?.type === "error" })
     ] }),
-    !s && /* @__PURE__ */ t("div", { css: H(), children: R ? /* @__PURE__ */ t("div", { css: J(), children: /* @__PURE__ */ t(te, { type: "circular", dataTestPrefixId: "multi_textdield_base" }) }) : w })
+    !i && /* @__PURE__ */ t("div", { css: Q(), children: D ? /* @__PURE__ */ t("div", { css: J(), children: /* @__PURE__ */ t(te, { type: "circular", dataTestPrefixId: "multi_textdield_base" }) }) : C })
   ] }) });
 });
-ie.displayName = "MultiTextFieldBase";
+se.displayName = "MultiTextFieldBase";
 export {
-  ie as default
+  se as default
 };