@tedi-design-system/react 14.4.0-rc.1 → 14.4.0-rc.11

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),fe=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),ge=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Se=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),Me=require("../feedback-text/feedback-text.cjs.js"),be=require("../form-label/form-label.cjs.js"),Ie=require("./components/select-clear-indicator.cjs.js"),qe=require("./components/select-control.cjs.js"),Ce=require("./components/select-dropdown-indicator.cjs.js"),Oe=require("./components/select-group.cjs.js"),ve=require("./components/select-group-heading.cjs.js"),Le=require("./components/select-indicators-container.cjs.js"),Ve=require("./components/select-input.cjs.js"),Re=require("./components/select-loading-indicator.cjs.js"),he=require("./components/select-menu.cjs.js"),ye=require("./components/select-menu-list.cjs.js"),xe=require("./components/select-menu-portal.cjs.js"),_e=require("./components/select-multi-value.cjs.js"),we=require("./components/select-multi-value-remove.cjs.js"),Ne=require("./components/select-option.cjs.js"),je=require("./components/select-value-container.cjs.js"),n=require("./select.module.scss.cjs.js"),Pe=require("../../../providers/label-provider/use-labels.cjs.js"),f=m.forwardRef((L,V)=>{const{options:R,defaultOptions:h,id:s,name:y,iconName:x="arrow_drop_down",label:_,required:g,value:w,defaultValue:N,tagsDirection:S="row",onChange:i,onInputChange:j,inputValue:P,loadOptions:T,isLoading:G,openMenuOnFocus:H=!1,openMenuOnClick:D=!0,tabSelectsValue:F=!1,disabled:M=!1,className:$,hideLabel:k=!1,helper:t,placeholder:B,invalid:E,valid:z,size:c,async:A=!1,renderOption:W,renderMessageListFooter:J,noOptionsMessage:K,loadingMessage:Q,multiple:u=!1,closeMenuOnSelect:U=!u,blurInputOnSelect:b=!1,autoFocus:X=!1,isClearable:Y=!0,isClearIndicatorVisible:Z=!1,isSearchable:I=!0,menuIsOpen:ee,onMenuClose:te,onMenuOpen:ne,onBlur:se,inputIsHidden:le,isTagRemovable:q=!1,optionGroupHeadingText:oe={modifiers:"small",color:"tertiary"},cacheOptions:ae=!0,showRadioButtons:re=!1,renderWithoutLabel:ie,tooltip:ce,classNames:C}=L,O=t?(t==null?void 0:t.id)??`${s}-helper`:void 0,o=m.useRef(null),{getLabel:v}=Pe.useLabels();m.useImperativeHandle(V,()=>o.current);const ue=d=>{i==null||i(d),!b&&o.current&&setTimeout(()=>{var a,r;return(r=(a=o.current)==null?void 0:a.inputRef)==null?void 0:r.focus()},0)},de=()=>{const d={ClearIndicator:e=>Ie.SelectClearIndicator({isClearIndicatorVisible:Z,...e}),DropdownIndicator:()=>Ce.SelectDropDownIndicator({iconName:x}),IndicatorSeparator:()=>null,MenuPortal:xe.SelectMenuPortal,Menu:he.SelectMenu,MenuList:e=>ye.SelectMenuList({renderMessageListFooter:J,...e}),Option:e=>Ne.SelectOption({renderOption:W,multiple:u,showRadioButtons:re,...e}),Control:qe.SelectControl,Input:Ve.SelectInput,MultiValue:e=>_e.SelectMultiValue({isTagRemovable:q,...e}),MultiValueRemove:we.SelectMultiValueRemove,Group:Oe.SelectGroup,GroupHeading:e=>ve.SelectGroupHeading({optionGroupHeadingText:oe,...e}),IndicatorsContainer:Le.SelectIndicatorsContainer,ValueContainer:je.SelectValueContainer,LoadingIndicator:Re.SelectLoadingIndicator},a=A?Se.default:ge.default,r=()=>v("select.no-options"),me=()=>v("select.loading");return l.jsx(a,{id:s,"aria-describedby":O,autoFocus:X,ref:o,instanceId:s,className:"tedi-select__wrapper",name:y,options:R,defaultOptions:h,value:w,defaultValue:N,cacheOptions:ae,onChange:ue,onInputChange:j,onBlur:se,inputValue:P,inputId:`${s}-input`,loadOptions:T,isLoading:G,noOptionsMessage:K||r,loadingMessage:Q||me,classNamePrefix:"select",components:d,isDisabled:M,isSearchable:I,menuIsOpen:ee,openMenuOnFocus:H,openMenuOnClick:D,tabSelectsValue:F,onMenuClose:te,onMenuOpen:ne,placeholder:B||"",isClearable:Y,backspaceRemovesValue:q,menuShouldScrollIntoView:!0,isMulti:u,hideSelectedOptions:!1,closeMenuOnSelect:U,blurInputOnSelect:b,menuPlacement:"auto",inputIsHidden:le,required:g,menuPortalTarget:document.body,menuPosition:"absolute",classNames:C?Object.fromEntries(Object.entries(C).map(([e,p])=>[e,typeof p=="string"?()=>p:p])):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"})}})},pe=fe.default(n.default["tedi-select"],$,{[n.default["tedi-select--invalid"]]:E||(t==null?void 0:t.type)==="error"},{[n.default["tedi-select--valid"]]:z||(t==null?void 0:t.type)==="valid"},{[n.default[`tedi-select--${c}`]]:c},{[n.default[`tedi-select--tags-${S}`]]:S},{[n.default["tedi-select--searchable"]]:I},{[n.default["tedi-select--disabled"]]:M});return l.jsxs("div",{"data-name":"select",className:pe,children:[l.jsxs("div",{className:n.default["tedi-select__inner"],children:[l.jsx(be.FormLabel,{id:`${s}-input`,label:_,required:g,hideLabel:k,size:c,renderWithoutLabel:ie,tooltip:ce}),de()]}),t&&l.jsx(Me.FeedbackText,{...t,id:O})]})});f.displayName="Select";exports.Select=f;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),ge=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),Se=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Me=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),be=require("../feedback-text/feedback-text.cjs.js"),Ie=require("../form-label/form-label.cjs.js"),qe=require("./components/select-clear-indicator.cjs.js"),Ce=require("./components/select-control.cjs.js"),Oe=require("./components/select-dropdown-indicator.cjs.js"),ve=require("./components/select-group.cjs.js"),Le=require("./components/select-group-heading.cjs.js"),Ve=require("./components/select-indicators-container.cjs.js"),Re=require("./components/select-input.cjs.js"),he=require("./components/select-loading-indicator.cjs.js"),xe=require("./components/select-menu.cjs.js"),ye=require("./components/select-menu-list.cjs.js"),_e=require("./components/select-menu-portal.cjs.js"),je=require("./components/select-multi-value.cjs.js"),we=require("./components/select-multi-value-remove.cjs.js"),Ne=require("./components/select-option.cjs.js"),Pe=require("./components/select-value-container.cjs.js"),n=require("./select.module.scss.cjs.js"),Te=require("../../../providers/label-provider/use-labels.cjs.js"),f=c.forwardRef((V,R)=>{const{options:h,defaultOptions:x,id:l,name:y,iconName:_="arrow_drop_down",label:j,required:g,value:w,defaultValue:N,tagsDirection:S="row",onChange:u,onInputChange:P,inputValue:T,loadOptions:G,isLoading:H,openMenuOnFocus:D=!1,openMenuOnClick:k=!0,tabSelectsValue:F=!1,disabled:M=!1,className:$,hideLabel:B=!1,helper:t,placeholder:E,invalid:z,valid:A,size:d,async:W=!1,renderOption:J,renderMessageListFooter:b,noOptionsMessage:K,loadingMessage:Q,multiple:p=!1,closeMenuOnSelect:U=!p,blurInputOnSelect:I=!1,autoFocus:X=!1,isClearable:Y=!0,isClearIndicatorVisible:Z=!1,isSearchable:q=!0,menuIsOpen:ee,onMenuClose:te,onMenuOpen:ne,onBlur:se,inputIsHidden:le,isTagRemovable:C=!1,optionGroupHeadingText:oe={modifiers:"small",color:"tertiary"},cacheOptions:ae=!0,showRadioButtons:re=!1,renderWithoutLabel:ie,tooltip:ce,classNames:O}=V,v=t?(t==null?void 0:t.id)??`${l}-helper`:void 0,a=c.useRef(null),{getLabel:L}=Te.useLabels();c.useImperativeHandle(R,()=>a.current);const ue=o=>{u==null||u(o),!I&&a.current&&setTimeout(()=>{var r,i;return(i=(r=a.current)==null?void 0:r.inputRef)==null?void 0:i.focus()},0)},de=c.useCallback(o=>s.jsx(ye.SelectMenuList,{...o,renderMessageListFooter:b}),[b]),pe=()=>{const o={ClearIndicator:e=>qe.SelectClearIndicator({isClearIndicatorVisible:Z,...e}),DropdownIndicator:()=>Oe.SelectDropDownIndicator({iconName:_}),IndicatorSeparator:()=>null,MenuPortal:_e.SelectMenuPortal,Menu:xe.SelectMenu,MenuList:de,Option:e=>Ne.SelectOption({renderOption:J,multiple:p,showRadioButtons:re,...e}),Control:Ce.SelectControl,Input:Re.SelectInput,MultiValue:e=>je.SelectMultiValue({isTagRemovable:C,...e}),MultiValueRemove:we.SelectMultiValueRemove,Group:ve.SelectGroup,GroupHeading:e=>Le.SelectGroupHeading({optionGroupHeadingText:oe,...e}),IndicatorsContainer:Ve.SelectIndicatorsContainer,ValueContainer:Pe.SelectValueContainer,LoadingIndicator:he.SelectLoadingIndicator},r=W?Me.default:Se.default,i=()=>L("select.no-options"),fe=()=>L("select.loading");return s.jsx(r,{id:l,"aria-describedby":v,autoFocus:X,ref:a,instanceId:l,className:"tedi-select__wrapper",name:y,options:h,defaultOptions:x,value:w,defaultValue:N,cacheOptions:ae,onChange:ue,onInputChange:P,onBlur:se,inputValue:T,inputId:`${l}-input`,loadOptions:G,isLoading:H,noOptionsMessage:K||i,loadingMessage:Q||fe,classNamePrefix:"select",components:o,isDisabled:M,isSearchable:q,menuIsOpen:ee,openMenuOnFocus:D,openMenuOnClick:k,tabSelectsValue:F,onMenuClose:te,onMenuOpen:ne,placeholder:E||"",isClearable:Y,backspaceRemovesValue:C,menuShouldScrollIntoView:!0,isMulti:p,hideSelectedOptions:!1,closeMenuOnSelect:U,blurInputOnSelect:I,menuPlacement:"auto",inputIsHidden:le,required:g,menuPortalTarget:document.body,menuPosition:"absolute",classNames:O?Object.fromEntries(Object.entries(O).map(([e,m])=>[e,typeof m=="string"?()=>m:m])):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"})}})},me=ge.default(n.default["tedi-select"],$,{[n.default["tedi-select--invalid"]]:z||(t==null?void 0:t.type)==="error"},{[n.default["tedi-select--valid"]]:A||(t==null?void 0:t.type)==="valid"},{[n.default[`tedi-select--${d}`]]:d},{[n.default[`tedi-select--tags-${S}`]]:S},{[n.default["tedi-select--searchable"]]:q},{[n.default["tedi-select--disabled"]]:M});return s.jsxs("div",{"data-name":"select",className:me,children:[s.jsxs("div",{className:n.default["tedi-select__inner"],children:[s.jsx(Ie.FormLabel,{id:`${l}-input`,label:j,required:g,hideLabel:B,size:d,renderWithoutLabel:ie,tooltip:ce}),pe()]}),t&&s.jsx(be.FeedbackText,{...t,id:v})]})});f.displayName="Select";exports.Select=f;exports.default=f;

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

