@tedi-design-system/react 17.0.0 → 17.1.0-rc.10

package/src/tedi/components/form/time-picker/components/time-wheel/time-wheel.es.js

@@ -0,0 +1,184 @@
+import { jsxs as Q, jsx as y } from "react/jsx-runtime";
+import F from "../../../../../../../external/classnames/index.es.js";
+import M, { useRef as l, useLayoutEffect as X, useEffect as j } from "react";
+import { clearScrollTimeout as d, snapToNearestItem as A, needsScrollCorrection as C, scrollToIndex as D, getScrollTopForIndex as P } from "../../../time-field/time-field-helpers.es.js";
+import p from "../../time-picker.module.scss.es.js";
+const Y = ({
+  hours: t,
+  minutes: n,
+  selectedHour: u,
+  selectedMinute: i,
+  onChange: k,
+  className: H,
+  bordered: U = !0
+}) => {
+  const g = M.useId(), a = l(null), s = l(null), m = l(!1), f = l(!1), v = l(), S = l(), w = l(-1), _ = l(-1), [W, E] = M.useState(null), [V, $] = M.useState(null), N = (r, e) => Math.max(0, Math.min(e - 1, r)), R = (r, e, c) => {
+    const h = r.current;
+    if (!h || e < 0) return;
+    const I = P(e);
+    c ? m.current = !0 : f.current = !0, h.scrollTo({ top: I, behavior: "instant" }), requestAnimationFrame(() => {
+      c ? m.current = !1 : f.current = !1;
+    });
+  };
+  X(() => {
+    const r = t.indexOf(u), e = n.indexOf(i);
+    r !== w.current && (w.current = r, R(a, r, !0)), e !== _.current && (_.current = e, R(s, e, !1)), E(r), $(e);
+  }, [t, n, u, i]);
+  const O = l(() => {
+  });
+  O.current = () => {
+    const r = a.current;
+    if (!r || m.current) return;
+    d(v.current);
+    const e = N(A(r.scrollTop, t.length), t.length);
+    E(e);
+    const c = P(e);
+    C(r.scrollTop, c, 8) && (m.current = !0, D(r, e, "instant"), requestAnimationFrame(() => {
+      m.current = !1;
+    })), e !== w.current && (w.current = e, k(t[e], i));
+  };
+  const L = l(() => {
+  });
+  L.current = () => {
+    const r = s.current;
+    if (!r || f.current) return;
+    d(S.current);
+    const e = N(A(r.scrollTop, n.length), n.length);
+    $(e);
+    const c = P(e);
+    C(r.scrollTop, c, 8) && (f.current = !0, D(r, e, "instant"), requestAnimationFrame(() => {
+      f.current = !1;
+    })), e !== _.current && (_.current = e, k(u, n[e]));
+  }, j(() => {
+    const r = a.current, e = s.current;
+    if (!r || !e) return;
+    const c = () => O.current(), h = () => L.current();
+    return r.addEventListener("scrollend", c), e.addEventListener("scrollend", h), () => {
+      r.removeEventListener("scrollend", c), e.removeEventListener("scrollend", h);
+    };
+  }, []);
+  const z = () => {
+    if (!a.current || m.current) return;
+    const r = N(A(a.current.scrollTop, t.length), t.length);
+    E(r), d(v.current), v.current = setTimeout(() => O.current(), 150);
+  }, B = () => {
+    if (!s.current || f.current) return;
+    const r = N(A(s.current.scrollTop, n.length), n.length);
+    $(r), d(S.current), S.current = setTimeout(() => L.current(), 150);
+  }, G = (r) => {
+    const e = t[r];
+    !e || !a.current || (d(v.current), w.current = r, E(r), k(e, i), m.current = !0, D(a.current, r, "smooth"), setTimeout(() => {
+      m.current = !1;
+    }, 300));
+  }, J = (r) => {
+    const e = n[r];
+    !e || !s.current || (d(S.current), _.current = r, $(r), k(u, e), f.current = !0, D(s.current, r, "smooth"), setTimeout(() => {
+      f.current = !1;
+    }, 300));
+  }, K = (r, e, c, h) => (I) => {
+    const o = e.indexOf(c);
+    if (o === -1) return;
+    let x = -1, b = !1;
+    switch (I.key) {
+      case "ArrowDown":
+        x = (o + 1) % e.length, b = o === e.length - 1;
+        break;
+      case "ArrowUp":
+        x = (o - 1 + e.length) % e.length, b = o === 0;
+        break;
+      case "Home":
+        x = 0;
+        break;
+      case "End":
+        x = e.length - 1;
+        break;
+      case "PageDown":
+        x = (o + 5) % e.length, b = o + 5 >= e.length;
+        break;
+      case "PageUp":
+        x = (o - 5 + e.length) % e.length, b = o - 5 < 0;
+        break;
+      case "Enter":
+      case " ":
+        I.preventDefault(), h(e[o]);
+        return;
+      default:
+        return;
+    }
+    I.preventDefault();
+    const q = r === "hour" ? a.current : s.current, T = q == null ? void 0 : q.querySelector(`#${CSS.escape(`${g}-${r}-${x}`)}`);
+    T == null || T.focus(), T == null || T.scrollIntoView({ block: "center", behavior: b ? "auto" : "smooth" });
+  };
+  return j(() => () => {
+    d(v.current), d(S.current);
+  }, []), /* @__PURE__ */ Q(
+    "div",
+    {
+      className: F(
+        p["tedi-time-picker__wheel"],
+        { [p["tedi-time-picker__wheel--borderless"]]: !U },
+        H
+      ),
+      children: [
+        /* @__PURE__ */ y(
+          "div",
+          {
+            ref: a,
+            role: "listbox",
+            "aria-label": "Hours",
+            tabIndex: 0,
+            "aria-activedescendant": `${g}-hour-${t.indexOf(u)}`,
+            className: p["tedi-time-picker__wheel-column"],
+            onScroll: z,
+            onKeyDown: K("hour", t, u, (r) => k(r, i)),
+            children: t.map((r, e) => /* @__PURE__ */ y(
+              "div",
+              {
+                className: F(p["tedi-time-picker__wheel-item"], {
+                  [p["tedi-time-picker__wheel-item--selected"]]: e === (W ?? t.indexOf(u))
+                }),
+                onClick: () => G(e),
+                id: `${g}-hour-${e}`,
+                role: "option",
+                "aria-selected": r === u,
+                children: r
+              },
+              r
+            ))
+          }
+        ),
+        /* @__PURE__ */ y(
+          "div",
+          {
+            ref: s,
+            role: "listbox",
+            className: p["tedi-time-picker__wheel-column"],
+            onScroll: B,
+            "aria-label": "Minutes",
+            tabIndex: 0,
+            "aria-activedescendant": `${g}-minute-${n.indexOf(i)}`,
+            onKeyDown: K("minute", n, i, (r) => k(u, r)),
+            children: n.map((r, e) => /* @__PURE__ */ y(
+              "div",
+              {
+                className: F(p["tedi-time-picker__wheel-item"], {
+                  [p["tedi-time-picker__wheel-item--selected"]]: e === (V ?? n.indexOf(i))
+                }),
+                onClick: () => J(e),
+                id: `${g}-minute-${e}`,
+                role: "option",
+                "aria-selected": r === i,
+                children: r
+              },
+              r
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+Y.displayName = "TimeWheel";
+export {
+  Y as TimeWheel
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),n=require("react"),t=require("../time-field/time-field-helpers.cjs.js"),H=require("./components/time-grid/time-grid.cjs.js"),x=require("./components/time-wheel/time-wheel.cjs.js"),T=({value:s,defaultValue:f="",onChange:r,stepMinutes:o=1,availableTimes:i,gridVariant:h="button",className:u,bordered:c=!0})=>{const[j,P]=n.useState(f),l=s!==void 0,m=l?s:j,d=e=>{l||P(e),r==null||r(e)},a=n.useMemo(t.generateHours,[]),q=n.useMemo(()=>t.generateMinutes(o),[o]),{hour:y,minute:S}=t.parseTime(m||"12:00"),g=a.includes(y)?y:"12",k=t.findClosestMinute(S,q);return Array.isArray(i)&&i.length>0?M.jsx(H.TimeGrid,{times:i,value:m,variant:h,onSelect:d,className:u,bordered:c}):M.jsx(x.TimeWheel,{hours:a,minutes:q,selectedHour:g,selectedMinute:k,onChange:(e,p)=>d(`${e}:${p}`),className:u,bordered:c})};T.displayName="TimePicker";exports.TimePicker=T;

package/src/tedi/components/form/time-picker/time-picker.d.ts

@@ -0,0 +1,60 @@
+import { default as React } from 'react';
+export interface TimePickerProps {
+    /**
+     * Currently selected time in "HH:mm" format (24-hour).
+     *
+     * @example "14:30"
+     * @default ""
+     */
+    value?: string;
+    /**
+     * Initial time value for uncontrolled mode. Should be in "HH:mm" format.
+     * @example "09:00"
+     * @default ""
+     */
+    defaultValue?: string;
+    /**
+     * Callback fired when the user selects a new time.
+     * Returns the selected time in "HH:mm" format.
+     *
+     * @param time - Selected time as "HH:mm" string
+     */
+    onChange?: (time: string) => void;
+    /**
+     * Minute step interval for the minute wheel.
+     * Determines which minute values are shown (e.g. 00, 05, 10, ..., 55).
+     *
+     * @default 1
+     */
+    stepMinutes?: number;
+    /**
+     * When provided, the component switches from wheel mode to grid mode.
+     * Displays a list/grid of predefined time slots instead of scrollable wheels.
+     *
+     * Each string must be in "HH:mm" format.
+     *
+     * @example ["09:00", "09:30", "10:00", "14:00", "15:30"]
+     */
+    availableTimes?: string[];
+    /**
+     * Variant of the grid rendered when `availableTimes` is provided:
+     * - 'buttons' – buttons grid
+     * - 'radio' – radio buttons grid
+     * @default button
+     */
+    gridVariant?: 'button' | 'radio';
+    /**
+     * Additional CSS class name to apply to the root element.
+     * Useful for custom styling and layout overrides.
+     */
+    className?: string;
+    /**
+     * Whether to render the surrounding card (border, background, radius).
+     * Set to `false` when embedding inside a parent that already provides
+     * its own surface — e.g. alongside a calendar inside `DateTimeField`.
+     * The inner gradient masks and column separators are preserved either way.
+     * @default true
+     */
+    bordered?: boolean;
+}
+export declare const TimePicker: React.FC<TimePickerProps>;

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

@@ -0,0 +1,45 @@
+import { jsx as p } from "react/jsx-runtime";
+import S, { useMemo as a } from "react";
+import { generateHours as _, generateMinutes as $, parseTime as g, findClosestMinute as j } from "../time-field/time-field-helpers.es.js";
+import { TimeGrid as x } from "./components/time-grid/time-grid.es.js";
+import { TimeWheel as G } from "./components/time-wheel/time-wheel.es.js";
+const I = ({
+  value: o,
+  defaultValue: h = "",
+  onChange: e,
+  stepMinutes: n = 1,
+  availableTimes: r,
+  gridVariant: y = "button",
+  className: i,
+  bordered: s = !0
+}) => {
+  const [M, T] = S.useState(h), c = o !== void 0, m = c ? o : M, u = (t) => {
+    c || T(t), e == null || e(t);
+  }, f = a(_, []), l = a(() => $(n), [n]), { hour: d, minute: k } = g(m || "12:00"), A = f.includes(d) ? d : "12", H = j(k, l);
+  return Array.isArray(r) && r.length > 0 ? /* @__PURE__ */ p(
+    x,
+    {
+      times: r,
+      value: m,
+      variant: y,
+      onSelect: u,
+      className: i,
+      bordered: s
+    }
+  ) : /* @__PURE__ */ p(
+    G,
+    {
+      hours: f,
+      minutes: l,
+      selectedHour: A,
+      selectedMinute: H,
+      onChange: (t, P) => u(`${t}:${P}`),
+      className: i,
+      bordered: s
+    }
+  );
+};
+I.displayName = "TimePicker";
+export {
+  I as TimePicker
+};

package/src/tedi/components/form/time-picker/time-picker.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-time-picker__wheel":"tedi-time-picker__wheel-3c73e157","tedi-time-picker__wheel--borderless":"tedi-time-picker__wheel--borderless-42e8669c","tedi-time-picker__wheel-column":"tedi-time-picker__wheel-column-02048315","tedi-time-picker__wheel-item":"tedi-time-picker__wheel-item-78600fe1","tedi-time-picker__wheel-item--selected":"tedi-time-picker__wheel-item--selected-cc3c7194","tedi-time-picker__grid":"tedi-time-picker__grid-5cf42402","tedi-time-picker__grid--borderless":"tedi-time-picker__grid--borderless-805d6413","tedi-time-picker__grid-item":"tedi-time-picker__grid-item-53c9d41d","tedi-time-picker__grid-item--selected":"tedi-time-picker__grid-item--selected-32fb5e5d"};exports.default=e;

package/src/tedi/components/form/time-picker/time-picker.module.scss.es.js

@@ -0,0 +1,14 @@
+const e = {
+  "tedi-time-picker__wheel": "tedi-time-picker__wheel-3c73e157",
+  "tedi-time-picker__wheel--borderless": "tedi-time-picker__wheel--borderless-42e8669c",
+  "tedi-time-picker__wheel-column": "tedi-time-picker__wheel-column-02048315",
+  "tedi-time-picker__wheel-item": "tedi-time-picker__wheel-item-78600fe1",
+  "tedi-time-picker__wheel-item--selected": "tedi-time-picker__wheel-item--selected-cc3c7194",
+  "tedi-time-picker__grid": "tedi-time-picker__grid-5cf42402",
+  "tedi-time-picker__grid--borderless": "tedi-time-picker__grid--borderless-805d6413",
+  "tedi-time-picker__grid-item": "tedi-time-picker__grid-item-53c9d41d",
+  "tedi-time-picker__grid-item--selected": "tedi-time-picker__grid-item--selected-32fb5e5d"
+};
+export {
+  e as default
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),R=require("../../base/icon/icon.cjs.js"),w=require("../../loaders/spinner/spinner.cjs.js"),P=require("../feedback-text/feedback-text.cjs.js"),M=require("../form-label/form-label.cjs.js"),e=require("./toggle.module.scss.cjs.js"),_=m.forwardRef((k,x)=>{const{id:o,label:l,hideLabel:j=!1,labelPosition:N="left",helper:a,className:y,checked:n,defaultChecked:g,onChange:d,size:C,color:q="primary",type:v="filled",icon:u,disabled:f=!1,isLoading:s=!1,tooltip:T,...$}=k,h=a?`${o}-helper`:void 0,[z,S]=m.useState(g??!1),i=typeof n<"u",c=i?n:z,p=C||(u?"large":"default"),L=b=>{s||(i||S(b.target.checked),d==null||d(b.target.checked))},F=r.default(e.default["tedi-toggle"],e.default[`tedi-toggle--${p}`],e.default[`tedi-toggle--${q}-${v}`],{[e.default["tedi-toggle--active"]]:c,[e.default["tedi-toggle--disabled"]]:f||s},y),I=r.default(e.default["tedi-toggle__control"],e.default[`tedi-toggle__control--label-${N}`]);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:I,children:[l&&t.jsx(M.FormLabel,{id:o,className:e.default["tedi-toggle__label"],hideLabel:j,label:l,tooltip:T}),t.jsxs("div",{className:F,children:[t.jsx("input",{...$,ref:x,id:o,type:"checkbox",role:"switch","aria-label":typeof l=="string"?l:void 0,"aria-describedby":h,className:e.default["tedi-toggle__input"],checked:i?c:void 0,defaultChecked:i?void 0:g,disabled:f||s,onChange:L}),t.jsx("span",{className:e.default["tedi-toggle__slider"],children:s?t.jsx(w.Spinner,{size:p==="large"?16:10,className:e.default["tedi-toggle__icon"]}):u?t.jsx(R.Icon,{name:c?"lock_open":"lock",size:16,color:"inherit"}):null})]})]}),a&&t.jsx(P.FeedbackText,{id:h,...a,className:r.default(e.default["tedi-toggle__helper"],a.className)})]})});_.displayName="Toggle";exports.Toggle=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),R=require("../../base/icon/icon.cjs.js"),w=require("../../loaders/spinner/spinner.cjs.js"),M=require("../feedback-text/feedback-text.cjs.js"),P=require("../form-label/form-label.cjs.js"),e=require("./toggle.module.scss.cjs.js"),n=_.forwardRef((k,x)=>{const{id:i,label:l,hideLabel:j=!1,labelPosition:N="left",helper:a,className:v,checked:g,defaultChecked:u,onChange:o,size:C,color:q="primary",type:y="filled",icon:f,disabled:h=!1,isLoading:s=!1,tooltip:T,...$}=k,p=a?`${i}-helper`:void 0,[z,S]=_.useState(u??!1),d=typeof g<"u",c=d?g:z,b=C||(f?"large":"default"),L=m=>{s||(d||S(m.target.checked),o==null||o(m.target.checked))},F=r.default(e.default["tedi-toggle"],e.default[`tedi-toggle--${b}`],e.default[`tedi-toggle--${q}-${y}`],{[e.default["tedi-toggle--active"]]:c,[e.default["tedi-toggle--disabled"]]:h||s},v),I=r.default(e.default["tedi-toggle__control"],e.default[`tedi-toggle__control--label-${N}`]);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:I,children:[l&&t.jsx(P.FormLabel,{id:i,className:e.default["tedi-toggle__label"],hideLabel:j,label:l,tooltip:T}),t.jsxs("div",{className:F,children:[t.jsx("input",{...$,ref:x,id:i,type:"checkbox",role:"switch","aria-label":typeof l=="string"?l:void 0,"aria-describedby":p,className:e.default["tedi-toggle__input"],checked:d?c:void 0,defaultChecked:d?void 0:u,disabled:h||s,onChange:L}),t.jsx("span",{className:e.default["tedi-toggle__slider"],children:s?t.jsx(w.Spinner,{size:b==="large"?16:10,className:e.default["tedi-toggle__icon"]}):f?t.jsx(R.Icon,{name:c?"lock_open":"lock",size:16,color:"inherit"}):null})]})]}),a&&t.jsx(M.FeedbackText,{id:p,...a,className:r.default(e.default["tedi-toggle__helper"],a.className)})]})});n.displayName="Toggle";exports.Toggle=n;exports.default=n;

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

