@tedi-design-system/react 18.0.0-rc.9 → 18.1.0-rc.1

package/src/tedi/components/form/select/select.es.js

@@ -1,36 +1,36 @@
 import { jsx as C, jsxs as q } from "react/jsx-runtime";
 import W from "../../../../../external/classnames/index.es.js";
-import r, { forwardRef as Je } from "react";
-import Qe from "../../../../../external/react-select/dist/react-select.esm.es.js";
-import Ye from "../../../../../external/react-select/async/dist/react-select-async.esm.es.js";
-import { FeedbackText as Ze } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as et } from "../form-label/form-label.es.js";
-import { useOptionalInputGroup as tt } from "../input-group/input-group.es.js";
-import ot from "../input-group/input-group.module.scss.es.js";
-import { SELECT_ALL_VALUE as v, GROUP_OPTION_PREFIX as lt, areAllSelected as X, getEnabledOptions as J, isGroupSentinel as Q } from "./components/select-bulk-helpers.es.js";
-import { SelectClearIndicator as nt } from "./components/select-clear-indicator.es.js";
-import { SelectControl as st } from "./components/select-control.es.js";
-import { SelectDropDownIndicator as rt } from "./components/select-dropdown-indicator.es.js";
-import { SelectGroup as at } from "./components/select-group.es.js";
-import { SelectGroupHeading as it } from "./components/select-group-heading.es.js";
+import r, { forwardRef as Qe } from "react";
+import Ye from "../../../../../external/react-select/dist/react-select.esm.es.js";
+import Ze from "../../../../../external/react-select/async/dist/react-select-async.esm.es.js";
+import { FeedbackText as et } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as tt } from "../form-label/form-label.es.js";
+import { useOptionalInputGroup as ot } from "../input-group/input-group.es.js";
+import lt from "../input-group/input-group.module.scss.es.js";
+import { SELECT_ALL_VALUE as v, GROUP_OPTION_PREFIX as nt, areAllSelected as X, getEnabledOptions as J, isGroupSentinel as Q } from "./components/select-bulk-helpers.es.js";
+import { SelectClearIndicator as st } from "./components/select-clear-indicator.es.js";
+import { SelectControl as rt } from "./components/select-control.es.js";
+import { SelectDropDownIndicator as at } from "./components/select-dropdown-indicator.es.js";
+import { SelectGroup as it } from "./components/select-group.es.js";
+import { SelectGroupHeading as ct } from "./components/select-group-heading.es.js";
 import { SelectIndicatorsContainer as ut } from "./components/select-indicators-container.es.js";
-import { SelectInput as ct } from "./components/select-input.es.js";
-import { SelectLoadingIndicator as dt } from "./components/select-loading-indicator.es.js";
-import { SelectMenu as pt } from "./components/select-menu.es.js";
-import { SelectMenuList as mt } from "./components/select-menu-list.es.js";
-import { SelectMenuPortal as ft } from "./components/select-menu-portal.es.js";
-import { SelectMultiValue as gt } from "./components/select-multi-value.es.js";
-import { SelectMultiValueRemove as bt } from "./components/select-multi-value-remove.es.js";
-import { SelectOption as St } from "./components/select-option.es.js";
-import { SelectSingleValue as vt } from "./components/select-single-value.es.js";
-import { SelectValueContainer as yt } from "./components/select-value-container.es.js";
+import { SelectInput as dt } from "./components/select-input.es.js";
+import { SelectLoadingIndicator as pt } from "./components/select-loading-indicator.es.js";
+import { SelectMenu as mt } from "./components/select-menu.es.js";
+import { SelectMenuList as ft } from "./components/select-menu-list.es.js";
+import { SelectMenuPortal as gt } from "./components/select-menu-portal.es.js";
+import { SelectMultiValue as bt } from "./components/select-multi-value.es.js";
+import { SelectMultiValueRemove as St } from "./components/select-multi-value-remove.es.js";
+import { SelectOption as vt } from "./components/select-option.es.js";
+import { SelectSingleValue as yt } from "./components/select-single-value.es.js";
+import { SelectValueContainer as Mt } from "./components/select-value-container.es.js";
 import p from "./select.module.scss.es.js";
