@temp-spotwork/ui 1.7.4 → 1.7.6

package/dist/{Combination-B1NSOvaC.js → Combination-Cmsu7uVq.js}

@@ -1,6 +1,6 @@
 import * as u from "react";
 import { useState as ge } from "react";
-import { j as q, b as ye, a as be } from "./index-DLKZ-XYv.js";
+import { u as q, m as ye, c as be } from "./index-DL5wn_Sh.js";
 import { jsx as Ee } from "react/jsx-runtime";
 var _ = 0;
 function yt() {

package/dist/{_commonjsHelpers-BkfeUUK-.js → _commonjsHelpers-BVfed4GL.js}

@@ -22,7 +22,7 @@ function l(e) {
   }), t;
 }
 export {
-  l as a,
+  f as a,
   u as c,
-  f as g
+  l as g
 };

package/dist/{addYears-D3POA9ql.js → addYears-BWBSd1NA.js}

@@ -1,4 +1,4 @@
-import { b as o } from "./format-BwmhcciO.js";
+import { b as o } from "./format-BuDzOByC.js";
 function d(a, r) {
   return o(a, r * 12);
 }

package/dist/components/atoms/avatar/Avatar.stories.d.ts

@@ -7,3 +7,9 @@ type Story = StoryObj<typeof meta>;
 export declare const Circular: Story;
 export declare const WithFullName: Story;
 export declare const LargeWithFullName: Story;
+export declare const SingleName: Story;
+export declare const WhitespaceName: Story;
+export declare const EmptyName: Story;
+export declare const NoTextView: Story;
+export declare const NullName: Story;
+export declare const EdgeCasesShowcase: Story;

package/dist/components/atoms/avatar/Avatar.stories.js

@@ -1,8 +1,9 @@
-import { f as a } from "../../../index-Dpx0xQmQ.js";
-import { Avatar as r } from "./avatar.js";
-const o = {
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { f as s } from "../../../index-Dpx0xQmQ.js";
+import { Avatar as t } from "./avatar.js";
+const v = {
   title: "@spotwork-ui/Avatar",
-  component: r,
+  component: t,
   parameters: {
     layout: "centered"
   },
@@ -10,19 +11,19 @@ const o = {
   argTypes: {
     backgroundColor: { control: "color" }
   },
-  args: { onClick: a() }
-}, i = {
+  args: { onClick: s() }
+}, u = {
   args: {
     id: "circular-avatar",
     variant: "circular"
   }
-}, c = {
+}, d = {
   args: {
     id: "full-name-avatar",
     variant: "circular",
     textView: "Steve Bob"
   }
-}, l = {
+}, x = {
   args: {
     id: "large-full-name-avatar",
     variant: "circular",
@@ -30,10 +31,67 @@ const o = {
     size: 9,
     isActive: !0
   }
+}, g = {
+  args: {
+    id: "single-name-avatar",
+    variant: "circular",
+    textView: "Steve"
+  }
+}, p = {
+  args: {
+    id: "whitespace-name-avatar",
+    variant: "circular",
+    textView: " "
+  }
+}, w = {
+  args: {
+    id: "empty-name-avatar",
+    variant: "circular",
+    textView: ""
+  }
+}, f = {
+  args: {
+    id: "no-text-view-avatar",
+    variant: "circular"
+  }
+}, V = {
+  args: {
+    id: "null-name-avatar",
+    variant: "circular",
+    textView: null
+  }
+}, c = [
+  { label: "Full name", textView: "Steve Bob" },
+  { label: "Single name", textView: "Steve" },
+  { label: 'Whitespace " "', textView: " " },
+  { label: 'Empty ""', textView: "" },
+  { label: "Undefined", textView: void 0 },
+  { label: "Null", textView: null }
+], N = {
+  render: () => /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-6", children: c.map(({ label: r, textView: i }, e) => /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-2", children: [
+    /* @__PURE__ */ a(
+      t,
+      {
+        id: `showcase-${e}`,
+        variant: "circular",
+        textView: i
+      }
+    ),
+    /* @__PURE__ */ a("span", { className: "text-xs text-gray-600", children: r })
+  ] }, e)) }),
+  parameters: {
+    layout: "padded"
+  }
 };
 export {
-  i as Circular,
-  l as LargeWithFullName,
-  c as WithFullName,
-  o as default
+  u as Circular,
+  N as EdgeCasesShowcase,
+  w as EmptyName,
+  x as LargeWithFullName,
+  f as NoTextView,
+  V as NullName,
+  g as SingleName,
+  p as WhitespaceName,
+  d as WithFullName,
+  v as default
 };

