@temp-spotwork/ui 1.7.4 → 1.7.5

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/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);

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>>;