@tedi-design-system/react 19.2.0-rc.6 → 19.2.0-rc.8

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

@@ -1,4 +1,9 @@
+import { BreakpointSupport } from '../../../helpers';
 import { ChoiceInputProps } from '../choice-input.types';
-export type RadioProps = ChoiceInputProps;
-export declare const Radio: (props: RadioProps) => JSX.Element;
+export type RadioProps = BreakpointSupport<ChoiceInputProps>;
+interface RadioComponent {
+    (props: RadioProps): JSX.Element;
+    displayName?: string;
+}
+export declare const Radio: RadioComponent;
 export default Radio;

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

@@ -1,96 +1,136 @@
-import { jsxs as s, jsx as d } from "react/jsx-runtime";
-import l from "../../../../../external/classnames/index.es.js";
-import n from "react";
-import { FeedbackText as M } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as q } from "../form-label/form-label.es.js";
-import e from "./radio.module.scss.es.js";
-import { Row as v } from "../../layout/grid/row.es.js";
-import { Col as N } from "../../layout/grid/col.es.js";
-const K = (C) => {
-  const {
-    id: o,
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import t from "../../../../../external/classnames/index.es.js";
+import o from "react";
+import { Icon as ee } from "../../base/icon/icon.es.js";
+import { FeedbackText as q } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as ae } from "../form-label/form-label.es.js";
+import a from "./radio.module.scss.es.js";
+import { RadioGroupContext as ie } from "./radio-group/radio-group-context.es.js";
+import { useBreakpointProps as de } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { Row as re } from "../../layout/grid/row.es.js";
+import { Col as V } from "../../layout/grid/col.es.js";
+const te = (k) => {
+  const e = o.useContext(ie), { getCurrentBreakpointProps: $ } = de(k.defaultServerBreakpoint), {
+    id: L,
     label: m,
-    value: h,
-    className: g,
-    disabled: c,
-    onChange: a,
-    hideLabel: y,
+    value: s,
+    className: y,
+    onChange: c,
+    hideLabel: C,
     helper: r,
-    checked: t,
-    defaultChecked: R,
-    hover: x,
-    name: j,
-    tooltip: p,
-    size: f = "default",
-    invalid: w,
-    required: u,
-    ...I
-  } = C, [_, L] = n.useState(R || !1), b = n.useRef(null), $ = n.useMemo(() => a && typeof t < "u" ? t : _, [a, _, t]), z = (i) => {
-    typeof t > "u" && L(i == null ? void 0 : i.target.checked), a == null || a(h, i == null ? void 0 : i.target.checked);
-  }, k = r ? r.id ?? `${o}-helper` : void 0, B = p ? `${o}-tooltip` : void 0, F = l(e["tedi-radio__label"], { [e["tedi-radio--disabled"]]: c });
-  return /* @__PURE__ */ s(
+    checked: p,
+    defaultChecked: j,
+    hover: E,
+    name: D,
+    tooltip: P,
+    description: b,
+    icon: _,
+    labelProps: F,
+    size: G,
+    variant: M,
+    cardVariant: S,
+    disabled: H,
+    invalid: T,
+    required: I,
+    ...w
+  } = $(k), u = G ?? (e == null ? void 0 : e.size) ?? "default", B = M ?? (e == null ? void 0 : e.variant) ?? "default", U = S ?? (e == null ? void 0 : e.cardVariant) ?? "primary", h = H ?? (e == null ? void 0 : e.disabled) ?? !1, A = T ?? (e == null ? void 0 : e.invalid), J = I ?? (e == null ? void 0 : e.required);
+  B === "card" && P && console.warn('Radio: `tooltip` is not supported with `variant="card"` and will be ignored. Use `description`.');
+  const K = o.useId(), n = L ?? K, O = D ?? (e == null ? void 0 : e.name), [x, Q] = o.useState(j || !1), N = e !== null, W = o.useMemo(() => N ? (e == null ? void 0 : e.value) === s : c && typeof p < "u" ? p : x, [N, e, s, c, p, x]), X = (d) => {
+    N ? e == null || e.onValueChange(s) : typeof p > "u" && Q(d == null ? void 0 : d.target.checked), c == null || c(s, d == null ? void 0 : d.target.checked);
+  }, f = r ? r.id ?? `${n}-helper` : void 0, Y = f, z = /* @__PURE__ */ i(
+    "input",
+    {
+      id: n,
+      value: s,
+      name: O,
+      type: "radio",
+      disabled: h,
+      checked: W,
+      required: J,
+      onChange: X,
+      className: a["tedi-radio__input"],
+      "aria-describedby": Y
+    }
+  ), v = /* @__PURE__ */ i(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: t(
+        a["tedi-radio__indicator"],
+        { [a["tedi-radio__indicator--hover"]]: E },
+        { [a[`tedi-radio__indicator--size-${u}`]]: u },
+        { [a["tedi-radio__indicator--invalid"]]: A }
+      ),
+      "data-testid": "radio-indicator"
+    }
+  );
+  if (B === "card") {
+    const d = `${n}-label`, R = b ? `${n}-description` : void 0, g = [R, f].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ l(
+      "label",
+      {
+        "data-name": "radio",
+        className: t(
+          a["tedi-radio"],
+          a["tedi-radio--card"],
+          a[`tedi-radio--card-${U}`],
+          { [a["tedi-radio--card-with-icon"]]: !!_ },
+          { [a["tedi-radio--disabled"]]: h },
+          y
+        ),
+        ...w,
+        children: [
+          /* @__PURE__ */ l("span", { className: a["tedi-radio__card-control"], children: [
+            o.cloneElement(z, {
+              "aria-labelledby": m ? d : void 0,
+              "aria-describedby": g
+            }),
+            v,
+            _ && /* @__PURE__ */ i(ee, { name: _, size: u === "default" ? 18 : 24, className: a["tedi-radio__card-icon"] }),
+            /* @__PURE__ */ i("span", { id: d, className: t(a["tedi-radio__card-label"], { "sr-only": C }), children: m })
+          ] }),
+          b && /* @__PURE__ */ i("span", { id: R, className: a["tedi-radio__card-description"], children: b }),
+          r && /* @__PURE__ */ i(q, { id: f, ...r, className: t(a["tedi-radio__helper"], r.className) })
+        ]
+      }
+    );
+  }
+  const Z = t(a["tedi-radio__label"], { [a["tedi-radio--disabled"]]: h });
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: l(e["tedi-radio"], { [e["tedi-radio--disabled"]]: c }),
+      className: t(a["tedi-radio"], { [a["tedi-radio--disabled"]]: h }),
       "data-name": "radio",
-      ...I,
+      ...w,
       children: [
-        /* @__PURE__ */ s(v, { gutter: 0, children: [
-          /* @__PURE__ */ d(N, { width: "auto", children: /* @__PURE__ */ s("div", { className: e["tedi-radio__outer-indicator-wrapper"], children: [
-            /* @__PURE__ */ d(
-              "input",
-              {
-                id: o,
-                value: h,
-                name: j,
-                type: "radio",
-                disabled: c,
-                checked: $,
-                onChange: z,
-                className: e["tedi-radio__input"],
-                "aria-describedby": [k, B].filter(Boolean).join(" "),
-                required: u
-              }
-            ),
-            /* @__PURE__ */ d(
-              "div",
-              {
-                "aria-hidden": "true",
-                onClick: () => {
-                  var i;
-                  return (i = b.current) == null ? void 0 : i.click();
-                },
-                className: l(
-                  e["tedi-radio__indicator"],
-                  { [e["tedi-radio__indicator--hover"]]: x },
-                  { [e[`tedi-radio__indicator--size-${f}`]]: f },
-                  { [e["tedi-radio__indicator--invalid"]]: w },
-                  g
-                ),
-                "data-testid": "radio-indicator"
-              }
-            )
+        /* @__PURE__ */ l(re, { gutter: 0, children: [
+          /* @__PURE__ */ i(V, { width: "auto", children: /* @__PURE__ */ l("div", { className: a["tedi-radio__outer-indicator-wrapper"], children: [
+            z,
+            o.cloneElement(v, {
+              className: t(v.props.className, y)
+            })
           ] }) }),
-          m && /* @__PURE__ */ d(N, { children: /* @__PURE__ */ d(
-            q,
+          m && /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(
+            ae,
             {
-              ref: b,
-              className: F,
-              id: o,
+              className: Z,
+              id: n,
               "data-testid": "radio-label",
-              hideLabel: y,
+              hideLabel: C,
               label: m,
-              tooltip: p,
-              required: u
+              tooltip: P,
+              required: I,
+              labelProps: F
             }
           ) })
         ] }),
-        r && /* @__PURE__ */ d(M, { id: k, ...r, className: l(e["tedi-radio__helper"], r.className) })
+        r && /* @__PURE__ */ i(q, { id: f, ...r, className: t(a["tedi-radio__helper"], r.className) })
       ]
     }
   );
 };
+te.displayName = "Radio";
 export {
-  K as Radio,
-  K as default
+  te as Radio,
+  te as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i={"tedi-radio":"tedi-radio-c814e478","tedi-radio--disabled":"tedi-radio--disabled-fb9dbcd0","tedi-radio__input":"tedi-radio__input-62863a92","tedi-radio__indicator":"tedi-radio__indicator-c6e05a3f","tedi-radio__indicator--size-default":"tedi-radio__indicator--size-default-dd9e104b","tedi-radio__indicator--size-large":"tedi-radio__indicator--size-large-c5c7d068","tedi-radio__indicator--invalid":"tedi-radio__indicator--invalid-d5a930d7","tedi-radio__indicator--hover":"tedi-radio__indicator--hover-6e11a48a","tedi-radio__outer-indicator-wrapper":"tedi-radio__outer-indicator-wrapper-7c0ad4cd","tedi-radio__helper":"tedi-radio__helper-266c7814"};exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d={"tedi-radio":"tedi-radio-c814e478","tedi-radio--disabled":"tedi-radio--disabled-fb9dbcd0","tedi-radio__input":"tedi-radio__input-62863a92","tedi-radio__indicator":"tedi-radio__indicator-c6e05a3f","tedi-radio__indicator--size-default":"tedi-radio__indicator--size-default-dd9e104b","tedi-radio__indicator--size-large":"tedi-radio__indicator--size-large-c5c7d068","tedi-radio__indicator--invalid":"tedi-radio__indicator--invalid-d5a930d7","tedi-radio__indicator--hover":"tedi-radio__indicator--hover-6e11a48a","tedi-radio__outer-indicator-wrapper":"tedi-radio__outer-indicator-wrapper-7c0ad4cd","tedi-radio__helper":"tedi-radio__helper-266c7814","tedi-radio--card":"tedi-radio--card-f10f7b18","tedi-radio__card-control":"tedi-radio__card-control-d010324f","tedi-radio__card-label":"tedi-radio__card-label-19b7c642","tedi-radio__card-icon":"tedi-radio__card-icon-fa03c66c","tedi-radio__card-description":"tedi-radio__card-description-69c958cf","tedi-radio--card-with-icon":"tedi-radio--card-with-icon-0735f37d","tedi-radio--card-primary":"tedi-radio--card-primary-f05b3587","tedi-radio--card-secondary":"tedi-radio--card-secondary-9a5fbafe"};exports.default=d;

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

@@ -1,4 +1,4 @@
-const i = {
+const d = {
   "tedi-radio": "tedi-radio-c814e478",
   "tedi-radio--disabled": "tedi-radio--disabled-fb9dbcd0",
   "tedi-radio__input": "tedi-radio__input-62863a92",
@@ -8,8 +8,16 @@ const i = {
   "tedi-radio__indicator--invalid": "tedi-radio__indicator--invalid-d5a930d7",
   "tedi-radio__indicator--hover": "tedi-radio__indicator--hover-6e11a48a",
   "tedi-radio__outer-indicator-wrapper": "tedi-radio__outer-indicator-wrapper-7c0ad4cd",
-  "tedi-radio__helper": "tedi-radio__helper-266c7814"
+  "tedi-radio__helper": "tedi-radio__helper-266c7814",
+  "tedi-radio--card": "tedi-radio--card-f10f7b18",
+  "tedi-radio__card-control": "tedi-radio__card-control-d010324f",
+  "tedi-radio__card-label": "tedi-radio__card-label-19b7c642",
+  "tedi-radio__card-icon": "tedi-radio__card-icon-fa03c66c",
+  "tedi-radio__card-description": "tedi-radio__card-description-69c958cf",
+  "tedi-radio--card-with-icon": "tedi-radio--card-with-icon-0735f37d",
+  "tedi-radio--card-primary": "tedi-radio--card-primary-f05b3587",
+  "tedi-radio--card-secondary": "tedi-radio--card-secondary-9a5fbafe"
 };
 export {
-  i as default
+  d as default
 };

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

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

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

@@ -1,32 +1,32 @@
 import { jsx as L, jsxs as Q } from "react/jsx-runtime";
 import Y from "../../../../../external/classnames/index.es.js";
-import r, { forwardRef as lt } from "react";
-import st from "../../../../../external/react-select/dist/react-select.esm.es.js";
-import rt from "../../../../../external/react-select/async/dist/react-select-async.esm.es.js";
-import { FeedbackText as at } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as it } from "../form-label/form-label.es.js";
-import { useOptionalInputGroup as ct } from "../input-group/input-group.es.js";
-import ut from "../input-group/input-group.module.scss.es.js";
-import { SELECT_ALL_VALUE as M, GROUP_OPTION_PREFIX as dt, areAllSelected as Z, getEnabledOptions as ee, isGroupSentinel as te } from "./components/select-bulk-helpers.es.js";
-import { SelectClearIndicator as pt } from "./components/select-clear-indicator.es.js";
-import { SelectControl as ft } from "./components/select-control.es.js";
-import { SelectDropDownIndicator as mt } from "./components/select-dropdown-indicator.es.js";
-import { SelectGroup as gt } from "./components/select-group.es.js";
-import { SelectGroupHeading as St } from "./components/select-group-heading.es.js";
-import { SelectIndicatorsContainer as bt } from "./components/select-indicators-container.es.js";
-import { SelectInput as yt } from "./components/select-input.es.js";
-import { SelectLoadingIndicator as Mt } from "./components/select-loading-indicator.es.js";
-import { SelectMenu as vt } from "./components/select-menu.es.js";
-import { SelectMenuList as ht } from "./components/select-menu-list.es.js";
-import { SelectMenuPortal as It } from "./components/select-menu-portal.es.js";
-import { SelectMultiValue as Ot } from "./components/select-multi-value.es.js";
-import { SelectMultiValueRemove as Ct } from "./components/select-multi-value-remove.es.js";
-import { SelectOption as wt } from "./components/select-option.es.js";
-import { SelectSingleValue as Lt } from "./components/select-single-value.es.js";
-import { SelectValueContainer as Vt } from "./components/select-value-container.es.js";
+import r, { forwardRef as st } from "react";
+import rt from "../../../../../external/react-select/dist/react-select.esm.es.js";
+import at from "../../../../../external/react-select/async/dist/react-select-async.esm.es.js";
+import { FeedbackText as it } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as ct } from "../form-label/form-label.es.js";
+import { useOptionalInputGroup as ut } from "../input-group/input-group.es.js";
+import dt from "../input-group/input-group.module.scss.es.js";
+import { SELECT_ALL_VALUE as M, GROUP_OPTION_PREFIX as pt, areAllSelected as Z, getEnabledOptions as ee, isGroupSentinel as te } from "./components/select-bulk-helpers.es.js";
+import { SelectClearIndicator as ft } from "./components/select-clear-indicator.es.js";
+import { SelectControl as mt } from "./components/select-control.es.js";
+import { SelectDropDownIndicator as gt } from "./components/select-dropdown-indicator.es.js";
+import { SelectGroup as St } from "./components/select-group.es.js";
+import { SelectGroupHeading as bt } from "./components/select-group-heading.es.js";
+import { SelectIndicatorsContainer as yt } from "./components/select-indicators-container.es.js";
+import { SelectInput as Mt } from "./components/select-input.es.js";
+import { SelectLoadingIndicator as vt } from "./components/select-loading-indicator.es.js";
+import { SelectMenu as ht } from "./components/select-menu.es.js";
+import { SelectMenuList as It } from "./components/select-menu-list.es.js";
+import { SelectMenuPortal as Ot } from "./components/select-menu-portal.es.js";
+import { SelectMultiValue as Ct } from "./components/select-multi-value.es.js";
+import { SelectMultiValueRemove as wt } from "./components/select-multi-value-remove.es.js";
+import { SelectOption as Lt } from "./components/select-option.es.js";
+import { SelectSingleValue as Vt } from "./components/select-single-value.es.js";
+import { SelectValueContainer as At } from "./components/select-value-container.es.js";
 import d from "./select.module.scss.es.js";
-import { useLabels as At } from "../../../providers/label-provider/use-labels.es.js";
-const _t = lt(
+import { useLabels as _t } from "../../../providers/label-provider/use-labels.es.js";
+const kt = st(
   (D, oe) => {
     var J;
     const {
@@ -86,22 +86,23 @@ const _t = lt(
       showRadioButtons: xe = !1,
       renderWithoutLabel: Ee,
       tooltip: Ge,
+      labelProps: He,
       classNames: j
-    } = D, u = (J = ct) == null ? void 0 : J(), He = r.useId(), R = u == null ? void 0 : u.hasExternalLabel, m = D.id ?? (u == null ? void 0 : u.inputId) ?? He, Ke = R ? (u == null ? void 0 : u.inputId) ?? m : `${m}-input`, je = R ? `${m}-container` : m, U = a ? (a == null ? void 0 : a.id) ?? `${m}-helper` : void 0, h = r.useRef(null), { getLabel: C } = At();
+    } = D, u = (J = ut) == null ? void 0 : J(), Ke = r.useId(), R = u == null ? void 0 : u.hasExternalLabel, m = D.id ?? (u == null ? void 0 : u.inputId) ?? Ke, je = R ? (u == null ? void 0 : u.inputId) ?? m : `${m}-input`, Ue = R ? `${m}-container` : m, U = a ? (a == null ? void 0 : a.id) ?? `${m}-helper` : void 0, h = r.useRef(null), { getLabel: C } = _t();
     r.useImperativeHandle(
       oe,
       () => h.current
     );
-    const [Ue, B] = r.useState(!1), Be = (t) => {
+    const [Be, B] = r.useState(!1), ze = (t) => {
       var e, o;
       if (K || !O || t.pointerType !== "touch" && t.pointerType !== "pen") return;
       const l = t.target;
       if (!((e = l.closest) != null && e.call(l, `.${d["tedi-select__control"]}`))) return;
       const n = (o = h.current) == null ? void 0 : o.inputRef, i = !!n && (t.target === n || n.contains(l));
       B(!i);
-    }, ze = () => {
+    }, qe = () => {
       B(!1), k == null || k();
-    }, S = !!x && v, [qe, We] = r.useState(T ?? null), z = P !== void 0, g = z ? P : qe, p = r.useMemo(() => Array.isArray(g) ? g : g ? [g] : [], [g]), w = r.useMemo(
+    }, S = !!x && v, [We, Xe] = r.useState(T ?? null), z = P !== void 0, g = z ? P : We, p = r.useMemo(() => Array.isArray(g) ? g : g ? [g] : [], [g]), w = r.useMemo(
       () => ({ value: M, label: C("select.select-all") }),
       [C]
     ), b = !!E && !!v, { groupFlattenedOptions: q, groupSentinelMap: I } = r.useMemo(() => {
@@ -112,7 +113,7 @@ const _t = lt(
       const n = [], i = /* @__PURE__ */ new Map();
       for (const e of c)
         if (e && Array.isArray(e.options)) {
-          const o = e, s = `${dt}${o.label ?? ""}`, f = o.options.filter((y) => !y.isDisabled);
+          const o = e, s = `${pt}${o.label ?? ""}`, f = o.options.filter((y) => !y.isDisabled);
           i.set(s, { enabled: f }), n.push({ value: s, label: o.label ?? "" });
           for (const y of o.options)
             n.push({
@@ -122,10 +123,10 @@ const _t = lt(
         } else
           n.push(e);
       return { groupFlattenedOptions: n, groupSentinelMap: i };
-    }, [c, b]), Xe = r.useMemo(() => {
+    }, [c, b]), Je = r.useMemo(() => {
       let t = q ?? c;
       return S && t && t.length > 0 && (t = [w, ...t]), t;
-    }, [c, q, S, w]), Je = r.useMemo(() => {
+    }, [c, q, S, w]), Qe = r.useMemo(() => {
       const t = [];
       if (b && I.size > 0)
         for (const [l, n] of I)
@@ -143,7 +144,7 @@ const _t = lt(
       I,
       S,
       w
-    ]), Qe = (t, l) => {
+    ]), Ye = (t, l) => {
       let n = t;
       const i = l.option;
       if (b && i && I.has(i.value)) {
@@ -162,22 +163,22 @@ const _t = lt(
           (s) => s.value !== M && !e.some((f) => f.value === s.value)
         ));
       }
-      Array.isArray(n) && (n = n.filter((e) => e.value !== M && !te(e))), z || We(n), A == null || A(n), !G && h.current && setTimeout(() => {
+      Array.isArray(n) && (n = n.filter((e) => e.value !== M && !te(e))), z || Xe(n), A == null || A(n), !G && h.current && setTimeout(() => {
         var e, o;
         return (o = (e = h.current) == null ? void 0 : e.inputRef) == null ? void 0 : o.focus();
       }, 0);
-    }, Ye = r.useCallback(
+    }, Ze = r.useCallback(
       (t, l) => t.data.value === M || te(t.data) || !l ? !0 : String(t.label).toLowerCase().includes(l.toLowerCase()),
       []
-    ), [W, X] = r.useState(!1), Ze = (t) => {
+    ), [W, X] = r.useState(!1), et = (t) => {
       (t.key === "ArrowUp" || t.key === "ArrowDown" || t.key === "Home" || t.key === "End" || t.key === "PageUp" || t.key === "PageDown" || t.key === "Tab") && (W || X(!0));
-    }, et = r.useCallback(() => {
+    }, tt = r.useCallback(() => {
       X((t) => t && !1);
-    }, []), tt = r.useCallback(
-      (t) => /* @__PURE__ */ L(ht, { ...t, renderMessageListFooter: $ }),
+    }, []), ot = r.useCallback(
+      (t) => /* @__PURE__ */ L(It, { ...t, renderMessageListFooter: $ }),
       [$]
-    ), ot = () => /* @__PURE__ */ L(
-      Me ? rt : st,
+    ), nt = () => /* @__PURE__ */ L(
+      Me ? at : rt,
       {
         tagsDirection: V,
         showSelectAll: x,
@@ -185,50 +186,50 @@ const _t = lt(
         dropdownType: Oe,
         renderValue: Ce,
         keyboardMode: W,
-        exitKeyboardMode: et,
-        onKeyDown: Ze,
-        id: je,
+        exitKeyboardMode: tt,
+        onKeyDown: et,
+        id: Ue,
         "aria-describedby": U,
         autoFocus: Le,
         ref: h,
         instanceId: m,
         className: "tedi-select__wrapper",
         name: le,
-        options: Xe,
+        options: Je,
         defaultOptions: ne,
-        value: Je,
+        value: Qe,
         defaultValue: T,
         cacheOptions: $e,
-        onChange: Qe,
-        filterOption: S || b ? Ye : void 0,
+        onChange: Ye,
+        filterOption: S || b ? Ze : void 0,
         onInputChange: ae,
-        onBlur: ze,
-        softKeyboardSuppressed: !K && O && Ue,
+        onBlur: qe,
+        softKeyboardSuppressed: !K && O && Be,
         inputValue: ie,
-        inputId: Ke,
+        inputId: je,
         loadOptions: ce,
         isLoading: ue,
         noOptionsMessage: he || (() => C("select.no-options")),
         loadingMessage: Ie || (() => C("select.loading")),
         classNamePrefix: "select",
         components: {
-          ClearIndicator: (e) => pt({ isClearIndicatorVisible: H, ...e }),
-          DropdownIndicator: () => mt({ iconName: se }),
+          ClearIndicator: (e) => ft({ isClearIndicatorVisible: H, ...e }),
+          DropdownIndicator: () => gt({ iconName: se }),
           IndicatorSeparator: () => null,
-          MenuPortal: It,
-          Menu: vt,
-          MenuList: tt,
-          Option: (e) => wt({ renderOption: ve, multiple: v, showRadioButtons: xe, ...e }),
-          Control: ft,
-          Input: yt,
-          MultiValue: (e) => Ot({ isTagRemovable: Ne, tagsEllipsis: Pe, ...e }),
-          MultiValueRemove: Ct,
-          SingleValue: Lt,
-          Group: gt,
-          GroupHeading: (e) => St({ optionGroupHeadingText: Fe, ...e }),
-          IndicatorsContainer: bt,
-          ValueContainer: Vt,
-          LoadingIndicator: Mt
+          MenuPortal: Ot,
+          Menu: ht,
+          MenuList: ot,
+          Option: (e) => Lt({ renderOption: ve, multiple: v, showRadioButtons: xe, ...e }),
+          Control: mt,
+          Input: Mt,
+          MultiValue: (e) => Ct({ isTagRemovable: Ne, tagsEllipsis: Pe, ...e }),
+          MultiValueRemove: wt,
+          SingleValue: Vt,
+          Group: St,
+          GroupHeading: (e) => bt({ optionGroupHeadingText: Fe, ...e }),
+          IndicatorsContainer: yt,
+          ValueContainer: At,
+          LoadingIndicator: vt
         },
         isDisabled: F,
         isSearchable: O,
@@ -258,7 +259,7 @@ const _t = lt(
               e[o] = typeof s == "string" ? () => s : s;
           if (u) {
             const o = e.control;
-            e.control = (s) => Y(o == null ? void 0 : o(s), ut["tedi-input-group__input"]);
+            e.control = (s) => Y(o == null ? void 0 : o(s), dt["tedi-input-group__input"]);
           }
           return Object.keys(e).length > 0 ? e : void 0;
         })(),
@@ -278,7 +279,7 @@ const _t = lt(
           })
         }
       }
-    ), nt = Y(
+    ), lt = Y(
       d["tedi-select"],
       me,
       { [d["tedi-select--invalid"]]: be || (a == null ? void 0 : a.type) === "error" },
@@ -289,10 +290,10 @@ const _t = lt(
       { [d["tedi-select--clear-on-interaction"]]: H && Ae },
       { [d["tedi-select--disabled"]]: F }
     );
-    return /* @__PURE__ */ Q("div", { "data-name": "select", className: nt, onPointerDownCapture: Be, children: [
+    return /* @__PURE__ */ Q("div", { "data-name": "select", className: lt, onPointerDownCapture: ze, children: [
       /* @__PURE__ */ Q("div", { className: d["tedi-select__inner"], children: [
         !R && /* @__PURE__ */ L(
-          it,
+          ct,
           {
             id: `${m}-input`,
             label: re,
@@ -300,16 +301,17 @@ const _t = lt(
             hideLabel: ge,
             size: _,
             renderWithoutLabel: Ee,
-            tooltip: Ge
+            tooltip: Ge,
+            labelProps: He
           }
         ),
-        ot()
+        nt()
       ] }),
-      a && /* @__PURE__ */ L(at, { ...a, id: U })
+      a && /* @__PURE__ */ L(it, { ...a, id: U })
     ] });
   }
 );
-_t.displayName = "Select";
+kt.displayName = "Select";
 export {
-  _t as Select
+  kt as Select
 };

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

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