@tedi-design-system/react 19.1.0-rc.3 → 19.1.0-rc.5

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
+import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
+import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/external/hoist-non-react-statics/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;

package/external/hoist-non-react-statics/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../../../_virtual/index.es4.js";
+import { __module as r } from "../../../../_virtual/index.es3.js";
 import { __require as e } from "./cjs/react-is.production.min.es.js";
 import { __require as o } from "./cjs/react-is.development.es.js";
 process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();

package/external/prop-types/external/react-is/cjs/react-is.development.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/prop-types/external/react-is/cjs/react-is.development.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
+import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/external/prop-types/external/react-is/cjs/react-is.production.min.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/prop-types/external/react-is/cjs/react-is.production.min.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
+import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/external/prop-types/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;

package/external/prop-types/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index.es3.js";
+import { __module as e } from "../../../../_virtual/index.es4.js";
 import { __require as o } from "./cjs/react-is.production.min.es.js";
 import { __require as t } from "./cjs/react-is.development.es.js";
 var r;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.1.0-rc.3",
+  "version": "19.1.0-rc.5",
   "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),y=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),A=require("../textfield/textfield.cjs.js"),ge=require("../time-picker/time-picker.cjs.js"),d=require("./time-field.module.scss.cjs.js"),H=require("./time-field-helpers.cjs.js"),ke=require("./time-picker-modal/time-picker-modal.cjs.js"),xe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),K=require("../../../helpers/hooks/use-breakpoint.cjs.js"),F=require("../../overlays/dropdown/dropdown.cjs.js"),he=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),B=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),G=_=>{const{getCurrentBreakpointProps:J}=xe.useBreakpointProps(_.defaultServerBreakpoint),{id:L,label:Q,value:u,defaultValue:W,onChange:C,readOnly:h=!1,disabled:l=!1,required:X,placeholder:Y,inputProps:t,stepMinutes:M=1,className:O,availableTimes:a,modal:P=!1,modalProps:Z}=_,{useNativePicker:$=!1,timePickerTrigger:N="button",showPicker:n=!0,availableTimesVariant:w="grid-buttons",clearable:ee=!0}=J(_),D=u!==void 0,[te,R]=f.useState(u??W??""),m=D?u:te,[T,j]=f.useState(!1),[ie,U]=f.useState(!1),p=N==="input",s=$,ne=K.default(),g=!s&&n&&!h&&!l&&(P===!0||typeof P=="string"&&K.isBreakpointBelow(ne,P)),oe=c.useFloating({open:T,onOpenChange:j,placement:p?"bottom-start":"bottom-end",middleware:[B.offset(H.TIMEPICKER_OFFSET),B.flip(),B.shift()],whileElementsMounted:he.autoUpdate}),{refs:q,context:b,x:re,y:se,strategy:le}=oe,ae=c.useClick(b),de=c.useDismiss(b),ce=c.useRole(b,{role:"listbox"}),S=n&&p&&!h&&!l&&!s&&!g,V=c.useInteractions([...S?[ae]:[],de,ce]),k=e=>{const o=e.trim();D||R(o),C==null||C(o)},ue=e=>{var v;const o=e.target.value??"";(v=t==null?void 0:t.onBlur)==null||v.call(t,e);const r=H.normalizeTime(o);r!==null&&r!==o&&k(r)};f.useEffect(()=>{u!==void 0&&R(u)},[u]);const x=f.useRef(null);f.useEffect(()=>{var e;(e=x.current)!=null&&e.inner&&q.setReference(x.current.inner)},[q]);const fe=()=>{var o;const e=(o=x.current)==null?void 0:o.input;if(e){if(typeof e.showPicker=="function"){e.showPicker();return}e.focus()}},me=()=>j(e=>!e),E=()=>U(!0),pe=()=>{!n||l||(s?fe():g?E():N==="button"&&me())},z=g&&p&&!h?()=>{E()}:void 0,I={...t,id:L,label:Q,value:m,placeholder:Y,readOnly:h||!s&&p,disabled:l||(t==null?void 0:t.disabled),icon:n?"schedule":{name:"schedule",color:"inherit"},isClearable:ee,required:X,onIconClick:n?pe:void 0,onChange:k,onBlur:ue,className:y.default(d.default["tedi-time-field__textfield"],{[d.default["tedi-time-field__icon--disabled"]]:!n||l},{[d.default["tedi-time-field__textfield--disabled"]]:l||(t==null?void 0:t.disabled)},{[d.default["tedi-time-field--native"]]:s}),input:{...t==null?void 0:t.input,...s&&{type:"time"},...z&&{onClick:z}}};if(!s&&n&&!l&&w==="dropdown"&&!!(a!=null&&a.length)){const e=a.indexOf(m),o=e>=0?e:0;return i.jsxs(F.Dropdown,{width:"trigger",defaultActiveIndex:o,children:[i.jsx(F.Dropdown.Trigger,{children:i.jsx("div",{className:y.default(d.default["tedi-time-field__container"],O,{[d.default["tedi-time-field__container--native"]]:s}),children:i.jsx(A.TextField,{ref:x,...I,input:{...I.input,...!p&&{onClick:r=>r.stopPropagation()}}})})}),i.jsx(F.Dropdown.Content,{children:a.map((r,v)=>i.jsx(F.Dropdown.Item,{index:v,active:r===m,onClick:()=>k(r),children:r},r))})]})}return i.jsxs(i.Fragment,{children:[i.jsx("div",{className:y.default(d.default["tedi-time-field__container"],O),...S?V.getReferenceProps():{},"aria-haspopup":n?"listbox":void 0,tabIndex:-1,children:i.jsx(A.TextField,{ref:x,"aria-expanded":n?T:void 0,...I})}),g&&i.jsx(ke.TimePickerModal,{open:ie,onOpenChange:U,value:m,onConfirm:k,stepMinutes:M,availableTimes:a,gridVariant:w==="grid-radio"?"radio":"button",modalProps:Z}),!s&&n&&!l&&!g&&i.jsx(c.FloatingPortal,{children:T&&i.jsx(c.FloatingFocusManager,{context:b,modal:!1,initialFocus:-1,children:i.jsx("div",{ref:q.setFloating,...V.getFloatingProps({style:{position:le,top:se??0,left:re??0}}),children:i.jsx(ge.TimePicker,{value:m,stepMinutes:M,availableTimes:a,onChange:e=>{k(e),a&&j(!1)},gridVariant:w==="grid-radio"?"radio":"button",className:d.default["tedi-time-field__picker-wrapper"]})})})})]})};G.displayName="TimeField";exports.TimeField=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),M=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),J=require("../textfield/textfield.cjs.js"),Pe=require("../time-picker/time-picker.cjs.js"),c=require("./time-field.module.scss.cjs.js"),Q=require("./time-field-helpers.cjs.js"),Ce=require("./time-picker-modal/time-picker-modal.cjs.js"),_e=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Te=require("../../../providers/label-provider/use-labels.cjs.js"),W=require("../../../helpers/hooks/use-breakpoint.cjs.js"),P=require("../../overlays/dropdown/dropdown.cjs.js"),je=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),N=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),X=C=>{const{getCurrentBreakpointProps:Y}=_e.useBreakpointProps(C.defaultServerBreakpoint),{getLabel:Z}=Te.useLabels(),{id:$,label:ee,value:f,defaultValue:te,onChange:_,readOnly:h=!1,disabled:a=!1,required:ie,placeholder:ne,inputProps:t,stepMinutes:R=1,className:D,availableTimes:l,modal:T=!1,modalProps:oe}=C,{useNativePicker:re=!1,timePickerTrigger:j="button",showPicker:o=!0,availableTimesVariant:q="grid-buttons",clearable:se=!0}=Y(C),E=f!==void 0,[ae,S]=m.useState(f??te??""),g=E?f:ae,[w,I]=m.useState(!1),[U,V]=m.useState(!1),p=j==="input",n=re,le=W.default(),d=!n&&o&&!h&&!a&&(T===!0||typeof T=="string"&&W.isBreakpointBelow(le,T)),de=u.useFloating({open:w,onOpenChange:I,placement:p?"bottom-start":"bottom-end",middleware:[N.offset(Q.TIMEPICKER_OFFSET),N.flip(),N.shift()],whileElementsMounted:je.autoUpdate}),{refs:B,context:v,x:ce,y:ue,strategy:fe}=de,pe=u.useClick(v),me=u.useDismiss(v),ge=u.useRole(v,{role:"listbox"}),L=o&&p&&!h&&!a&&!n&&!d,z=u.useInteractions([...L?[pe]:[],me,ge]),x=e=>{const r=e.trim();E||S(r),_==null||_(r)},xe=e=>{var F;const r=e.target.value??"";(F=t==null?void 0:t.onBlur)==null||F.call(t,e);const s=Q.normalizeTime(r);s!==null&&s!==r&&x(s)};m.useEffect(()=>{f!==void 0&&S(f)},[f]);const k=m.useRef(null);m.useEffect(()=>{var e;(e=k.current)!=null&&e.inner&&B.setReference(k.current.inner)},[B]);const ke=()=>{var r;const e=(r=k.current)==null?void 0:r.input;if(e){if(typeof e.showPicker=="function"){e.showPicker();return}e.focus()}},be=()=>I(e=>!e),A=()=>V(!0),he=()=>{!o||a||(n?ke():d?A():j==="button"&&be())},H=d&&p&&!h?()=>{A()}:void 0,y=!n&&o&&!a&&q==="dropdown"&&!!(l!=null&&l.length),K=d?"dialog":"listbox",G=d?U:w,ve=o&&!n&&!y&&(j==="button"||d),Fe=o&&p&&!n&&!y,O={...t,id:$,label:ee,value:g,placeholder:ne,readOnly:h||!n&&p,disabled:a||(t==null?void 0:t.disabled),icon:o?"schedule":{name:"schedule",color:"inherit"},isClearable:se,required:ie,onIconClick:o?he:void 0,iconButtonProps:{"aria-label":Z("time-field.open-picker"),...ve&&{"aria-haspopup":K,"aria-expanded":G},...t==null?void 0:t.iconButtonProps},onChange:x,onBlur:xe,className:M.default(c.default["tedi-time-field__textfield"],{[c.default["tedi-time-field__icon--disabled"]]:!o||a},{[c.default["tedi-time-field__textfield--disabled"]]:a||(t==null?void 0:t.disabled)},{[c.default["tedi-time-field--native"]]:n}),input:{...t==null?void 0:t.input,...n&&{type:"time"},...H&&{onClick:H},...Fe&&{role:"combobox","aria-haspopup":K,"aria-expanded":G}}};if(y){const e=l.indexOf(g),r=e>=0?e:0;return i.jsxs(P.Dropdown,{width:"trigger",defaultActiveIndex:r,children:[i.jsx(P.Dropdown.Trigger,{children:i.jsx("div",{role:"combobox",className:M.default(c.default["tedi-time-field__container"],D,{[c.default["tedi-time-field__container--native"]]:n}),children:i.jsx(J.TextField,{ref:k,...O,input:{...O.input,...!p&&{onClick:s=>s.stopPropagation()}}})})}),i.jsx(P.Dropdown.Content,{children:l.map((s,F)=>i.jsx(P.Dropdown.Item,{index:F,active:s===g,onClick:()=>x(s),children:s},s))})]})}const b={...L?z.getReferenceProps():{}};return delete b.role,delete b["aria-haspopup"],delete b["aria-expanded"],delete b["aria-controls"],i.jsxs(i.Fragment,{children:[i.jsx("div",{className:M.default(c.default["tedi-time-field__container"],D),...b,tabIndex:-1,children:i.jsx(J.TextField,{ref:k,...O})}),d&&i.jsx(Ce.TimePickerModal,{open:U,onOpenChange:V,value:g,onConfirm:x,stepMinutes:R,availableTimes:l,gridVariant:q==="grid-radio"?"radio":"button",modalProps:oe}),!n&&o&&!a&&!d&&i.jsx(u.FloatingPortal,{children:w&&i.jsx(u.FloatingFocusManager,{context:v,modal:!1,initialFocus:-1,children:i.jsx("div",{ref:B.setFloating,...z.getFloatingProps({style:{position:fe,top:ue??0,left:ce??0}}),children:i.jsx(Pe.TimePicker,{value:g,stepMinutes:R,availableTimes:l,onChange:e=>{x(e),l&&I(!1)},gridVariant:q==="grid-radio"?"radio":"button",className:c.default["tedi-time-field__picker-wrapper"]})})})})]})};X.displayName="TimeField";exports.TimeField=X;

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

