@temp-spotwork/ui 1.7.1 → 1.7.2

package/dist/{bundle-mjs-CAy1p0fn.js → bundle-mjs-BjFsLjkg.js}

@@ -218,7 +218,7 @@ function fe(e, ...r) {
 const c = (e) => {
   const r = (t) => t[e] || [];
   return r.isThemeGetter = !0, r;
-}, re = /^\[(?:([a-z-]+):)?(.+)\]$/i, me = /^\d+\/\d+$/, he = /* @__PURE__ */ new Set(["px", "full", "screen"]), ye = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, xe = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, we = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ve = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ke = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, C = (e) => M(e) || he.has(e) || me.test(e), z = (e) => G(e, "length", Ie), M = (e) => !!e && !Number.isNaN(Number(e)), _ = (e) => G(e, "number", M), P = (e) => !!e && Number.isInteger(Number(e)), Ce = (e) => e.endsWith("%") && M(e.slice(0, -1)), l = (e) => re.test(e), S = (e) => ye.test(e), ze = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Se = (e) => G(e, ze, te), Ae = (e) => G(e, "position", te), Me = /* @__PURE__ */ new Set(["image", "url"]), Ge = (e) => G(e, Me, je), Re = (e) => G(e, "", Pe), j = () => !0, G = (e, r, t) => {
+}, re = /^\[(?:([a-z-]+):)?(.+)\]$/i, me = /^\d+\/\d+$/, he = /* @__PURE__ */ new Set(["px", "full", "screen"]), ye = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, xe = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, we = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ve = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ke = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, C = (e) => M(e) || he.has(e) || me.test(e), z = (e) => G(e, "length", Ie), M = (e) => !!e && !Number.isNaN(Number(e)), _ = (e) => G(e, "number", M), P = (e) => !!e && Number.isInteger(Number(e)), Ce = (e) => e.endsWith("%") && M(e.slice(0, -1)), l = (e) => re.test(e), S = (e) => ye.test(e), ze = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Se = (e) => G(e, ze, te), Ae = (e) => G(e, "position", te), Me = /* @__PURE__ */ new Set(["image", "url"]), Ge = (e) => G(e, Me, je), Re = (e) => G(e, "", Pe), j = () => !0, G = (e, r, t) => {
   const o = re.exec(e);
   return o ? o[1] ? typeof r == "string" ? o[1] === r : r.has(o[1]) : t(o[2]) : !1;
 }, Ie = (e) => (

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

@@ -1,4 +1,4 @@
-import { f as a } from "../../../index-DM2Ov9_y.js";
+import { f as a } from "../../../index-Dpx0xQmQ.js";
 import { Avatar as r } from "./avatar.js";
 const o = {
   title: "@spotwork-ui/Avatar",

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

@@ -2,7 +2,7 @@ import { jsx as r, Fragment as E, 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-CAy1p0fn.js";
+import { t as l } from "../../../bundle-mjs-BjFsLjkg.js";
 function w({
   id: g,
   hasBorder: i = !1,

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

@@ -1,4 +1,4 @@
-import { f as o } from "../../../index-DM2Ov9_y.js";
+import { f as o } from "../../../index-Dpx0xQmQ.js";
 import { Badge as t } from "./badge.js";
 const e = {
   title: "@spotwork-ui/badge",

package/dist/components/atoms/card-content/label-value-pair/label-value-pair.js

@@ -2,7 +2,7 @@ import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { Chips as d } from "../../form/chips/chips.js";
 import { container as p } from "./styles.js";
 import { Typography as i } from "../../../styles/typography/typography.js";
-import { t as s } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as s } from "../../../../bundle-mjs-BjFsLjkg.js";
 function v({
   value: t,
   label: o,

package/dist/components/atoms/card-content/label-value-pair/label-value-pair.stories.js

@@ -1,4 +1,4 @@
-import { f as o } from "../../../../index-DM2Ov9_y.js";
+import { f as o } from "../../../../index-Dpx0xQmQ.js";
 import { LabelValuePair as r } from "./label-value-pair.js";
 import "../../../styles/colors/colors.js";
 import { glyphColorsKeys as a } from "../../../styles/colors/colormap.js";

package/dist/components/atoms/daybubble/recurrence-day/recurrence-day.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { Typography as g } from "../../../styles/typography/typography.js";
-import { t as w } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as w } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { s as i, a as h } from "../../../../startOfWeek-DBvLd9He.js";
 function I({
   day: c,

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-CYyrKZeH.js";
+import { m as a } from "../../../../index-DMvnp-vR.js";
 import { Typography as N } from "../../../styles/typography/typography.js";
-import { t as T } from "../../../../bundle-mjs-CAy1p0fn.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-DNpMaKvH.js";
+import { T as H, a as J, b as K, C as L, A as Q } from "../../../../index-Bam3aisa.js";
 import { toolTipStyles as R } from "../../../styles/tool-tip/styles.js";
 const z = ({
   date: l,

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-CYyrKZeH.js";
+import { m as i } from "../../../../index-DMvnp-vR.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-CYyrKZeH.js";
+import { m as n } from "../../../../index-DMvnp-vR.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

@@ -1,8 +1,8 @@
 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-CAy1p0fn.js";
-import { m as t } from "../../../../index-CYyrKZeH.js";
+import { t as j } from "../../../../bundle-mjs-BjFsLjkg.js";
+import { m as t } from "../../../../index-DMvnp-vR.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 { jsx as o, jsxs as a } from "react/jsx-runtime";
+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-CYyrKZeH.js";
-import { P as m } from "../../../../index-DNpMaKvH.js";
+import { m as t } from "../../../../index-DMvnp-vR.js";
+import { P as m } from "../../../../index-Bam3aisa.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-CYyrKZeH.js";
+import { m as c } from "../../../../index-DMvnp-vR.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/calendar/sticky-button.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { t as l } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as l } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { Icons as n } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";

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-DrfOymtc.js";
+import { C as f, a as b } from "../../../../index-B9jfXCBx.js";
 import { Icons as p } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";
@@ -7,7 +7,7 @@ import { Typography as u } from "../../../styles/typography/typography.js";
 import { FormHelperText as x } from "../form-helper-text/form-helper-text.js";
 import { getHelperTextColor as g } from "../utils-for-forms/state-functions.js";
 import h, { useId as v } from "react";
-import { t as C } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as C } from "../../../../bundle-mjs-BjFsLjkg.js";
 function _({
   label: t,
   onChange: i,

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

@@ -5,7 +5,7 @@ import { svgs as b } from "../../icons/iconMap.js";
 import { c as w } from "../../../../index-fN7hCOo3.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-CAy1p0fn.js";
+import { t as v } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { Tooltip as j } from "../../tooltip/tooltip.js";
 function z({
   id: l,

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

@@ -1,4 +1,4 @@
-import { f as o } from "../../../../index-DM2Ov9_y.js";
+import { f as o } from "../../../../index-Dpx0xQmQ.js";
 import { Chips as r } from "./chips.js";
 const a = {
   title: "@spotwork-ui/chips",

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-CAy1p0fn.js";
+import { t as M } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { Typography as p } from "../../../styles/typography/typography.js";
-import { m as e } from "../../../../index-CYyrKZeH.js";
+import { m as e } from "../../../../index-DMvnp-vR.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-CYyrKZeH.js";
+import { m as s } from "../../../../index-DMvnp-vR.js";
 const h = ({
   currentMonth: o,
   onPreviousMonth: t,

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

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { t as h } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as h } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { outlinedBorder as j } from "../../../styles/defaults/defaults.js";
 import { DateDropdownHeader as y } from "./date-dropdown-header.js";
 import { DateCalendar as v } from "./date-calendar.js";

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 { t as Ot } from "../../../../bundle-mjs-CAy1p0fn.js";
-import "../../../../purify.es-eYFoHPwR.js";
+import { t as Ot } from "../../../../bundle-mjs-BjFsLjkg.js";
+import "../../../../purify.es-CcKdJiNO.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-CYyrKZeH.js";
+import { m as J } from "../../../../index-DMvnp-vR.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-CYyrKZeH.js";
+import { m as p } from "../../../../index-DMvnp-vR.js";
 const j = ({
   currentMonth: t,
   value: o,

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

@@ -4,8 +4,8 @@ import { Icons as W } from "../../icons/icons.js";
 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-CAy1p0fn.js";
-import { m as n } from "../../../../index-CYyrKZeH.js";
+import { t as k } from "../../../../bundle-mjs-BjFsLjkg.js";
+import { m as n } from "../../../../index-DMvnp-vR.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";

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

@@ -4,11 +4,11 @@ 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-BRbpQ7iy.js";
-import { t as V } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { l as P } from "../../../../lodash-CyvSh4lH.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-CYyrKZeH.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 { i as u } from "../../../../isWithinInterval-BTUruC3j.js";
 import { s as w, a as R } from "../../../../set-CXVt2sL3.js";

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

@@ -4,16 +4,16 @@ 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-BRbpQ7iy.js";
+import { l as I } from "../../../../lodash-CyvSh4lH.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 { t as y } from "../../../../toDate-DF9e2eS8.js";
-import { c as W } from "../../../../startOfWeek-DBvLd9He.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 { t as y } from "../../../../toDate-DF9e2eS8.js";
+import { c as W } from "../../../../startOfWeek-DBvLd9He.js";
 function L(r, t) {
   const s = y(r), a = y(t);
   return s.getFullYear() === a.getFullYear();

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

@@ -1,6 +1,6 @@
 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-CnWyMXBX.js";
+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 { Icons as b } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";

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

@@ -1,6 +1,6 @@
 import { jsx as f, jsxs as N } from "react/jsx-runtime";
 import { useRef as T, useCallback as a, useState as S, useEffect as O, useMemo as ee } from "react";
-import { t as j } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as j } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { Textfield as te } from "../textfield/textfield.js";
 import { Icons as re } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";

package/dist/components/atoms/form/dropdown-search/dropdown-search.stories.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { f as b } from "../../../../index-DM2Ov9_y.js";
+import { f as b } from "../../../../index-Dpx0xQmQ.js";
 import { useState as u } from "react";
 import { DropdownSearch as c } from "./dropdown-search.js";
 import { Typography as p } from "../../../styles/typography/typography.js";

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

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import u, { useId as b } from "react";
 import { Typography as g } from "../../../styles/typography/typography.js";
 import { getHelperTextColor as x } from "../utils-for-forms/state-functions.js";
-import { t as n } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as n } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { FormHelperText as y } from "../form-helper-text/form-helper-text.js";
 function N({
   label: t,

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

@@ -1,4 +1,4 @@
-import { f as e } from "../../../../index-DM2Ov9_y.js";
+import { f as e } from "../../../../index-Dpx0xQmQ.js";
 import { Stepper as o } from "./stepper.js";
 const a = {
   title: "@spotwork-ui/Stepper",

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

@@ -1,26 +1,26 @@
 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, c as j, a as P, d as F, e as U } from "../../../../index-DotfMcM0.js";
+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 { 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-CAy1p0fn.js";
-var b = "Switch", [D, oe] = j(b), [V, W] = D(b), R = d.forwardRef(
-  (e, c) => {
+import { t as w } from "../../../../bundle-mjs-BjFsLjkg.js";
+var b = "Switch", [D] = U(b), [V, W] = D(b), R = d.forwardRef(
+  (e, n) => {
     const {
       __scopeSwitch: r,
       name: a,
       checked: s,
       defaultChecked: u,
-      required: n,
+      required: c,
       disabled: t,
       value: l = "on",
       onCheckedChange: f,
       form: i,
       ...S
-    } = e, [p, m] = d.useState(null), g = k(c, (v) => m(v)), C = d.useRef(!1), y = p ? i || !!p.closest("form") : !0, [h, T] = A({
+    } = e, [p, m] = d.useState(null), g = k(n, (v) => m(v)), C = d.useRef(!1), y = p ? i || !!p.closest("form") : !0, [h, T] = A({
       prop: s,
       defaultProp: u ?? !1,
       onChange: f,
@@ -33,14 +33,14 @@ var b = "Switch", [D, oe] = j(b), [V, W] = D(b), R = d.forwardRef(
           type: "button",
           role: "switch",
           "aria-checked": h,
-          "aria-required": n,
+          "aria-required": c,
           "data-state": E(h),
           "data-disabled": t ? "" : void 0,
           disabled: t,
           value: l,
           ...S,
           ref: g,
-          onClick: F(e.onClick, (v) => {
+          onClick: j(e.onClick, (v) => {
             T((B) => !B), y && (C.current = v.isPropagationStopped(), C.current || v.stopPropagation());
           })
         }
@@ -53,7 +53,7 @@ var b = "Switch", [D, oe] = j(b), [V, W] = D(b), R = d.forwardRef(
           name: a,
           value: l,
           checked: h,
-          required: n,
+          required: c,
           disabled: t,
           form: i,
           style: { transform: "translateX(-100%)" }
@@ -64,7 +64,7 @@ var b = "Switch", [D, oe] = j(b), [V, W] = D(b), R = d.forwardRef(
 );
 R.displayName = b;
 var I = "SwitchThumb", N = d.forwardRef(
-  (e, c) => {
+  (e, n) => {
     const { __scopeSwitch: r, ...a } = e, s = W(I, r);
     return /* @__PURE__ */ o(
       P.span,
@@ -72,7 +72,7 @@ var I = "SwitchThumb", N = d.forwardRef(
         "data-state": E(s.checked),
         "data-disabled": s.disabled ? "" : void 0,
         ...a,
-        ref: c
+        ref: n
       }
     );
   }
@@ -81,14 +81,14 @@ N.displayName = I;
 var X = "SwitchBubbleInput", _ = d.forwardRef(
   ({
     __scopeSwitch: e,
-    control: c,
+    control: n,
     checked: r,
     bubbles: a = !0,
     ...s
   }, u) => {
-    const n = d.useRef(null), t = k(n, u), l = q(r), f = U(c);
+    const c = d.useRef(null), t = k(c, u), l = q(r), f = F(n);
     return d.useEffect(() => {
-      const i = n.current;
+      const i = c.current;
       if (!i) return;
       const S = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(
         S,
@@ -124,14 +124,14 @@ function E(e) {
   return e ? "checked" : "unchecked";
 }
 var $ = R, G = N;
-function ae({
+function oe({
   label: e,
-  helperText: c,
+  helperText: n,
   labelPosition: r = "left",
   checked: a = !1,
   error: s = !1,
   warning: u = !1,
-  onChange: n,
+  onChange: c,
   disabled: t,
   autoFocus: l = !1
 }) {
@@ -150,7 +150,7 @@ function ae({
         id: f,
         checked: a,
         onCheckedChange: () => {
-          n && n();
+          c && c();
         },
         disabled: t,
         "data-testid": "switchRoot",
@@ -167,10 +167,10 @@ function ae({
     ) }),
     /* @__PURE__ */ x("div", { className: "flex flex-col", children: [
       e && /* @__PURE__ */ o("label", { htmlFor: f, children: H.isValidElement(e) ? e : /* @__PURE__ */ o(z, { swStyle: 5, children: e }) }),
-      c && /* @__PURE__ */ o(
+      n && /* @__PURE__ */ o(
         L,
         {
-          helperText: c,
+          helperText: n,
           warning: u,
           error: s,
           helperTextAndIconColor: i
@@ -180,5 +180,5 @@ function ae({
   ] }) });
 }
 export {
-  ae as Switch
+  oe as Switch
 };

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

@@ -1,8 +1,8 @@
 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-CYyrKZeH.js";
-import { t as S } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { m as q } from "../../../../index-DMvnp-vR.js";
+import { t as S } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { Icons as k } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";

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

@@ -1,14 +1,14 @@
 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-eYFoHPwR.js";
+import "../../../../purify.es-CcKdJiNO.js";
 import { styleMap as ee } from "../../../styles/typography/style.js";
 import "../../../styles/colors/colormap.js";
-import { t as L } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as L } from "../../../../bundle-mjs-BjFsLjkg.js";
 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-CYyrKZeH.js";
+import { m as c } from "../../../../index-DMvnp-vR.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,8 +5,8 @@ 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-CYyrKZeH.js";
-import { t as ne } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { m as n } from "../../../../index-DMvnp-vR.js";
+import { t as ne } from "../../../../bundle-mjs-BjFsLjkg.js";
 const pe = W.forwardRef(
   ({
     value: c,

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

@@ -1,8 +1,8 @@
 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-CYyrKZeH.js";
-import { w as i, e as s, u as c } from "../../../../index-DM2Ov9_y.js";
+import { m as t } from "../../../../index-DMvnp-vR.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());
   return /* @__PURE__ */ l("div", { className: "space-y-4", children: [

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

@@ -1,6 +1,6 @@
 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-BRbpQ7iy.js";
+import { l as g } from "../../../../lodash-CyvSh4lH.js";
 import { c as p } from "../../../../index-fN7hCOo3.js";
 import { Icons as v } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";

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

@@ -1,6 +1,6 @@
 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-BRbpQ7iy.js";
+import { l as g } from "../../../../lodash-CyvSh4lH.js";
 import { c as v } from "../../../../index-fN7hCOo3.js";
 import { Icons as x } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";

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

@@ -1,6 +1,6 @@
 import { jsxs as b, jsx as a } from "react/jsx-runtime";
 import A, { useState as L, useEffect as R } from "react";
-import { t as D } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as D } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { Textfield as C } from "../textfield/textfield.js";
 import { Icons as k } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";

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

@@ -1,11 +1,11 @@
 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-DNpMaKvH.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 "../../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-CAy1p0fn.js";
+import { t as g } from "../../../bundle-mjs-BjFsLjkg.js";
 import { tooltipArrowStyles as E, toolTipStyles as M } from "../../styles/tool-tip/styles.js";
 function O({
   icon: h = "Add",

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

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { f as o } from "../../../index-DM2Ov9_y.js";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { f as o } from "../../../index-Dpx0xQmQ.js";
 import { Icons as l } from "./icons.js";
 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-DNpMaKvH.js";
+import { P as r } from "../../../index-Bam3aisa.js";
 import c from "react";
 const f = {
   title: "@spotwork-ui/atoms/Icons",

package/dist/components/atoms/message/message.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { styles as y, coloring as s } from "./styles.js";
+import { coloring as s, styles as y } from "./styles.js";
 import { Typography as r } from "../../styles/typography/typography.js";
 function w({
   id: n,

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

@@ -1,4 +1,4 @@
-import { f as o } from "../../../index-DM2Ov9_y.js";
+import { f as o } from "../../../index-Dpx0xQmQ.js";
 import { Message as r } from "./message.js";
 const e = {
   title: "@spotwork-ui/message",

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

@@ -5,7 +5,7 @@ import { container as d } from "./styles.js";
 import { Icons as n } from "../../icons/icons.js";
 import "../../icons/iconsSVGs/Large/Profile.js";
 import "../../icons/iconsSVGs/Small/Profile.js";
-import { t as u } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as u } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { LoadingSpinner as g } from "../../../molecules/button/loading-spinner.js";
 function $({
   label: r,