@tedi-design-system/react 17.0.0-rc.1 → 17.0.0-rc.2

package/src/tedi/components/form/file-dropzone/file-dropzone.es.js

@@ -7,27 +7,27 @@ import { ClosingButton as S } from "../../buttons/closing-button/closing-button.
 import { FeedbackText as p } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as k } from "../form-label/form-label.es.js";
 import o from "./file-dropzone.module.scss.es.js";
-import { Card as w } from "../../cards/card/card.es.js";
-import { CardContent as R } from "../../cards/card/card-content/card-content.es.js";
-import { useLabels as j } from "../../../providers/label-provider/use-labels.es.js";
+import { useLabels as w } from "../../../providers/label-provider/use-labels.es.js";
 import { List as z } from "../../content/list/list.es.js";
+import { Card as R } from "../../cards/card/card.es.js";
+import { CardContent as j } from "../../cards/card/card-content/card-content.es.js";
 import { Row as B } from "../../layout/grid/row.es.js";
 import { Col as b } from "../../layout/grid/col.es.js";
-const Z = (a) => {
-  const { getLabel: n } = j(), { label: g = n("file-dropzone.label"), className: v, disabled: r = !1, helper: i, id: c, ...h } = a, { innerFiles: s, uploadErrorHelper: l, onFileChange: u, onFileRemove: y } = L(a), { getRootProps: _, getInputProps: N, isDragActive: x } = D({
-    disabled: r,
-    accept: a.accept ? { "application/*": [a.accept] } : void 0,
-    multiple: a.multiple,
-    maxSize: a.maxSize ? a.maxSize * 1024 ** 2 : void 0,
+const Z = (r) => {
+  const { getLabel: n } = w(), { label: g = n("file-dropzone.label"), className: v, disabled: a = !1, helper: i, id: c, ...h } = r, { innerFiles: s, uploadErrorHelper: l, onFileChange: u, onFileRemove: y } = L(r), { getRootProps: _, getInputProps: N, isDragActive: x } = D({
+    disabled: a,
+    accept: r.accept ? { "application/*": [r.accept] } : void 0,
+    multiple: r.multiple,
+    maxSize: r.maxSize ? r.maxSize * 1024 ** 2 : void 0,
     onDrop: (t) => {
-      if (r) return;
+      if (a) return;
       u({
         target: { files: t }
       });
     }
   }), F = I(
     o["tedi-file-dropzone"],
-    { [o["tedi-file-dropzone--disabled"]]: r },
+    { [o["tedi-file-dropzone--disabled"]]: a },
     { [o["tedi-file-dropzone--invalid"]]: ((l == null ? void 0 : l.type) || (i == null ? void 0 : i.type)) === "error" },
     { [o["tedi-file-dropzone--valid"]]: ((l == null ? void 0 : l.type) || (i == null ? void 0 : i.type)) === "valid" },
     { [o["tedi-file-dropzone--drop-over"]]: x },
@@ -38,15 +38,15 @@ const Z = (a) => {
       "div",
       {
         ..._({
-          tabIndex: r ? -1 : 0,
-          "aria-disabled": r,
+          tabIndex: a ? -1 : 0,
+          "aria-disabled": a,
           "aria-describedby": m
         }),
         className: F,
         children: [
-          /* @__PURE__ */ e("input", { ...N(), disabled: r }),
+          /* @__PURE__ */ e("input", { ...N(), disabled: a }),
           /* @__PURE__ */ d("div", { className: o["tedi-file-dropzone__label-wrapper"], children: [
-            /* @__PURE__ */ e(f, { color: r ? "tertiary" : "secondary", size: 24, name: "attach_file" }),
+            /* @__PURE__ */ e(f, { color: a ? "tertiary" : "secondary", size: 24, name: "attach_file" }),
             /* @__PURE__ */ e(k, { ...h, id: c, label: g, className: o["tedi-file-dropzone__label"] })
           ] })
         ]
@@ -60,12 +60,12 @@ const Z = (a) => {
         style: "none",
         "aria-label": n("file-dropzone.selected-files"),
         children: s.map((t) => /* @__PURE__ */ e(z.Item, { className: o["tedi-file-dropzone__file-list-item"], children: /* @__PURE__ */ e(
-          w,
+          R,
           {
             background: t.isValid === !1 ? "danger-primary" : "tertiary",
             borderless: !0,
             className: o["tedi-file-dropzone__file-item"],
-            children: /* @__PURE__ */ e(R, { padding: 0.5, children: /* @__PURE__ */ d(B, { alignItems: "center", children: [
+            children: /* @__PURE__ */ e(j, { padding: 0.5, children: /* @__PURE__ */ d(B, { alignItems: "center", children: [
               /* @__PURE__ */ d(b, { className: o["tedi-file-dropzone__file-name"], children: [
                 t.name,
                 " ",
@@ -88,6 +88,5 @@ const Z = (a) => {
   ] });
 };
 export {
-  Z as FileDropzone,
-  Z as default
+  Z as FileDropzone
 };

package/src/tedi/components/form/file-upload/file-upload.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),P=require("react"),W=require("../../../helpers/hooks/use-file-upload.cjs.js"),A=require("../../base/typography/text/text.cjs.js"),v=require("../../buttons/button/button.cjs.js"),E=require("../../buttons/closing-button/closing-button.cjs.js"),G=require("../form-label/form-label.cjs.js"),J=require("../../misc/separator/separator.cjs.js"),K=require("../../tags/tag/tag.cjs.js"),y=require("../feedback-text/feedback-text.cjs.js"),a=require("./file-upload.module.scss.cjs.js"),Q=require("../../../providers/label-provider/use-labels.cjs.js"),F=require("../../../helpers/hooks/use-breakpoint.cjs.js"),X=require("../../layout/grid/row.cjs.js"),q=require("../../layout/grid/col.cjs.js"),L=B=>{const{getLabel:n}=Q.useLabels(),{id:r,name:C,accept:g,multiple:_,onChange:p,className:N,defaultFiles:k,onDelete:T,hasClearButton:U=!0,files:u,readOnly:m,disabled:s=!1,maxSize:$,validateIndividually:w=!1,size:c="default",helper:i,...S}=B,{innerFiles:b,uploadErrorHelper:t,onFileChange:M,onFileRemove:R,handleClear:h,announcement:z}=W.useFileUpload({accept:g,maxSize:$,multiple:_,validateIndividually:w,defaultFiles:k,onChange:p,onDelete:T,files:u}),I=F.useBreakpoint(),V=f.default(a.default["tedi-file-upload"],{[a.default["tedi-file-upload--disabled"]]:s},N),x=i?(i==null?void 0:i.id)??`${r}-helper`:void 0,d=P.useMemo(()=>u&&p?u:b,[u,b,p]),O=(l,o)=>{const D=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx("li",{children:e.jsx(K.Tag,{color:l.isValid===!1?"danger":"primary",onClose:!l.isLoading&&!s&&!m?()=>R(l):void 0,isLoading:l.isLoading,"aria-label":D,children:l.name})},o)},j=()=>{if(d.length>1)return e.jsx("ul",{className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate-list"]),children:d.map((l,o)=>O(l,o))});if(d.length===1){const l=d[0],o=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx(A.Text,{"aria-label":o,className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate"]),children:l.name})}return null};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["tedi-file-upload__label-wrapper"],children:e.jsx(G.FormLabel,{id:r,...S,renderWithoutLabel:m,className:a.default["tedi-file-upload__label"],size:c})}),e.jsx("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:z}),m?j():e.jsx("div",{className:f.default(a.default["tedi-file-upload__container"],{[a.default["tedi-file-upload--disabled"]]:s,[a.default["tedi-file-upload--error"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="error",[a.default["tedi-file-upload--valid"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="valid"},{[a.default[`tedi-file-upload__container--${c}`]]:c}),children:e.jsx("div",{className:a.default["tedi-file-upload__content"],children:e.jsxs(X.Row,{children:[e.jsx(q.Col,{className:"display-flex",children:j()}),e.jsx(q.Col,{xs:12,md:"auto",children:e.jsxs("div",{className:V,children:[e.jsx("input",{id:r,type:"file",name:C,accept:g,onChange:M,multiple:_,disabled:s,"aria-invalid":!!t&&t.type==="error","aria-describedby":x}),U&&d.length>0&&!s&&e.jsxs(e.Fragment,{children:[F.isBreakpointBelow(I,"md")?e.jsx(v.Button,{visualType:"neutral",iconLeft:"close",disabled:s,onClick:h,className:a.default["tedi-file-upload__button"],children:n("clear")}):e.jsx(E.ClosingButton,{onClick:h,iconSize:18,title:n("clear")}),e.jsx(J.Separator,{axis:"vertical",height:1.5,spacing:.5,color:"primary"})]}),e.jsx(v.Button,{visualType:"neutral",iconLeft:"file_upload",disabled:s,onClick:()=>{var l;return(l=document.getElementById(r))==null?void 0:l.click()},className:a.default["tedi-file-upload__button"],size:c,children:n("file-upload.add")})]})})]})})}),i?e.jsx(y.FeedbackText,{...i,id:x}):t?e.jsx(y.FeedbackText,{...t,id:x}):null]})};exports.FileUpload=L;exports.default=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),D=require("react"),P=require("../../../helpers/hooks/use-file-upload.cjs.js"),W=require("../../base/typography/text/text.cjs.js"),v=require("../../buttons/button/button.cjs.js"),A=require("../../buttons/closing-button/closing-button.cjs.js"),E=require("../form-label/form-label.cjs.js"),G=require("../../misc/separator/separator.cjs.js"),J=require("../../tags/tag/tag.cjs.js"),y=require("../feedback-text/feedback-text.cjs.js"),a=require("./file-upload.module.scss.cjs.js"),K=require("../../../providers/label-provider/use-labels.cjs.js"),F=require("../../../helpers/hooks/use-breakpoint.cjs.js"),Q=require("../../layout/grid/row.cjs.js"),q=require("../../layout/grid/col.cjs.js"),X=L=>{const{getLabel:n}=K.useLabels(),{id:r,name:C,accept:g,multiple:b,onChange:m,className:N,defaultFiles:B,onDelete:k,hasClearButton:T=!0,files:u,readOnly:p,disabled:s=!1,maxSize:U,validateIndividually:$=!1,size:c="default",helper:i,...w}=L,{innerFiles:h,uploadErrorHelper:t,onFileChange:S,onFileRemove:R,handleClear:j,announcement:z}=P.useFileUpload({accept:g,maxSize:U,multiple:b,validateIndividually:$,defaultFiles:B,onChange:m,onDelete:k,files:u}),I=F.default(),M=f.default(a.default["tedi-file-upload"],{[a.default["tedi-file-upload--disabled"]]:s},N),x=i?(i==null?void 0:i.id)??`${r}-helper`:void 0,d=D.useMemo(()=>u&&m?u:h,[u,h,m]),V=(l,o)=>{const O=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx("li",{children:e.jsx(J.Tag,{color:l.isValid===!1?"danger":"primary",onClose:!l.isLoading&&!s&&!p?()=>R(l):void 0,isLoading:l.isLoading,"aria-label":O,children:l.name})},o)},_=()=>{if(d.length>1)return e.jsx("ul",{className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate-list"]),children:d.map((l,o)=>V(l,o))});if(d.length===1){const l=d[0],o=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx(W.Text,{"aria-label":o,className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate"]),children:l.name})}return null};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["tedi-file-upload__label-wrapper"],children:e.jsx(E.FormLabel,{id:r,...w,renderWithoutLabel:p,className:a.default["tedi-file-upload__label"],size:c})}),e.jsx("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:z}),p?_():e.jsx("div",{className:f.default(a.default["tedi-file-upload__container"],{[a.default["tedi-file-upload--disabled"]]:s,[a.default["tedi-file-upload--error"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="error",[a.default["tedi-file-upload--valid"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="valid"},{[a.default[`tedi-file-upload__container--${c}`]]:c}),children:e.jsx("div",{className:a.default["tedi-file-upload__content"],children:e.jsxs(Q.Row,{children:[e.jsx(q.Col,{className:"display-flex",children:_()}),e.jsx(q.Col,{xs:12,md:"auto",children:e.jsxs("div",{className:M,children:[e.jsx("input",{id:r,type:"file",name:C,accept:g,onChange:S,multiple:b,disabled:s,"aria-invalid":!!t&&t.type==="error","aria-describedby":x}),T&&d.length>0&&!s&&e.jsxs(e.Fragment,{children:[F.isBreakpointBelow(I,"md")?e.jsx(v.Button,{visualType:"neutral",iconLeft:"close",disabled:s,onClick:j,className:a.default["tedi-file-upload__button"],children:n("clear")}):e.jsx(A.ClosingButton,{onClick:j,iconSize:18,title:n("clear")}),e.jsx(G.Separator,{axis:"vertical",height:1.5,spacing:.5,color:"primary"})]}),e.jsx(v.Button,{visualType:"neutral",iconLeft:"file_upload",disabled:s,onClick:()=>{var l;return(l=document.getElementById(r))==null?void 0:l.click()},className:a.default["tedi-file-upload__button"],size:c,children:n("file-upload.add")})]})})]})})}),i?e.jsx(y.FeedbackText,{...i,id:x}):t?e.jsx(y.FeedbackText,{...t,id:x}):null]})};exports.FileUpload=X;

package/src/tedi/components/form/file-upload/file-upload.es.js

@@ -1,5 +1,5 @@
-import { jsxs as u, Fragment as N, jsx as i } from "react/jsx-runtime";
-import p from "../../../../../external/classnames/index.es.js";
+import { jsxs as p, Fragment as N, jsx as i } from "react/jsx-runtime";
+import u from "../../../../../external/classnames/index.es.js";
 import q from "react";
 import { useFileUpload as A } from "../../../helpers/hooks/use-file-upload.es.js";
 import { Text as E } from "../../base/typography/text/text.es.js";
@@ -11,7 +11,7 @@ import { Tag as P } from "../../tags/tag/tag.es.js";
 import { FeedbackText as L } from "../feedback-text/feedback-text.es.js";
 import l from "./file-upload.module.scss.es.js";
 import { useLabels as Q } from "../../../providers/label-provider/use-labels.es.js";
-import { useBreakpoint as X, isBreakpointBelow as Y } from "../../../helpers/hooks/use-breakpoint.es.js";
+import X, { isBreakpointBelow as Y } from "../../../helpers/hooks/use-breakpoint.es.js";
 import { Row as Z } from "../../layout/grid/row.es.js";
 import { Col as x } from "../../layout/grid/col.es.js";
 const he = (B) => {
@@ -42,7 +42,7 @@ const he = (B) => {
     onChange: f,
     onDelete: w,
     files: c
-  }), M = X(), D = p(l["tedi-file-upload"], { [l["tedi-file-upload--disabled"]]: o }, $), _ = a ? (a == null ? void 0 : a.id) ?? `${s}-helper` : void 0, d = q.useMemo(() => c && f ? c : v, [c, v, f]), O = (e, r) => {
+  }), M = X(), D = u(l["tedi-file-upload"], { [l["tedi-file-upload--disabled"]]: o }, $), _ = a ? (a == null ? void 0 : a.id) ?? `${s}-helper` : void 0, d = q.useMemo(() => c && f ? c : v, [c, v, f]), O = (e, r) => {
     const W = e.isValid === !1 ? `${e.name} (${n("file-upload.failed")})` : e.name;
     return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
       P,
@@ -56,21 +56,21 @@ const he = (B) => {
     ) }, r);
   }, F = () => {
     if (d.length > 1)
-      return /* @__PURE__ */ i("ul", { className: p(l["tedi-file-upload__items"], l["tedi-file-upload__truncate-list"]), children: d.map((e, r) => O(e, r)) });
+      return /* @__PURE__ */ i("ul", { className: u(l["tedi-file-upload__items"], l["tedi-file-upload__truncate-list"]), children: d.map((e, r) => O(e, r)) });
     if (d.length === 1) {
       const e = d[0], r = e.isValid === !1 ? `${e.name} (${n("file-upload.failed")})` : e.name;
       return /* @__PURE__ */ i(
         E,
         {
           "aria-label": r,
-          className: p(l["tedi-file-upload__items"], l["tedi-file-upload__truncate"]),
+          className: u(l["tedi-file-upload__items"], l["tedi-file-upload__truncate"]),
           children: e.name
         }
       );
     }
     return null;
   };
-  return /* @__PURE__ */ u(N, { children: [
+  return /* @__PURE__ */ p(N, { children: [
     /* @__PURE__ */ i("div", { className: l["tedi-file-upload__label-wrapper"], children: /* @__PURE__ */ i(
       J,
       {
@@ -85,7 +85,7 @@ const he = (B) => {
     h ? F() : /* @__PURE__ */ i(
       "div",
       {
-        className: p(
+        className: u(
           l["tedi-file-upload__container"],
           {
             [l["tedi-file-upload--disabled"]]: o,
@@ -94,9 +94,9 @@ const he = (B) => {
           },
           { [l[`tedi-file-upload__container--${m}`]]: m }
         ),
-        children: /* @__PURE__ */ i("div", { className: l["tedi-file-upload__content"], children: /* @__PURE__ */ u(Z, { children: [
+        children: /* @__PURE__ */ i("div", { className: l["tedi-file-upload__content"], children: /* @__PURE__ */ p(Z, { children: [
           /* @__PURE__ */ i(x, { className: "display-flex", children: F() }),
-          /* @__PURE__ */ i(x, { xs: 12, md: "auto", children: /* @__PURE__ */ u("div", { className: D, children: [
+          /* @__PURE__ */ i(x, { xs: 12, md: "auto", children: /* @__PURE__ */ p("div", { className: D, children: [
             /* @__PURE__ */ i(
               "input",
               {
@@ -111,7 +111,7 @@ const he = (B) => {
                 "aria-describedby": _
               }
             ),
-            z && d.length > 0 && !o && /* @__PURE__ */ u(N, { children: [
+            z && d.length > 0 && !o && /* @__PURE__ */ p(N, { children: [
               Y(M, "md") ? /* @__PURE__ */ i(
                 C,
                 {
@@ -148,6 +148,5 @@ const he = (B) => {
   ] });
 };
 export {
-  he as FileUpload,
-  he as default
+  he as FileUpload
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),J=require("../../base/typography/text/text.cjs.js"),K=require("../../buttons/button/button.cjs.js"),Q=require("../feedback-text/feedback-text.cjs.js"),X=require("../form-label/form-label.cjs.js"),n=require("./number-field.module.scss.cjs.js"),Y=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Z=require("../../../providers/label-provider/use-labels.cjs.js"),y=I=>{const{getCurrentBreakpointProps:P}=Y.useBreakpointProps(I.defaultServerBreakpoint),{id:x,label:S,hideLabel:U,required:q,className:j,size:_,inputMode:E="numeric",decimalPlaces:k,min:i,max:u,step:c=1,defaultValue:$,value:B,onChange:a,suffix:h,fullWidth:z=!1,disabled:m=!1,invalid:F=!1,helper:d,input:f}=P(I),{getLabel:M}=Z.useLabels(),b=o.useRef(null),[L,T]=o.useState(""),[V,g]=o.useState($??0),s=o.useMemo(()=>a&&typeof B<"u"?B:V,[a,B,V]),w=d?`${x}-helper`:void 0,C=o.useCallback(e=>{const t=i!==void 0&&e<i,r=u!==void 0&&e>u;return F||t||r||(d==null?void 0:d.type)==="error"},[F,d,u,i]),N=e=>Math.min(u??1/0,Math.max(i??-1/0,e)),R=e=>{const t=M("numberField.quantityUpdated",e);T(t),setTimeout(()=>{T("")},5e3)},W=e=>k!==void 0?parseFloat(e.toFixed(k)):e,A=e=>{let t=s;e==="increment"&&(t=t+c),e==="decrement"&&(t=t-c),t=N(t),t=W(t),R(t),a==null||a(t),g(t)},D=({currentTarget:{value:e}})=>{a==null||a(N(+e)),g(N(+e))},O=e=>{const t=e==="increment"?u!==void 0&&s>=u:i!==void 0&&s<=i,r=v.default(n.default["tedi-number-field__button"],n.default[`tedi-number-field__button--${e}`],{[n.default["tedi-number-field__button--disabled"]]:t||m}),p=M(`numberField.${e}`,c);return l.jsx(K.Button,{"aria-label":p,onClick:()=>A(e),disabled:t||m,visualType:"secondary",className:r,icon:{name:e==="increment"?"add":"remove"},size:_==="small"?"small":void 0,children:e==="increment"?"+":"-"})},G=()=>{const e=v.default(n.default["tedi-number-field__input-wrapper"],{[n.default["tedi-number-field__input-wrapper--with-suffix"]]:h,[n.default["tedi-number-field__input-wrapper--full-width"]]:z}),t=v.default(n.default["tedi-number-field__input"],f==null?void 0:f.className),r=()=>{var p;return(p=b==null?void 0:b.current)==null?void 0:p.focus()};return l.jsxs("div",{className:e,onClick:r,children:[l.jsx("input",{ref:b,id:x,"aria-describedby":w,"aria-invalid":C(s)?"true":"false",type:"number",inputMode:E,value:s,min:i,max:u,required:q,step:c,disabled:m,onChange:D,className:t,...f}),h&&l.jsx(J.Text,{element:"span",modifiers:"small",color:"tertiary",className:n.default["tedi-number-field__suffix"],children:h})]})},H=v.default(n.default["tedi-number-field"],{[n.default["tedi-number-field--invalid"]]:C(s)},{[n.default["tedi-number-field--disabled"]]:m},{[n.default["tedi-number-field--small"]]:_==="small"},j);return l.jsxs("div",{"data-name":"number-field",className:j,children:[l.jsx(X.FormLabel,{id:x,label:S,required:q,hideLabel:U,size:_}),l.jsxs("div",{className:H,children:[O("decrement"),G(),O("increment")]}),d&&l.jsx(Q.FeedbackText,{className:n.default["tedi-number-field__feedback"],...d,id:w}),L&&l.jsx("div",{"aria-live":"polite",className:"sr-only",children:L})]})};y.displayName="NumberField";exports.NumberField=y;exports.default=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),J=require("../../base/typography/text/text.cjs.js"),K=require("../../buttons/button/button.cjs.js"),Q=require("../feedback-text/feedback-text.cjs.js"),X=require("../form-label/form-label.cjs.js"),n=require("./number-field.module.scss.cjs.js"),Y=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Z=require("../../../providers/label-provider/use-labels.cjs.js"),O=N=>{const{getCurrentBreakpointProps:P}=Y.useBreakpointProps(N.defaultServerBreakpoint),{id:x,label:S,hideLabel:U,required:I,className:q,size:_,inputMode:E="numeric",decimalPlaces:j,min:i,max:u,step:c=1,defaultValue:$,value:B,onChange:l,suffix:h,fullWidth:z=!1,disabled:m=!1,invalid:k=!1,helper:d,input:f}=P(N),{getLabel:F}=Z.useLabels(),b=o.useRef(null),[M,L]=o.useState(""),[T,V]=o.useState($??0),s=o.useMemo(()=>l&&typeof B<"u"?B:T,[l,B,T]),g=d?`${x}-helper`:void 0,w=o.useCallback(e=>{const t=i!==void 0&&e<i,r=u!==void 0&&e>u;return k||t||r||(d==null?void 0:d.type)==="error"},[k,d,u,i]),y=e=>Math.min(u??1/0,Math.max(i??-1/0,e)),R=e=>{const t=F("numberField.quantityUpdated",e);L(t),setTimeout(()=>{L("")},5e3)},W=e=>j!==void 0?parseFloat(e.toFixed(j)):e,A=e=>{let t=s;e==="increment"&&(t=t+c),e==="decrement"&&(t=t-c),t=y(t),t=W(t),R(t),l==null||l(t),V(t)},D=({currentTarget:{value:e}})=>{l==null||l(y(+e)),V(y(+e))},C=e=>{const t=e==="increment"?u!==void 0&&s>=u:i!==void 0&&s<=i,r=v.default(n.default["tedi-number-field__button"],n.default[`tedi-number-field__button--${e}`],{[n.default["tedi-number-field__button--disabled"]]:t||m}),p=F(`numberField.${e}`,c);return a.jsx(K.Button,{"aria-label":p,onClick:()=>A(e),disabled:t||m,visualType:"secondary",className:r,icon:{name:e==="increment"?"add":"remove"},size:_==="small"?"small":void 0,children:e==="increment"?"+":"-"})},G=()=>{const e=v.default(n.default["tedi-number-field__input-wrapper"],{[n.default["tedi-number-field__input-wrapper--with-suffix"]]:h,[n.default["tedi-number-field__input-wrapper--full-width"]]:z}),t=v.default(n.default["tedi-number-field__input"],f==null?void 0:f.className),r=()=>{var p;return(p=b==null?void 0:b.current)==null?void 0:p.focus()};return a.jsxs("div",{className:e,onClick:r,children:[a.jsx("input",{ref:b,id:x,"aria-describedby":g,"aria-invalid":w(s)?"true":"false",type:"number",inputMode:E,value:s,min:i,max:u,required:I,step:c,disabled:m,onChange:D,className:t,...f}),h&&a.jsx(J.Text,{element:"span",modifiers:"small",color:"tertiary",className:n.default["tedi-number-field__suffix"],children:h})]})},H=v.default(n.default["tedi-number-field"],{[n.default["tedi-number-field--invalid"]]:w(s)},{[n.default["tedi-number-field--disabled"]]:m},{[n.default["tedi-number-field--small"]]:_==="small"},q);return a.jsxs("div",{"data-name":"number-field",className:q,children:[a.jsx(X.FormLabel,{id:x,label:S,required:I,hideLabel:U,size:_}),a.jsxs("div",{className:H,children:[C("decrement"),G(),C("increment")]}),d&&a.jsx(Q.FeedbackText,{className:n.default["tedi-number-field__feedback"],...d,id:g}),M&&a.jsx("div",{"aria-live":"polite",className:"sr-only",children:M})]})};O.displayName="NumberField";exports.NumberField=O;

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

@@ -20,13 +20,13 @@ const ie = (y) => {
     decimalPlaces: F,
     min: r,
     max: a,
-    step: u = 1,
+    step: o = 1,
     defaultValue: z,
     value: h,
     onChange: i,
     suffix: B,
     fullWidth: S = !1,
-    disabled: o = !1,
+    disabled: u = !1,
     invalid: M = !1,
     helper: l,
     input: m
@@ -46,19 +46,19 @@ const ie = (y) => {
     }, 5e3);
   }, A = (e) => F !== void 0 ? parseFloat(e.toFixed(F)) : e, D = (e) => {
     let t = s;
-    e === "increment" && (t = t + u), e === "decrement" && (t = t - u), t = I(t), t = A(t), W(t), i == null || i(t), C(t);
+    e === "increment" && (t = t + o), e === "decrement" && (t = t - o), t = I(t), t = A(t), W(t), i == null || i(t), C(t);
   }, G = ({ currentTarget: { value: e } }) => {
     i == null || i(I(+e)), C(I(+e));
   }, E = (e) => {
     const t = e === "increment" ? a !== void 0 && s >= a : r !== void 0 && s <= r, f = b(n["tedi-number-field__button"], n[`tedi-number-field__button--${e}`], {
-      [n["tedi-number-field__button--disabled"]]: t || o
-    }), p = V(`numberField.${e}`, u);
+      [n["tedi-number-field__button--disabled"]]: t || u
+    }), p = V(`numberField.${e}`, o);
     return /* @__PURE__ */ d(
       Y,
       {
         "aria-label": p,
         onClick: () => D(e),
-        disabled: t || o,
+        disabled: t || u,
         visualType: "secondary",
         className: f,
         icon: { name: e === "increment" ? "add" : "remove" },
@@ -88,8 +88,8 @@ const ie = (y) => {
           min: r,
           max: a,
           required: x,
-          step: u,
-          disabled: o,
+          step: o,
+          disabled: u,
           onChange: G,
           className: t,
           ...m
@@ -100,7 +100,7 @@ const ie = (y) => {
   }, J = b(
     n["tedi-number-field"],
     { [n["tedi-number-field--invalid"]]: g(s) },
-    { [n["tedi-number-field--disabled"]]: o },
+    { [n["tedi-number-field--disabled"]]: u },
     { [n["tedi-number-field--small"]]: _ === "small" },
     k
   );
@@ -117,6 +117,5 @@ const ie = (y) => {
 };
 ie.displayName = "NumberField";
 export {
-  ie as NumberField,
-  ie as default
+  ie as NumberField
 };

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

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

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

@@ -209,6 +209,5 @@ const Fe = Se(
 );
 Fe.displayName = "Select";
 export {
-  Fe as Select,
-  Fe as default
+  Fe as Select
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),x=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),v=require("../textfield/textfield.cjs.js"),u=require("./textarea.module.scss.cjs.js"),l=r.forwardRef((f,h)=>{const{className:m,helper:n=[],characterLimit:t,onChange:e,onChangeEvent:s,value:a,defaultValue:p,..._}=f,[i,g]=r.useState(p??""),A=r.useCallback(d=>{!a&&!(e||s)&&g(d),e==null||e(d)},[a,e,s]),o=r.useMemo(()=>a??i,[a,i]),c=o.length,C=t?`${c}/${t}`:"",T=[...Array.isArray(n)?n:[n],...t?[{type:c>t?"error":"hint",text:C,position:"right",className:x.default(u.default["tedi-textarea__character-count"])}]:[]];return q.jsx(v.TextField,{..._,ref:h,"data-name":"textarea",inputClassName:u.default["tedi-textarea__input"],isTextArea:!0,className:x.default(u.default["tedi-textarea"],m),value:o,onChange:A,onChangeEvent:s,helper:T})});l.displayName="TextArea";exports.TextArea=l;exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),N=require("../textfield/textfield.cjs.js"),l=require("./textarea.module.scss.cjs.js"),x=r.forwardRef((h,m)=>{const{className:f,helper:n=[],characterLimit:t,onChange:e,onChangeEvent:s,value:a,defaultValue:p,...g}=h,[u,y]=r.useState(p??""),A=r.useCallback(o=>{!a&&!(e||s)&&y(o),e==null||e(o)},[a,e,s]),c=r.useMemo(()=>a??u,[a,u]),i=c.length,C=t?`${i}/${t}`:"",T=[...Array.isArray(n)?n:[n],...t?[{type:i>t?"error":"hint",text:C,position:"right",className:d.default(l.default["tedi-textarea__character-count"])}]:[]];return q.jsx(N.TextField,{...g,ref:m,"data-name":"textarea",inputClassName:l.default["tedi-textarea__input"],isTextArea:!0,className:d.default(l.default["tedi-textarea"],f),value:c,onChange:A,onChangeEvent:s,helper:T})});x.displayName="TextArea";exports.TextArea=x;

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

@@ -3,17 +3,17 @@ import u from "../../../../../external/classnames/index.es.js";
 import n, { forwardRef as g } from "react";
 import { TextField as T } from "../textfield/textfield.es.js";
 import o from "./textarea.module.scss.es.js";
-const v = g((p, d) => {
+const v = g((p, h) => {
   const {
-    className: h,
+    className: x,
     helper: r = [],
     characterLimit: t,
     onChange: e,
     onChangeEvent: s,
     value: a,
-    defaultValue: x,
+    defaultValue: d,
     ...f
-  } = p, [l, C] = n.useState(x ?? ""), N = n.useCallback(
+  } = p, [l, C] = n.useState(d ?? ""), N = n.useCallback(
     (m) => {
       !a && !(e || s) && C(m), e == null || e(m);
     },
@@ -33,11 +33,11 @@ const v = g((p, d) => {
     T,
     {
       ...f,
-      ref: d,
+      ref: h,
       "data-name": "textarea",
       inputClassName: o["tedi-textarea__input"],
       isTextArea: !0,
-      className: u(o["tedi-textarea"], h),
+      className: u(o["tedi-textarea"], x),
       value: c,
       onChange: N,
       onChangeEvent: s,
@@ -47,6 +47,5 @@ const v = g((p, d) => {
 });
 v.displayName = "TextArea";
 export {
-  v as TextArea,
-  v as default
+  v as TextArea
 };

package/src/tedi/components/layout/grid/col.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),B=require("react"),N=require("../../../types/commonTypes.cjs.js"),o=require("./grid.module.scss.cjs.js"),T=require("./row-context.cjs.js"),m=$=>{const{className:g,children:w,element:d,width:h,offset:p,order:x,align:C,grow:S,shrink:v,onClick:E,xs:k,sm:q,md:b,lg:j,xl:M,xxl:_,...y}=$,{element:I}=B.useContext(T.RowContext);let l;if(d)l=d;else switch(I){case"ol":case"ul":l="li";break;case"span":l="span";break;default:l="div"}const n=(a,e="")=>{const{align:c,offset:s,order:t,width:r,grow:u,shrink:i}=a;return f.default(o.default.col,{[o.default[`align-self${e}-${c}`]]:c},{[o.default[`offset${e}-${s}`]]:s},{[o.default[`order${e}-${t}`]]:t},{[o.default[`col${e}-${r}`]]:r},{[o.default[`flex${e}-grow-${u}`]]:u},{[o.default[`flex${e}-shrink-${i}`]]:i})},R=()=>{const a={xs:k,sm:q,md:b,lg:j,xl:M,xxl:_},e=N.DEVICE_SIZES.map(s=>{const t=a[s],r=s!=="xs"?`-${s}`:"";return t?n(typeof t=="object"?{...t}:{width:t},r):void 0}),c={width:h,offset:p,order:x,align:C,grow:S,shrink:v};return f.default(...e,g,n(c))};return V.jsx(l,{"data-name":"col",...y,className:R(),onClick:E,children:w})};exports.Col=m;exports.default=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),B=require("react"),N=require("../../../types/commonTypes.cjs.js"),o=require("./grid.module.scss.cjs.js"),T=require("./row-context.cjs.js"),_=m=>{const{className:$,children:g,element:d,width:w,offset:h,order:p,align:x,grow:C,shrink:S,onClick:E,xs:k,sm:q,md:v,lg:b,xl:j,xxl:y,...I}=m,{element:M}=B.useContext(T.RowContext);let l;if(d)l=d;else switch(M){case"ol":case"ul":l="li";break;case"span":l="span";break;default:l="div"}const n=(a,e="")=>{const{align:c,offset:s,order:t,width:r,grow:i,shrink:u}=a;return f.default(o.default.col,{[o.default[`align-self${e}-${c}`]]:c},{[o.default[`offset${e}-${s}`]]:s},{[o.default[`order${e}-${t}`]]:t},{[o.default[`col${e}-${r}`]]:r},{[o.default[`flex${e}-grow-${i}`]]:i},{[o.default[`flex${e}-shrink-${u}`]]:u})},R=()=>{const a={xs:k,sm:q,md:v,lg:b,xl:j,xxl:y},e=N.DEVICE_SIZES.map(s=>{const t=a[s],r=s!=="xs"?`-${s}`:"";return t?n(typeof t=="object"?{...t}:{width:t},r):void 0}),c={width:w,offset:h,order:p,align:x,grow:C,shrink:S};return f.default(...e,$,n(c))};return V.jsx(l,{"data-name":"col",...I,className:R(),onClick:E,children:g})};exports.Col=_;

package/src/tedi/components/layout/grid/col.es.js

@@ -39,27 +39,26 @@ const H = (p) => {
       default:
         r = "div";
     }
-  const a = (n, e = "") => {
-    const { align: c, offset: s, order: o, width: l, grow: m, shrink: f } = n;
+  const n = (a, e = "") => {
+    const { align: l, offset: s, order: o, width: c, grow: m, shrink: f } = a;
     return d(
       t.col,
-      { [t[`align-self${e}-${c}`]]: c },
+      { [t[`align-self${e}-${l}`]]: l },
       { [t[`offset${e}-${s}`]]: s },
       { [t[`order${e}-${o}`]]: o },
-      { [t[`col${e}-${l}`]]: l },
+      { [t[`col${e}-${c}`]]: c },
       { [t[`flex${e}-grow-${m}`]]: m },
       { [t[`flex${e}-shrink-${f}`]]: f }
     );
   };
   return /* @__PURE__ */ b(r, { "data-name": "col", ...V, className: (() => {
-    const n = { xs: S, sm: v, md: B, lg: I, xl: M, xxl: N }, e = y.map((s) => {
-      const o = n[s], l = s !== "xs" ? `-${s}` : "";
-      return o ? a(typeof o == "object" ? { ...o } : { width: o }, l) : void 0;
-    }), c = { width: h, offset: w, order: g, align: E, grow: x, shrink: k };
-    return d(...e, $, a(c));
+    const a = { xs: S, sm: v, md: B, lg: I, xl: M, xxl: N }, e = y.map((s) => {
+      const o = a[s], c = s !== "xs" ? `-${s}` : "";
+      return o ? n(typeof o == "object" ? { ...o } : { width: o }, c) : void 0;
+    }), l = { width: h, offset: w, order: g, align: E, grow: x, shrink: k };
+    return d(...e, $, n(l));
   })(), onClick: C, children: u });
 };
 export {
-  H as Col,
-  H as default
+  H as Col
 };

package/src/tedi/components/layout/grid/row.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),T=require("../../../types/commonTypes.cjs.js"),t=require("./grid.module.scss.cjs.js"),D=require("./row-context.cjs.js"),p=w=>{const{children:j,className:v,element:i="div",cols:y,alignItems:S,justifyContent:x,gap:C,gutter:E,gutterY:I,gutterX:q,wrap:M,direction:R,xs:_,sm:V,md:X,lg:Y,xl:b,xxl:h,...B}=w,l=(c,e="")=>{const{cols:u,justifyContent:o,alignItems:s,gap:r,direction:g,wrap:m,gutter:n,gutterX:a,gutterY:d}=c;return f.default(t.default.row,{[t.default[`row-cols${e}-${u}`]]:u},{[t.default[`justify-content${e}-${o}`]]:o},{[t.default[`align-items${e}-${s}`]]:s},{[t.default[`gap${e}-${r}`]]:r||r===0},{[t.default[`g${e}-${n}`]]:n||n===0},{[t.default[`gx${e}-${a}`]]:a||a===0},{[t.default[`gy${e}-${d}`]]:d||d===0},{[`flex${e}-${g}`]:g},{[t.default[`flex${e}-${m}`]]:m})},N=()=>{const c={xs:_,sm:V,md:X,lg:Y,xl:b,xxl:h},e=T.DEVICE_SIZES.map(o=>{const s=c[o],r=o!=="xs"?`-${o}`:"";return s?l(typeof s=="object"?{...s}:{cols:s},r):void 0}),u={cols:y,justifyContent:x,alignItems:S,gap:C,direction:R,wrap:M,gutter:E,gutterX:q,gutterY:I};return f.default(...e,v,l(u))};return $.jsx(D.RowContext.Provider,{value:{element:i},children:$.jsx(i,{"data-name":"row",...B,className:N(),children:j})})};exports.Row=p;exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),T=require("../../../types/commonTypes.cjs.js"),t=require("./grid.module.scss.cjs.js"),_=require("./row-context.cjs.js"),D=p=>{const{children:w,className:j,element:g="div",cols:y,alignItems:v,justifyContent:S,gap:x,gutter:C,gutterY:E,gutterX:I,wrap:q,direction:R,xs:M,sm:V,md:X,lg:Y,xl:b,xxl:h,...B}=p,u=(l,e="")=>{const{cols:c,justifyContent:r,alignItems:o,gap:s,direction:i,wrap:m,gutter:n,gutterX:a,gutterY:d}=l;return f.default(t.default.row,{[t.default[`row-cols${e}-${c}`]]:c},{[t.default[`justify-content${e}-${r}`]]:r},{[t.default[`align-items${e}-${o}`]]:o},{[t.default[`gap${e}-${s}`]]:s||s===0},{[t.default[`g${e}-${n}`]]:n||n===0},{[t.default[`gx${e}-${a}`]]:a||a===0},{[t.default[`gy${e}-${d}`]]:d||d===0},{[`flex${e}-${i}`]:i},{[t.default[`flex${e}-${m}`]]:m})},N=()=>{const l={xs:M,sm:V,md:X,lg:Y,xl:b,xxl:h},e=T.DEVICE_SIZES.map(r=>{const o=l[r],s=r!=="xs"?`-${r}`:"";return o?u(typeof o=="object"?{...o}:{cols:o},s):void 0}),c={cols:y,justifyContent:S,alignItems:v,gap:x,direction:R,wrap:q,gutter:C,gutterX:I,gutterY:E};return f.default(...e,j,u(c))};return $.jsx(_.RowContext.Provider,{value:{element:g},children:$.jsx(g,{"data-name":"row",...B,className:N(),children:w})})};exports.Row=D;

package/src/tedi/components/layout/grid/row.es.js

@@ -7,7 +7,7 @@ const H = (f) => {
   const {
     children: w,
     className: v,
-    element: g = "div",
+    element: u = "div",
     cols: y,
     alignItems: j,
     justifyContent: C,
@@ -24,30 +24,29 @@ const H = (f) => {
     xl: M,
     xxl: R,
     ...D
-  } = f, l = (n, t = "") => {
-    const { cols: c, justifyContent: s, alignItems: o, gap: r, direction: p, wrap: $, gutter: a, gutterX: m, gutterY: u } = n;
+  } = f, n = (l, t = "") => {
+    const { cols: c, justifyContent: r, alignItems: o, gap: s, direction: p, wrap: $, gutter: a, gutterX: m, gutterY: g } = l;
     return d(
       e.row,
       { [e[`row-cols${t}-${c}`]]: c },
-      { [e[`justify-content${t}-${s}`]]: s },
+      { [e[`justify-content${t}-${r}`]]: r },
       { [e[`align-items${t}-${o}`]]: o },
-      { [e[`gap${t}-${r}`]]: r || r === 0 },
+      { [e[`gap${t}-${s}`]]: s || s === 0 },
       { [e[`g${t}-${a}`]]: a || a === 0 },
       { [e[`gx${t}-${m}`]]: m || m === 0 },
-      { [e[`gy${t}-${u}`]]: u || u === 0 },
+      { [e[`gy${t}-${g}`]]: g || g === 0 },
       { [`flex${t}-${p}`]: p },
       { [e[`flex${t}-${$}`]]: $ }
     );
   }, Z = () => {
-    const n = { xs: X, sm: Y, md: h, lg: B, xl: M, xxl: R }, t = _.map((s) => {
-      const o = n[s], r = s !== "xs" ? `-${s}` : "";
-      return o ? l(typeof o == "object" ? { ...o } : { cols: o }, r) : void 0;
+    const l = { xs: X, sm: Y, md: h, lg: B, xl: M, xxl: R }, t = _.map((r) => {
+      const o = l[r], s = r !== "xs" ? `-${r}` : "";
+      return o ? n(typeof o == "object" ? { ...o } : { cols: o }, s) : void 0;
     }), c = { cols: y, justifyContent: C, alignItems: j, gap: E, direction: V, wrap: N, gutter: I, gutterX: x, gutterY: S };
-    return d(...t, v, l(c));
+    return d(...t, v, n(c));
   };
-  return /* @__PURE__ */ i(b.Provider, { value: { element: g }, children: /* @__PURE__ */ i(g, { "data-name": "row", ...D, className: Z(), children: w }) });
+  return /* @__PURE__ */ i(b.Provider, { value: { element: u }, children: /* @__PURE__ */ i(u, { "data-name": "row", ...D, className: Z(), children: w }) });
 };
 export {
-  H as Row,
-  H as default
+  H as Row
 };

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"),k=require("../../../../../../../external/classnames/index.cjs.js"),m=require("react"),D=require("../../../../navigation/link/link.cjs.js"),a=require("./sidenav-dropdown.module.scss.cjs.js"),q=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"),F=require("../../../../../providers/label-provider/use-labels.cjs.js"),S=({trigger:b,groups:g,onOpenChange:u,as:x})=>{const{getLabel:_}=F.useLabels(),[r,l]=m.useState(!1),{refs:c,floatingStyles:j,context:f}=d.useFloating({open:r,middleware:[h.offset({mainAxis:8}),h.flip()],whileElementsMounted:q.autoUpdate,placement:"right-start",onOpenChange:e=>{l(e),u==null||u(e)},strategy:"fixed"}),{getReferenceProps:w,getFloatingProps:y}=d.useInteractions([d.useClick(f),d.useDismiss(f)]),p=e=>{var v;const n=e.subItemGroups||e.subItems,t=e.key||e.href||((v=e.children)==null?void 0:v.toString());return s.jsxs("li",{role:"none",className:k.default(a.default["tedi-sidenav-dropdown__item"],n&&a.default["tedi-sidenav-dropdown__item--has-children"]),children:[s.jsxs(D.Link,{...e,role:"menuitem","aria-haspopup":n?"true":void 0,"aria-expanded":n?r: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 o;(o=e.onClick)==null||o.call(e,i),l(!1)},as:e.as??x,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":_("sidenav.submenu"),children:(e.subItemGroups??(e.subItems?[{subItems:e.subItems}]:[])).map((i,o)=>s.jsxs(m.Fragment,{children:[i.subHeading&&s.jsx("div",{className:a.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:i.subHeading}),i.subItems.map(N=>p(N))]},o))})]},t)},I=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),l(n=>!n)),e.key==="Escape"&&(e.preventDefault(),l(!1),c.setReference(null))};return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:c.setReference,...w(),role:"button",tabIndex:-1,"aria-haspopup":"menu","aria-expanded":r,onKeyDown:I,children:b}),r&&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:j,className:a.default["tedi-sidenav-dropdown"],role:"menu",...y(),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=S;
+"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"),k=require("../../../../../../../external/classnames/index.cjs.js"),m=require("react"),D=require("../../../../navigation/link/link.cjs.js"),a=require("./sidenav-dropdown.module.scss.cjs.js"),q=require("../../../../../providers/label-provider/use-labels.cjs.js"),F=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"),S=({trigger:b,groups:g,onOpenChange:u,as:x})=>{const{getLabel:_}=q.useLabels(),[r,l]=m.useState(!1),{refs:c,floatingStyles:j,context:f}=d.useFloating({open:r,middleware:[h.offset({mainAxis:8}),h.flip()],whileElementsMounted:F.autoUpdate,placement:"right-start",onOpenChange:e=>{l(e),u==null||u(e)},strategy:"fixed"}),{getReferenceProps:w,getFloatingProps:y}=d.useInteractions([d.useClick(f),d.useDismiss(f)]),p=e=>{var v;const n=e.subItemGroups||e.subItems,t=e.key||e.href||((v=e.children)==null?void 0:v.toString());return s.jsxs("li",{role:"none",className:k.default(a.default["tedi-sidenav-dropdown__item"],n&&a.default["tedi-sidenav-dropdown__item--has-children"]),children:[s.jsxs(D.Link,{...e,role:"menuitem","aria-haspopup":n?"true":void 0,"aria-expanded":n?r: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 o;(o=e.onClick)==null||o.call(e,i),l(!1)},as:e.as??x,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":_("sidenav.submenu"),children:(e.subItemGroups??(e.subItems?[{subItems:e.subItems}]:[])).map((i,o)=>s.jsxs(m.Fragment,{children:[i.subHeading&&s.jsx("div",{className:a.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:i.subHeading}),i.subItems.map(N=>p(N))]},o))})]},t)},I=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),l(n=>!n)),e.key==="Escape"&&(e.preventDefault(),l(!1),c.setReference(null))};return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:c.setReference,...w(),role:"button",tabIndex:-1,"aria-haspopup":"menu","aria-expanded":r,onKeyDown:I,children:b}),r&&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:j,className:a.default["tedi-sidenav-dropdown"],role:"menu",...y(),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=S;

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

@@ -4,19 +4,19 @@ import E from "../../../../../../../external/classnames/index.es.js";
 import L, { useState as P } from "react";
 import { Link as j } from "../../../../navigation/link/link.es.js";
 import n from "./sidenav-dropdown.module.scss.es.js";
-import { autoUpdate as G } from "../../../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as K, flip as M } from "../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-import { useLabels as $ } from "../../../../../providers/label-provider/use-labels.es.js";
+import { useLabels as G } from "../../../../../providers/label-provider/use-labels.es.js";
+import { autoUpdate as K } from "../../../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as M, flip as $ } from "../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
 const W = ({
   trigger: v,
   groups: h,
   onOpenChange: c,
   as: b
 }) => {
-  const { getLabel: _ } = $(), [o, t] = P(!1), { refs: u, floatingStyles: g, context: m } = F({
+  const { getLabel: _ } = G(), [o, t] = P(!1), { refs: u, floatingStyles: g, context: m } = F({
     open: o,
-    middleware: [K({ mainAxis: 8 }), M()],
-    whileElementsMounted: G,
+    middleware: [M({ mainAxis: 8 }), $()],
+    whileElementsMounted: K,
     placement: "right-start",
     onOpenChange: (e) => {
       t(e), c == null || c(e);

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),n=require("react"),L=require("../../../../../external/classnames/index.cjs.js"),V=require("../../misc/print/print.cjs.js"),F=require("./components/sidenav-dropdown/sidenav-dropdown.cjs.js"),N=require("./components/sidenav-item/sidenav-item.cjs.js"),O=require("./components/sidenav-mobile/sidenav-mobile.cjs.js"),q=require("./components/sidenav-toggle/sidenav-toggle.cjs.js"),l=require("./sidenav.module.scss.cjs.js"),C=require("../../../helpers/hooks/use-breakpoint.cjs.js"),G=o=>{const{navItems:u,ariaLabel:r,linkAs:v,showDividers:h=!0,className:p,mobileBreakpoint:j="tablet",showMobileOverlay:k=!0,isMobileOpen:m,isCollapsed:w=!1,onMenuToggle:d,onCollapseToggle:c,sideNavItemSize:x="default",...b}=o,B=e=>({mobile:"md",tablet:"lg"})[e],_=C.useBreakpoint(),i=C.isBreakpointBelow(_,B(j)),t=m!==void 0,[y,f]=n.useState(!i),S=t?m:y,[D,T]=n.useState(w),a=i?!1:D,E="isCollapsed"in o;n.useEffect(()=>{t||f(!i)},[i,t]);const P=e=>{T(e),c==null||c(e)},R=()=>{P(!a)},g=e=>{t||f(e),d==null||d(e)},z=()=>{g(!S)},A=L.default(l.default["tedi-sidenav"],p,{[l.default["tedi-sidenav--has-dividers"]]:h,[l.default["tedi-sidenav--collapsed"]]:a});return i?s.jsx(O.SideNavMobile,{navItems:u,ariaLabel:r,linkAs:v,isOpen:S,onClose:()=>g(!1),showOverlay:k,className:p,...b}):s.jsx(V.Print,{visibility:"hide",children:s.jsxs("nav",{id:o.id,"data-name":"sidenav",...b,className:A,"aria-label":r,children:[E&&s.jsx(q.SidenavToggle,{menuOpen:!a,toggleMenu:R,variant:"collapse"}),s.jsx("ul",{className:l.default["tedi-sidenav__list"],role:"menubar","aria-label":r,children:u.map((e,M)=>n.createElement(N.SideNavItem,{as:v,...e,key:M,onItemClick:z,isCollapsed:a,sideNavItemSize:x}))})]})})},I=Object.assign(G,{Toggle:q.SidenavToggle,Item:N.SideNavItem,Dropdown:F.SideNavDropdown,Mobile:O.SideNavMobile});exports.SideNav=I;exports.default=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),A=require("../../../../../external/classnames/index.cjs.js"),L=require("../../misc/print/print.cjs.js"),V=require("./components/sidenav-dropdown/sidenav-dropdown.cjs.js"),N=require("./components/sidenav-item/sidenav-item.cjs.js"),O=require("./components/sidenav-mobile/sidenav-mobile.cjs.js"),q=require("./components/sidenav-toggle/sidenav-toggle.cjs.js"),l=require("./sidenav.module.scss.cjs.js"),M=require("../../../helpers/hooks/use-breakpoint.cjs.js"),F=o=>{const{navItems:u,ariaLabel:r,linkAs:v,showDividers:I=!0,className:p,mobileBreakpoint:h="tablet",showMobileOverlay:j=!0,isMobileOpen:m,isCollapsed:w=!1,onMenuToggle:d,onCollapseToggle:c,sideNavItemSize:k="default",...b}=o,x=e=>({mobile:"md",tablet:"lg"})[e],B=M.default(),i=M.isBreakpointBelow(B,x(h)),t=m!==void 0,[y,f]=a.useState(!i),S=t?m:y,[D,T]=a.useState(w),n=i?!1:D,E="isCollapsed"in o;a.useEffect(()=>{t||f(!i)},[i,t]);const P=e=>{T(e),c==null||c(e)},_=()=>{P(!n)},g=e=>{t||f(e),d==null||d(e)},R=()=>{g(!S)},z=A.default(l.default["tedi-sidenav"],p,{[l.default["tedi-sidenav--has-dividers"]]:I,[l.default["tedi-sidenav--collapsed"]]:n});return i?s.jsx(O.SideNavMobile,{navItems:u,ariaLabel:r,linkAs:v,isOpen:S,onClose:()=>g(!1),showOverlay:j,className:p,...b}):s.jsx(L.Print,{visibility:"hide",children:s.jsxs("nav",{id:o.id,"data-name":"sidenav",...b,className:z,"aria-label":r,children:[E&&s.jsx(q.SidenavToggle,{menuOpen:!n,toggleMenu:_,variant:"collapse"}),s.jsx("ul",{className:l.default["tedi-sidenav__list"],role:"menubar","aria-label":r,children:u.map((e,C)=>a.createElement(N.SideNavItem,{as:v,...e,key:C,onItemClick:R,isCollapsed:n,sideNavItemSize:k}))})]})})},G=Object.assign(F,{Toggle:q.SidenavToggle,Item:N.SideNavItem,Dropdown:V.SideNavDropdown,Mobile:O.SideNavMobile});exports.SideNav=G;

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

@@ -7,7 +7,7 @@ import { SideNavItem as M } from "./components/sidenav-item/sidenav-item.es.js";
 import { SideNavMobile as g } from "./components/sidenav-mobile/sidenav-mobile.es.js";
 import { SidenavToggle as h } from "./components/sidenav-toggle/sidenav-toggle.es.js";
 import a from "./sidenav.module.scss.es.js";
-import { useBreakpoint as J, isBreakpointBelow as K } from "../../../helpers/hooks/use-breakpoint.es.js";
+import J, { isBreakpointBelow as K } from "../../../helpers/hooks/use-breakpoint.es.js";
 const Q = (n) => {
   const {
     navItems: d,
@@ -75,6 +75,5 @@ const Q = (n) => {
   Mobile: g
 });
 export {
-  te as SideNav,
-  te as default
+  te as SideNav
 };

package/src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),p=require("./vertical-spacing.module.scss.cjs.js"),d=require("./vertical-spacing-item.cjs.js"),g=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),e=t=>{const{getCurrentBreakpointProps:i}=g.useBreakpointProps(t.defaultServerBreakpoint),{children:a,className:n,element:c="div",size:r=1,...s}=i(t),l=u.default(p.default["tedi-vertical-spacing"],n);return o.jsx(c,{"data-name":"vertical-spacing",role:"presentation",...s,className:l,style:{"--vertical-spacing-internal":r!==0?`${r}em`:"0"},children:a})};e.Item=d.VerticalSpacingItem;exports.VerticalSpacing=e;exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),p=require("./vertical-spacing.module.scss.cjs.js"),g=require("./vertical-spacing-item.cjs.js"),m=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),r=e=>{const{getCurrentBreakpointProps:i}=m.useBreakpointProps(e.defaultServerBreakpoint),{children:a,className:n,element:c="div",size:t=1,...s}=i(e),l=u.default(p.default["tedi-vertical-spacing"],n);return o.jsx(c,{"data-name":"vertical-spacing",role:"presentation",...s,className:l,style:{"--vertical-spacing-internal":t!==0?`${t}em`:"0"},children:a})};r.Item=g.VerticalSpacingItem;exports.VerticalSpacing=r;