@@ -1,67 +1,68 @@
-import { jsxs as q, jsx as i, Fragment as me } from "react/jsx-runtime";
-import { useFloating as ue, useClick as pe, useDismiss as ge, useRole as he, useInteractions as ke, FloatingPortal as ve, FloatingFocusManager as be } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import y from "../../../../../external/classnames/index.es.js";
-import Ce, { useState as N, useEffect as z } from "react";
-import { TextField as A } from "../textfield/textfield.es.js";
-import { TimePicker as xe } from "../time-picker/time-picker.es.js";
+import { jsxs as G, jsx as i, Fragment as xe } from "react/jsx-runtime";
+import { useFloating as ve, useClick as Ce, useDismiss as _e, useRole as Fe, useInteractions as Pe, FloatingPortal as Ie, FloatingFocusManager as Te } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import O from "../../../../../external/classnames/index.es.js";
+import we, { useState as M, useEffect as H } from "react";
+import { TextField as J } from "../textfield/textfield.es.js";
+import { TimePicker as Be } from "../time-picker/time-picker.es.js";
 import d from "./time-field.module.scss.es.js";
-import { normalizeTime as _e, TIMEPICKER_OFFSET as Fe } from "./time-field-helpers.es.js";
-import { TimePickerModal as Pe } from "./time-picker-modal/time-picker-modal.es.js";
-import { useBreakpointProps as Te } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import we, { isBreakpointBelow as Ie } from "../../../helpers/hooks/use-breakpoint.es.js";
-import { Dropdown as b } from "../../overlays/dropdown/dropdown.es.js";
-import { autoUpdate as ye } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as Ne, flip as Be, shift as Oe } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-const Me = (C) => {
-  const { getCurrentBreakpointProps: K } = Te(C.defaultServerBreakpoint), {
-    id: G,
-    label: H,
-    value: c,
-    defaultValue: J,
-    onChange: x,
-    readOnly: h = !1,
-    disabled: s = !1,
-    required: L,
-    placeholder: Q,
+import { normalizeTime as ye, TIMEPICKER_OFFSET as Ne } from "./time-field-helpers.es.js";
+import { TimePickerModal as Oe } from "./time-picker-modal/time-picker-modal.es.js";
+import { useBreakpointProps as Me } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as Re } from "../../../providers/label-provider/use-labels.es.js";
+import Ve, { isBreakpointBelow as Ee } from "../../../helpers/hooks/use-breakpoint.es.js";
+import { Dropdown as v } from "../../overlays/dropdown/dropdown.es.js";
+import { autoUpdate as Ue } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as De, flip as Se, shift as je } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+const Le = (C) => {
+  const { getCurrentBreakpointProps: Q } = Me(C.defaultServerBreakpoint), { getLabel: W } = Re(), {
+    id: X,
+    label: Y,
+    value: m,
+    defaultValue: Z,
+    onChange: _,
+    readOnly: k = !1,
+    disabled: l = !1,
+    required: $,
+    placeholder: ee,
     inputProps: t,
-    stepMinutes: B = 1,
-    className: O,
-    availableTimes: a,
-    modal: _ = !1,
-    modalProps: W
+    stepMinutes: R = 1,
+    className: V,
+    availableTimes: s,
+    modal: F = !1,
+    modalProps: te
   } = C, {
-    useNativePicker: X = !1,
-    timePickerTrigger: M = "button",
-    showPicker: o = !0,
-    availableTimesVariant: F = "grid-buttons",
-    clearable: Y = !0
-  } = K(C), R = c !== void 0, [Z, V] = N(c ?? J ?? ""), f = R ? c : Z, [P, T] = N(!1), [$, E] = N(!1), m = M === "input", l = X, ee = we(), u = !l && o && !h && !s && (_ === !0 || typeof _ == "string" && Ie(ee, _)), te = ue({
-    open: P,
-    onOpenChange: T,
-    placement: m ? "bottom-start" : "bottom-end",
-    middleware: [Ne(Fe), Be(), Oe()],
-    whileElementsMounted: ye
-  }), { refs: w, context: k, x: ie, y: oe, strategy: ne } = te, re = pe(k), le = ge(k), se = he(k, { role: "listbox" }), U = o && m && !h && !s && !l && !u, D = ke([...U ? [re] : [], le, se]), p = (e) => {
-    const n = e.trim();
-    R || V(n), x == null || x(n);
-  }, ae = (e) => {
-    var v;
-    const n = e.target.value ?? "";
-    (v = t == null ? void 0 : t.onBlur) == null || v.call(t, e);
-    const r = _e(n);
-    r !== null && r !== n && p(r);
+    useNativePicker: ie = !1,
+    timePickerTrigger: P = "button",
+    showPicker: n = !0,
+    availableTimesVariant: I = "grid-buttons",
+    clearable: oe = !0
+  } = Q(C), E = m !== void 0, [ne, U] = M(m ?? Z ?? ""), f = E ? m : ne, [T, w] = M(!1), [D, S] = M(!1), u = P === "input", o = ie, re = Ve(), c = !o && n && !k && !l && (F === !0 || typeof F == "string" && Ee(re, F)), ae = ve({
+    open: T,
+    onOpenChange: w,
+    placement: u ? "bottom-start" : "bottom-end",
+    middleware: [De(Ne), Se(), je()],
+    whileElementsMounted: Ue
+  }), { refs: B, context: b, x: le, y: se, strategy: ce } = ae, de = Ce(b), me = _e(b), ue = Fe(b, { role: "listbox" }), j = n && u && !k && !l && !o && !c, L = Pe([...j ? [de] : [], me, ue]), p = (e) => {
+    const r = e.trim();
+    E || U(r), _ == null || _(r);
+  }, fe = (e) => {
+    var x;
+    const r = e.target.value ?? "";
+    (x = t == null ? void 0 : t.onBlur) == null || x.call(t, e);
+    const a = ye(r);
+    a !== null && a !== r && p(a);
   };
-  z(() => {
-    c !== void 0 && V(c);
-  }, [c]);
-  const g = Ce.useRef(null);
-  z(() => {
+  H(() => {
+    m !== void 0 && U(m);
+  }, [m]);
+  const g = we.useRef(null);
+  H(() => {
     var e;
-    (e = g.current) != null && e.inner && w.setReference(g.current.inner);
-  }, [w]);
-  const de = () => {
-    var n;
-    const e = (n = g.current) == null ? void 0 : n.input;
+    (e = g.current) != null && e.inner && B.setReference(g.current.inner);
+  }, [B]);
+  const pe = () => {
+    var r;
+    const e = (r = g.current) == null ? void 0 : r.input;
     if (e) {
       if (typeof e.showPicker == "function") {
         e.showPicker();
@@ -69,108 +70,109 @@ const Me = (C) => {
       }
       e.focus();
     }
-  }, ce = () => T((e) => !e), S = () => E(!0), fe = () => {
-    !o || s || (l ? de() : u ? S() : M === "button" && ce());
-  }, j = u && m && !h ? () => {
-    S();
-  } : void 0, I = {
+  }, ge = () => w((e) => !e), q = () => S(!0), he = () => {
+    !n || l || (o ? pe() : c ? q() : P === "button" && ge());
+  }, z = c && u && !k ? () => {
+    q();
+  } : void 0, y = !o && n && !l && I === "dropdown" && !!(s != null && s.length), A = c ? "dialog" : "listbox", K = c ? D : T, ke = n && !o && !y && (P === "button" || c), be = n && u && !o && !y, N = {
     ...t,
-    id: G,
-    label: H,
+    id: X,
+    label: Y,
     value: f,
-    placeholder: Q,
-    readOnly: h || !l && m,
-    disabled: s || (t == null ? void 0 : t.disabled),
-    icon: o ? "schedule" : { name: "schedule", color: "inherit" },
-    isClearable: Y,
-    required: L,
-    onIconClick: o ? fe : void 0,
+    placeholder: ee,
+    readOnly: k || !o && u,
+    disabled: l || (t == null ? void 0 : t.disabled),
+    icon: n ? "schedule" : { name: "schedule", color: "inherit" },
+    isClearable: oe,
+    required: $,
+    onIconClick: n ? he : void 0,
+    iconButtonProps: {
+      "aria-label": W("time-field.open-picker"),
+      ...ke && { "aria-haspopup": A, "aria-expanded": K },
+      ...t == null ? void 0 : t.iconButtonProps
+    },
     onChange: p,
-    onBlur: ae,
-    className: y(
+    onBlur: fe,
+    className: O(
       d["tedi-time-field__textfield"],
-      { [d["tedi-time-field__icon--disabled"]]: !o || s },
-      { [d["tedi-time-field__textfield--disabled"]]: s || (t == null ? void 0 : t.disabled) },
-      { [d["tedi-time-field--native"]]: l }
+      { [d["tedi-time-field__icon--disabled"]]: !n || l },
+      { [d["tedi-time-field__textfield--disabled"]]: l || (t == null ? void 0 : t.disabled) },
+      { [d["tedi-time-field--native"]]: o }
     ),
     input: {
       ...t == null ? void 0 : t.input,
-      ...l && { type: "time" },
-      ...j && { onClick: j }
+      ...o && { type: "time" },
+      ...z && { onClick: z },
+      ...be && { role: "combobox", "aria-haspopup": A, "aria-expanded": K }
     }
   };
-  if (!l && o && !s && F === "dropdown" && !!(a != null && a.length)) {
-    const e = a.indexOf(f), n = e >= 0 ? e : 0;
-    return /* @__PURE__ */ q(b, { width: "trigger", defaultActiveIndex: n, children: [
-      /* @__PURE__ */ i(b.Trigger, { children: /* @__PURE__ */ i(
+  if (y) {
+    const e = s.indexOf(f), r = e >= 0 ? e : 0;
+    return /* @__PURE__ */ G(v, { width: "trigger", defaultActiveIndex: r, children: [
+      /* @__PURE__ */ i(v.Trigger, { children: /* @__PURE__ */ i(
         "div",
         {
-          className: y(d["tedi-time-field__container"], O, {
-            [d["tedi-time-field__container--native"]]: l
+          role: "combobox",
+          className: O(d["tedi-time-field__container"], V, {
+            [d["tedi-time-field__container--native"]]: o
           }),
           children: /* @__PURE__ */ i(
-            A,
+            J,
             {
               ref: g,
-              ...I,
+              ...N,
               input: {
-                ...I.input,
-                ...!m && {
-                  onClick: (r) => r.stopPropagation()
+                ...N.input,
+                ...!u && {
+                  onClick: (a) => a.stopPropagation()
                 }
               }
             }
           )
         }
       ) }),
-      /* @__PURE__ */ i(b.Content, { children: a.map((r, v) => /* @__PURE__ */ i(b.Item, { index: v, active: r === f, onClick: () => p(r), children: r }, r)) })
+      /* @__PURE__ */ i(v.Content, { children: s.map((a, x) => /* @__PURE__ */ i(v.Item, { index: x, active: a === f, onClick: () => p(a), children: a }, a)) })
     ] });
   }
-  return /* @__PURE__ */ q(me, { children: [
-    /* @__PURE__ */ i(
-      "div",
-      {
-        className: y(d["tedi-time-field__container"], O),
-        ...U ? D.getReferenceProps() : {},
-        "aria-haspopup": o ? "listbox" : void 0,
-        tabIndex: -1,
-        children: /* @__PURE__ */ i(A, { ref: g, "aria-expanded": o ? P : void 0, ...I })
-      }
-    ),
-    u && /* @__PURE__ */ i(
-      Pe,
+  const h = {
+    ...j ? L.getReferenceProps() : {}
+  };
+  return delete h.role, delete h["aria-haspopup"], delete h["aria-expanded"], delete h["aria-controls"], /* @__PURE__ */ G(xe, { children: [
+    /* @__PURE__ */ i("div", { className: O(d["tedi-time-field__container"], V), ...h, tabIndex: -1, children: /* @__PURE__ */ i(J, { ref: g, ...N }) }),
+    c && /* @__PURE__ */ i(
+      Oe,
       {
-        open: $,
-        onOpenChange: E,
+        open: D,
+        onOpenChange: S,
         value: f,
         onConfirm: p,
-        stepMinutes: B,
-        availableTimes: a,
-        gridVariant: F === "grid-radio" ? "radio" : "button",
-        modalProps: W
+        stepMinutes: R,
+        availableTimes: s,
+        gridVariant: I === "grid-radio" ? "radio" : "button",
+        modalProps: te
       }
     ),
-    !l && o && !s && !u && /* @__PURE__ */ i(ve, { children: P && /* @__PURE__ */ i(be, { context: k, modal: !1, initialFocus: -1, children: /* @__PURE__ */ i(
+    !o && n && !l && !c && /* @__PURE__ */ i(Ie, { children: T && /* @__PURE__ */ i(Te, { context: b, modal: !1, initialFocus: -1, children: /* @__PURE__ */ i(
       "div",
       {
-        ref: w.setFloating,
-        ...D.getFloatingProps({
+        ref: B.setFloating,
+        ...L.getFloatingProps({
           style: {
-            position: ne,
-            top: oe ?? 0,
-            left: ie ?? 0
+            position: ce,
+            top: se ?? 0,
+            left: le ?? 0
           }
         }),
         children: /* @__PURE__ */ i(
-          xe,
+          Be,
           {
             value: f,
-            stepMinutes: B,
-            availableTimes: a,
+            stepMinutes: R,
+            availableTimes: s,
             onChange: (e) => {
-              p(e), a && T(!1);
+              p(e), s && w(!1);
             },
-            gridVariant: F === "grid-radio" ? "radio" : "button",
+            gridVariant: I === "grid-radio" ? "radio" : "button",
             className: d["tedi-time-field__picker-wrapper"]
           }
         )
@@ -178,7 +180,7 @@ const Me = (C) => {
     ) }) })
   ] });
 };
-Me.displayName = "TimeField";
+Le.displayName = "TimeField";
 export {
-  Me as TimeField
+  Le as TimeField
 };

package/src/tedi/components/overlays/overlay/overlay-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),m=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),p=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),q=require("../../../helpers/get-element-ref.cjs.js"),x=require("../../base/icon/icon.cjs.js"),_=require("./overlay.cjs.js"),r=require("./overlay.module.scss.cjs.js"),R=require("../../../providers/label-provider/use-labels.cjs.js"),E=l=>{const{children:e,className:s}=l,{getLabel:c}=R.useLabels(),{getReferenceProps:i,reference:a,openWith:d,open:u,role:g,ariaHidden:f,contentId:v}=t.useContext(_.OverlayContext),y=t.isValidElement(e)?q.getElementRef(e):void 0,o=m.useMergeRefs([a,y]),n=g==="tooltip"&&!f?{"aria-describedby":u?v:void 0}:{};return t.isValidElement(e)?t.cloneElement(e,i({tabIndex:0,...n,label:e.type===x.Icon?c("tooltip.icon-trigger"):void 0,...e.props,ref:o})):b.jsx("div",{...i({ref:o,tabIndex:0,className:p.default(r.default["tedi-overlay__trigger"],r.default["tedi-overlay__trigger--text"],{[r.default["tedi-overlay__trigger--click"]]:d==="click"},s),...n}),children:e})};exports.OverlayTrigger=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),m=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),q=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),x=require("../../../helpers/get-element-ref.cjs.js"),_=require("../../base/icon/icon.cjs.js"),R=require("./overlay.cjs.js"),o=require("./overlay.module.scss.cjs.js"),E=require("../../../providers/label-provider/use-labels.cjs.js"),I=c=>{const{children:e,className:a}=c,{getLabel:d}=E.useLabels(),{getReferenceProps:i,reference:u,openWith:g,open:f,role:r,ariaHidden:n,contentId:v}=t.useContext(R.OverlayContext),p=t.isValidElement(e)?x.getElementRef(e):void 0,l=m.useMergeRefs([u,p]),b=r!=="tooltip"&&r!=="label"&&!n,s=r==="tooltip"&&!n?{"aria-describedby":f?v:void 0}:{};return t.isValidElement(e)?t.cloneElement(e,i({tabIndex:0,...s,label:e.type===_.Icon?d("tooltip.icon-trigger"):void 0,...e.props,ref:l})):y.jsx("div",{...i({ref:l,tabIndex:0,role:b?"button":void 0,className:q.default(o.default["tedi-overlay__trigger"],o.default["tedi-overlay__trigger--text"],{[o.default["tedi-overlay__trigger--click"]]:g==="click"},a),...s}),children:e})};exports.OverlayTrigger=I;

package/src/tedi/components/overlays/overlay/overlay-trigger.es.js

@@ -1,45 +1,46 @@
 import { jsx as x } from "react/jsx-runtime";
 import { useMergeRefs as y } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import b from "../../../../../external/classnames/index.es.js";
-import { useContext as _, isValidElement as s, cloneElement as u } from "react";
-import { getElementRef as I } from "../../../helpers/get-element-ref.es.js";
-import { Icon as R } from "../../base/icon/icon.es.js";
-import { OverlayContext as h } from "./overlay.es.js";
+import u from "../../../../../external/classnames/index.es.js";
+import { useContext as _, isValidElement as l, cloneElement as I } from "react";
+import { getElementRef as R } from "../../../helpers/get-element-ref.es.js";
+import { Icon as h } from "../../base/icon/icon.es.js";
+import { OverlayContext as E } from "./overlay.es.js";
 import r from "./overlay.module.scss.es.js";
-import { useLabels as E } from "../../../providers/label-provider/use-labels.es.js";
-const T = (n) => {
-  const { children: e, className: l } = n, { getLabel: m } = E(), { getReferenceProps: t, reference: c, openWith: a, open: p, role: f, ariaHidden: d, contentId: g } = _(h), v = s(e) ? I(e) : void 0, o = y([c, v]), i = f === "tooltip" && !d ? {
-    "aria-describedby": p ? g : void 0
+import { useLabels as N } from "../../../providers/label-provider/use-labels.es.js";
+const V = (c) => {
+  const { children: e, className: a } = c, { getLabel: m } = N(), { getReferenceProps: o, reference: p, openWith: d, open: f, role: t, ariaHidden: i, contentId: g } = _(E), v = l(e) ? R(e) : void 0, n = y([p, v]), b = t !== "tooltip" && t !== "label" && !i, s = t === "tooltip" && !i ? {
+    "aria-describedby": f ? g : void 0
   } : {};
-  return s(e) ? u(
+  return l(e) ? I(
     e,
-    t({
+    o({
       tabIndex: 0,
-      ...i,
-      label: e.type === R ? m("tooltip.icon-trigger") : void 0,
+      ...s,
+      label: e.type === h ? m("tooltip.icon-trigger") : void 0,
       ...e.props,
-      ref: o
+      ref: n
     })
   ) : /* @__PURE__ */ x(
     "div",
     {
-      ...t({
-        ref: o,
+      ...o({
+        ref: n,
         tabIndex: 0,
-        className: b(
+        role: b ? "button" : void 0,
+        className: u(
           r["tedi-overlay__trigger"],
           r["tedi-overlay__trigger--text"],
           {
-            [r["tedi-overlay__trigger--click"]]: a === "click"
+            [r["tedi-overlay__trigger--click"]]: d === "click"
           },
-          l
+          a
         ),
-        ...i
+        ...s
       }),
       children: e
     }
   );
 };
 export {
-  T as OverlayTrigger
+  V as OverlayTrigger
 };