@temp-spotwork/ui 1.7.4 → 1.7.6

package/dist/components/atoms/form/time-picker/time-picker-input.js

@@ -1,6 +1,6 @@
 import { jsxs as X, jsx as M } from "react/jsx-runtime";
 import { forwardRef as Y, useRef as z, useState as B, useEffect as I, useCallback as O } from "react";
-import "../../../../purify.es-CcKdJiNO.js";
+import "../../../../purify.es-Bxiq5T7l.js";
 import { styleMap as ee } from "../../../styles/typography/style.js";
 import "../../../styles/colors/colormap.js";
 import { t as L } from "../../../../bundle-mjs-BjFsLjkg.js";
@@ -8,7 +8,7 @@ import { Icons as te } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";
 import { outlinedBorder as P } from "../../../styles/defaults/defaults.js";
-import { m as c } from "../../../../index-DMvnp-vR.js";
+import { m as c } from "../../../../index-e0vK3ttb.js";
 import { getLabelColor as se, getBorderClasses as ne } from "../utils-for-forms/state-functions.js";
 const de = Y(
   ({

package/dist/components/atoms/form/time-picker/time-picker.js

@@ -5,7 +5,7 @@ import { getLabelColor as B, getHelperTextColor as b } from "../utils-for-forms/
 import { FormHelperText as ee } from "../form-helper-text/form-helper-text.js";
 import { TimePickerInput as te } from "./time-picker-input.js";
 import { TimePickerDropdown as oe } from "./time-picker-dropdown.js";
-import { m as n } from "../../../../index-DMvnp-vR.js";
+import { m as n } from "../../../../index-e0vK3ttb.js";
 import { t as ne } from "../../../../bundle-mjs-BjFsLjkg.js";
 const pe = W.forwardRef(
   ({

package/dist/components/atoms/form/time-picker/time-picker.stories.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import { useState as d } from "react";
 import { TimePicker as m } from "./time-picker.js";
-import { m as t } from "../../../../index-DMvnp-vR.js";
+import { m as t } from "../../../../index-e0vK3ttb.js";
 import { w as i, e as s, u as c } from "../../../../index-Dpx0xQmQ.js";
 const n = (e) => {
   const [r, a] = d(e.value || /* @__PURE__ */ new Date());

package/dist/components/atoms/form/timeselect/hours-switch.js

@@ -1,7 +1,7 @@
 import { jsxs as y, jsx as n } from "react/jsx-runtime";
 import { useRef as C, useCallback as c, useEffect as b } from "react";
-import { l as g } from "../../../../lodash-CyvSh4lH.js";
-import { c as p } from "../../../../index-fN7hCOo3.js";
+import { l as g } from "../../../../lodash-Da6oICkd.js";
+import { c as p } from "../../../../index-Y8TYOJJY.js";
 import { Icons as v } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";

package/dist/components/atoms/form/timeselect/minutes-switch.js

@@ -1,7 +1,7 @@
 import { jsxs as y, jsx as a } from "react/jsx-runtime";
 import { useRef as C, useCallback as s, useEffect as b } from "react";
-import { l as g } from "../../../../lodash-CyvSh4lH.js";
-import { c as v } from "../../../../index-fN7hCOo3.js";
+import { l as g } from "../../../../lodash-Da6oICkd.js";
+import { c as v } from "../../../../index-Y8TYOJJY.js";
 import { Icons as x } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";

package/dist/components/atoms/form/timeselect/timeselect.js

@@ -4,7 +4,7 @@ import { Icons as P } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";
 import { getStyles as E } from "./styles.js";
-import { c as r } from "../../../../index-fN7hCOo3.js";
+import { c as r } from "../../../../index-Y8TYOJJY.js";
 import { Typography as s } from "../../../styles/typography/typography.js";
 import { getLabelColor as F, getInnerIconColor as L, getBorderClasses as b, getHelperTextColor as j } from "../utils-for-forms/state-functions.js";
 import { FormHelperText as _ } from "../form-helper-text/form-helper-text.js";

package/dist/components/atoms/icons/icons.js

@@ -1,12 +1,12 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import { svgs as N } from "./iconMap.js";
 import { Typography as A } from "../../styles/typography/typography.js";
-import { T as $, a as S, b as j, C as T, A as z } from "../../../index-Bam3aisa.js";
-import { styles as C } from "./styles.js";
+import { T as $, b as S, P as j, C as P, A as T } from "../../../index-CSucbNlF.js";
+import { styles as z } from "./styles.js";
 import "../../styles/colors/colors.js";
 import { crusta as f, cinnabar as b, glyph as e, dataVizColors as d } from "../../styles/colors/colormap.js";
 import { t as g } from "../../../bundle-mjs-BjFsLjkg.js";
-import { tooltipArrowStyles as E, toolTipStyles as M } from "../../styles/tool-tip/styles.js";
+import { tooltipArrowStyles as C, toolTipStyles as E } from "../../styles/tool-tip/styles.js";
 function O({
   icon: h = "Add",
   color: a = "default",
@@ -21,7 +21,7 @@ function O({
   hoverBackground: w,
   autoFocus: m = !1
 }) {
-  const l = N[h], I = C(), u = r ? /* @__PURE__ */ t(
+  const l = N[h], I = z(), u = r ? /* @__PURE__ */ t(
     l,
     {
       "data-testid": `icon-${o}`,
@@ -67,9 +67,9 @@ function O({
   );
   return i ? /* @__PURE__ */ p($, { children: [
     /* @__PURE__ */ t(S, { asChild: !r, disabled: r, children: u }),
-    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ p(T, { className: g(M), side: "bottom", align: "center", children: [
+    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ p(P, { className: g(E), side: "bottom", align: "center", children: [
       typeof i == "string" ? /* @__PURE__ */ t(A, { color: "defaultInverted", children: i, swStyle: 1, className: "px-xs max-w-[30rem]" }) : i,
-      /* @__PURE__ */ t(z, { className: E })
+      /* @__PURE__ */ t(T, { className: C })
     ] }) })
   ] }) : u;
 }

package/dist/components/atoms/icons/icons.stories.js

@@ -5,7 +5,7 @@ import "./iconsSVGs/Large/Profile.js";
 import "./iconsSVGs/Small/Profile.js";
 import "../../styles/colors/colors.js";
 import { glyphColorsKeys as t } from "../../styles/colors/colormap.js";
-import { P as r } from "../../../index-Bam3aisa.js";
+import { a as r } from "../../../index-CSucbNlF.js";
 import c from "react";
 const f = {
   title: "@spotwork-ui/atoms/Icons",

package/dist/components/atoms/navigation/navigation-item/navigation-item.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { SvgKey } from '../../icons';
 
 export type NavigationItemProps = {
@@ -25,5 +26,17 @@ export type NavigationItemProps = {
      * Size of the loading spinner (defaults to "small")
      */
     loadingIconSize?: 'small' | 'large';
+    /**
+     * Callback fired when the item is clicked or activated via keyboard
+     */
+    onClick?: (link: string) => void;
+    /**
+     * Optional keyboard event handler
+     */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLAnchorElement>) => void;
+    /**
+     * The destination URL for the navigation item
+     */
+    href?: string;
 };
-export declare function NavigationItem({ label, icon, isActive, isNavigation, isLoading, loadingIconSize, }: NavigationItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const NavigationItem: React.ForwardRefExoticComponent<NavigationItemProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/atoms/navigation/navigation-item/navigation-item.js

@@ -1,64 +1,64 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useState as f } from "react";
-import { Typography as p } from "../../../styles/typography/typography.js";
-import { container as d } from "./styles.js";
-import { Icons as n } from "../../icons/icons.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { forwardRef as p, useState as u } from "react";
+import { Typography as g } from "../../../styles/typography/typography.js";
+import { container as h } from "./styles.js";
+import { Icons as m } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";
-import { t as u } from "../../../../bundle-mjs-BjFsLjkg.js";
-import { LoadingSpinner as g } from "../../../molecules/button/loading-spinner.js";
-function $({
-  label: r,
-  icon: t,
-  isActive: o = !1,
-  isNavigation: s = !1,
-  isLoading: m = !1,
-  loadingIconSize: c = "small"
-}) {
-  const [l, a] = f(!1);
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: u(
-        d,
-        "flex items-center min-w-[14rem]",
-        // horizontal layout
-        o ? "bg-surface-active" : "cursor-pointer group-focus:bg-surface-active"
-      ),
-      onFocus: () => a(!0),
-      onBlur: () => a(!1),
-      "data-testid": "navigationItem-container",
-      children: [
-        t && /* @__PURE__ */ e("span", { className: "mr-2", children: /* @__PURE__ */ e(
-          n,
-          {
-            icon: t,
-            id: `navitem-${r}-start-icon`,
-            color: o ? "active" : "default"
-          }
-        ) }),
-        /* @__PURE__ */ e(p, { swStyle: 3, color: o ? "active" : "default", className: "whitespace-nowrap", children: r }),
-        /* @__PURE__ */ i("div", { className: "ml-auto flex items-center gap-2", children: [
-          m && /* @__PURE__ */ e(
-            g,
+import { t as w } from "../../../../bundle-mjs-BjFsLjkg.js";
+import { LoadingSpinner as v } from "../../../molecules/button/loading-spinner.js";
+const z = p(
+  ({ label: t, icon: r, isActive: o = !1, isNavigation: c = !1, onClick: a, href: n, loadingIconSize: l = "small", isLoading: f = !1 }) => {
+    const [d, i] = u(!1);
+    return /* @__PURE__ */ s(
+      "a",
+      {
+        href: n,
+        tabIndex: 0,
+        className: w(
+          h,
+          "flex items-center min-w-[14rem] focus:outline-none focus:bg-surface-active",
+          // horizontal layout
+          o ? "bg-surface-active" : "cursor-pointer"
+        ),
+        onFocus: () => i(!0),
+        onBlur: () => i(!1),
+        onClick: () => {
+          a && a(n || "");
+        },
+        "data-testid": "navigationItem-container",
+        children: [
+          r && /* @__PURE__ */ e("span", { className: "mr-2", children: /* @__PURE__ */ e(
+            m,
             {
-              size: c
+              icon: r,
+              id: `navitem-${t}-start-icon`,
+              color: o ? "active" : "default"
             }
-          ),
-          !o && s && l && /* @__PURE__ */ e(
-            n,
+          ) }),
+          /* @__PURE__ */ e(
+            g,
             {
-              icon: "ChevronRight",
-              id: `navitem-${r}-end-icon`,
-              color: "default",
-              disabled: !0
+              swStyle: 3,
+              color: o ? "active" : "default",
+              className: "whitespace-nowrap",
+              children: t
             }
-          )
-        ] })
-      ]
-    }
-  );
-}
+          ),
+          /* @__PURE__ */ s("div", { className: "ml-auto flex items-center gap-2", children: [
+            f && /* @__PURE__ */ e(
+              v,
+              {
+                size: l
+              }
+            ),
+            !o && c && d && /* @__PURE__ */ e(m, { icon: "ChevronRight", id: `navitem-${t}-end-icon`, color: "default", disabled: !0 })
+          ] })
+        ]
+      }
+    );
+  }
+);
 export {
-  $ as NavigationItem
+  z as NavigationItem
 };

package/dist/components/atoms/small-large-text/small-large-text.js

@@ -5,15 +5,16 @@ import "../../styles/colors/colors.js";
 import "../../styles/colors/colormap.js";
 import "../icons/iconsSVGs/Large/Profile.js";
 import "../icons/iconsSVGs/Small/Profile.js";
-import "../../../index-fN7hCOo3.js";
+import "../../../index-Y8TYOJJY.js";
 import { Link as c } from "../../molecules/link/link.js";
 import { useState as d } from "react";
+import "../navigation/navigation-item/navigation-item.js";
 import "../form/dateselect/dateselect.js";
 import "../form/time-picker/time-picker.js";
 import "../form/dropdown/dropdown.js";
 import "../../molecules/filter/dropdown-selector/styles.js";
 import "../form/dropdown-search/dropdown-search.js";
-import "../../../index-DMvnp-vR.js";
+import "../../../index-e0vK3ttb.js";
 import "../form/textfield/textfield.js";
 import "../form/stepper/stepper.js";
 import "../form/textarea/textarea.js";
@@ -21,11 +22,11 @@ import "../form/textarea/rich-textarea.js";
 import "../form/timeselect/timeselect.js";
 import "../../molecules/datatables/cell/cell.js";
 import "../../molecules/dataviz/donut-chart/donut-chart.js";
-import "../../../react-spring_web.modern-BzbxCya-.js";
+import "../../../react-spring_web.modern-CKwWSQke.js";
 import "../../molecules/form/radiogroup/radiogroup.js";
 import "../../../card-Cc2Qkiqr.js";
-import { p as u } from "../../../purify.es-CcKdJiNO.js";
-function J({ text: o, size: r = 300, isSmall: m = !0 }) {
+import { p as u } from "../../../purify.es-Bxiq5T7l.js";
+function K({ text: o, size: r = 300, isSmall: m = !0 }) {
   const [i, p] = d(m), e = i ? `${o.slice(0, r)}${o.length > r ? "..." : ""}` : o, l = i ? "Show More" : "Show Less";
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ t(a, { swStyle: 3, color: "default", children: /* @__PURE__ */ t(
@@ -41,5 +42,5 @@ function J({ text: o, size: r = 300, isSmall: m = !0 }) {
   ] });
 }
 export {
-  J as SmallLargeText
+  K as SmallLargeText
 };

package/dist/components/atoms/tooltip/tooltip.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { T as d, a as h, b as f, C as y, A as w } from "../../../index-Bam3aisa.js";
+import { T as d, b as h, P as f, C as y, A as w } from "../../../index-CSucbNlF.js";
 import { t as x } from "../../../bundle-mjs-BjFsLjkg.js";
 import { tooltipArrowStyles as T, toolTipStyles as g } from "../../styles/tool-tip/styles.js";
 import { Typography as u } from "../../styles/typography/typography.js";
@@ -8,8 +8,8 @@ const j = ({
   isTriggerAsChild: s = !0,
   content: o,
   side: l = "bottom",
-  align: a = "center",
-  className: i,
+  align: i = "center",
+  className: a,
   sideOffset: p,
   alignOffset: m,
   avoidCollisions: c,
@@ -19,9 +19,9 @@ const j = ({
   /* @__PURE__ */ r(f, { children: /* @__PURE__ */ t(
     y,
     {
-      className: x(g, i),
+      className: x(g, a),
       side: l,
-      align: a,
+      align: i,
       sideOffset: p,
       alignOffset: m,
       avoidCollisions: c,

package/dist/components/atoms/tooltip/tooltip.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { P as s } from "../../../index-Bam3aisa.js";
+import { a as s } from "../../../index-CSucbNlF.js";
 import { Tooltip as n } from "./tooltip.js";
 import { Button as o } from "../../molecules/button/button.js";
 import { Icons as r } from "../icons/icons.js";

package/dist/components/molecules/alert/alert.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { R as x, P as I, O as T, C as h, T as _, D as u } from "../../../index-Ck3lRuRz.js";
+import { R as x, P as I, O as T, C as h, T as _, D as u } from "../../../index-CYMdFyYH.js";
 import "../../styles/tailwind-config/index.js";
 import { Typography as G } from "../../styles/typography/typography.js";
 import "../../styles/colors/colors.js";
@@ -8,14 +8,15 @@ import { t as s } from "../../../bundle-mjs-BjFsLjkg.js";
 import { Icons as H } from "../../atoms/icons/icons.js";
 import "../../atoms/icons/iconsSVGs/Large/Profile.js";
 import "../../atoms/icons/iconsSVGs/Small/Profile.js";
-import "../../../index-fN7hCOo3.js";
+import "../../../index-Y8TYOJJY.js";
 import "react";
+import "../../atoms/navigation/navigation-item/navigation-item.js";
 import "../../atoms/form/dateselect/dateselect.js";
 import "../../atoms/form/time-picker/time-picker.js";
 import "../../atoms/form/dropdown/dropdown.js";
 import "../filter/dropdown-selector/styles.js";
 import "../../atoms/form/dropdown-search/dropdown-search.js";
-import "../../../index-DMvnp-vR.js";
+import "../../../index-e0vK3ttb.js";
 import "../../atoms/form/textfield/textfield.js";
 import "../../atoms/form/stepper/stepper.js";
 import "../../atoms/form/textarea/textarea.js";
@@ -24,11 +25,11 @@ import "../../atoms/form/timeselect/timeselect.js";
 import { Button as b } from "../button/button.js";
 import "../datatables/cell/cell.js";
 import "../dataviz/donut-chart/donut-chart.js";
-import "../../../react-spring_web.modern-BzbxCya-.js";
+import "../../../react-spring_web.modern-CKwWSQke.js";
 import "../form/radiogroup/radiogroup.js";
-import "../../../purify.es-CcKdJiNO.js";
+import "../../../purify.es-Bxiq5T7l.js";
 import "../../../card-Cc2Qkiqr.js";
-function or({
+function tr({
   children: p,
   width: c,
   open: d,
@@ -76,5 +77,5 @@ function or({
   ] }) });
 }
 export {
-  or as Alert
+  tr as Alert
 };

package/dist/components/molecules/conversation/contact/contact.js

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { useState as v } from "react";
-import { c as t } from "../../../../index-fN7hCOo3.js";
+import { c as t } from "../../../../index-Y8TYOJJY.js";
 import { Avatar as C } from "../../../atoms/avatar/avatar.js";
 import { Typography as p } from "../../../styles/typography/typography.js";
 import { Badge as f } from "../../../atoms/badge/badge.js";

package/dist/components/molecules/conversation/message-editor/message-editor.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import c from "react";
 import { Textfield as d } from "../../../atoms/form/textfield/textfield.js";
-import { c as m } from "../../../../index-fN7hCOo3.js";
+import { c as m } from "../../../../index-Y8TYOJJY.js";
 import { messageEditor as l } from "./styles.js";
 function C({
   startIcon: e,

package/dist/components/molecules/datatables/row-header/row-header.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import x from "react";
-import { c as d } from "../../../../index-fN7hCOo3.js";
+import { c as d } from "../../../../index-Y8TYOJJY.js";
 import { contentBox as h, container as p, containerBorder as u } from "./styles.js";
 import { Avatar as v } from "../../../atoms/avatar/avatar.js";
 import { Typography as N } from "../../../styles/typography/typography.js";

package/dist/components/molecules/dataviz/donut-chart/donut-chart.js

@@ -5,7 +5,7 @@ import { jsx as H, jsxs as Mt } from "react/jsx-runtime";
 import { forwardRef as Ki, useRef as Ke, useEffect as bt } from "react";
 import { Typography as xt } from "../../../styles/typography/typography.js";
 import { getStyles as As } from "./styles.js";
-import { c as Ps } from "../../../../index-fN7hCOo3.js";
+import { c as Ps } from "../../../../index-Y8TYOJJY.js";
 /*!
  * @kurkle/color v0.3.4
  * https://github.com/kurkle/color#readme

package/dist/components/molecules/dataviz/dot-matrix/dot-matrix.js

@@ -1,7 +1,7 @@
 import { jsx as l, jsxs as m } from "react/jsx-runtime";
 import { Typography as d } from "../../../styles/typography/typography.js";
 import { getClasses as g } from "./styles.js";
-import { c as f } from "../../../../index-fN7hCOo3.js";
+import { c as f } from "../../../../index-Y8TYOJJY.js";
 function S({
   showSummary: n,
   data: s,

package/dist/components/molecules/dialog/dialog.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { R as $, P as I, O as _, C as j, T as R, D as z } from "../../../index-Ck3lRuRz.js";
+import { R as $, P as I, O as _, C as j, T as R, D as z } from "../../../index-CYMdFyYH.js";
 import "../../styles/tailwind-config/index.js";
 import { Typography as D } from "../../styles/typography/typography.js";
 import "../../styles/colors/colors.js";
@@ -8,14 +8,15 @@ import { t as c } from "../../../bundle-mjs-BjFsLjkg.js";
 import { Icons as O } from "../../atoms/icons/icons.js";
 import "../../atoms/icons/iconsSVGs/Large/Profile.js";
 import "../../atoms/icons/iconsSVGs/Small/Profile.js";
-import "../../../index-fN7hCOo3.js";
+import "../../../index-Y8TYOJJY.js";
 import "react";
+import "../../atoms/navigation/navigation-item/navigation-item.js";
 import "../../atoms/form/dateselect/dateselect.js";
 import "../../atoms/form/time-picker/time-picker.js";
 import "../../atoms/form/dropdown/dropdown.js";
 import "../filter/dropdown-selector/styles.js";
 import "../../atoms/form/dropdown-search/dropdown-search.js";
-import "../../../index-DMvnp-vR.js";
+import "../../../index-e0vK3ttb.js";
 import "../../atoms/form/textfield/textfield.js";
 import "../../atoms/form/stepper/stepper.js";
 import "../../atoms/form/textarea/textarea.js";
@@ -24,12 +25,12 @@ import "../../atoms/form/timeselect/timeselect.js";
 import { Button as d } from "../button/button.js";
 import "../datatables/cell/cell.js";
 import "../dataviz/donut-chart/donut-chart.js";
-import "../../../react-spring_web.modern-BzbxCya-.js";
+import "../../../react-spring_web.modern-CKwWSQke.js";
 import "../form/radiogroup/radiogroup.js";
-import "../../../purify.es-CcKdJiNO.js";
+import "../../../purify.es-Bxiq5T7l.js";
 import "../../../card-Cc2Qkiqr.js";
 import { useUIElementSize as n } from "./use-ui-element-size.js";
-function cr({
+function dr({
   children: f,
   width: h,
   open: x,
@@ -101,5 +102,5 @@ function cr({
   ] }) });
 }
 export {
-  cr as Dialog
+  dr as Dialog
 };

package/dist/components/molecules/drawer/drawer.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as t, Fragment as k } from "react/jsx-runtime";
 import { useState as I, useRef as y, useMemo as X, useEffect as v } from "react";
-import { u as E, b as F, a as g } from "../../../react-spring_web.modern-BzbxCya-.js";
-import { R as M, P as q, O as z, C as A, D as G, T as H } from "../../../index-Ck3lRuRz.js";
+import { b as E, u as F, a as g } from "../../../react-spring_web.modern-CKwWSQke.js";
+import { R as M, P as q, O as z, C as A, D as G, T as H } from "../../../index-CYMdFyYH.js";
 import "../../styles/tailwind-config/index.js";
 import { Typography as w } from "../../styles/typography/typography.js";
 import "../../styles/colors/colors.js";
@@ -9,13 +9,14 @@ import { surface as J } from "../../styles/colors/colormap.js";
 import { Icons as K } from "../../atoms/icons/icons.js";
 import "../../atoms/icons/iconsSVGs/Large/Profile.js";
 import "../../atoms/icons/iconsSVGs/Small/Profile.js";
-import "../../../index-fN7hCOo3.js";
+import "../../../index-Y8TYOJJY.js";
+import "../../atoms/navigation/navigation-item/navigation-item.js";
 import "../../atoms/form/dateselect/dateselect.js";
 import "../../atoms/form/time-picker/time-picker.js";
 import "../../atoms/form/dropdown/dropdown.js";
 import "../filter/dropdown-selector/styles.js";
 import "../../atoms/form/dropdown-search/dropdown-search.js";
-import "../../../index-DMvnp-vR.js";
+import "../../../index-e0vK3ttb.js";
 import "../../atoms/form/textfield/textfield.js";
 import "../../atoms/form/stepper/stepper.js";
 import "../../atoms/form/textarea/textarea.js";
@@ -25,14 +26,14 @@ import { Button as L } from "../button/button.js";
 import "../datatables/cell/cell.js";
 import "../dataviz/donut-chart/donut-chart.js";
 import "../form/radiogroup/radiogroup.js";
-import "../../../purify.es-CcKdJiNO.js";
+import "../../../purify.es-Bxiq5T7l.js";
 import "../../../card-Cc2Qkiqr.js";
-function wr({
+function Nr({
   children: N,
   actionBox: b,
   title: l,
   open: o,
-  setOpen: i,
+  setOpen: e,
   width: a,
   transitionDuration: c = 500,
   hasOverlayBg: C = !1,
@@ -44,7 +45,7 @@ function wr({
   scrollBehavior: D = "auto",
   enableScroll: s = !0
 }) {
-  const [n, T] = I(c), e = y(null), h = y(0), R = X(
+  const [n, T] = I(c), i = y(null), h = y(0), R = X(
     () => ({
       from: { opacity: 0, transform: `translateX(${a})` },
       enter: { opacity: 1, transform: "translateX(0%)" },
@@ -63,12 +64,12 @@ function wr({
     config: { duration: n }
   });
   v(() => {
-    o && m && s && e.current && (e.current.scrollTop = h.current);
+    o && m && s && i.current && (i.current.scrollTop = h.current);
   }, [o, m, s]);
   const $ = () => {
-    m && s && e.current && (h.current = e.current.scrollTop), i == null || i(!1);
+    m && s && i.current && (h.current = i.current.scrollTop), e == null || e(!1);
   };
-  return /* @__PURE__ */ r(M, { open: o, onOpenChange: i, children: /* @__PURE__ */ r(q, { children: B(
+  return /* @__PURE__ */ r(M, { open: o, onOpenChange: e, children: /* @__PURE__ */ r(q, { children: B(
     (x, j) => j ? /* @__PURE__ */ t(k, { children: [
       /* @__PURE__ */ r(g.div, { style: { opacity: x.opacity }, children: /* @__PURE__ */ r(
         z,
@@ -110,7 +111,7 @@ function wr({
               o && /* @__PURE__ */ r(
                 "div",
                 {
-                  ref: e,
+                  ref: i,
                   className: `flex-1 ${s ? "overflow-y-auto overflow-x-hidden" : "overflow-hidden"}`,
                   style: { scrollBehavior: D },
                   children: N
@@ -124,5 +125,5 @@ function wr({
   ) }) });
 }
 export {
-  wr as Drawer
+  Nr as Drawer
 };

package/dist/components/molecules/filter/checkbox/checkbox.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { useId as n } from "react";
-import { C as d, a as c } from "../../../../index-B9jfXCBx.js";
+import { C as d, a as c } from "../../../../index-CRTzrqB9.js";
 import { Icons as i } from "../../../atoms/icons/icons.js";
 import "../../../atoms/icons/iconsSVGs/Large/Profile.js";
 import "../../../atoms/icons/iconsSVGs/Small/Profile.js";

package/dist/components/molecules/filter/context-search/context-search.js

@@ -5,7 +5,7 @@ import "../../../atoms/icons/iconsSVGs/Large/Profile.js";
 import "../../../atoms/icons/iconsSVGs/Small/Profile.js";
 import { t as s } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { outlinedBorder as l } from "../../../styles/defaults/defaults.js";
-import "../../../../purify.es-CcKdJiNO.js";
+import "../../../../purify.es-Bxiq5T7l.js";
 import { styleMap as v } from "../../../styles/typography/style.js";
 import "../../../styles/colors/colormap.js";
 const $ = ({

package/dist/components/molecules/filter/date-range-selector/date-range-selector.js

@@ -11,11 +11,11 @@ import { Typography as i } from "../../../styles/typography/typography.js";
 import { getBorderClasses as ee, getInnerIconColor as te } from "../../../atoms/form/utils-for-forms/state-functions.js";
 import { formatDateToMonthYear as R, parseShortMonthYear as j, formatShortMonthYear as re, isSameMonth as T } from "../../../atoms/form/dateselect/helpers.js";
 import { useStickyZIndex as ne } from "../../../../hooks/use-sticky-z-index.js";
-import { s as se } from "../../../../startOfToday-BPMZZniU.js";
-import { p as oe, s as ae, a as ce, e as ie, b as le, c as $, i as f } from "../../../../isToday-DmBTkQMq.js";
-import { a as L } from "../../../../addYears-D3POA9ql.js";
+import { s as se } from "../../../../startOfToday-CHlrckpa.js";
+import { p as oe, s as ae, a as ce, e as ie, b as le, c as $, i as f } from "../../../../isToday-CO0rX_Nr.js";
+import { a as L } from "../../../../addYears-BWBSd1NA.js";
 import { t as m } from "../../../../toDate-DF9e2eS8.js";
-import { f as O, a as D, s as l, g as de } from "../../../../format-BwmhcciO.js";
+import { f as O, a as D, s as l, d as de } from "../../../../format-BuDzOByC.js";
 import { i as a } from "../../../../isWithinInterval-BTUruC3j.js";
 import { i as fe } from "../../../../isBefore-D0yKF9R5.js";
 function me(t) {