package/dist/components/atoms/avatar/avatar.js

@@ -1,38 +1,38 @@
-import { jsx as r, Fragment as g, jsxs as I } from "react/jsx-runtime";
-import { Typography as y } from "../../styles/typography/typography.js";
-import { classesMap as D } from "./styles.js";
-import F from "./statusIndicatorIcon.js";
-import { t as l } from "../../../bundle-mjs-BjFsLjkg.js";
-function w({
-  id: E,
+import { jsx as r, Fragment as b, jsxs as _ } from "react/jsx-runtime";
+import { Typography as I } from "../../styles/typography/typography.js";
+import { classesMap as y } from "./styles.js";
+import D from "./statusIndicatorIcon.js";
+import { t as c } from "../../../bundle-mjs-BjFsLjkg.js";
+function j({
+  id: g,
   hasBorder: i = !1,
   variant: d,
   image: m,
-  textView: u = "NN",
+  textView: E = "NN",
   isActive: n,
   isOnline: v = !1,
   onClick: s,
   size: t
 }) {
   const C = (() => {
-    const e = u.trim().split(/\s+/);
-    return e.length > 1 ? (e[0][0] + e[e.length - 1][0]).toUpperCase() : e.length === 1 ? e[0][0].toUpperCase() : u;
-  })(), a = d === "circular", o = a ? 5 : 5.5, c = t ? t / o : 1, p = D[d](i), h = !a && i && n ? "border-bcolor-active" : "border-bcolor-divider", S = t && o > t ? 1 : 7, U = () => {
-    s && s(E);
-  }, A = m ? /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
+    const e = (E ?? "").trim().split(/\s+/).filter(Boolean);
+    return e.length === 0 ? "NN" : e.length === 1 ? e[0][0].toUpperCase() : (e[0][0] + e[e.length - 1][0]).toUpperCase();
+  })(), a = d === "circular", o = a ? 5 : 5.5, l = t ? t / o : 1, u = y[d](i), p = !a && i && n ? "border-bcolor-active" : "border-bcolor-divider", S = t && o > t ? 1 : 7, U = () => {
+    s && s(g);
+  }, x = m ? /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
     "img",
     {
-      className: l(p.image, h),
+      className: c(u.image, p),
       src: m,
       alt: "avatar-image"
     }
-  ) }) : /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
+  ) }) : /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
     "div",
     {
       "data-testid": "avatar-text-box",
-      className: l(p.textBox, h),
+      className: c(u.textBox, p),
       children: /* @__PURE__ */ r(
-        y,
+        I,
         {
           swStyle: S,
           children: C,
@@ -40,20 +40,20 @@ function w({
         }
       )
     }
-  ) }), f = 0.25, x = a && v && !n && /* @__PURE__ */ r(
+  ) }), f = 0.25, A = a && v && !n && /* @__PURE__ */ r(
     "div",
     {
       className: "absolute",
       style: {
-        bottom: `${c * f}rem`,
-        right: `${c * f}rem`
+        bottom: `${l * f}rem`,
+        right: `${l * f}rem`
       },
       "data-testid": "avatar-online-status",
-      children: /* @__PURE__ */ r(F, { scalingFactor: c })
+      children: /* @__PURE__ */ r(D, { scalingFactor: l })
     }
-  ), b = s ? "button" : "div", _ = () => a && n ? "border-bcolor-active" : "border-[transparent]";
-  return /* @__PURE__ */ I(
-    b,
+  ), h = s ? "button" : "div", N = () => a && n ? "border-bcolor-active" : "border-[transparent]";
+  return /* @__PURE__ */ _(
+    h,
     {
       "data-testid": "avatar-container",
       onClick: U,
@@ -61,19 +61,19 @@ function w({
         width: `${t || o}rem`,
         height: `${t || o}rem`
       },
-      className: l(
+      className: c(
         "flex items-center justify-center flex-shrink-0 flex-grow-0 relative",
-        _(),
+        N(),
         "aspect-square"
       ),
-      ...b === "button" ? { type: "button" } : {},
+      ...h === "button" ? { type: "button" } : {},
       children: [
-        A,
-        x
+        x,
+        A
       ]
     }
   );
 }
 export {
-  w as Avatar
+  j as Avatar
 };

package/dist/components/atoms/conversation/chatheader/chatheader.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useState as t } from "react";
-import { c as l } from "../../../../index-fN7hCOo3.js";
+import { c as l } from "../../../../index-Y8TYOJJY.js";
 import { chatHeaderIconContainer as k, chatHeader as x, fixedWidth as v } from "./styles.js";
 import { Icons as i } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";