@@ -1,160 +1,163 @@
-import { jsxs as C, jsx as u } from "react/jsx-runtime";
-import fe from "../../../../../external/classnames/index.es.js";
-import L, { forwardRef as ge } from "react";
-import Se from "../../../../../external/react-select/dist/react-select.esm.es.js";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import ge from "../../../../../external/classnames/index.es.js";
+import p, { forwardRef as Se } from "react";
+import Me from "../../../../../external/react-select/dist/react-select.esm.es.js";
 import be from "../../../../../external/react-select/async/dist/react-select-async.esm.es.js";
-import { FeedbackText as Me } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as Ie } from "../form-label/form-label.es.js";
-import { SelectClearIndicator as Oe } from "./components/select-clear-indicator.es.js";
+import { FeedbackText as Ie } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as Oe } from "../form-label/form-label.es.js";
+import { SelectClearIndicator as Ce } from "./components/select-clear-indicator.es.js";
 import { SelectControl as ve } from "./components/select-control.es.js";
-import { SelectDropDownIndicator as Ce } from "./components/select-dropdown-indicator.es.js";
-import { SelectGroup as Le } from "./components/select-group.es.js";
-import { SelectGroupHeading as he } from "./components/select-group-heading.es.js";
-import { SelectIndicatorsContainer as ye } from "./components/select-indicators-container.es.js";
-import { SelectInput as Ne } from "./components/select-input.es.js";
-import { SelectLoadingIndicator as Ve } from "./components/select-loading-indicator.es.js";
-import { SelectMenu as Re } from "./components/select-menu.es.js";
-import { SelectMenuList as we } from "./components/select-menu-list.es.js";
-import { SelectMenuPortal as _e } from "./components/select-menu-portal.es.js";
-import { SelectMultiValue as $e } from "./components/select-multi-value.es.js";
-import { SelectMultiValueRemove as xe } from "./components/select-multi-value-remove.es.js";
-import { SelectOption as He } from "./components/select-option.es.js";
-import { SelectValueContainer as Pe } from "./components/select-value-container.es.js";
+import { SelectDropDownIndicator as Le } from "./components/select-dropdown-indicator.es.js";
+import { SelectGroup as he } from "./components/select-group.es.js";
+import { SelectGroupHeading as ye } from "./components/select-group-heading.es.js";
+import { SelectIndicatorsContainer as Ne } from "./components/select-indicators-container.es.js";
+import { SelectInput as Ve } from "./components/select-input.es.js";
+import { SelectLoadingIndicator as Re } from "./components/select-loading-indicator.es.js";
+import { SelectMenu as we } from "./components/select-menu.es.js";
+import { SelectMenuList as _e } from "./components/select-menu-list.es.js";
+import { SelectMenuPortal as $e } from "./components/select-menu-portal.es.js";
+import { SelectMultiValue as xe } from "./components/select-multi-value.es.js";
+import { SelectMultiValueRemove as He } from "./components/select-multi-value-remove.es.js";
+import { SelectOption as Pe } from "./components/select-option.es.js";
+import { SelectValueContainer as Te } from "./components/select-value-container.es.js";
 import o from "./select.module.scss.es.js";