@@ -6,17 +6,17 @@ import { Spinner as A } from "../../loaders/spinner/spinner.es.js";
 import { FeedbackText as B } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as D } from "../form-label/form-label.es.js";
 import e from "./toggle.module.scss.es.js";
-const E = P((k, N) => {
+const E = P((k, u) => {
   const {
     id: a,
     label: t,
-    hideLabel: u = !1,
+    hideLabel: N = !1,
     labelPosition: C = "left",
     helper: o,
     className: y,
     checked: g,
     defaultChecked: m,
-    onChange: r,
+    onChange: d,
     size: v,
     color: x = "primary",
     type: z = "filled",
@@ -25,14 +25,14 @@ const E = P((k, N) => {
     isLoading: i = !1,
     tooltip: $,
     ...F
-  } = k, h = o ? `${a}-helper` : void 0, [I, L] = R(m ?? !1), s = typeof g < "u", d = s ? g : I, _ = v || (p ? "large" : "default"), S = (b) => {
-    i || (s || L(b.target.checked), r == null || r(b.target.checked));
+  } = k, h = o ? `${a}-helper` : void 0, [I, L] = R(m ?? !1), s = typeof g < "u", r = s ? g : I, _ = v || (p ? "large" : "default"), S = (b) => {
+    i || (s || L(b.target.checked), d == null || d(b.target.checked));
   }, T = n(
     e["tedi-toggle"],
     e[`tedi-toggle--${_}`],
     e[`tedi-toggle--${x}-${z}`],
     {
-      [e["tedi-toggle--active"]]: d,
+      [e["tedi-toggle--active"]]: r,
       [e["tedi-toggle--disabled"]]: f || i
     },
     y
@@ -44,7 +44,7 @@ const E = P((k, N) => {
         {
           id: a,
           className: e["tedi-toggle__label"],
-          hideLabel: u,
+          hideLabel: N,
           label: t,
           tooltip: $
         }
@@ -54,20 +54,20 @@ const E = P((k, N) => {
           "input",
           {
             ...F,
-            ref: N,
+            ref: u,
             id: a,
             type: "checkbox",
             role: "switch",
             "aria-label": typeof t == "string" ? t : void 0,
             "aria-describedby": h,
             className: e["tedi-toggle__input"],
-            checked: s ? d : void 0,
+            checked: s ? r : void 0,
             defaultChecked: s ? void 0 : m,
             disabled: f || i,
             onChange: S
           }
         ),
-        /* @__PURE__ */ l("span", { className: e["tedi-toggle__slider"], children: i ? /* @__PURE__ */ l(A, { size: _ === "large" ? 16 : 10, className: e["tedi-toggle__icon"] }) : p ? /* @__PURE__ */ l(q, { name: d ? "lock_open" : "lock", size: 16, color: "inherit" }) : null })
+        /* @__PURE__ */ l("span", { className: e["tedi-toggle__slider"], children: i ? /* @__PURE__ */ l(A, { size: _ === "large" ? 16 : 10, className: e["tedi-toggle__icon"] }) : p ? /* @__PURE__ */ l(q, { name: r ? "lock_open" : "lock", size: 16, color: "inherit" }) : null })
       ] })
     ] }),
     o && /* @__PURE__ */ l(B, { id: h, ...o, className: n(e["tedi-toggle__helper"], o.className) })
@@ -75,5 +75,6 @@ const E = P((k, N) => {
 });
 E.displayName = "Toggle";
 export {
-  E as Toggle
+  E as Toggle,
+  E as default
 };

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

@@ -1 +1 @@
-"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=_;
+"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;

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

@@ -39,26 +39,27 @@ const H = (p) => {
       default:
         r = "div";
     }
-  const n = (a, e = "") => {
-    const { align: l, offset: s, order: o, width: c, grow: m, shrink: f } = a;
+  const a = (n, e = "") => {
+    const { align: c, offset: s, order: o, width: l, grow: m, shrink: f } = n;
     return d(
       t.col,
-      { [t[`align-self${e}-${l}`]]: l },
+      { [t[`align-self${e}-${c}`]]: c },
       { [t[`offset${e}-${s}`]]: s },
       { [t[`order${e}-${o}`]]: o },
-      { [t[`col${e}-${c}`]]: c },
+      { [t[`col${e}-${l}`]]: l },
       { [t[`flex${e}-grow-${m}`]]: m },
       { [t[`flex${e}-shrink-${f}`]]: f }
     );
   };
   return /* @__PURE__ */ b(r, { "data-name": "col", ...V, className: (() => {
-    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));
+    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));
   })(), onClick: C, children: u });
 };
 export {
-  H as Col
+  H as Col,
+  H as default
 };

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

@@ -1 +1 @@
-"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;
+"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;

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

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

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 { 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";
+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";
 const W = ({
   trigger: v,
   groups: h,
   onOpenChange: c,
   as: b
 }) => {
-  const { getLabel: _ } = G(), [o, t] = P(!1), { refs: u, floatingStyles: g, context: m } = F({
+  const { getLabel: _ } = $(), [o, t] = P(!1), { refs: u, floatingStyles: g, context: m } = F({
     open: o,
-    middleware: [M({ mainAxis: 8 }), $()],
-    whileElementsMounted: K,
+    middleware: [K({ mainAxis: 8 }), M()],
+    whileElementsMounted: G,
     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.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;
+"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;

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 J, { isBreakpointBelow as K } from "../../../helpers/hooks/use-breakpoint.es.js";
+import { useBreakpoint as J, isBreakpointBelow as K } from "../../../helpers/hooks/use-breakpoint.es.js";
 const Q = (n) => {
   const {
     navItems: d,
@@ -75,5 +75,6 @@ const Q = (n) => {
   Mobile: g
 });
 export {
-  te as SideNav
+  te as SideNav,
+  te as default
 };

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

@@ -1 +1 @@
-"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;
+"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;