package/dist/components/atoms/form/calendar/calendar-date-cell.js

@@ -1,10 +1,10 @@
 import { jsx as s, jsxs as C } from "react/jsx-runtime";
 import { isValidElement as B } from "react";
-import { m as a } from "../../../../index-DMvnp-vR.js";
+import { m as a } from "../../../../index-e0vK3ttb.js";
 import { Typography as N } from "../../../styles/typography/typography.js";
 import { t as T } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { isDateInCurrentMonth as F, isDateSelected as j, isDateDisabled as M, isDateSelectable as G } from "./calendar-utils.js";
-import { T as H, a as J, b as K, C as L, A as Q } from "../../../../index-Bam3aisa.js";
+import { T as H, b as J, P as K, C as L, A as Q } from "../../../../index-CSucbNlF.js";
 import { toolTipStyles as R } from "../../../styles/tool-tip/styles.js";
 const z = ({
   date: l,
@@ -14,12 +14,12 @@ const z = ({
   onCellRef: I,
   minDate: w,
   maxDate: g,
-  month: k,
+  month: P,
   timezone: i,
   overrideTooltip: h,
   readOnly: d
 }) => {
-  const y = a.tz(l, i).isSame(a.tz(/* @__PURE__ */ new Date(), i), "day"), A = l.toISOString().split("T")[0], P = (o) => {
+  const y = a.tz(l, i).isSame(a.tz(/* @__PURE__ */ new Date(), i), "day"), k = l.toISOString().split("T")[0], A = (o) => {
     if (S || M(o.date, i, w, g)) return;
     const x = [...c], q = j(
       o.date,
@@ -28,7 +28,7 @@ const z = ({
     );
     let p;
     q ? p = x.filter((b) => !a.tz(b.date, i).isSame(o.date, "day")) : p = [...x, o], u == null || u(p);
-  }, E = F(l, k, i), e = j(
+  }, E = F(l, P, i), e = j(
     l,
     c.map((o) => o.date),
     i
@@ -42,13 +42,13 @@ const z = ({
       type: "button",
       "aria-disabled": n || !m,
       "aria-selected": e,
-      ref: (o) => I(A, o),
+      ref: (o) => I(k, o),
       className: T(t),
       onMouseDown: (o) => {
         o.preventDefault();
       },
       onClick: (o) => {
-        o.stopPropagation(), !n && m && !(r != null && r.isDisabled) && P({ date: l });
+        o.stopPropagation(), !n && m && !(r != null && r.isDisabled) && A({ date: l });
       },
       children: /* @__PURE__ */ s(
         N,

package/dist/components/atoms/form/calendar/calendar-month.js

@@ -1,6 +1,6 @@
 import { jsx as g, Fragment as Z, jsxs as _ } from "react/jsx-runtime";
 import { useState as B, useRef as N, useMemo as A, useCallback as H, useEffect as z } from "react";
-import { m as i } from "../../../../index-DMvnp-vR.js";
+import { m as i } from "../../../../index-e0vK3ttb.js";
 import { CalendarDateCell as tt } from "./calendar-date-cell.js";
 import { isDateSelectable as et, isDateInCurrentMonth as nt, isDateDisabled as ot } from "./calendar-utils.js";
 import { MonthHeader as rt } from "./month-header.js";

package/dist/components/atoms/form/calendar/calendar-utils.js

@@ -1,4 +1,4 @@
-import { m as n } from "../../../../index-DMvnp-vR.js";
+import { m as n } from "../../../../index-e0vK3ttb.js";
 const o = (t, e, r) => e.some((s) => n.tz(s, r).isSame(t, "day")), d = (t, e, r, s) => !!(r && n.tz(t, e).endOf("day").isBefore(r) || s && n.tz(t, e).endOf("day").isAfter(s)), f = (t, e, r) => n.tz(t, r).isSame(e, "month"), u = (t, e, r) => {
   const s = e.find((i) => n.tz(i.date, r).isSame(t, "day"));
   return !(s != null && s.isDisabled);

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

@@ -2,7 +2,7 @@ import { jsxs as z, jsx as r } from "react/jsx-runtime";
 import { useState as y, useEffect as C } from "react";
 import { CalendarDates as b } from "./calendar-month.js";
 import { t as j } from "../../../../bundle-mjs-BjFsLjkg.js";
-import { m as t } from "../../../../index-DMvnp-vR.js";
+import { m as t } from "../../../../index-e0vK3ttb.js";
 import { StickyButton as p } from "./sticky-button.js";
 const q = ({
   selectedDates: n = [],

package/dist/components/atoms/form/calendar/calendar.stories.js

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import { useState as c } from "react";
 import { Calendar as l } from "./calendar.js";
-import { m as t } from "../../../../index-DMvnp-vR.js";
-import { P as m } from "../../../../index-Bam3aisa.js";
+import { m as t } from "../../../../index-e0vK3ttb.js";
+import { a as m } from "../../../../index-CSucbNlF.js";
 import { Button as s } from "../../../molecules/button/button.js";
 const C = {
   title: "@spotwork-ui/atoms/form/Calendar",

package/dist/components/atoms/form/calendar/month-header.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { m as c } from "../../../../index-DMvnp-vR.js";
+import { m as c } from "../../../../index-e0vK3ttb.js";
 import { Typography as r } from "../../../styles/typography/typography.js";
 const n = ({ month: m, timezone: s }) => /* @__PURE__ */ a("div", { className: "select-none pb-md", children: [
   /* @__PURE__ */ e("div", { className: "flex items-center justify-center mb-md", children: /* @__PURE__ */ e(r, { swStyle: 5, color: "active", className: "font-medium", children: c(m).tz(s).format("MMMM YYYY") }) }),

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

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { C as f, a as b } from "../../../../index-B9jfXCBx.js";
+import { C as f, a as b } from "../../../../index-CRTzrqB9.js";
 import { Icons as p } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";

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

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { colorVariants as A, badgeColorMapInverted as k, classesMap as O } from "./styles.js";
 import { Icons as x } from "../../icons/icons.js";
 import { svgs as b } from "../../icons/iconMap.js";
-import { c as w } from "../../../../index-fN7hCOo3.js";
+import { c as w } from "../../../../index-Y8TYOJJY.js";
 import { Typography as m } from "../../../styles/typography/typography.js";
 import { Badge as R } from "../../badge/badge.js";
 import { t as v } from "../../../../bundle-mjs-BjFsLjkg.js";

package/dist/components/atoms/form/dateselect/date-calendar.js

@@ -1,7 +1,7 @@
 import { jsxs as Y, jsx as a } from "react/jsx-runtime";
 import { t as M } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { Typography as p } from "../../../styles/typography/typography.js";
-import { m as e } from "../../../../index-DMvnp-vR.js";
+import { m as e } from "../../../../index-e0vK3ttb.js";
 const T = ({
   currentMonth: l,
   value: i,

package/dist/components/atoms/form/dateselect/date-dropdown-header.js

@@ -3,7 +3,7 @@ import { Icons as r } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";
 import { Typography as n } from "../../../styles/typography/typography.js";
-import { m as s } from "../../../../index-DMvnp-vR.js";
+import { m as s } from "../../../../index-e0vK3ttb.js";
 const h = ({
   currentMonth: o,
   onPreviousMonth: t,

package/dist/components/atoms/form/dateselect/date-input.js

@@ -1,15 +1,15 @@
 import { jsxs as ie, jsx as Ct } from "react/jsx-runtime";
 import Q from "react";
-import { g as re } from "../../../../_commonjsHelpers-BkfeUUK-.js";
+import { a as re } from "../../../../_commonjsHelpers-BVfed4GL.js";
 import { t as Ot } from "../../../../bundle-mjs-BjFsLjkg.js";
-import "../../../../purify.es-CcKdJiNO.js";
+import "../../../../purify.es-Bxiq5T7l.js";
 import { styleMap as ne } from "../../../styles/typography/style.js";
 import "../../../styles/colors/colormap.js";
 import { Icons as ae } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";
 import { outlinedBorder as ue } from "../../../styles/defaults/defaults.js";
-import { m as J } from "../../../../index-DMvnp-vR.js";
+import { m as J } from "../../../../index-e0vK3ttb.js";
 function Z(a) {
   return typeof a == "string" || a instanceof String;
 }

package/dist/components/atoms/form/dateselect/date-month-year-switch.js

@@ -5,7 +5,7 @@ import "../../icons/iconsSVGs/Small/Profile.js";
 import { Typography as f } from "../../../styles/typography/typography.js";
 import { MonthSwitch as h } from "./month-switch.js";
 import { YearSwitch as y } from "./year-switch.js";
-import { m as p } from "../../../../index-DMvnp-vR.js";
+import { m as p } from "../../../../index-e0vK3ttb.js";
 const j = ({
   currentMonth: t,
   value: o,

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

@@ -5,15 +5,15 @@ import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";
 import { getStyles as X } from "./styles.js";
 import { t as k } from "../../../../bundle-mjs-BjFsLjkg.js";
-import { m as n } from "../../../../index-DMvnp-vR.js";
+import { m as n } from "../../../../index-e0vK3ttb.js";
 import { Typography as A } from "../../../styles/typography/typography.js";
 import { getLabelColor as Z, getInnerIconColor as tt, getBorderClasses as et, getHelperTextColor as ot } from "../utils-for-forms/state-functions.js";
 import { FormHelperText as nt } from "../form-helper-text/form-helper-text.js";
 import { DateInput as rt } from "./date-input.js";
 import { DateDropdown as st } from "./date-dropdown.js";
-import { s as at } from "../../../../startOfToday-BPMZZniU.js";
-import { a as L } from "../../../../addYears-D3POA9ql.js";
-import { f as b } from "../../../../format-BwmhcciO.js";
+import { s as at } from "../../../../startOfToday-CHlrckpa.js";
+import { a as L } from "../../../../addYears-BWBSd1NA.js";
+import { f as b } from "../../../../format-BuDzOByC.js";
 const zt = l.forwardRef(
   ({
     label: R,

package/dist/components/atoms/form/dateselect/month-switch.js

@@ -4,12 +4,12 @@ import { Icons as S } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";
 import { getStyles as I } from "./styles.js";
-import { l as P } from "../../../../lodash-CyvSh4lH.js";
+import { l as P } from "../../../../lodash-Da6oICkd.js";
 import { t as V } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { eachMonthOfInterval as W } from "./helpers.js";
 import { Typography as N } from "../../../styles/typography/typography.js";
-import { m as k } from "../../../../index-DMvnp-vR.js";
-import { b as L, a as x, f as p } from "../../../../format-BwmhcciO.js";
+import { m as k } from "../../../../index-e0vK3ttb.js";
+import { b as L, a as x, f as p } from "../../../../format-BuDzOByC.js";
 import { i as u } from "../../../../isWithinInterval-BTUruC3j.js";
 import { s as w, a as R } from "../../../../set-CXVt2sL3.js";
 function U(a, o) {

package/dist/components/atoms/form/dateselect/year-switch.js

@@ -3,15 +3,15 @@ import { Icons as v } 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 j } from "../../../../index-fN7hCOo3.js";
-import { l as I } from "../../../../lodash-CyvSh4lH.js";
+import { c as j } from "../../../../index-Y8TYOJJY.js";
+import { l as I } from "../../../../lodash-Da6oICkd.js";
 import { eachYearOfInterval as P } from "./helpers.js";
 import { Typography as N } from "../../../styles/typography/typography.js";
 import { useRef as R, useCallback as S, useEffect as V } from "react";
-import { a as k } from "../../../../addYears-D3POA9ql.js";
+import { a as k } from "../../../../addYears-BWBSd1NA.js";
 import { i as u } from "../../../../isWithinInterval-BTUruC3j.js";
 import { s as p } from "../../../../set-CXVt2sL3.js";
-import { a as F, f as h } from "../../../../format-BwmhcciO.js";
+import { a as F, f as h } from "../../../../format-BuDzOByC.js";
 import { t as y } from "../../../../toDate-DF9e2eS8.js";
 import { c as W } from "../../../../startOfWeek-DBvLd9He.js";
 function L(r, t) {

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

@@ -1,11 +1,11 @@
 import { jsxs as f, jsx as r, Fragment as Z } from "react/jsx-runtime";
 import j, { useRef as V, useState as x } from "react";
-import { R as ee, T as re, I as se, P as oe, C as te, S as ne, V as ce, a as le, b as ae } from "../../../../index-DVNTJNwY.js";
+import { R as ee, T as re, I as se, P as oe, C as te, b as ne, V as ce, a as le, S as ae } from "../../../../index-C8EuuBMC.js";
 import { Icons as b } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";
 import { selectorContainer as ie, badgeStyleMap as w, triggerStyles as de, scrollButtonStyles as R, itemStyles as fe, contentStyles as he, hintStyles as me } from "./styles.js";
-import { c as W } from "../../../../index-fN7hCOo3.js";
+import { c as W } from "../../../../index-Y8TYOJJY.js";
 import { outlinedBorder as P, border as pe } from "../../../styles/defaults/defaults.js";
 import { Checkbox as ye } from "../checkbox/checkbox.js";
 import { Typography as g } from "../../../styles/typography/typography.js";

package/dist/components/atoms/form/dropdown/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(

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

@@ -4,7 +4,7 @@ import { Typeahead as z } from "../typeahead/typeahead.js";
 import { Chips as L } from "../chips/chips.js";
 import { Typography as D } from "../../../styles/typography/typography.js";
 import { getBorderClasses as E, getLabelColor as G, getHelperTextColor as J } from "../utils-for-forms/state-functions.js";
-import { c as K } from "../../../../index-fN7hCOo3.js";
+import { c as K } from "../../../../index-Y8TYOJJY.js";
 import { FormHelperText as P } from "../form-helper-text/form-helper-text.js";
 function ee({
   options: N,

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

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { Typography as i } from "../../../styles/typography/typography.js";
-import { c as o } from "../../../../index-fN7hCOo3.js";
+import { c as o } from "../../../../index-Y8TYOJJY.js";
 import { subLabelClass as l, titleClass as a, container as t, pendingBorder as m, activeBorder as p } from "./styles.js";
 function v({
   type: e,

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

@@ -1,6 +1,6 @@
 import { jsxs as I, jsx as o } from "react/jsx-runtime";
 import x, { useState as v, useEffect as _ } from "react";
-import { c as E } from "../../../../index-fN7hCOo3.js";
+import { c as E } from "../../../../index-Y8TYOJJY.js";
 import { textFieldContainer as $ } from "./styles.js";
 import { Icons as R } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";

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

@@ -1,13 +1,13 @@
 import { jsxs as x, jsx as o } from "react/jsx-runtime";
 import * as d from "react";
 import H, { useId as M } from "react";
-import { b as k, u as A, a as P, c as j, d as F, e as U } from "../../../../index-DLKZ-XYv.js";
-import { u as q } from "../../../../index-BZPx6jYI.js";
+import { m as k, n as A, c as P, e as j, q, h as F } from "../../../../index-DL5wn_Sh.js";
+import { u as U } from "../../../../index-BZPx6jYI.js";
 import { Typography as z } from "../../../styles/typography/typography.js";
 import { FormHelperText as L } from "../form-helper-text/form-helper-text.js";
 import { getHelperTextColor as O } from "../utils-for-forms/state-functions.js";
 import { t as w } from "../../../../bundle-mjs-BjFsLjkg.js";
-var b = "Switch", [D] = U(b), [V, W] = D(b), R = d.forwardRef(
+var b = "Switch", [D] = F(b), [V, W] = D(b), R = d.forwardRef(
   (e, n) => {
     const {
       __scopeSwitch: r,
@@ -86,7 +86,7 @@ var X = "SwitchBubbleInput", _ = d.forwardRef(
     bubbles: a = !0,
     ...s
   }, u) => {
-    const c = d.useRef(null), t = k(c, u), l = q(r), f = F(n);
+    const c = d.useRef(null), t = k(c, u), l = U(r), f = q(n);
     return d.useEffect(() => {
       const i = c.current;
       if (!i) return;

package/dist/components/atoms/form/textarea/rich-textarea.js

@@ -4,7 +4,7 @@ import { Icons as q } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";
 import { styles as O } from "./styles.js";
-import { c as p } from "../../../../index-fN7hCOo3.js";
+import { c as p } from "../../../../index-Y8TYOJJY.js";
 import { Typography as T } from "../../../styles/typography/typography.js";
 import { styleMap as E } from "../../../styles/typography/style.js";
 import { getLabelColor as D, getBorderClasses as j, getHelperTextColor as W } from "../utils-for-forms/state-functions.js";

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

@@ -4,7 +4,7 @@ import { Icons as j } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";
 import { styles as F } from "./styles.js";
-import { c as f } from "../../../../index-fN7hCOo3.js";
+import { c as f } from "../../../../index-Y8TYOJJY.js";
 import { Typography as p } from "../../../styles/typography/typography.js";
 import { styleMap as H } from "../../../styles/typography/style.js";
 import { getLabelColor as R, getBorderClasses as _, getHelperTextColor as b } from "../utils-for-forms/state-functions.js";

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

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as t } from "react/jsx-runtime";
 import W, { useState as S } from "react";
-import { c } from "../../../../index-fN7hCOo3.js";
+import { c } from "../../../../index-Y8TYOJJY.js";
 import { textFieldMessageEditor as q, textFieldContainer as z, helperTextContainer as D } from "./styles.js";
 import { Icons as h } from "../../icons/icons.js";
 import G from "../../icons/iconsSVGs/Large/EyeClose.js";

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

@@ -1,7 +1,7 @@
 import { jsxs as P, jsx as l } from "react/jsx-runtime";
 import { forwardRef as V, useRef as h, useState as j, useImperativeHandle as W, useEffect as b } from "react";
 import { Typography as x } from "../../../styles/typography/typography.js";
-import { m as q } from "../../../../index-DMvnp-vR.js";
+import { m as q } from "../../../../index-e0vK3ttb.js";
 import { t as S } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { Icons as k } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
@@ -9,7 +9,7 @@ import "../../icons/iconsSVGs/Small/Profile.js";
 import { outlinedBorder as F } from "../../../styles/defaults/defaults.js";
 import { t as d } from "../../../../toDate-DF9e2eS8.js";
 import { i as G } from "../../../../isBefore-D0yKF9R5.js";
-import { m as J } from "../../../../constants-BfMb81ht.js";
+import { b as J } from "../../../../constants-B4duAnvD.js";
 function K(t) {
   return (r) => {
     const n = Math[t], s = n(r);