-import { useLabels as Te } from "../../../providers/label-provider/use-labels.es.js";
-const De = ge(
-  (h, y) => {
+import { useLabels as De } from "../../../providers/label-provider/use-labels.es.js";
+const Fe = Se(
+  (y, N) => {
     const {
-      options: N,
-      defaultOptions: V,
+      options: V,
+      defaultOptions: R,
       id: a,
-      name: R,
-      iconName: w = "arrow_drop_down",
-      label: _,
-      required: p,
-      value: $,
-      defaultValue: x,
-      tagsDirection: f = "row",
-      onChange: l,
-      onInputChange: H,
-      inputValue: P,
-      loadOptions: T,
-      isLoading: D,
-      openMenuOnFocus: F = !1,
-      openMenuOnClick: G = !0,
-      tabSelectsValue: j = !1,
-      disabled: g = !1,
-      className: k,
-      hideLabel: B = !1,
+      name: w,
+      iconName: _ = "arrow_drop_down",
+      label: $,
+      required: f,
+      value: x,
+      defaultValue: H,
+      tagsDirection: g = "row",
+      onChange: c,
+      onInputChange: P,
+      inputValue: T,
+      loadOptions: D,
+      isLoading: F,
+      openMenuOnFocus: G = !1,
+      openMenuOnClick: j = !0,
+      tabSelectsValue: k = !1,
+      disabled: S = !1,
+      className: B,
+      hideLabel: E = !1,
       helper: t,
-      placeholder: E,
-      invalid: q,
-      valid: z,
-      size: s,
-      async: A = !1,
-      renderOption: W,
-      renderMessageListFooter: J,
+      placeholder: q,
+      invalid: z,
+      valid: A,
+      size: d,
+      async: W = !1,
+      renderOption: J,
+      renderMessageListFooter: M,
       noOptionsMessage: K,
       loadingMessage: Q,
-      multiple: c = !1,
-      closeMenuOnSelect: U = !c,
-      blurInputOnSelect: S = !1,
+      multiple: m = !1,
+      closeMenuOnSelect: U = !m,
+      blurInputOnSelect: b = !1,
       autoFocus: X = !1,
       isClearable: Y = !0,
       isClearIndicatorVisible: Z = !1,
-      isSearchable: b = !0,
+      isSearchable: I = !0,
       menuIsOpen: ee,
       onMenuClose: te,
       onMenuOpen: oe,
       onBlur: ae,
       inputIsHidden: re,
-      isTagRemovable: M = !1,
+      isTagRemovable: O = !1,
       optionGroupHeadingText: ie = { modifiers: "small", color: "tertiary" },
       cacheOptions: ne = !0,
       showRadioButtons: le = !1,
       renderWithoutLabel: se,
       tooltip: ce,
-      classNames: I
-    } = h, O = t ? (t == null ? void 0 : t.id) ?? `${a}-helper` : void 0, r = L.useRef(null), { getLabel: v } = Te();
-    L.useImperativeHandle(
-      y,
-      () => r.current
+      classNames: C
+    } = y, v = t ? (t == null ? void 0 : t.id) ?? `${a}-helper` : void 0, i = p.useRef(null), { getLabel: L } = De();
+    p.useImperativeHandle(
+      N,
+      () => i.current
     );
-    const de = (d) => {
-      l == null || l(d), !S && r.current && setTimeout(() => {
-        var i, n;
-        return (n = (i = r.current) == null ? void 0 : i.inputRef) == null ? void 0 : n.focus();
+    const de = (r) => {
+      c == null || c(r), !b && i.current && setTimeout(() => {
+        var n, l;
+        return (l = (n = i.current) == null ? void 0 : n.inputRef) == null ? void 0 : l.focus();
       }, 0);
-    }, me = () => {
-      const d = {
-        ClearIndicator: (e) => Oe({ isClearIndicatorVisible: Z, ...e }),
-        DropdownIndicator: () => Ce({ iconName: w }),
+    }, me = p.useCallback(
+      (r) => /* @__PURE__ */ s(_e, { ...r, renderMessageListFooter: M }),
+      [M]
+    ), ue = () => {
+      const r = {
+        ClearIndicator: (e) => Ce({ isClearIndicatorVisible: Z, ...e }),
+        DropdownIndicator: () => Le({ iconName: _ }),
         IndicatorSeparator: () => null,
-        MenuPortal: _e,
-        Menu: Re,
-        MenuList: (e) => we({ renderMessageListFooter: J, ...e }),
-        Option: (e) => He({ renderOption: W, multiple: c, showRadioButtons: le, ...e }),
+        MenuPortal: $e,
+        Menu: we,
+        MenuList: me,
+        Option: (e) => Pe({ renderOption: J, multiple: m, showRadioButtons: le, ...e }),
         Control: ve,
-        Input: Ne,
-        MultiValue: (e) => $e({ isTagRemovable: M, ...e }),
-        MultiValueRemove: xe,
-        Group: Le,
-        GroupHeading: (e) => he({ optionGroupHeadingText: ie, ...e }),
-        IndicatorsContainer: ye,
-        ValueContainer: Pe,
-        LoadingIndicator: Ve
-      }, i = A ? be : Se, n = () => v("select.no-options"), pe = () => v("select.loading");
-      return /* @__PURE__ */ u(
-        i,
+        Input: Ve,
+        MultiValue: (e) => xe({ isTagRemovable: O, ...e }),
+        MultiValueRemove: He,
+        Group: he,
+        GroupHeading: (e) => ye({ optionGroupHeadingText: ie, ...e }),
+        IndicatorsContainer: Ne,
+        ValueContainer: Te,
+        LoadingIndicator: Re
+      }, n = W ? be : Me, l = () => L("select.no-options"), fe = () => L("select.loading");
+      return /* @__PURE__ */ s(
+        n,
         {
           id: a,
-          "aria-describedby": O,
+          "aria-describedby": v,
           autoFocus: X,
-          ref: r,
+          ref: i,
           instanceId: a,
           className: "tedi-select__wrapper",
-          name: R,
-          options: N,
-          defaultOptions: V,
-          value: $,
-          defaultValue: x,
+          name: w,
+          options: V,
+          defaultOptions: R,
+          value: x,
+          defaultValue: H,
           cacheOptions: ne,
           onChange: de,
-          onInputChange: H,
+          onInputChange: P,
           onBlur: ae,
-          inputValue: P,
+          inputValue: T,
           inputId: `${a}-input`,
-          loadOptions: T,
-          isLoading: D,
-          noOptionsMessage: K || n,
-          loadingMessage: Q || pe,
+          loadOptions: D,
+          isLoading: F,
+          noOptionsMessage: K || l,
+          loadingMessage: Q || fe,
           classNamePrefix: "select",
-          components: d,
-          isDisabled: g,
-          isSearchable: b,
+          components: r,
+          isDisabled: S,
+          isSearchable: I,
           menuIsOpen: ee,
-          openMenuOnFocus: F,
-          openMenuOnClick: G,
-          tabSelectsValue: j,
+          openMenuOnFocus: G,
+          openMenuOnClick: j,
+          tabSelectsValue: k,
           onMenuClose: te,
           onMenuOpen: oe,
-          placeholder: E || "",
+          placeholder: q || "",
           isClearable: Y,
-          backspaceRemovesValue: M,
+          backspaceRemovesValue: O,
           menuShouldScrollIntoView: !0,
-          isMulti: c,
+          isMulti: m,
           hideSelectedOptions: !1,
           closeMenuOnSelect: U,
-          blurInputOnSelect: S,
+          blurInputOnSelect: b,
           menuPlacement: "auto",
           inputIsHidden: re,
-          required: p,
+          required: f,
           menuPortalTarget: document.body,
           menuPosition: "absolute",
-          classNames: I ? Object.fromEntries(
-            Object.entries(I).map(([e, m]) => [
+          classNames: C ? Object.fromEntries(
+            Object.entries(C).map(([e, u]) => [
               e,
-              typeof m == "string" ? () => m : m
+              typeof u == "string" ? () => u : u
             ])
           ) : void 0,
           theme: (e) => ({
@@ -174,38 +177,38 @@ const De = ge(
           }
         }
       );
-    }, ue = fe(
+    }, pe = ge(
       o["tedi-select"],
-      k,
-      { [o["tedi-select--invalid"]]: q || (t == null ? void 0 : t.type) === "error" },
-      { [o["tedi-select--valid"]]: z || (t == null ? void 0 : t.type) === "valid" },
-      { [o[`tedi-select--${s}`]]: s },
-      { [o[`tedi-select--tags-${f}`]]: f },
-      { [o["tedi-select--searchable"]]: b },
-      { [o["tedi-select--disabled"]]: g }
+      B,
+      { [o["tedi-select--invalid"]]: z || (t == null ? void 0 : t.type) === "error" },
+      { [o["tedi-select--valid"]]: A || (t == null ? void 0 : t.type) === "valid" },
+      { [o[`tedi-select--${d}`]]: d },
+      { [o[`tedi-select--tags-${g}`]]: g },
+      { [o["tedi-select--searchable"]]: I },
+      { [o["tedi-select--disabled"]]: S }
     );
-    return /* @__PURE__ */ C("div", { "data-name": "select", className: ue, children: [
-      /* @__PURE__ */ C("div", { className: o["tedi-select__inner"], children: [
-        /* @__PURE__ */ u(
-          Ie,
+    return /* @__PURE__ */ h("div", { "data-name": "select", className: pe, children: [
+      /* @__PURE__ */ h("div", { className: o["tedi-select__inner"], children: [
+        /* @__PURE__ */ s(
+          Oe,
           {
             id: `${a}-input`,
-            label: _,
-            required: p,
-            hideLabel: B,
-            size: s,
+            label: $,
+            required: f,
+            hideLabel: E,
+            size: d,
             renderWithoutLabel: se,
             tooltip: ce
           }
         ),
-        me()
+        ue()
       ] }),
-      t && /* @__PURE__ */ u(Me, { ...t, id: O })
+      t && /* @__PURE__ */ s(Ie, { ...t, id: v })
     ] });
   }
 );
-De.displayName = "Select";
+Fe.displayName = "Select";
 export {
-  De as Select,
-  De as default
+  Fe as Select,
+  Fe as default
 };

package/src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("../../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),y=require("../../../../../../../external/classnames/index.cjs.js"),m=require("react"),I=require("../../../../navigation/link/link.cjs.js"),n=require("./sidenav-dropdown.module.scss.cjs.js"),N=require("../../../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),v=require("../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),k=({trigger:h,groups:_,onOpenChange:l})=>{const[o,c]=m.useState(!1),{refs:f,floatingStyles:g,context:u}=d.useFloating({open:o,middleware:[v.offset({mainAxis:8}),v.flip()],whileElementsMounted:N.autoUpdate,placement:"right-start",onOpenChange:e=>{c(e),l==null||l(e)},strategy:"fixed"}),{getReferenceProps:x,getFloatingProps:b}=d.useInteractions([d.useClick(u),d.useDismiss(u)]),p=e=>{var i;const a=e.subItemGroups||e.subItems;return s.jsxs("li",{role:"none",className:y.default(n.default["tedi-sidenav-dropdown__item"],a&&n.default["tedi-sidenav-dropdown__item--has-children"]),children:[s.jsxs(I.Link,{...e,role:"menuitem",className:n.default["tedi-sidenav-dropdown__link"],"data-active":e.isActive,"aria-current":e.isActive?"page":void 0,noStyle:!0,onClick:t=>{var r;(r=e.onClick)==null||r.call(e,t),c(!1)},children:[e.children,a&&s.jsx("span",{className:n.default["tedi-sidenav__bullet"]})]}),a&&s.jsx("ul",{className:n.default["tedi-sidenav-dropdown__list"],role:"menu",children:(e.subItemGroups??(e.subItems?[{subItems:e.subItems}]:[])).map((t,r)=>s.jsxs(m.Fragment,{children:[t.subHeading&&s.jsx("div",{className:n.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:t.subHeading}),t.subItems.map(w=>p(w))]},r))})]},e.key||e.href||((i=e.children)==null?void 0:i.toString()))},j=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),c(a=>!a))};return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:f.setReference,...x(),role:"button",tabIndex:-1,"aria-haspopup":"menu","aria-expanded":o,onKeyDown:j,children:h}),o&&s.jsx(d.FloatingOverlay,{children:s.jsx(d.FloatingPortal,{children:s.jsx(d.FloatingFocusManager,{context:u,modal:!1,children:s.jsx("div",{ref:f.setFloating,style:g,className:n.default["tedi-sidenav-dropdown"],role:"menu",...b(),children:_.map((e,a)=>s.jsxs("div",{className:n.default["tedi-sidenav-dropdown__group"],children:[e.subHeading&&s.jsx("div",{className:n.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:e.subHeading}),s.jsx("ul",{className:n.default["tedi-sidenav-dropdown__list"],role:"menu",children:e.subItems.map(i=>p(i))})]},a))})})})})]})};exports.SideNavDropdown=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("../../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),N=require("../../../../../../../external/classnames/index.cjs.js"),v=require("react"),k=require("../../../../navigation/link/link.cjs.js"),a=require("./sidenav-dropdown.module.scss.cjs.js"),D=require("../../../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),h=require("../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),q=require("../../../../../providers/label-provider/use-labels.cjs.js"),F=({trigger:b,groups:g,onOpenChange:o})=>{const{getLabel:x}=q.useLabels(),[u,r]=v.useState(!1),{refs:c,floatingStyles:_,context:f}=d.useFloating({open:u,middleware:[h.offset({mainAxis:8}),h.flip()],whileElementsMounted:D.autoUpdate,placement:"right-start",onOpenChange:e=>{r(e),o==null||o(e)},strategy:"fixed"}),{getReferenceProps:j,getFloatingProps:w}=d.useInteractions([d.useClick(f),d.useDismiss(f)]),p=e=>{var m;const n=e.subItemGroups||e.subItems,t=e.key||e.href||((m=e.children)==null?void 0:m.toString());return s.jsxs("li",{role:"none",className:N.default(a.default["tedi-sidenav-dropdown__item"],n&&a.default["tedi-sidenav-dropdown__item--has-children"]),children:[s.jsxs(k.Link,{...e,role:"menuitem","aria-haspopup":n?"true":void 0,"aria-expanded":n?!1:void 0,"aria-controls":n?`${t}-submenu`:void 0,className:a.default["tedi-sidenav-dropdown__link"],"data-active":e.isActive,"aria-current":e.isActive?"page":void 0,noStyle:!0,onClick:i=>{var l;(l=e.onClick)==null||l.call(e,i),r(!1)},children:[e.children,n&&s.jsx("span",{className:a.default["tedi-sidenav__bullet"]})]}),n&&s.jsx("ul",{id:`${t}-submenu`,className:a.default["tedi-sidenav-dropdown__list"],role:"menu","aria-label":x("sidenav.submenu"),children:(e.subItemGroups??(e.subItems?[{subItems:e.subItems}]:[])).map((i,l)=>s.jsxs(v.Fragment,{children:[i.subHeading&&s.jsx("div",{className:a.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:i.subHeading}),i.subItems.map(I=>p(I))]},l))})]},t)},y=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),r(n=>!n)),e.key==="Escape"&&(e.preventDefault(),r(!1),c.setReference(null))};return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:c.setReference,...j(),role:"button",tabIndex:-1,"aria-haspopup":"menu","aria-expanded":u,onKeyDown:y,children:b}),u&&s.jsx(d.FloatingOverlay,{children:s.jsx(d.FloatingPortal,{children:s.jsx(d.FloatingFocusManager,{context:f,modal:!1,children:s.jsx("div",{ref:c.setFloating,style:_,className:a.default["tedi-sidenav-dropdown"],role:"menu",...w(),children:g.map((e,n)=>s.jsxs("div",{className:a.default["tedi-sidenav-dropdown__group"],children:[e.subHeading&&s.jsx("div",{className:a.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:e.subHeading}),s.jsx("ul",{className:a.default["tedi-sidenav-dropdown__list"],role:"menu",children:e.subItems.map(t=>p(t))})]},n))})})})})]})};exports.SideNavDropdown=F;

package/src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.es.js

@@ -1,97 +1,110 @@
-import { jsxs as d, Fragment as y, jsx as s } from "react/jsx-runtime";
-import { useFloating as I, useInteractions as N, useClick as F, useDismiss as k, FloatingOverlay as x, FloatingPortal as D, FloatingFocusManager as S } from "../../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import H from "../../../../../../../external/classnames/index.es.js";
-import A, { useState as P } from "react";
-import { Link as R } from "../../../../navigation/link/link.es.js";
+import { jsxs as d, Fragment as N, jsx as a } from "react/jsx-runtime";
+import { useFloating as k, useInteractions as F, useClick as x, useDismiss as D, FloatingOverlay as S, FloatingPortal as H, FloatingFocusManager as R } from "../../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import A from "../../../../../../../external/classnames/index.es.js";
+import E, { useState as L } from "react";
+import { Link as P } from "../../../../navigation/link/link.es.js";
 import n from "./sidenav-dropdown.module.scss.es.js";
 import { autoUpdate as j } from "../../../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as E, flip as G } from "../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-const J = ({
-  trigger: f,
+import { offset as G, flip as K } from "../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+import { useLabels as M } from "../../../../../providers/label-provider/use-labels.es.js";
+const V = ({
+  trigger: v,
   groups: h,
-  onOpenChange: o
+  onOpenChange: l
 }) => {
-  const [l, c] = P(!1), { refs: p, floatingStyles: v, context: m } = I({
-    open: l,
-    middleware: [E({ mainAxis: 8 }), G()],
+  const { getLabel: b } = M(), [c, o] = L(!1), { refs: u, floatingStyles: _, context: m } = k({
+    open: c,
+    middleware: [G({ mainAxis: 8 }), K()],
     whileElementsMounted: j,
     placement: "right-start",
     onOpenChange: (e) => {
-      c(e), o == null || o(e);
+      o(e), l == null || l(e);
     },
     strategy: "fixed"
-  }), { getReferenceProps: _, getFloatingProps: g } = N([F(m), k(m)]), u = (e) => {
-    var i;
-    const r = e.subItemGroups || e.subItems;
+  }), { getReferenceProps: g, getFloatingProps: w } = F([x(m), D(m)]), p = (e) => {
+    var f;
+    const s = e.subItemGroups || e.subItems, r = e.key || e.href || ((f = e.children) == null ? void 0 : f.toString());
     return /* @__PURE__ */ d(
       "li",
       {
         role: "none",
-        className: H(
+        className: A(
           n["tedi-sidenav-dropdown__item"],
-          r && n["tedi-sidenav-dropdown__item--has-children"]
+          s && n["tedi-sidenav-dropdown__item--has-children"]
         ),
         children: [
           /* @__PURE__ */ d(
-            R,
+            P,
             {
               ...e,
               role: "menuitem",
+              "aria-haspopup": s ? "true" : void 0,
+              "aria-expanded": s ? !1 : void 0,
+              "aria-controls": s ? `${r}-submenu` : void 0,
               className: n["tedi-sidenav-dropdown__link"],
               "data-active": e.isActive,
               "aria-current": e.isActive ? "page" : void 0,
               noStyle: !0,
-              onClick: (a) => {
+              onClick: (i) => {
                 var t;
-                (t = e.onClick) == null || t.call(e, a), c(!1);
+                (t = e.onClick) == null || t.call(e, i), o(!1);
               },
               children: [
                 e.children,
-                r && /* @__PURE__ */ s("span", { className: n["tedi-sidenav__bullet"] })
+                s && /* @__PURE__ */ a("span", { className: n["tedi-sidenav__bullet"] })
               ]
             }
           ),
-          r && /* @__PURE__ */ s("ul", { className: n["tedi-sidenav-dropdown__list"], role: "menu", children: (e.subItemGroups ?? (e.subItems ? [{ subItems: e.subItems }] : [])).map((a, t) => /* @__PURE__ */ d(A.Fragment, { children: [
-            a.subHeading && /* @__PURE__ */ s("div", { className: n["tedi-sidenav-dropdown__heading"], role: "presentation", children: a.subHeading }),
-            a.subItems.map((w) => u(w))
-          ] }, t)) })
+          s && /* @__PURE__ */ a(
+            "ul",
+            {
+              id: `${r}-submenu`,
+              className: n["tedi-sidenav-dropdown__list"],
+              role: "menu",
+              "aria-label": b("sidenav.submenu"),
+              children: (e.subItemGroups ?? (e.subItems ? [{ subItems: e.subItems }] : [])).map((i, t) => /* @__PURE__ */ d(E.Fragment, { children: [
+                i.subHeading && /* @__PURE__ */ a("div", { className: n["tedi-sidenav-dropdown__heading"], role: "presentation", children: i.subHeading }),
+                i.subItems.map((I) => p(I))
+              ] }, t))
+            }
+          )
         ]
       },
-      e.key || e.href || ((i = e.children) == null ? void 0 : i.toString())
+      r
     );
-  }, b = (e) => {
-    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), c((r) => !r));
+  }, y = (e) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o((s) => !s)), e.key === "Escape" && (e.preventDefault(), o(!1), u.setReference(null));
   };
-  return /* @__PURE__ */ d(y, { children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ d(N, { children: [
+    /* @__PURE__ */ a(
       "div",
       {
-        ref: p.setReference,
-        ..._(),
+        ref: u.setReference,
+        ...g(),
         role: "button",
         tabIndex: -1,
         "aria-haspopup": "menu",
-        "aria-expanded": l,
-        onKeyDown: b,
-        children: f
+        "aria-expanded": c,
+        onKeyDown: y,
+        children: v
       }
     ),
-    l && /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(D, { children: /* @__PURE__ */ s(S, { context: m, modal: !1, children: /* @__PURE__ */ s(
+    c && /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(H, { children: /* @__PURE__ */ a(R, { context: m, modal: !1, children: /* @__PURE__ */ a(
       "div",
       {
-        ref: p.setFloating,
-        style: v,
+        ref: u.setFloating,
+        style: _,
         className: n["tedi-sidenav-dropdown"],
         role: "menu",
-        ...g(),
-        children: h.map((e, r) => /* @__PURE__ */ d("div", { className: n["tedi-sidenav-dropdown__group"], children: [
-          e.subHeading && /* @__PURE__ */ s("div", { className: n["tedi-sidenav-dropdown__heading"], role: "presentation", children: e.subHeading }),
-          /* @__PURE__ */ s("ul", { className: n["tedi-sidenav-dropdown__list"], role: "menu", children: e.subItems.map((i) => u(i)) })
-        ] }, r))
+        ...w(),
+        children: h.map((e, s) => /* @__PURE__ */ d("div", { className: n["tedi-sidenav-dropdown__group"], children: [
+          e.subHeading && /* @__PURE__ */ a("div", { className: n["tedi-sidenav-dropdown__heading"], role: "presentation", children: e.subHeading }),
+          /* @__PURE__ */ a("ul", { className: n["tedi-sidenav-dropdown__list"], role: "menu", children: e.subItems.map((r) => p(r)) })
+        ] }, s))
       }
     ) }) }) })
   ] });
 };
 export {
-  J as SideNavDropdown
+  V as SideNavDropdown
 };

package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),l=require("../../../../../../../external/classnames/index.cjs.js"),y=require("../../../../base/icon/icon.cjs.js"),D=require("../../../../buttons/collapse/collapse.cjs.js"),I=require("../../../../navigation/link/link.cjs.js"),s=require("../../sidenav.module.scss.cjs.js"),R=require("../sidenav-dropdown/sidenav-dropdown.cjs.js"),p=require("../../../../overlays/tooltip/tooltip.cjs.js"),M=O=>{const{icon:t,children:i,isActive:h,onClick:x,subItems:k,subItemGroups:P,as:b,onItemClick:_,className:E,level:c=1,isCollapsed:o=!1,isDefaultOpen:L=!1,sideNavItemSize:B="default",...r}=O,[j,$]=f.useState(L??!1),[C,z]=f.useState(!1),T=f.useId(),u=P??(k?[{subItems:k}]:null),n=!!u,F=l.default(s.default["tedi-sidenav__item"],s.default[`tedi-sidenav__item--${B}`],{[s.default[`tedi-sidenav__item--level-${c}`]]:c>1,[s.default["tedi-sidenav__item--current"]]:h,[s.default["tedi-sidenav__item--has-children"]]:n},E),m=a=>{const d={color:"white",className:l.default(s.default["tedi-sidenav__icon"])},v=typeof a=="string"?{...d,name:a}:{...d,...a,className:l.default(d.className,a==null?void 0:a.className)};return e.jsx(y.Icon,{...v})},H=a=>{x==null||x(a),n||_==null||_()},S=a=>{$(a)},A=n&&(r.href||r.to),N={...r,as:b,onClick:H,className:l.default(s.default["tedi-sidenav__link"],A&&s.default["tedi-sidenav__link--has-children-link"]),noStyle:!0,role:"menuitem","aria-current":h?"page":void 0,"aria-label":o&&typeof i=="string"?i:void 0},g=()=>!o&&(u==null?void 0:u.map((a,w)=>{var d;return e.jsxs("div",{children:[(a==null?void 0:a.subHeading)&&e.jsx("div",{className:s.default["tedi-sidenav__subheading"],children:a.subHeading}),e.jsx("ul",{className:s.default["tedi-sidenav__list"],role:"menubar",children:(d=a.subItems)==null?void 0:d.map((v,G)=>f.createElement(M,{as:b,...v,key:G,level:c+1,onItemClick:_,isCollapsed:o,className:l.default(s.default["tedi-sidenav__sub-item"],v.className)}))})]},w)})),q=e.jsx("li",{"data-name":"sidenav-item",className:F,role:"presentation",children:n&&o?e.jsx(R.SideNavDropdown,{trigger:e.jsx(p.Tooltip.Trigger,{children:e.jsxs("span",{className:l.default(s.default["tedi-sidenav__link"],C&&s.default["tedi-sidenav__link--active"]),children:[t&&m(t),e.jsx(y.Icon,{name:C?"chevron_right":"expand_more",color:"white",className:s.default["tedi-sidenav__toggle-icon"],size:18}),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})}),groups:u,onOpenChange:z}):n&&c===1?r.href||r.to?e.jsxs(e.Fragment,{children:[e.jsxs(I.Link,{...N,children:[t&&m(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),e.jsx("div",{className:s.default["tedi-sidenav__link-collapse-wrapper"],children:e.jsx(D.Collapse,{id:T,hideCollapseText:!0,open:j,onToggle:S,className:s.default["tedi-sidenav__collapse"],children:g()})})]}):e.jsx(D.Collapse,{id:T,hideCollapseText:!0,open:j,onToggle:S,className:s.default["tedi-sidenav__collapse"],title:e.jsxs("span",{className:l.default(s.default["tedi-sidenav__link"],j&&s.default["tedi-sidenav__link--active"]),role:"menuitem","aria-current":h?"page":void 0,children:[t&&m(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),children:g()}):n?e.jsxs(e.Fragment,{children:[e.jsxs(I.Link,{...N,children:[t&&m(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i}),e.jsx("i",{className:s.default["tedi-sidenav__bullet"]})]}),g()]}):e.jsx(p.Tooltip.Trigger,{children:e.jsxs(I.Link,{...N,children:[t&&m(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})})});return c===1&&o?e.jsxs(p.Tooltip,{placement:"right",focusManager:{order:["content"]},children:[e.jsx(p.Tooltip.Content,{maxWidth:"medium",children:i}),q]}):q};exports.SideNavItem=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),o=require("../../../../../../../external/classnames/index.cjs.js"),D=require("../../../../base/icon/icon.cjs.js"),E=require("../../../../buttons/collapse/collapse.cjs.js"),C=require("../../../../navigation/link/link.cjs.js"),s=require("../../sidenav.module.scss.cjs.js"),W=require("../sidenav-dropdown/sidenav-dropdown.cjs.js"),g=require("../../../../overlays/tooltip/tooltip.cjs.js"),J=require("../../../../../providers/label-provider/use-labels.cjs.js"),M=O=>{const{icon:t,children:l,isActive:j,onClick:N,subItems:S,subItemGroups:P,as:T,onItemClick:p,className:B,level:r=1,isCollapsed:c=!1,isDefaultOpen:$=!1,sideNavItemSize:z="default",...u}=O,{getLabel:q}=J.useLabels(),[n,w]=x.useState($??!1),[y,F]=x.useState(!1),v=x.useId(),m=P??(S?[{subItems:S}]:null),d=!!m,H=o.default(s.default["tedi-sidenav__item"],s.default[`tedi-sidenav__item--${z}`],{[s.default[`tedi-sidenav__item--level-${r}`]]:r>1,[s.default["tedi-sidenav__item--current"]]:j,[s.default["tedi-sidenav__item--has-children"]]:d},B),_=a=>{const i={color:"white",className:o.default(s.default["tedi-sidenav__icon"])},h=typeof a=="string"?{...i,name:a}:{...i,...a,className:o.default(i.className,a==null?void 0:a.className)};return e.jsx(D.Icon,{...h})},K=a=>{N==null||N(a),d||p==null||p()},b=a=>{w(a)},A=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),w(f=>{const i=!f;return b(i),i}))},G=d&&(u.href||u.to),k={...u,as:T,onClick:K,className:o.default(s.default["tedi-sidenav__link"],G&&s.default["tedi-sidenav__link--has-children-link"]),noStyle:!0,role:"menuitem","aria-current":j?"page":void 0,"aria-label":c&&typeof l=="string"?l:void 0,...d?{"aria-haspopup":"true","aria-expanded":n,"aria-controls":v}:{}},I=()=>!c&&(m==null?void 0:m.map((a,f)=>{var i;return e.jsxs("div",{children:[(a==null?void 0:a.subHeading)&&e.jsx("div",{className:s.default["tedi-sidenav__subheading"],children:a.subHeading}),e.jsx("ul",{className:s.default["tedi-sidenav__list"],role:"menu",children:(i=a.subItems)==null?void 0:i.map((h,R)=>x.createElement(M,{as:T,...h,key:R,level:r+1,onItemClick:p,isCollapsed:c,className:o.default(s.default["tedi-sidenav__sub-item"],h.className)}))})]},f)})),L=e.jsx("li",{"data-name":"sidenav-item",className:H,children:d&&c?e.jsx(W.SideNavDropdown,{trigger:e.jsx(g.Tooltip.Trigger,{children:e.jsxs("span",{className:o.default(s.default["tedi-sidenav__link"],y&&s.default["tedi-sidenav__link--active"]),children:[t&&_(t),e.jsx(D.Icon,{name:y?"chevron_right":"expand_more",color:"white",className:s.default["tedi-sidenav__toggle-icon"],size:18}),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]})}),groups:m,onOpenChange:F}):d&&r===1?u.href||u.to?e.jsxs(e.Fragment,{children:[e.jsxs(C.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]}),e.jsx("div",{className:s.default["tedi-sidenav__link-collapse-wrapper"],children:e.jsx(E.Collapse,{id:v,hideCollapseText:!0,open:n,onToggle:b,toggleLabel:q("sidenav.toggleSubmenuChildren",{isCollapsedInternal:n,children:l}),className:s.default["tedi-sidenav__collapse"],children:I()})})]}):e.jsx(E.Collapse,{id:v,hideCollapseText:!0,open:n,onToggle:b,className:s.default["tedi-sidenav__collapse"],toggleLabel:q("sidenav.toggleSubmenuChildren",{isCollapsedInternal:n,children:l}),title:e.jsxs("span",{className:o.default(s.default["tedi-sidenav__link"],n&&s.default["tedi-sidenav__link--active"]),role:"button","aria-expanded":n,"aria-controls":v,"aria-current":j?"page":void 0,onKeyDown:A,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]}),children:I()}):d?e.jsxs(e.Fragment,{children:[e.jsxs(C.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l}),e.jsx("i",{className:s.default["tedi-sidenav__bullet"]})]}),I()]}):e.jsx(g.Tooltip.Trigger,{children:e.jsxs(C.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]})})});return r===1&&c?e.jsxs(g.Tooltip,{placement:"right",focusManager:{order:["content"]},children:[e.jsx(g.Tooltip.Content,{maxWidth:"medium",children:l}),L]}):L};exports.SideNavItem=M;