@temp-spotwork/ui 1.7.3 → 1.7.5

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/SmallLargeText.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SmallLargeText } from './small-large-text';
+
+declare const meta: Meta<typeof SmallLargeText>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const TruncatedText: Story;
+export declare const CustomSize: Story;
+export declare const InitiallyExpanded: Story;
+export declare const WithHtmlContent: Story;

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

@@ -0,0 +1,60 @@
+import { SmallLargeText as e } from "./small-large-text.js";
+const a = {
+  title: "@spotwork-ui/atoms/SmallLargeText",
+  component: e,
+  parameters: {
+    layout: "padded"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    text: {
+      control: "text",
+      description: "The text content to display"
+    },
+    size: {
+      control: "number",
+      description: "Maximum number of characters to show when truncated (default: 300)"
+    },
+    isSmall: {
+      control: "boolean",
+      description: "Whether the text should initially be truncated (default: true)"
+    }
+  }
+}, t = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida.", o = {
+  args: {
+    text: "This is a short piece of text that does not need to be truncated."
+  }
+}, n = {
+  args: {
+    text: t
+  }
+}, s = {
+  args: {
+    text: t,
+    size: 100
+  }
+}, r = {
+  args: {
+    text: t,
+    isSmall: !1
+  }
+}, l = {
+  args: {
+    text: `This text contains <strong>HTML tags</strong> and a list:
+<ul>
+  <li>First item</li>
+  <li>Second item</li>
+</ul>
+This shows how the component sanitizes and renders HTML content properly.
+` + t,
+    size: 200
+  }
+};
+export {
+  s as CustomSize,
+  o as Default,
+  r as InitiallyExpanded,
+  n as TruncatedText,
+  l as WithHtmlContent,
+  a as default
+};

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

@@ -1,19 +1,20 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import "../../styles/tailwind-config/index.js";
-import { Typography as l } from "../../styles/typography/typography.js";
+import { Typography as a } from "../../styles/typography/typography.js";
 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 { Link as s } from "../../molecules/link/link.js";
-import { useState as c } from "react";
+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,16 +22,25 @@ 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";
-function G({ text: r, size: o = 300, isSmall: m = !0 }) {
-  const [t, p] = c(m);
+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__ */ i(l, { swStyle: 3, color: "default", children: t ? `${r.slice(0, o)}${r.length > o ? "..." : ""}` : r }),
-    r.length > o && /* @__PURE__ */ i(s, { text: t ? "Show More" : "Show Less", onClick: () => p((e) => !e) })
+    /* @__PURE__ */ t(a, { swStyle: 3, color: "default", children: /* @__PURE__ */ t(
+      "div",
+      {
+        className: "prose max-w-none [&_ul]:list-disc [&_ul]:pl-6 [&_ol]:list-decimal [&_ol]:pl-6",
+        dangerouslySetInnerHTML: {
+          __html: u.sanitize(e)
+        }
+      }
+    ) }),
+    o.length > r && /* @__PURE__ */ t(c, { text: l, onClick: () => p((s) => !s) })
   ] });
 }
 export {
-  G 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,10 +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-Bxiq5T7l.js";
 import "../../../card-Cc2Qkiqr.js";
-function er({
+function tr({
   children: p,
   width: c,
   open: d,
@@ -75,5 +77,5 @@ function er({
   ] }) });
 }
 export {
-  er 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,11 +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-Bxiq5T7l.js";
 import "../../../card-Cc2Qkiqr.js";
 import { useUIElementSize as n } from "./use-ui-element-size.js";
-function sr({
+function dr({
   children: f,
   width: h,
   open: x,
@@ -100,5 +102,5 @@ function sr({
   ] }) });
 }
 export {
-  sr 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,13 +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-Bxiq5T7l.js";
 import "../../../card-Cc2Qkiqr.js";
-function gr({
+function Nr({
   children: N,
   actionBox: b,
   title: l,
   open: o,
-  setOpen: i,
+  setOpen: e,
   width: a,
   transitionDuration: c = 500,
   hasOverlayBg: C = !1,
@@ -43,7 +45,7 @@ function gr({
   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%)" },
@@ -62,12 +64,12 @@ function gr({
     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,
@@ -109,7 +111,7 @@ function gr({
               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
@@ -123,5 +125,5 @@ function gr({
   ) }) });
 }
 export {
-  gr 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) {

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

@@ -8,12 +8,12 @@ import "../../../styles/colors/colors.js";
 import { surface as o } from "../../../styles/colors/colormap.js";
 import { outlinedBorder as dt } from "../../../styles/defaults/defaults.js";
 import { Typography as p } from "../../../styles/typography/typography.js";
-import { c as x } from "../../../../index-fN7hCOo3.js";
+import { c as x } from "../../../../index-Y8TYOJJY.js";
 import { formatDateToMonthYear as N, endOfMonth as v, parseShortMonthYear as u, formatShortMonthYear as mt, isSameMonth as P, isSameWeek as D } from "../../../atoms/form/dateselect/helpers.js";
-import { s as ft } from "../../../../startOfToday-BPMZZniU.js";
-import { p as ht, e as Y, s as ut, a as yt, b as Mt, i as O, c as k } from "../../../../isToday-DmBTkQMq.js";
+import { s as ft } from "../../../../startOfToday-CHlrckpa.js";
+import { p as ht, e as Y, s as ut, a as yt, b as Mt, i as O, c as k } from "../../../../isToday-CO0rX_Nr.js";
 import { s as gt, a as f } from "../../../../startOfWeek-DBvLd9He.js";
-import { f as s, g as pt, a as w } from "../../../../format-BwmhcciO.js";
+import { f as s, d as pt, a as w } from "../../../../format-BuDzOByC.js";
 function Pt({
   mode: y = "day",
   weekStartsAt: a = 0,

package/dist/components/molecules/filter/dropdown-selector/dropdown-selector.js

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as n } from "react/jsx-runtime";
 import { useRef as V, useState as P } from "react";
-import { R as $, T as F, I as K, P as z, C as L, V as M, a as U } from "../../../../index-DVNTJNwY.js";
-import { c as W } from "../../../../index-fN7hCOo3.js";
+import { R as $, T as F, I as K, P as z, C as L, V as M, a as U } from "../../../../index-C8EuuBMC.js";
+import { c as W } from "../../../../index-Y8TYOJJY.js";
 import { outlinedBorder as S, border as Z } from "../../../styles/defaults/defaults.js";
 import { Typography as g } from "../../../styles/typography/typography.js";
 import { filterDropdownStyles as q, contentStyles as G } from "./styles.js";

package/dist/components/molecules/filter/dropdown-selector/styles.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../../../index-fN7hCOo3.js";
+import { c as e } from "../../../../index-Y8TYOJJY.js";
 const r = e(
   "px-md h-[4rem] w-full flex flex-row justify-between items-center gap-md"
 ), s = e(