-import { useLabels as Mt } from "../../../providers/label-provider/use-labels.es.js";
-const ht = Je(
+import { useLabels as ht } from "../../../providers/label-provider/use-labels.es.js";
+const It = Qe(
   (k, Y) => {
     var z;
     const {
-      options: u,
+      options: c,
       defaultOptions: Z,
       id: _,
       name: ee,
@@ -47,9 +47,9 @@ const ht = Je(
       isLoading: re,
       openMenuOnFocus: ae = !1,
       openMenuOnClick: ie = !0,
-      tabSelectsValue: ue = !1,
+      tabSelectsValue: ce = !1,
       disabled: F = !1,
-      className: ce,
+      className: ue,
       hideLabel: de = !1,
       helper: a,
       placeholder: pe,
@@ -67,41 +67,42 @@ const ht = Je(
       dropdownType: ye = "menu",
       renderValue: Me,
       closeMenuOnSelect: he = !y,
-      blurInputOnSelect: T = !1,
+      blurInputOnSelect: E = !1,
       autoFocus: Ie = !1,
       isClearable: Oe = !0,
       isClearIndicatorVisible: Ce = !1,
-      isSearchable: $ = !0,
+      isSearchable: T = !0,
       menuIsOpen: Le,
       onMenuClose: Ve,
       onMenuOpen: we,
       onBlur: Ae,
       inputIsHidden: ke,
       isTagRemovable: _e = !1,
-      backspaceRemovesValue: Re = !1,
-      optionGroupHeadingText: De = { modifiers: "small", color: "tertiary" },
-      cacheOptions: Ne = !0,
-      showRadioButtons: Fe = !1,
-      renderWithoutLabel: xe,
-      tooltip: Ge,
-      classNames: E
-    } = k, m = (z = tt) == null ? void 0 : z(), Pe = r.useId(), Te = m == null ? void 0 : m.hasExternalLabel, A = k.id ?? (m == null ? void 0 : m.inputId) ?? Pe, H = a ? (a == null ? void 0 : a.id) ?? `${A}-helper` : void 0, h = r.useRef(null), { getLabel: I } = Mt();
+      tagsEllipsis: Re = !1,
+      backspaceRemovesValue: De = !1,
+      optionGroupHeadingText: Ne = { modifiers: "small", color: "tertiary" },
+      cacheOptions: Fe = !0,
+      showRadioButtons: xe = !1,
+      renderWithoutLabel: Ge,
+      tooltip: Pe,
+      classNames: $
+    } = k, m = (z = ot) == null ? void 0 : z(), Ee = r.useId(), Te = m == null ? void 0 : m.hasExternalLabel, A = k.id ?? (m == null ? void 0 : m.inputId) ?? Ee, H = a ? (a == null ? void 0 : a.id) ?? `${A}-helper` : void 0, h = r.useRef(null), { getLabel: I } = ht();
     r.useImperativeHandle(
       Y,
       () => h.current
     );
-    const g = !!G && y, [$e, Ee] = r.useState(N ?? null), j = D !== void 0, f = j ? D : $e, c = r.useMemo(() => Array.isArray(f) ? f : f ? [f] : [], [f]), O = r.useMemo(
+    const g = !!G && y, [$e, He] = r.useState(N ?? null), j = D !== void 0, f = j ? D : $e, u = r.useMemo(() => Array.isArray(f) ? f : f ? [f] : [], [f]), O = r.useMemo(
       () => ({ value: v, label: I("select.select-all") }),
       [I]
     ), b = !!P && !!y, { groupFlattenedOptions: K, groupSentinelMap: M } = r.useMemo(() => {
       const t = /* @__PURE__ */ new Map();
-      if (!b || !u || u.length === 0)
+      if (!b || !c || c.length === 0)
         return { groupFlattenedOptions: null, groupSentinelMap: t };
-      if (!u.some((e) => e && Array.isArray(e.options))) return { groupFlattenedOptions: null, groupSentinelMap: t };
+      if (!c.some((e) => e && Array.isArray(e.options))) return { groupFlattenedOptions: null, groupSentinelMap: t };
       const l = [], i = /* @__PURE__ */ new Map();
-      for (const e of u)
+      for (const e of c)
         if (e && Array.isArray(e.options)) {
-          const o = e, n = `${lt}${o.label ?? ""}`, d = o.options.filter((S) => !S.isDisabled);
+          const o = e, n = `${nt}${o.label ?? ""}`, d = o.options.filter((S) => !S.isDisabled);
           i.set(n, { enabled: d }), l.push({ value: n, label: o.label ?? "" });
           for (const S of o.options)
             l.push({
@@ -111,80 +112,80 @@ const ht = Je(
         } else
           l.push(e);
       return { groupFlattenedOptions: l, groupSentinelMap: i };
-    }, [u, b]), He = r.useMemo(() => {
-      let t = K ?? u;
+    }, [c, b]), je = r.useMemo(() => {
+      let t = K ?? c;
       return g && t && t.length > 0 && (t = [O, ...t]), t;
-    }, [u, K, g, O]), je = r.useMemo(() => {
+    }, [c, K, g, O]), Ke = r.useMemo(() => {
       const t = [];
       if (b && M.size > 0)
         for (const [s, l] of M)
-          l.enabled.length > 0 && X(c, l.enabled) && t.push({ value: s, label: "" });
+          l.enabled.length > 0 && X(u, l.enabled) && t.push({ value: s, label: "" });
       if (g) {
-        const s = J(u ?? []);
-        s.length > 0 && X(c, s) && t.push(O);
+        const s = J(c ?? []);
+        s.length > 0 && X(u, s) && t.push(O);
       }
-      return t.length === 0 ? f : [...c, ...t];
+      return t.length === 0 ? f : [...u, ...t];
     }, [
       f,
-      c,
       u,
+      c,
       b,
       M,
       g,
       O
-    ]), Ke = (t, s) => {
+    ]), Ue = (t, s) => {
       let l = t;
       const i = s.option;
       if (b && i && M.has(i.value)) {
         const e = M.get(i.value).enabled;
         if (s.action === "select-option") {
-          const o = [...c];
+          const o = [...u];
           for (const n of e)
             o.some((d) => d.value === n.value) || o.push(n);
           l = o;
-        } else s.action === "deselect-option" && (l = c.filter((o) => !e.some((n) => n.value === o.value)));
+        } else s.action === "deselect-option" && (l = u.filter((o) => !e.some((n) => n.value === o.value)));
       } else if (g) {
-        const e = J(u ?? []), o = (i == null ? void 0 : i.value) === v;
-        o && s.action === "select-option" ? l = [...c.filter(
+        const e = J(c ?? []), o = (i == null ? void 0 : i.value) === v;
+        o && s.action === "select-option" ? l = [...u.filter(
           (d) => d.value !== v && !e.some((S) => S.value === d.value)
-        ), ...e] : o && s.action === "deselect-option" && (l = c.filter(
+        ), ...e] : o && s.action === "deselect-option" && (l = u.filter(
           (n) => n.value !== v && !e.some((d) => d.value === n.value)
         ));
       }
-      Array.isArray(l) && (l = l.filter((e) => e.value !== v && !Q(e))), j || Ee(l), V == null || V(l), !T && h.current && setTimeout(() => {
+      Array.isArray(l) && (l = l.filter((e) => e.value !== v && !Q(e))), j || He(l), V == null || V(l), !E && h.current && setTimeout(() => {
         var e, o;
         return (o = (e = h.current) == null ? void 0 : e.inputRef) == null ? void 0 : o.focus();
       }, 0);
-    }, Ue = r.useCallback(
+    }, Be = r.useCallback(
       (t, s) => t.data.value === v || Q(t.data) || !s ? !0 : String(t.label).toLowerCase().includes(s.toLowerCase()),
       []
-    ), [U, B] = r.useState(!1), Be = (t) => {
+    ), [U, B] = r.useState(!1), ze = (t) => {
       (t.key === "ArrowUp" || t.key === "ArrowDown" || t.key === "Home" || t.key === "End" || t.key === "PageUp" || t.key === "PageDown" || t.key === "Tab") && (U || B(!0));
-    }, ze = r.useCallback(() => {
+    }, qe = r.useCallback(() => {
       B((t) => t && !1);
-    }, []), qe = r.useCallback(
-      (t) => /* @__PURE__ */ C(mt, { ...t, renderMessageListFooter: x }),
+    }, []), We = r.useCallback(
+      (t) => /* @__PURE__ */ C(ft, { ...t, renderMessageListFooter: x }),
       [x]
-    ), We = () => {
+    ), Xe = () => {
       const t = {
-        ClearIndicator: (e) => nt({ isClearIndicatorVisible: Ce, ...e }),
-        DropdownIndicator: () => rt({ iconName: te }),
+        ClearIndicator: (e) => st({ isClearIndicatorVisible: Ce, ...e }),
+        DropdownIndicator: () => at({ iconName: te }),
         IndicatorSeparator: () => null,
-        MenuPortal: ft,
-        Menu: pt,
-        MenuList: qe,
-        Option: (e) => St({ renderOption: be, multiple: y, showRadioButtons: Fe, ...e }),
-        Control: st,
-        Input: ct,
-        MultiValue: (e) => gt({ isTagRemovable: _e, ...e }),
-        MultiValueRemove: bt,
-        SingleValue: vt,
-        Group: at,
-        GroupHeading: (e) => it({ optionGroupHeadingText: De, ...e }),
+        MenuPortal: gt,
+        Menu: mt,
+        MenuList: We,
+        Option: (e) => vt({ renderOption: be, multiple: y, showRadioButtons: xe, ...e }),
+        Control: rt,
+        Input: dt,
+        MultiValue: (e) => bt({ isTagRemovable: _e, tagsEllipsis: Re, ...e }),
+        MultiValueRemove: St,
+        SingleValue: yt,
+        Group: it,
+        GroupHeading: (e) => ct({ optionGroupHeadingText: Ne, ...e }),
         IndicatorsContainer: ut,
-        ValueContainer: yt,
-        LoadingIndicator: dt
-      }, s = ge ? Ye : Qe, l = () => I("select.no-options"), i = () => I("select.loading");
+        ValueContainer: Mt,
+        LoadingIndicator: pt
+      }, s = ge ? Ze : Ye, l = () => I("select.no-options"), i = () => I("select.loading");
       return /* @__PURE__ */ C(
         s,
         {
@@ -194,8 +195,8 @@ const ht = Je(
           dropdownType: ye,
           renderValue: Me,
           keyboardMode: U,
-          exitKeyboardMode: ze,
-          onKeyDown: Be,
+          exitKeyboardMode: qe,
+          onKeyDown: ze,
           id: A,
           "aria-describedby": H,
           autoFocus: Ie,
@@ -203,13 +204,13 @@ const ht = Je(
           instanceId: _,
           className: "tedi-select__wrapper",
           name: ee,
-          options: He,
+          options: je,
           defaultOptions: Z,
-          value: je,
+          value: Ke,
           defaultValue: N,
-          cacheOptions: Ne,
-          onChange: Ke,
-          filterOption: g || b ? Ue : void 0,
+          cacheOptions: Fe,
+          onChange: Ue,
+          filterOption: g || b ? Be : void 0,
           onInputChange: le,
           onBlur: Ae,
           inputValue: ne,
@@ -221,21 +222,21 @@ const ht = Je(
           classNamePrefix: "select",
           components: t,
           isDisabled: F,
-          isSearchable: $,
+          isSearchable: T,
           menuIsOpen: Le,
           openMenuOnFocus: ae,
           openMenuOnClick: ie,
-          tabSelectsValue: ue,
+          tabSelectsValue: ce,
           onMenuClose: Ve,
           onMenuOpen: we,
           placeholder: pe || "",
           isClearable: Oe,
-          backspaceRemovesValue: Re,
+          backspaceRemovesValue: De,
           menuShouldScrollIntoView: !0,
           isMulti: y,
           hideSelectedOptions: !1,
           closeMenuOnSelect: he,
-          blurInputOnSelect: T,
+          blurInputOnSelect: E,
           menuPlacement: "auto",
           inputIsHidden: ke,
           required: R,
@@ -243,12 +244,12 @@ const ht = Je(
           menuPosition: "absolute",
           classNames: (() => {
             const e = {};
-            if (E)
-              for (const [o, n] of Object.entries(E))
+            if ($)
+              for (const [o, n] of Object.entries($))
                 e[o] = typeof n == "string" ? () => n : n;
             if (m) {
               const o = e.control;
-              e.control = (n) => W(o == null ? void 0 : o(n), ot["tedi-input-group__input"]);
+              e.control = (n) => W(o == null ? void 0 : o(n), lt["tedi-input-group__input"]);
             }
             return Object.keys(e).length > 0 ? e : void 0;
           })(),
@@ -269,38 +270,37 @@ const ht = Je(
           }
         }
       );
-    }, Xe = W(
+    }, Je = W(
       p["tedi-select"],
-      ce,
+      ue,
       { [p["tedi-select--invalid"]]: me || (a == null ? void 0 : a.type) === "error" },
       { [p["tedi-select--valid"]]: fe || (a == null ? void 0 : a.type) === "valid" },
       { [p[`tedi-select--${w}`]]: w },
       { [p[`tedi-select--tags-${L}`]]: L },
-      { [p["tedi-select--searchable"]]: $ },
+      { [p["tedi-select--searchable"]]: T },
       { [p["tedi-select--disabled"]]: F }
     );
-    return /* @__PURE__ */ q("div", { "data-name": "select", className: Xe, children: [
+    return /* @__PURE__ */ q("div", { "data-name": "select", className: Je, children: [
       /* @__PURE__ */ q("div", { className: p["tedi-select__inner"], children: [
         !Te && /* @__PURE__ */ C(
-          et,
+          tt,
           {
             id: `${A}-input`,
             label: oe,
             required: R,
             hideLabel: de,
             size: w,
-            renderWithoutLabel: xe,
-            tooltip: Ge
+            renderWithoutLabel: Ge,
+            tooltip: Pe
           }
         ),
-        We()
+        Xe()
       ] }),
-      a && /* @__PURE__ */ C(Ze, { ...a, id: H })
+      a && /* @__PURE__ */ C(et, { ...a, id: H })
     ] });
   }
 );
-ht.displayName = "Select";
+It.displayName = "Select";
 export {
-  ht as Select,
-  ht as default
+  It as Select
 };

package/src/tedi/components/form/select/select.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-select__control":"tedi-select__control-dbce8bb7","tedi-select__value-container":"tedi-select__value-container-253d079a","tedi-select__indicators-container":"tedi-select__indicators-container-0fc8fa2a","tedi-select__input":"tedi-select__input-5525b622","tedi-select":"tedi-select-8b014852","tedi-select--disabled":"tedi-select--disabled-2d4b8ddd","tedi-select--invalid":"tedi-select--invalid-3901c89c","tedi-select--valid":"tedi-select--valid-969c0297","tedi-select__control--focused":"tedi-select__control--focused-0e632efe","tedi-select__arrow":"tedi-select__arrow-94b5ef4a","tedi-select__loading-indicator":"tedi-select__loading-indicator-a35a63ca","tedi-select__dropdown-indicator":"tedi-select__dropdown-indicator-5a948baa","tedi-select__clear-indicator":"tedi-select__clear-indicator-68b60b12","tedi-select__menu-portal":"tedi-select__menu-portal-d5349f37","tedi-select__menu":"tedi-select__menu-bf54b75b","tedi-select__menu-list--grid":"tedi-select__menu-list--grid-393f3232","tedi-select__menu-list":"tedi-select__menu-list-0aa06e24","tedi-select__menu-list-inner":"tedi-select__menu-list-inner-471e5cf8","tedi-select__menu-list-footer":"tedi-select__menu-list-footer-eb1d3bbc","tedi-select__option":"tedi-select__option-6f811381","tedi-select__option--disabled":"tedi-select__option--disabled-d3aff112","tedi-select__option--focused":"tedi-select__option--focused-1d972ff1","tedi-select__option--selected":"tedi-select__option--selected-a93e5fb0","tedi-select--small":"tedi-select--small-2659608b","tedi-select__multi-value-item":"tedi-select__multi-value-item-b8ec59ae","tedi-select__checkbox":"tedi-select__checkbox-e4f94b67","tedi-select__group":"tedi-select__group-b275e954","tedi-select__group-heading":"tedi-select__group-heading-02b3d9bc","tedi-select__group-heading--selectable":"tedi-select__group-heading--selectable-c84cd617","tedi-select__option--indented":"tedi-select__option--indented-bf4a1661","tedi-select__multi-value-clear":"tedi-select__multi-value-clear-d231f7de","tedi-select--tags-row":"tedi-select--tags-row-c9f33e4b","tedi-select__overflow-tag":"tedi-select__overflow-tag-c0391df2","tedi-select__menu-list--keyboard":"tedi-select__menu-list--keyboard-3d066942","tedi-select__select-all":"tedi-select__select-all-12c3e7f1","tedi-select__group-heading-toggle":"tedi-select__group-heading-toggle-34296a63","tedi-select--tags-stack":"tedi-select--tags-stack-ddb929a9","tedi-select__separator":"tedi-select__separator-b1045f3f","tedi-select--searchable":"tedi-select--searchable-d56eb325"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-select__control":"tedi-select__control-dbce8bb7","tedi-select__value-container":"tedi-select__value-container-253d079a","tedi-select__indicators-container":"tedi-select__indicators-container-0fc8fa2a","tedi-select__input":"tedi-select__input-5525b622","tedi-select":"tedi-select-8b014852","tedi-select--disabled":"tedi-select--disabled-2d4b8ddd","tedi-select--invalid":"tedi-select--invalid-3901c89c","tedi-select--valid":"tedi-select--valid-969c0297","tedi-select__control--focused":"tedi-select__control--focused-0e632efe","tedi-select__arrow":"tedi-select__arrow-94b5ef4a","tedi-select__loading-indicator":"tedi-select__loading-indicator-a35a63ca","tedi-select__dropdown-indicator":"tedi-select__dropdown-indicator-5a948baa","tedi-select__clear-indicator":"tedi-select__clear-indicator-68b60b12","tedi-select__menu-portal":"tedi-select__menu-portal-d5349f37","tedi-select__menu":"tedi-select__menu-bf54b75b","tedi-select__menu-list--grid":"tedi-select__menu-list--grid-393f3232","tedi-select__menu-list":"tedi-select__menu-list-0aa06e24","tedi-select__menu-list-inner":"tedi-select__menu-list-inner-471e5cf8","tedi-select__menu-list-footer":"tedi-select__menu-list-footer-eb1d3bbc","tedi-select__option":"tedi-select__option-6f811381","tedi-select__option--disabled":"tedi-select__option--disabled-d3aff112","tedi-select__option--focused":"tedi-select__option--focused-1d972ff1","tedi-select__option--selected":"tedi-select__option--selected-a93e5fb0","tedi-select--small":"tedi-select--small-2659608b","tedi-select__multi-value-item":"tedi-select__multi-value-item-b8ec59ae","tedi-select__multi-value--ellipsis":"tedi-select__multi-value--ellipsis-1d821ed7","tedi-select__group":"tedi-select__group-b275e954","tedi-select__group-heading":"tedi-select__group-heading-02b3d9bc","tedi-select__group-heading--selectable":"tedi-select__group-heading--selectable-c84cd617","tedi-select__option--indented":"tedi-select__option--indented-bf4a1661","tedi-select__multi-value-clear":"tedi-select__multi-value-clear-d231f7de","tedi-select--tags-row":"tedi-select--tags-row-c9f33e4b","tedi-select__overflow-tag":"tedi-select__overflow-tag-c0391df2","tedi-select__menu-list--keyboard":"tedi-select__menu-list--keyboard-3d066942","tedi-select__select-all":"tedi-select__select-all-12c3e7f1","tedi-select__group-heading-toggle":"tedi-select__group-heading-toggle-34296a63","tedi-select--tags-stack":"tedi-select--tags-stack-ddb929a9","tedi-select__separator":"tedi-select__separator-b1045f3f","tedi-select--searchable":"tedi-select--searchable-d56eb325"};exports.default=e;

package/src/tedi/components/form/select/select.module.scss.es.js

@@ -24,7 +24,7 @@ const e = {
   "tedi-select__option--selected": "tedi-select__option--selected-a93e5fb0",
   "tedi-select--small": "tedi-select--small-2659608b",
   "tedi-select__multi-value-item": "tedi-select__multi-value-item-b8ec59ae",
-  "tedi-select__checkbox": "tedi-select__checkbox-e4f94b67",
+  "tedi-select__multi-value--ellipsis": "tedi-select__multi-value--ellipsis-1d821ed7",
   "tedi-select__group": "tedi-select__group-b275e954",
   "tedi-select__group-heading": "tedi-select__group-heading-02b3d9bc",
   "tedi-select__group-heading--selectable": "tedi-select__group-heading--selectable-c84cd617",

package/src/tedi/components/form/slider/slider.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),ne=require("../../overlays/tooltip/tooltip.cjs.js"),de=require("../../overlays/tooltip/tooltip-content.cjs.js"),oe=require("../../overlays/tooltip/tooltip-trigger.cjs.js"),ue=require("../feedback-text/feedback-text.cjs.js"),ce=require("../form-label/form-label.cjs.js"),t=require("./slider.module.scss.cjs.js"),fe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),h=e.forwardRef((x,F)=>{const{getCurrentBreakpointProps:V}=fe.useBreakpointProps(x.defaultServerBreakpoint),{id:E,name:P,label:_,hideLabel:R,required:k,min:r=0,max:d=100,step:D=1,value:c,defaultValue:$,onChange:o,disabled:s=!1,invalid:H=!1,minLabel:f,maxLabel:O,showCurrentValue:p=!1,valueFormatter:j,tooltip:U=!0,addonRight:w,helper:l,className:z,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J}=V(x),K=e.useId(),v=E??`tedi-slider-${K}`,L=l?l.id??`${v}-helper`:void 0,[Q,W]=e.useState($??r),u=Math.min(d,Math.max(r,c??Q)),[X,N]=e.useState(!1),[Y,C]=e.useState(!1),[i,S]=e.useState(!1),T=!!U&&!s,Z=T&&(X||Y||i),ee=e.useCallback(()=>N(!0),[]),ae=e.useCallback(()=>N(!1),[]),te=e.useCallback(()=>C(!0),[]),le=e.useCallback(()=>C(!1),[]),q=e.useRef(null),n=e.useCallback(()=>{q.current=null,S(!1)},[]);e.useEffect(()=>{if(i)return window.addEventListener("pointerup",n),window.addEventListener("pointercancel",n),()=>{window.removeEventListener("pointerup",n),window.removeEventListener("pointercancel",n)}},[i,n]);const re=e.useCallback(g=>{s||(q.current=g.pointerId,S(!0))},[s]),se=e.useCallback(g=>{const B=Number(g.target.value);c===void 0&&W(B),o==null||o(B)},[o,c]),I=H||(l==null?void 0:l.type)==="error",M=d===r?0:(u-r)/(d-r)*100,y=j?j(u):u,b=p?y:O,ie=m.default(t.default["tedi-slider"],{[t.default["tedi-slider--disabled"]]:s,[t.default["tedi-slider--invalid"]]:I,[t.default["tedi-slider--dragging"]]:i&&!s},z);return a.jsxs("div",{"data-name":"slider",className:ie,children:[_&&a.jsx(ce.FormLabel,{id:v,label:_,required:k,hideLabel:R}),a.jsxs("div",{className:t.default["tedi-slider__container"],children:[a.jsxs("div",{className:t.default["tedi-slider__track-row"],children:[f!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":"true",children:f}),a.jsxs("div",{className:t.default["tedi-slider__track"],style:{"--tedi-slider-progress":`${M}%`,"--tedi-slider-progress-ratio":`${M/100}`},children:[a.jsx("input",{ref:F,id:v,name:P,type:"range",min:r,max:d,step:D,value:u,disabled:s,required:k,"aria-invalid":I?"true":void 0,"aria-describedby":L,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J,onChange:se,onMouseEnter:ee,onMouseLeave:ae,onPointerDown:re,onFocus:te,onBlur:le,className:m.default(t.default["tedi-slider__input"],{[t.default["tedi-slider__input--dragging"]]:i})}),T&&a.jsxs(ne.Tooltip,{open:Z,onToggle:()=>{},focusManager:{returnFocus:!1,initialFocus:-1},placement:"top",trackReferencePosition:!0,children:[a.jsx(oe.TooltipTrigger,{children:a.jsx("span",{className:t.default["tedi-slider__thumb-anchor"],"aria-hidden":"true",tabIndex:-1})}),a.jsx(de.TooltipContent,{children:y})]})]}),b!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":p?void 0:"true","aria-live":p?"polite":void 0,children:b})]}),w&&a.jsx("div",{className:t.default["tedi-slider__addon"],children:w})]}),l&&a.jsx(ue.FeedbackText,{...l,id:L,className:m.default(t.default["tedi-slider__feedback"],l.className)})]})});h.displayName="Slider";exports.Slider=h;exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),ne=require("../../overlays/tooltip/tooltip.cjs.js"),de=require("../../overlays/tooltip/tooltip-content.cjs.js"),oe=require("../../overlays/tooltip/tooltip-trigger.cjs.js"),ue=require("../feedback-text/feedback-text.cjs.js"),ce=require("../form-label/form-label.cjs.js"),t=require("./slider.module.scss.cjs.js"),fe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),F=e.forwardRef((h,M)=>{const{getCurrentBreakpointProps:V}=fe.useBreakpointProps(h.defaultServerBreakpoint),{id:E,name:P,label:x,hideLabel:R,required:_,min:l=0,max:d=100,step:D=1,value:c,defaultValue:$,onChange:o,disabled:s=!1,invalid:H=!1,minLabel:f,maxLabel:O,showCurrentValue:p=!1,valueFormatter:k,tooltip:U=!0,addonRight:j,helper:r,className:z,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J}=V(h),K=e.useId(),b=E??`tedi-slider-${K}`,w=r?r.id??`${b}-helper`:void 0,[Q,W]=e.useState($??l),u=Math.min(d,Math.max(l,c??Q)),[X,L]=e.useState(!1),[Y,N]=e.useState(!1),[i,C]=e.useState(!1),S=!!U&&!s,Z=S&&(X||Y||i),ee=e.useCallback(()=>L(!0),[]),ae=e.useCallback(()=>L(!1),[]),te=e.useCallback(()=>N(!0),[]),re=e.useCallback(()=>N(!1),[]),T=e.useRef(null),n=e.useCallback(()=>{T.current=null,C(!1)},[]);e.useEffect(()=>{if(i)return window.addEventListener("pointerup",n),window.addEventListener("pointercancel",n),()=>{window.removeEventListener("pointerup",n),window.removeEventListener("pointercancel",n)}},[i,n]);const le=e.useCallback(g=>{s||(T.current=g.pointerId,C(!0))},[s]),se=e.useCallback(g=>{const B=Number(g.target.value);c===void 0&&W(B),o==null||o(B)},[o,c]),q=H||(r==null?void 0:r.type)==="error",I=d===l?0:(u-l)/(d-l)*100,y=k?k(u):u,v=p?y:O,ie=m.default(t.default["tedi-slider"],{[t.default["tedi-slider--disabled"]]:s,[t.default["tedi-slider--invalid"]]:q,[t.default["tedi-slider--dragging"]]:i&&!s},z);return a.jsxs("div",{"data-name":"slider",className:ie,children:[x&&a.jsx(ce.FormLabel,{id:b,label:x,required:_,hideLabel:R}),a.jsxs("div",{className:t.default["tedi-slider__container"],children:[a.jsxs("div",{className:t.default["tedi-slider__track-row"],children:[f!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":"true",children:f}),a.jsxs("div",{className:t.default["tedi-slider__track"],style:{"--tedi-slider-progress":`${I}%`,"--tedi-slider-progress-ratio":`${I/100}`},children:[a.jsx("input",{ref:M,id:b,name:P,type:"range",min:l,max:d,step:D,value:u,disabled:s,required:_,"aria-invalid":q?"true":void 0,"aria-describedby":w,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J,onChange:se,onMouseEnter:ee,onMouseLeave:ae,onPointerDown:le,onFocus:te,onBlur:re,className:m.default(t.default["tedi-slider__input"],{[t.default["tedi-slider__input--dragging"]]:i})}),S&&a.jsxs(ne.Tooltip,{open:Z,onToggle:()=>{},focusManager:{returnFocus:!1,initialFocus:-1},placement:"top",trackReferencePosition:!0,children:[a.jsx(oe.TooltipTrigger,{children:a.jsx("span",{className:t.default["tedi-slider__thumb-anchor"],"aria-hidden":"true",tabIndex:-1})}),a.jsx(de.TooltipContent,{children:y})]})]}),v!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":p?void 0:"true","aria-live":p?"polite":void 0,children:v})]}),j&&a.jsx("div",{className:t.default["tedi-slider__addon"],children:j})]}),r&&a.jsx(ue.FeedbackText,{...r,id:w,className:m.default(t.default["tedi-slider__feedback"],r.className)})]})});F.displayName="Slider";exports.Slider=F;

package/src/tedi/components/form/slider/slider.es.js

@@ -141,6 +141,5 @@ const be = oe((N, S) => {
 });
 be.displayName = "Slider";
 export {
-  be as Slider,
-  be as default
+  be as Slider
 };

package/src/tedi/components/form/slider/slider.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-slider":"tedi-slider-90e24e7d","tedi-slider__container":"tedi-slider__container-525c4b64","tedi-slider__track-row":"tedi-slider__track-row-95e9c2d5","tedi-slider__range-label":"tedi-slider__range-label-a2a6a43b","tedi-slider__track":"tedi-slider__track-a7afc8d6","tedi-slider__thumb-anchor":"tedi-slider__thumb-anchor-7e282370","tedi-slider__input":"tedi-slider__input-b2d1c042","tedi-slider__input--dragging":"tedi-slider__input--dragging-6a2f5f85","tedi-slider__addon":"tedi-slider__addon-6b259d81","tedi-slider__feedback":"tedi-slider__feedback-dad1545e","tedi-slider--disabled":"tedi-slider--disabled-d1da914a","tedi-slider--dragging":"tedi-slider--dragging-c82f4f25","tedi-slider--invalid":"tedi-slider--invalid-e5adda94"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-slider":"tedi-slider-90e24e7d","tedi-slider__container":"tedi-slider__container-525c4b64","tedi-slider__track-row":"tedi-slider__track-row-95e9c2d5","tedi-slider__range-label":"tedi-slider__range-label-a2a6a43b","tedi-slider__track":"tedi-slider__track-a7afc8d6","tedi-slider__thumb-anchor":"tedi-slider__thumb-anchor-7e282370","tedi-slider__input":"tedi-slider__input-b2d1c042","tedi-slider__input--dragging":"tedi-slider__input--dragging-6a2f5f85","tedi-slider__addon":"tedi-slider__addon-6b259d81","tedi-slider__feedback":"tedi-slider__feedback-dad1545e","tedi-slider--disabled":"tedi-slider--disabled-d1da914a","tedi-slider--dragging":"tedi-slider--dragging-c82f4f25"};exports.default=e;

package/src/tedi/components/form/slider/slider.module.scss.es.js

@@ -10,8 +10,7 @@ const d = {
   "tedi-slider__addon": "tedi-slider__addon-6b259d81",
   "tedi-slider__feedback": "tedi-slider__feedback-dad1545e",
   "tedi-slider--disabled": "tedi-slider--disabled-d1da914a",
-  "tedi-slider--dragging": "tedi-slider--dragging-c82f4f25",
-  "tedi-slider--invalid": "tedi-slider--invalid-e5adda94"
+  "tedi-slider--dragging": "tedi-slider--dragging-c82f4f25"
 };
 export {
   d as default

package/src/tedi/components/form/textarea/textarea.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),O=require("../textfield/textfield.cjs.js"),d=require("./textarea.module.scss.cjs.js"),H=a.forwardRef((R,o)=>{const{className:N,helper:p=[],characterLimit:i,onChange:n,onChangeEvent:g,value:l,defaultValue:b,autoGrow:t=!1,minRows:u=3,maxRows:y=12,height:v="7.5rem",maxHeight:s,...q}=R,[T,F]=a.useState(b??""),c=a.useRef(null),[C,E]=a.useState("auto"),j=a.useCallback(e=>{!l&&!(n||g)&&F(e),n==null||n(e)},[l,n,g]),m=a.useMemo(()=>l??T,[l,T]),r=a.useCallback(()=>{if(!t||!c.current)return;const e=c.current,$=e.style.overflow;e.style.overflow="hidden";const f=window.getComputedStyle(e);let h=parseFloat(f.lineHeight);isNaN(h)&&(h=(parseFloat(f.fontSize)||16)*1.5);const _=parseFloat(f.paddingTop),A=parseFloat(f.paddingBottom),B=e.scrollHeight-_-A;let x=Math.ceil(B/h);x=Math.min(Math.max(x,u),y);const M=`${x*h+_+A}px`;e.style.height=M,E(M),e.style.overflow=$,e.style.overflowY=e.scrollHeight>e.clientHeight?"auto":"hidden"},[t,u,y]);a.useEffect(()=>{t&&requestAnimationFrame(()=>{r()})},[m,t,r]),a.useEffect(()=>{t&&c.current&&r()},[t,r]);const k=a.useCallback(e=>{o&&(typeof o=="function"?o(e):o.current=e),e!=null&&e.input&&e.input instanceof HTMLTextAreaElement&&(c.current=e.input,t&&setTimeout(r,0))},[o,t,r]),z=a.useMemo(()=>t?{rows:u,style:{...s?{maxHeight:s}:{},overflow:"hidden",height:C}}:{style:{height:v,...s?{maxHeight:s}:{},overflow:"auto"}},[t,u,s,v,C]),S=m.length,I=i?`${S}/${i}`:"",V=[...Array.isArray(p)?p:[p],...i?[{type:S>i?"error":"hint",text:I,position:"right",className:w.default(d.default["tedi-textarea__character-count"])}]:[]];return L.jsx(O.TextField,{...q,ref:k,"data-name":"textarea",inputClassName:w.default(d.default["tedi-textarea__input"],{[d.default["tedi-textarea__input--auto-grow"]]:t}),isTextArea:!0,className:w.default(d.default["tedi-textarea"],N),value:m,onChange:j,onChangeEvent:g,helper:V,input:z})});H.displayName="TextArea";exports.TextArea=H;exports.default=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),O=require("../textfield/textfield.cjs.js"),d=require("./textarea.module.scss.cjs.js"),M=a.forwardRef((N,o)=>{const{className:_,helper:p=[],characterLimit:s,onChange:n,onChangeEvent:g,value:l,defaultValue:b,autoGrow:t=!1,minRows:u=3,maxRows:y=12,height:H="7.5rem",maxHeight:i,...q}=N,[T,F]=a.useState(b??""),c=a.useRef(null),[v,E]=a.useState("auto"),j=a.useCallback(e=>{!l&&!(n||g)&&F(e),n==null||n(e)},[l,n,g]),m=a.useMemo(()=>l??T,[l,T]),r=a.useCallback(()=>{if(!t||!c.current)return;const e=c.current,$=e.style.overflow;e.style.overflow="hidden";const f=window.getComputedStyle(e);let h=parseFloat(f.lineHeight);isNaN(h)&&(h=(parseFloat(f.fontSize)||16)*1.5);const S=parseFloat(f.paddingTop),A=parseFloat(f.paddingBottom),B=e.scrollHeight-S-A;let x=Math.ceil(B/h);x=Math.min(Math.max(x,u),y);const R=`${x*h+S+A}px`;e.style.height=R,E(R),e.style.overflow=$,e.style.overflowY=e.scrollHeight>e.clientHeight?"auto":"hidden"},[t,u,y]);a.useEffect(()=>{t&&requestAnimationFrame(()=>{r()})},[m,t,r]),a.useEffect(()=>{t&&c.current&&r()},[t,r]);const k=a.useCallback(e=>{o&&(typeof o=="function"?o(e):o.current=e),e!=null&&e.input&&e.input instanceof HTMLTextAreaElement&&(c.current=e.input,t&&setTimeout(r,0))},[o,t,r]),z=a.useMemo(()=>t?{rows:u,style:{...i?{maxHeight:i}:{},overflow:"hidden",height:v}}:{style:{height:H,...i?{maxHeight:i}:{},overflow:"auto"}},[t,u,i,H,v]),C=m.length,I=s?`${C}/${s}`:"",V=[...Array.isArray(p)?p:[p],...s?[{type:C>s?"error":"hint",text:I,position:"right",className:w.default(d.default["tedi-textarea__character-count"])}]:[]];return L.jsx(O.TextField,{...q,ref:k,"data-name":"textarea",inputClassName:w.default(d.default["tedi-textarea__input"],{[d.default["tedi-textarea__input--auto-grow"]]:t}),isTextArea:!0,className:w.default(d.default["tedi-textarea"],_),value:m,onChange:j,onChangeEvent:g,helper:V,input:z})});M.displayName="TextArea";exports.TextArea=M;

package/src/tedi/components/form/textarea/textarea.es.js

@@ -2,11 +2,11 @@ import { jsx as q } from "react/jsx-runtime";
 import w from "../../../../../external/classnames/index.es.js";
 import a, { forwardRef as G, useRef as O, useEffect as R } from "react";
 import { TextField as P } from "../textfield/textfield.es.js";
-import m from "./textarea.module.scss.es.js";
+import p from "./textarea.module.scss.es.js";
 const Y = G((S, r) => {
   const {
     className: F,
-    helper: p = [],
+    helper: f = [],
     characterLimit: i,
     onChange: s,
     onChangeEvent: g,
@@ -23,24 +23,24 @@ const Y = G((S, r) => {
       !l && !(s || g) && k(t), s == null || s(t);
     },
     [l, s, g]
-  ), d = a.useMemo(() => l ?? v, [l, v]), o = a.useCallback(() => {
+  ), x = a.useMemo(() => l ?? v, [l, v]), o = a.useCallback(() => {
     if (!e || !u.current) return;
     const t = u.current, L = t.style.overflow;
     t.style.overflow = "hidden";
     const h = window.getComputedStyle(t);
-    let f = parseFloat(h.lineHeight);
-    isNaN(f) && (f = (parseFloat(h.fontSize) || 16) * 1.5);
+    let m = parseFloat(h.lineHeight);
+    isNaN(m) && (m = (parseFloat(h.fontSize) || 16) * 1.5);
     const N = parseFloat(h.paddingTop), _ = parseFloat(h.paddingBottom), j = t.scrollHeight - N - _;
-    let x = Math.ceil(j / f);
-    x = Math.min(Math.max(x, c), H);
-    const A = `${x * f + N + _}px`;
+    let d = Math.ceil(j / m);
+    d = Math.min(Math.max(d, c), H);
+    const A = `${d * m + N + _}px`;
     t.style.height = A, z(A), t.style.overflow = L, t.style.overflowY = t.scrollHeight > t.clientHeight ? "auto" : "hidden";
   }, [e, c, H]);
   R(() => {
     e && requestAnimationFrame(() => {
       o();
     });
-  }, [d, e, o]), R(() => {
+  }, [x, e, o]), R(() => {
     e && u.current && o();
   }, [e, o]);
   const I = a.useCallback(
@@ -61,14 +61,14 @@ const Y = G((S, r) => {
       ...n ? { maxHeight: n } : {},
       overflow: "auto"
     }
-  }, [e, c, n, y, C]), T = d.length, $ = i ? `${T}/${i}` : "", B = [
-    ...Array.isArray(p) ? p : [p],
+  }, [e, c, n, y, C]), T = x.length, $ = i ? `${T}/${i}` : "", B = [
+    ...Array.isArray(f) ? f : [f],
     ...i ? [
       {
         type: T > i ? "error" : "hint",
         text: $,
         position: "right",
-        className: w(m["tedi-textarea__character-count"])
+        className: w(p["tedi-textarea__character-count"])
       }
     ] : []
   ];
@@ -78,12 +78,12 @@ const Y = G((S, r) => {
       ...b,
       ref: I,
       "data-name": "textarea",
-      inputClassName: w(m["tedi-textarea__input"], {
-        [m["tedi-textarea__input--auto-grow"]]: e
+      inputClassName: w(p["tedi-textarea__input"], {
+        [p["tedi-textarea__input--auto-grow"]]: e
       }),
       isTextArea: !0,
-      className: w(m["tedi-textarea"], F),
-      value: d,
+      className: w(p["tedi-textarea"], F),
+      value: x,
       onChange: E,
       onChangeEvent: g,
       helper: B,
@@ -93,6 +93,5 @@ const Y = G((S, r) => {
 });
 Y.displayName = "TextArea";
 export {
-  Y as TextArea,
-  Y as default
+  Y as TextArea
 };

package/src/tedi/components/form/textfield/textfield.d.ts

@@ -65,6 +65,11 @@ export interface TextFieldProps extends BreakpointSupport<TextFieldBreakpointPro
      * Also used to generate `aria-describedby` and helper IDs automatically.
      */
     id?: string;
+    /**
+     * The text or React node that serves as the label for the text field.
+     * If `hideLabel` is `true`, the label will be visually hidden but still accessible to screen readers.
+     * If `hideLabel` is `'keep-space'`, the label will be hidden but the space it occupies will be preserved.
+     */
     label?: React.ReactNode;
     /**
      * Name attribute for the underlying input/textarea element.
@@ -104,7 +109,13 @@ export interface TextFieldProps extends BreakpointSupport<TextFieldBreakpointPro
      * Note: These are **not** attached to the input/textarea directly, but to the surrounding container.
      */
     onKeyPress?: React.KeyboardEventHandler<HTMLDivElement>;
+    /**
+     * Key-down handler attached to the field's surrounding container (not the input directly).
+     */
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    /**
+     * Key-up handler attached to the field's surrounding container (not the input directly).
+     */
     onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;
     /**
      * Default value for **uncontrolled** usage.
@@ -209,6 +220,9 @@ export interface TextFieldProps extends BreakpointSupport<TextFieldBreakpointPro
      * Additional attributes for the input element.
      */
     input?: React.InputHTMLAttributes<HTMLInputElement> | React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+    /**
+     * Optional start slot element to render inside the input container, before the input field.
+     */
     startSlot?: React.ReactNode;
     /**
      * Optional end slot element to render inside the input container, after the input field.

package/src/tedi/components/form/time-field/time-field-helpers.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=40,u=6,d=()=>Array.from({length:24},(e,t)=>t.toString().padStart(2,"0")),m=e=>{const t=Math.max(1,e??1),r=[];for(let n=0;n<60;n+=t)r.push(n.toString().padStart(2,"0"));return r},T=(e,t)=>{if(!t.length)return"00";const r=Number(e);return isNaN(r)?t[0]:t.reduce((n,s)=>{const o=Math.abs(Number(s)-r),i=Math.abs(Number(n)-r);return o<i||o===i&&Number(s)>Number(n)?s:n},t[0])},p=e=>{if(!e.includes(":"))return{hour:"00",minute:"00"};const[t,r]=e.split(":");return{hour:t.padStart(2,"0"),minute:r.padStart(2,"0")}},f=(e,t)=>{const r=Math.round(e/c);return Math.max(0,Math.min(r,t-1))},l=e=>e*c,S=(e,t,r=1)=>Math.abs(e-t)>r,g=(e,t,r="auto")=>{e.scrollTo({top:l(t),behavior:r})},h=e=>{e&&clearTimeout(e)},a=e=>e?/^([01][0-9]|2[0-3]):[0-5][0-9]$/.test(e.trim()):!1,I=e=>{const t=e.trim();if(!t)return"";if(a(t))return t;const r=t.replace(/[^0-9]/g,"");if(r.length===3){const n=r.slice(0,1).padStart(2,"0"),s=r.slice(1),o=`${n}:${s}`;return a(o)?o:null}if(r.length===4){const n=r.slice(0,2),s=r.slice(2),o=`${n}:${s}`;return a(o)?o:null}if(t.includes(":")){const[n,s]=t.split(":"),o=parseInt(n,10),i=parseInt(s,10);if(!isNaN(o)&&!isNaN(i)&&o>=0&&o<=23&&i>=0&&i<=59)return`${o.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`}return null};exports.ITEM_HEIGHT=c;exports.TIMEPICKER_OFFSET=u;exports.clearScrollTimeout=h;exports.findClosestMinute=T;exports.generateHours=d;exports.generateMinutes=m;exports.getScrollTopForIndex=l;exports.isValidTime=a;exports.needsScrollCorrection=S;exports.normalizeTime=I;exports.parseTime=p;exports.scrollToIndex=g;exports.snapToNearestItem=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=40,u=2,d=()=>Array.from({length:24},(e,t)=>t.toString().padStart(2,"0")),m=e=>{const t=Math.max(1,e??1),r=[];for(let n=0;n<60;n+=t)r.push(n.toString().padStart(2,"0"));return r},T=(e,t)=>{if(!t.length)return"00";const r=Number(e);return isNaN(r)?t[0]:t.reduce((n,s)=>{const o=Math.abs(Number(s)-r),i=Math.abs(Number(n)-r);return o<i||o===i&&Number(s)>Number(n)?s:n},t[0])},p=e=>{if(!e.includes(":"))return{hour:"00",minute:"00"};const[t,r]=e.split(":");return{hour:t.padStart(2,"0"),minute:r.padStart(2,"0")}},f=(e,t)=>{const r=Math.round(e/c);return Math.max(0,Math.min(r,t-1))},l=e=>e*c,S=(e,t,r=1)=>Math.abs(e-t)>r,g=(e,t,r="auto")=>{e.scrollTo({top:l(t),behavior:r})},h=e=>{e&&clearTimeout(e)},a=e=>e?/^([01][0-9]|2[0-3]):[0-5][0-9]$/.test(e.trim()):!1,I=e=>{const t=e.trim();if(!t)return"";if(a(t))return t;const r=t.replace(/[^0-9]/g,"");if(r.length===3){const n=r.slice(0,1).padStart(2,"0"),s=r.slice(1),o=`${n}:${s}`;return a(o)?o:null}if(r.length===4){const n=r.slice(0,2),s=r.slice(2),o=`${n}:${s}`;return a(o)?o:null}if(t.includes(":")){const[n,s]=t.split(":"),o=parseInt(n,10),i=parseInt(s,10);if(!isNaN(o)&&!isNaN(i)&&o>=0&&o<=23&&i>=0&&i<=59)return`${o.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`}return null};exports.ITEM_HEIGHT=c;exports.TIMEPICKER_OFFSET=u;exports.clearScrollTimeout=h;exports.findClosestMinute=T;exports.generateHours=d;exports.generateMinutes=m;exports.getScrollTopForIndex=l;exports.isValidTime=a;exports.needsScrollCorrection=S;exports.normalizeTime=I;exports.parseTime=p;exports.scrollToIndex=g;exports.snapToNearestItem=f;

package/src/tedi/components/form/time-field/time-field-helpers.d.ts

@@ -1,5 +1,5 @@
 export declare const ITEM_HEIGHT = 40;
-export declare const TIMEPICKER_OFFSET = 6;
+export declare const TIMEPICKER_OFFSET = 2;
 /**
  * Generates an array of hours (00–23)
  */

package/src/tedi/components/form/time-field/time-field-helpers.es.js

@@ -1,4 +1,4 @@
-const u = 40, l = 6, d = () => Array.from({ length: 24 }, (n, t) => t.toString().padStart(2, "0")), m = (n) => {
+const u = 40, l = 2, d = () => Array.from({ length: 24 }, (n, t) => t.toString().padStart(2, "0")), m = (n) => {
   const t = Math.max(1, n ?? 1), r = [];
   for (let e = 0; e < 60; e += t)
     r.push(e.toString().padStart(2, "0"));