@tedi-design-system/react 18.0.0-rc.9 → 18.0.0

package/src/community/components/table/table.es.js

@@ -7,14 +7,14 @@ import { mapFilterFn as s, dateRangePeriodFilterFn as Je, dateRangeFilterFn as Q
 import oo from "./components/table-layout/table-layout.es.js";
 import d from "./table.module.scss.es.js";
 import { TableContext as no } from "./table-context.es.js";
-import { usePrint as to } from "../../../tedi/providers/printing-provider/printing-provider.es.js";
-import { getExpandedRowModel as io, getFilteredRowModel as ro, getPaginationRowModel as lo, getSortedRowModel as ao, getCoreRowModel as so } from "../../../../external/@tanstack/table-core/build/lib/index.es.js";
-import { useLabels as uo } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import { Card as go } from "../card/card.es.js";
-import { CardContent as co } from "../card/card-content/card-content.es.js";
+import { useLabels as to } from "../../../tedi/providers/label-provider/use-labels.es.js";
+import { usePrint as io } from "../../../tedi/providers/printing-provider/printing-provider.es.js";
+import { Card as ro } from "../card/card.es.js";
+import { CardContent as lo } from "../card/card-content/card-content.es.js";
+import { getExpandedRowModel as ao, getFilteredRowModel as so, getPaginationRowModel as uo, getSortedRowModel as go, getCoreRowModel as co } from "../../../../external/@tanstack/table-core/build/lib/index.es.js";
 const mo = 1e4, Z = [];
 function Eo(u) {
-  const { getLabel: y } = uo(), {
+  const { getLabel: y } = to(), {
     id: q,
     data: i,
     columns: J,
@@ -66,7 +66,7 @@ function Eo(u) {
     size: I = "medium",
     hideCardBorder: D,
     ...Re
-  } = u, c = t.useMemo(() => (i != null && i.length ? i : Z) ?? Z, [i]), K = to(), [{ pageIndex: v, pageSize: B }, Fe] = t.useState(ee), [N, Me] = t.useState(ie), [O, xe] = t.useState(re), [T, Ge] = t.useState(ge || {}), [L, Ee] = t.useState([]), [k, Ve] = t.useState(se), [_, Ie] = t.useState({
+  } = u, c = t.useMemo(() => (i != null && i.length ? i : Z) ?? Z, [i]), K = io(), [{ pageIndex: v, pageSize: B }, Fe] = t.useState(ee), [N, Me] = t.useState(ie), [O, xe] = t.useState(re), [T, Ge] = t.useState(ge || {}), [L, Ee] = t.useState([]), [k, Ve] = t.useState(se), [_, Ie] = t.useState({
     left: [],
     right: []
   }), De = t.useMemo(() => K ? !0 : O, [O, K]), z = t.useMemo(() => r || { pageIndex: v, pageSize: B }, [v, B, r]), A = t.useMemo(() => f || N, [N, f]), $ = t.useMemo(() => p || L, [L, p]), j = t.useMemo(() => h || T, [T, h]), H = t.useMemo(() => C || k, [k, C]), U = t.useMemo(() => w || _, [_, w]), Ke = (o) => {
@@ -123,11 +123,11 @@ function Eo(u) {
     onColumnFiltersChange: Ne,
     onColumnVisibilityChange: Oe,
     onColumnPinningChange: Te,
-    getCoreRowModel: so(),
-    getSortedRowModel: ao(),
-    getPaginationRowModel: lo(),
-    getFilteredRowModel: ro(),
-    getExpandedRowModel: io(),
+    getCoreRowModel: co(),
+    getSortedRowModel: go(),
+    getPaginationRowModel: uo(),
+    getFilteredRowModel: so(),
+    getExpandedRowModel: ao(),
     getRowCanExpand: me,
     getSubRows: (o) => o.subRows,
     manualPagination: oe,
@@ -181,7 +181,7 @@ function Eo(u) {
         hideRowBorder: V,
         size: I
       },
-      children: /* @__PURE__ */ a(go, { "data-name": "table", ...Re, borderless: D, padding: X, ...Y, children: /* @__PURE__ */ Ue(co, { children: [
+      children: /* @__PURE__ */ a(ro, { "data-name": "table", ...Re, borderless: D, padding: X, ...Y, children: /* @__PURE__ */ Ue(lo, { children: [
         /* @__PURE__ */ a("div", { className: ze, children: /* @__PURE__ */ a(oo, {}) }),
         !g && m && /* @__PURE__ */ a(qe, { totalRows: P || m.getFilteredRowModel().rows.length })
       ] }) })
@@ -190,6 +190,5 @@ function Eo(u) {
 }
 export {
   mo as PAGE_SIZE_WITHOUT_PAGINATION,
-  Eo as Table,
-  Eo as default
+  Eo as Table
 };

package/src/community/components/table-of-contents/table-of-contents-item.d.ts

@@ -18,6 +18,9 @@ export type TableOfContentsItemConditionalTypes = {
      */
     children: TableOfContentsItemProps[];
 };
+/**
+ * @deprecated Use TableOfContents from `@tedi-design-system/react/tedi` instead.
+ */
 export type TableOfContentsItemProps = TableOfContentsItemConditionalTypes & {
     /**
      * Content should generally use the anchor or button element
@@ -42,6 +45,9 @@ export type TableOfContentsItemProps = TableOfContentsItemConditionalTypes & {
      */
     hideIcon?: boolean;
 };
+/**
+ * @deprecated Use TableOfContents from `@tedi-design-system/react/tedi` instead.
+ */
 export declare function TableOfContentsItem(props: TableOfContentsItemProps & {
     handleCloseModal: () => void;
 }): import("react/jsx-runtime").JSX.Element;

package/src/community/components/table-of-contents/table-of-contents-items.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),q=require("react-dom"),f=require("../../../tedi/components/base/typography/heading/heading.cjs.js"),x=require("./table-of-contents-item.cjs.js"),j=require("../modal/modal-provider.cjs.js"),y=require("../../helpers/hooks/use-layout.cjs.js"),C=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),O=s=>{const{items:r,setReturnFocus:e,showIcons:a,heading:l,breakToMobile:c=["mobile"],className:u}=s,d=y.useLayout(c),m=a?!0:!d,{closeModal:n}=i.useContext(j.ModalContext),o=i.useId(),h=()=>{q.flushSync(()=>{e==null||e(!1)}),n==null||n(),e==null||e(!0)};return t.jsxs(C.VerticalSpacing,{size:.5,className:u,children:[m&&t.jsx(f.Heading,{element:"h3",modifiers:"h4",id:o,children:l}),t.jsx("nav",{"aria-labelledby":o,children:t.jsx(I.Row,{role:"tree",element:"ul",direction:"column",gap:2,children:r.map((b,g)=>t.jsx(x.TableOfContentsItem,{handleCloseModal:h,...b},`toc-item-${g}`))})})]})};exports.TableOfContentsItems=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),g=require("react-dom"),q=require("../../../tedi/components/base/typography/heading/heading.cjs.js"),x=require("./table-of-contents-item.cjs.js"),j=require("../../helpers/hooks/use-layout.cjs.js"),C=require("../modal/modal-provider.cjs.js"),y=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),O=s=>{const{items:r,setReturnFocus:e,showIcons:a,heading:l,breakToMobile:c=["mobile"],className:d}=s,u=j.default(c),m=a?!0:!u,{closeModal:n}=i.useContext(C.ModalContext),o=i.useId(),h=()=>{g.flushSync(()=>{e==null||e(!1)}),n==null||n(),e==null||e(!0)};return t.jsxs(y.VerticalSpacing,{size:.5,className:d,children:[m&&t.jsx(q.Heading,{element:"h3",modifiers:"h4",id:o,children:l}),t.jsx("nav",{"aria-labelledby":o,children:t.jsx(I.Row,{role:"tree",element:"ul",direction:"column",gap:2,children:r.map((b,f)=>t.jsx(x.TableOfContentsItem,{handleCloseModal:h,...b},`toc-item-${f}`))})})]})};exports.TableOfContentsItems=O;

package/src/community/components/table-of-contents/table-of-contents-items.es.js

@@ -3,12 +3,12 @@ import r from "react";
 import { flushSync as x } from "react-dom";
 import { Heading as C } from "../../../tedi/components/base/typography/heading/heading.es.js";
 import { TableOfContentsItem as g } from "./table-of-contents-item.es.js";
-import { ModalContext as y } from "../modal/modal-provider.es.js";
-import { useLayout as I } from "../../helpers/hooks/use-layout.es.js";
+import y from "../../helpers/hooks/use-layout.es.js";
+import { ModalContext as I } from "../modal/modal-provider.es.js";
 import { VerticalSpacing as T } from "../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
 import { Row as w } from "../../../tedi/components/layout/grid/row.es.js";
 const H = (m) => {
-  const { items: n, setReturnFocus: o, showIcons: l, heading: a, breakToMobile: s = ["mobile"], className: c } = m, f = I(s), d = l ? !0 : !f, { closeModal: t } = r.useContext(y), i = r.useId(), p = () => {
+  const { items: n, setReturnFocus: o, showIcons: l, heading: a, breakToMobile: s = ["mobile"], className: c } = m, f = y(s), d = l ? !0 : !f, { closeModal: t } = r.useContext(I), i = r.useId(), p = () => {
     x(() => {
       o == null || o(!1);
     }), t == null || t(), o == null || o(!0);

package/src/community/components/table-of-contents/table-of-contents.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),b=require("react"),f=require("../../../tedi/components/misc/affix/affix.cjs.js"),C=require("../../../tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),x=require("../../../tedi/components/misc/stretch-content/stretch-content.cjs.js"),h=require("./table-of-contents-items.cjs.js"),q=require("./table-of-contents-modal.cjs.js"),j=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),O=require("../../helpers/hooks/use-layout.cjs.js"),m=require("../card/card.cjs.js"),T=require("../card/card-content/card-content.cjs.js"),i=b.createContext({openItems:void 0,showIcons:void 0}),r=n=>{const{getLabel:l}=j.useLabels(),{breakToMobile:c=["mobile"],heading:o=l("table-of-contents.title"),hideOnScroll:a=!0}=n,t=O.useLayout(c),{showIcons:u,openItems:d,...s}=n;return e.jsx(i.Provider,{value:{openItems:d,showIcons:u},children:e.jsx(f.Affix,{right:0,left:0,bottom:t?0:1.5,top:t?"unset":1.5,position:t?"fixed":"sticky",children:e.jsx(x.StretchContent,{children:t?e.jsx(C.ScrollVisibility,{animationDirection:"down",enabled:a,children:e.jsx(q.TableOfContentsModal,{...s,heading:o})}):e.jsx(m.Card,{children:e.jsx(T.CardContent,{children:e.jsx(h.TableOfContentsItems,{...s,heading:o})})})})})})};exports.TableOfContents=r;exports.TableOfContentsContext=i;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),b=require("../../../tedi/components/misc/affix/affix.cjs.js"),f=require("../../../tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),C=require("../../../tedi/components/misc/stretch-content/stretch-content.cjs.js"),x=require("./table-of-contents-items.cjs.js"),h=require("./table-of-contents-modal.cjs.js"),q=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),j=require("../../helpers/hooks/use-layout.cjs.js"),O=require("../card/card.cjs.js"),m=require("../card/card-content/card-content.cjs.js"),i=d.createContext({openItems:void 0,showIcons:void 0}),T=n=>{const{getLabel:r}=q.useLabels(),{breakToMobile:c=["mobile"],heading:o=r("table-of-contents.title"),hideOnScroll:l=!0}=n,t=j.default(c),{showIcons:a,openItems:u,...s}=n;return e.jsx(i.Provider,{value:{openItems:u,showIcons:a},children:e.jsx(b.Affix,{right:0,left:0,bottom:t?0:1.5,top:t?"unset":1.5,position:t?"fixed":"sticky",children:e.jsx(C.StretchContent,{children:t?e.jsx(f.ScrollVisibility,{animationDirection:"down",enabled:l,children:e.jsx(h.TableOfContentsModal,{...s,heading:o})}):e.jsx(O.Card,{children:e.jsx(m.CardContent,{children:e.jsx(x.TableOfContentsItems,{...s,heading:o})})})})})})};exports.TableOfContents=T;exports.TableOfContentsContext=i;

package/src/community/components/table-of-contents/table-of-contents.d.ts

@@ -2,6 +2,9 @@ import { default as React } from 'react';
 import { Layouts } from '../../helpers';
 import { ModalProps, ModalProviderProps } from '../modal';
 import { TableOfContentsItemProps } from './table-of-contents-item';
+/**
+ * @deprecated Use TableOfContents from `@tedi-design-system/react/tedi` instead.
+ */
 export interface TableOfContentsProps {
     /**
      * List of items to be shown in the table of contents
@@ -70,6 +73,8 @@ export declare const TableOfContentsContext: React.Context<TableOfContentsContex
  * More info <a href="https://github.com/gettalong/kramdown/issues/215" target="_blank">here</a> and <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=262171" target="_blank">here</a>.<br /><br />
  * When used to keep track of multistep form progress, usage on `showIcons={true}` is recommended. Keep in mind that `isValid` property is optional and can be undefined to show not validated steps. <br />
  * Also it is possible to use disabled-text as item content, to show that user can't skip to next step. <br /><br />
+ *
+ * @deprecated Use TableOfContents from `@tedi-design-system/react/tedi` instead.
  */
 export declare const TableOfContents: (props: TableOfContentsProps) => import("react/jsx-runtime").JSX.Element;
 export default TableOfContents;

package/src/community/components/table-of-contents/table-of-contents.es.js

@@ -1,33 +1,32 @@
-import { jsx as t } from "react/jsx-runtime";
-import c from "react";
+import { jsx as o } from "react/jsx-runtime";
+import a from "react";
 import { Affix as f } from "../../../tedi/components/misc/affix/affix.es.js";
 import { ScrollVisibility as d } from "../../../tedi/components/misc/scroll-visibility/scroll-visibility.es.js";
 import { StretchContent as b } from "../../../tedi/components/misc/stretch-content/stretch-content.es.js";
 import { TableOfContentsItems as p } from "./table-of-contents-items.es.js";
 import { TableOfContentsModal as h } from "./table-of-contents-modal.es.js";
-import { useLabels as u } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import { useLayout as C } from "../../helpers/hooks/use-layout.es.js";
+import { useLabels as C } from "../../../tedi/providers/label-provider/use-labels.es.js";
+import u from "../../helpers/hooks/use-layout.es.js";
 import { Card as x } from "../card/card.es.js";
 import { CardContent as I } from "../card/card-content/card-content.es.js";
-const O = c.createContext({
+const O = a.createContext({
   openItems: void 0,
   showIcons: void 0
 }), A = (e) => {
-  const { getLabel: i } = u(), { breakToMobile: l = ["mobile"], heading: r = i("table-of-contents.title"), hideOnScroll: m = !0 } = e, o = C(l), { showIcons: s, openItems: a, ...n } = e;
-  return /* @__PURE__ */ t(O.Provider, { value: { openItems: a, showIcons: s }, children: /* @__PURE__ */ t(
+  const { getLabel: i } = C(), { breakToMobile: m = ["mobile"], heading: r = i("table-of-contents.title"), hideOnScroll: l = !0 } = e, t = u(m), { showIcons: s, openItems: c, ...n } = e;
+  return /* @__PURE__ */ o(O.Provider, { value: { openItems: c, showIcons: s }, children: /* @__PURE__ */ o(
     f,
     {
       right: 0,
       left: 0,
-      bottom: o ? 0 : 1.5,
-      top: o ? "unset" : 1.5,
-      position: o ? "fixed" : "sticky",
-      children: /* @__PURE__ */ t(b, { children: o ? /* @__PURE__ */ t(d, { animationDirection: "down", enabled: m, children: /* @__PURE__ */ t(h, { ...n, heading: r }) }) : /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(p, { ...n, heading: r }) }) }) })
+      bottom: t ? 0 : 1.5,
+      top: t ? "unset" : 1.5,
+      position: t ? "fixed" : "sticky",
+      children: /* @__PURE__ */ o(b, { children: t ? /* @__PURE__ */ o(d, { animationDirection: "down", enabled: l, children: /* @__PURE__ */ o(h, { ...n, heading: r }) }) : /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o(p, { ...n, heading: r }) }) }) })
     }
   ) });
 };
 export {
   A as TableOfContents,
-  O as TableOfContentsContext,
-  A as default
+  O as TableOfContentsContext
 };

package/src/community/components/tabs/tabs/tabs.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),N=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),P=require("../../../../tedi/components/misc/print/print.cjs.js"),A=require("../tabs-context.cjs.js"),D=require("../tabs-item/tabs-item.cjs.js"),_=require("../tabs-nav/tabs-nav.cjs.js"),x=require("./tabs.module.scss.cjs.js"),E=require("../../../../tedi/providers/printing-provider/printing-provider.cjs.js"),I=r=>{const g=E.usePrint(),{defaultCurrentTab:y,onTabChange:u,className:m,children:C,hideNavOnPrint:v="show"}=r,[q,j]=f.useState(y||""),h=(e=r.currentTab)=>!!r.onTabChange&&typeof e<"u",a=h(r.currentTab)?r.currentTab:q,d=e=>{a!==e&&(h()||j(e),u==null||u(e))},s=f.Children.toArray(r.children).filter(e=>f.isValidElement(e)&&e.type===D.TabsItem).map(e=>e.props),k=e=>{var n,o;const l=s.findIndex(b=>{var T;return b.id===((T=e.currentTarget)==null?void 0:T.id)}),i=l!==-1?l:0;let t=-1;switch(e.key){case" ":e.preventDefault(),d((n=e.currentTarget)==null?void 0:n.id);break;case"ArrowLeft":i===0?t=s.length-1:t=i-1;break;case"ArrowRight":i===s.length-1?t=0:t=i+1;break;case"Home":t=0;break;case"End":t=s.length-1;break}t!==-1&&(e.preventDefault(),(o=document.getElementById(s[t].id))==null||o.focus())},w=s.map((e,l)=>{const{children:i,label:t,id:n,...o}=e;return{...o,id:n,isActive:a===n,onClick:b=>{b.preventDefault(),d(n)},onKeyDown:k,children:t,href:`#${n}`,role:"tab",tabIndex:!a&&l===0||a===n?void 0:-1,"aria-controls":`${n}-panel`,"aria-label":t,"aria-selected":a===n}});return c.jsx(A.TabsContext.Provider,{value:{currentTab:a,setCurrentTab:d},children:c.jsxs("div",{"data-name":"tabs",className:g&&v==="hide"?m:N.default(x.default.tabs,m),children:[c.jsx(P.Print,{visibility:v,children:c.jsx(_.TabsNav,{items:w,"aria-labelledby":r["aria-labelledby"]})}),c.jsx("div",{className:x.default.tabs__content,children:C})]})})};exports.Tabs=I;exports.default=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),N=require("../../../../tedi/components/misc/print/print.cjs.js"),P=require("../tabs-context.cjs.js"),A=require("../tabs-item/tabs-item.cjs.js"),D=require("../tabs-nav/tabs-nav.cjs.js"),x=require("./tabs.module.scss.cjs.js"),E=require("../../../../tedi/providers/printing-provider/printing-provider.cjs.js"),R=r=>{const I=E.usePrint(),{defaultCurrentTab:y,onTabChange:d,className:m,children:g,hideNavOnPrint:h="show"}=r,[C,q]=f.useState(y||""),v=(e=r.currentTab)=>!!r.onTabChange&&typeof e<"u",a=v(r.currentTab)?r.currentTab:C,u=e=>{a!==e&&(v()||q(e),d==null||d(e))},i=f.Children.toArray(r.children).filter(e=>f.isValidElement(e)&&e.type===A.TabsItem).map(e=>e.props),j=e=>{var n,o;const l=i.findIndex(b=>{var T;return b.id===((T=e.currentTarget)==null?void 0:T.id)}),s=l!==-1?l:0;let t=-1;switch(e.key){case" ":e.preventDefault(),u((n=e.currentTarget)==null?void 0:n.id);break;case"ArrowLeft":s===0?t=i.length-1:t=s-1;break;case"ArrowRight":s===i.length-1?t=0:t=s+1;break;case"Home":t=0;break;case"End":t=i.length-1;break}t!==-1&&(e.preventDefault(),(o=document.getElementById(i[t].id))==null||o.focus())},k=i.map((e,l)=>{const{children:s,label:t,id:n,...o}=e;return{...o,id:n,isActive:a===n,onClick:b=>{b.preventDefault(),u(n)},onKeyDown:j,children:t,href:`#${n}`,role:"tab",tabIndex:!a&&l===0||a===n?void 0:-1,"aria-controls":`${n}-panel`,"aria-label":t,"aria-selected":a===n}});return c.jsx(P.TabsContext.Provider,{value:{currentTab:a,setCurrentTab:u},children:c.jsxs("div",{"data-name":"tabs",className:I&&h==="hide"?m:w.default(x.default.tabs,m),children:[c.jsx(N.Print,{visibility:h,children:c.jsx(D.TabsNav,{items:k,"aria-labelledby":r["aria-labelledby"]})}),c.jsx("div",{className:x.default.tabs__content,children:g})]})})};exports.Tabs=R;

package/src/community/components/tabs/tabs/tabs.es.js

@@ -11,11 +11,11 @@ const q = (n) => {
   const y = j(), { defaultCurrentTab: x, onTabChange: d, className: f, children: C, hideNavOnPrint: h = "show" } = n, [g, p] = u.useState(x || ""), v = (e = n.currentTab) => !!n.onTabChange && typeof e < "u", a = v(n.currentTab) ? n.currentTab : g, m = (e) => {
     a !== e && (v() || p(e), d == null || d(e));
   }, i = u.Children.toArray(n.children).filter((e) => u.isValidElement(e) && e.type === _).map((e) => e.props), k = (e) => {
-    var r, o;
-    const l = i.findIndex((b) => {
+    var r, l;
+    const o = i.findIndex((b) => {
       var T;
       return b.id === ((T = e.currentTarget) == null ? void 0 : T.id);
-    }), s = l !== -1 ? l : 0;
+    }), s = o !== -1 ? o : 0;
     let t = -1;
     switch (e.key) {
       case " ":
@@ -34,11 +34,11 @@ const q = (n) => {
         t = i.length - 1;
         break;
     }
-    t !== -1 && (e.preventDefault(), (o = document.getElementById(i[t].id)) == null || o.focus());
-  }, w = i.map((e, l) => {
-    const { children: s, label: t, id: r, ...o } = e;
+    t !== -1 && (e.preventDefault(), (l = document.getElementById(i[t].id)) == null || l.focus());
+  }, w = i.map((e, o) => {
+    const { children: s, label: t, id: r, ...l } = e;
     return {
-      ...o,
+      ...l,
       id: r,
       isActive: a === r,
       onClick: (b) => {
@@ -48,7 +48,7 @@ const q = (n) => {
       children: t,
       href: `#${r}`,
       role: "tab",
-      tabIndex: !a && l === 0 || a === r ? void 0 : -1,
+      tabIndex: !a && o === 0 || a === r ? void 0 : -1,
       "aria-controls": `${r}-panel`,
       "aria-label": t,
       "aria-selected": a === r
@@ -76,6 +76,5 @@ const q = (n) => {
   );
 };
 export {
-  q as Tabs,
-  q as default
+  q as Tabs
 };

package/src/community/components/tooltip/tooltip-provider.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const G=require("react/jsx-runtime"),e=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),l=require("react"),j=require("../../../tedi/helpers/hooks/use-is-touch-device.cjs.js"),k=require("../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),s=require("../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),B=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),z=require("../../../tedi/helpers/hooks/use-is-mounted.cjs.js"),g=7,J=14,T=3,m=T+g,O=l.createContext({open:!1,isMounted:!1,openWith:"hover",reference:()=>null,floating:()=>null,focusManager:{},arrowRef:{current:null},x:null,y:null,strategy:"absolute",getReferenceProps:()=>({}),getFloatingProps:()=>({}),arrow:{x:0,y:0,centerOffset:0},placement:"top",context:{}}),R=a=>{const{getLabel:v}=B.useLabels(),h=j.useIsTouchDevice(),{children:P,placement:F="bottom",openWith:o=h?"click":"hover",defaultOpen:_=!1,open:r,onToggle:n,role:D="tooltip",offset:w=m}=a,{order:y=["reference","content"],modal:c=!1,initialFocus:I=-1,...i}=a.focusManager??{},{visuallyHiddenDismiss:M=c?v("close"):!1}=i??{},[x,b]=l.useState(_),u=l.useRef(null),f=n&&typeof r<"u"?r:x,q=p=>{typeof r>"u"&&b(p),n==null||n(p)},A=z.useIsMounted(),{x:E,y:H,refs:d,strategy:W,context:t,middlewareData:L,placement:C}=e.useFloating({placement:F,open:f,onOpenChange:q,middleware:[s.offset(w),s.flip(),s.shift({altBoundary:!0,padding:8}),s.arrow({element:u,padding:4})],whileElementsMounted:k.autoUpdate}),{getReferenceProps:S,getFloatingProps:U}=e.useInteractions([e.useHover(t,{handleClose:e.safePolygon(),enabled:o==="hover"}),e.useClick(t),e.useFocus(t,{enabled:o==="hover"}),e.useRole(t,{role:D}),e.useDismiss(t,{ancestorScroll:!0,outsidePressEvent:o==="click"?"mousedown":"pointerdown"})]);return G.jsx(O.Provider,{value:{open:f,isMounted:A,openWith:o,reference:d.setReference,floating:d.setFloating,arrowRef:u,focusManager:{order:y,initialFocus:I,modal:c,visuallyHiddenDismiss:M,...i},x:E,y:H,strategy:W,getReferenceProps:S,getFloatingProps:U,arrow:{...L.arrow},context:t,placement:C},children:P})};exports.ARROW_HEIGHT=g;exports.ARROW_WIDTH=J;exports.DEFAULT_TOOLTIP_OFFSET=m;exports.GAP=T;exports.TooltipContext=O;exports.TooltipProvider=R;exports.default=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const U=require("react/jsx-runtime"),e=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),c=require("react"),G=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),j=require("../../../tedi/helpers/hooks/use-is-touch-device.cjs.js"),k=require("../../../tedi/helpers/hooks/use-is-mounted.cjs.js"),B=require("../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),s=require("../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),g=7,z=14,T=3,m=T+g,O=c.createContext({open:!1,isMounted:!1,openWith:"hover",reference:()=>null,floating:()=>null,focusManager:{},arrowRef:{current:null},x:null,y:null,strategy:"absolute",getReferenceProps:()=>({}),getFloatingProps:()=>({}),arrow:{x:0,y:0,centerOffset:0},placement:"top",context:{}}),J=l=>{const{getLabel:R}=G.useLabels(),v=j.useIsTouchDevice(),{children:h,placement:P="bottom",openWith:o=v?"click":"hover",defaultOpen:F=!1,open:r,onToggle:n,role:y="tooltip",offset:D=m}=l,{order:w=["reference","content"],modal:a=!1,initialFocus:I=-1,...i}=l.focusManager??{},{visuallyHiddenDismiss:_=a?R("close"):!1}=i??{},[x,M]=c.useState(F),u=c.useRef(null),f=n&&typeof r<"u"?r:x,b=p=>{typeof r>"u"&&M(p),n==null||n(p)},q=k.useIsMounted(),{x:A,y:E,refs:d,strategy:H,context:t,middlewareData:W,placement:L}=e.useFloating({placement:P,open:f,onOpenChange:b,middleware:[s.offset(D),s.flip(),s.shift({altBoundary:!0,padding:8}),s.arrow({element:u,padding:4})],whileElementsMounted:B.autoUpdate}),{getReferenceProps:C,getFloatingProps:S}=e.useInteractions([e.useHover(t,{handleClose:e.safePolygon(),enabled:o==="hover"}),e.useClick(t),e.useFocus(t,{enabled:o==="hover"}),e.useRole(t,{role:y}),e.useDismiss(t,{ancestorScroll:!0,outsidePressEvent:o==="click"?"mousedown":"pointerdown"})]);return U.jsx(O.Provider,{value:{open:f,isMounted:q,openWith:o,reference:d.setReference,floating:d.setFloating,arrowRef:u,focusManager:{order:w,initialFocus:I,modal:a,visuallyHiddenDismiss:_,...i},x:A,y:E,strategy:H,getReferenceProps:C,getFloatingProps:S,arrow:{...W.arrow},context:t,placement:L},children:h})};exports.ARROW_HEIGHT=g;exports.ARROW_WIDTH=z;exports.DEFAULT_TOOLTIP_OFFSET=m;exports.GAP=T;exports.TooltipContext=O;exports.TooltipProvider=J;

package/src/community/components/tooltip/tooltip-provider.es.js

@@ -1,11 +1,11 @@
 import { jsx as H } from "react/jsx-runtime";
-import { useFloating as W, useInteractions as A, useHover as L, useClick as k, useFocus as S, useRole as G, useDismiss as U, safePolygon as j } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { useFloating as W, useInteractions as A, useHover as L, safePolygon as k, useClick as S, useFocus as G, useRole as U, useDismiss as j } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import s from "react";
-import { useIsTouchDevice as B } from "../../../tedi/helpers/hooks/use-is-touch-device.es.js";
-import { autoUpdate as q } from "../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as z, flip as J, shift as K, arrow as N } from "../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-import { useLabels as Q } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import { useIsMounted as V } from "../../../tedi/helpers/hooks/use-is-mounted.es.js";
+import { useLabels as B } from "../../../tedi/providers/label-provider/use-labels.es.js";
+import { useIsTouchDevice as q } from "../../../tedi/helpers/hooks/use-is-touch-device.es.js";
+import { useIsMounted as z } from "../../../tedi/helpers/hooks/use-is-mounted.es.js";
+import { autoUpdate as J } from "../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as K, flip as N, shift as Q, arrow as V } from "../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
 const X = 7, ce = 14, Y = 3, Z = Y + X, $ = s.createContext({
   open: !1,
   isMounted: !1,
@@ -27,7 +27,7 @@ const X = 7, ce = 14, Y = 3, Z = Y + X, $ = s.createContext({
   placement: "top",
   context: {}
 }), ie = (r) => {
-  const { getLabel: p } = Q(), d = B(), {
+  const { getLabel: p } = B(), d = q(), {
     children: m,
     placement: g = "bottom",
     openWith: o = d ? "click" : "hover",
@@ -43,34 +43,34 @@ const X = 7, ce = 14, Y = 3, Z = Y + X, $ = s.createContext({
     ...l
   } = r.focusManager ?? {}, { visuallyHiddenDismiss: y = a ? p("close") : !1 } = l ?? {}, [F, P] = s.useState(h), c = s.useRef(null), i = t && typeof n < "u" ? n : F, x = (u) => {
     typeof n > "u" && P(u), t == null || t(u);
-  }, T = V(), { x: D, y: M, refs: f, strategy: b, context: e, middlewareData: I, placement: _ } = W({
+  }, T = z(), { x: D, y: M, refs: f, strategy: b, context: e, middlewareData: I, placement: _ } = W({
     placement: g,
     open: i,
     onOpenChange: x,
     middleware: [
-      z(O),
-      J(),
-      K({
+      K(O),
+      N(),
+      Q({
         altBoundary: !0,
         padding: 8
       }),
-      N({
+      V({
         element: c,
         padding: 4
       })
     ],
-    whileElementsMounted: q
+    whileElementsMounted: J
   }), { getReferenceProps: C, getFloatingProps: E } = A([
     L(e, {
-      handleClose: j(),
+      handleClose: k(),
       enabled: o === "hover"
     }),
-    k(e),
-    S(e, {
+    S(e),
+    G(e, {
       enabled: o === "hover"
     }),
-    G(e, { role: v }),
-    U(e, {
+    U(e, { role: v }),
+    j(e, {
       ancestorScroll: !0,
       outsidePressEvent: o === "click" ? "mousedown" : "pointerdown"
       // https://floating-ui.com/docs/dialog#interaction-hooks
@@ -114,6 +114,5 @@ export {
   Z as DEFAULT_TOOLTIP_OFFSET,
   Y as GAP,
   $ as TooltipContext,
-  ie as TooltipProvider,
-  ie as default
+  ie as TooltipProvider
 };

package/src/community/components/tooltip/tooltip-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),g=require("../../../../external/classnames/index.cjs.js"),t=require("react"),p=require("../../../tedi/components/base/icon/icon.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),d=require("./tooltip-provider.cjs.js"),f=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),r=i=>{const{children:e}=i,{getLabel:l}=f.useLabels(),{getReferenceProps:s,reference:c,openWith:n}=t.useContext(d.TooltipContext),u=a.useMergeRefs([c,e.ref]);return t.cloneElement(e,s({ref:u,tabIndex:0,label:e.type===p.Icon?l("tooltip.icon-trigger"):void 0,...e.props,className:g.default(o.default.tooltip__trigger,{[o.default["tooltip__trigger--click"]]:n==="click"},e.props.className)}))};exports.TooltipTrigger=r;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),a=require("../../../../external/classnames/index.cjs.js"),t=require("react"),g=require("../../../tedi/components/base/icon/icon.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),p=require("./tooltip-provider.cjs.js"),d=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),f=r=>{const{children:e}=r,{getLabel:i}=d.useLabels(),{getReferenceProps:c,reference:n,openWith:s}=t.useContext(p.TooltipContext),l=u.useMergeRefs([n,e.ref]);return t.cloneElement(e,c({ref:l,tabIndex:0,label:e.type===g.Icon?i("tooltip.icon-trigger"):void 0,...e.props,className:a.default(o.default.tooltip__trigger,{[o.default["tooltip__trigger--click"]]:s==="click"},e.props.className)}))};exports.TooltipTrigger=f;

package/src/community/components/tooltip/tooltip-trigger.es.js

@@ -6,23 +6,22 @@ import t from "./tooltip.module.scss.es.js";
 import { TooltipContext as a } from "./tooltip-provider.es.js";
 import { useLabels as g } from "../../../tedi/providers/label-provider/use-labels.es.js";
 const T = (r) => {
-  const { children: e } = r, { getLabel: s } = g(), { getReferenceProps: i, reference: l, openWith: p } = o.useContext(a), c = m([l, e.ref]);
+  const { children: e } = r, { getLabel: s } = g(), { getReferenceProps: i, reference: p, openWith: c } = o.useContext(a), l = m([p, e.ref]);
   return o.cloneElement(
     e,
     i({
-      ref: c,
+      ref: l,
       tabIndex: 0,
       label: e.type === f ? s("tooltip.icon-trigger") : void 0,
       ...e.props,
       className: n(
         t.tooltip__trigger,
-        { [t["tooltip__trigger--click"]]: p === "click" },
+        { [t["tooltip__trigger--click"]]: c === "click" },
         e.props.className
       )
     })
   );
 };
 export {
-  T as TooltipTrigger,
-  T as default
+  T as TooltipTrigger
 };

package/src/community/components/tooltip/tooltip.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),u=require("../../../../external/classnames/index.cjs.js"),F=require("react"),y=require("../card/utility.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),n=require("./tooltip-provider.cjs.js"),W=require("../card/card.cjs.js"),M=require("../card/card-content/card-content.cjs.js"),d=g=>{const{children:f,maxWidth:l="medium",cardProps:t,className:m}=g,{open:p,x,y:h,strategy:C,focusManager:_,floating:q,arrowRef:j,getFloatingProps:w,placement:b,context:i}=F.useContext(n.TooltipContext),[k,a]=y.getCardBorderPlacementColor(t==null?void 0:t.border),s=()=>k&&a?`var(--color-${a})`:"none",c=s()!=="none",v=()=>t!=null&&t.background?`var(--color-${t==null?void 0:t.background})`:"var(--color-bg-default)",R=()=>{const T=e.jsx(r.FloatingFocusManager,{..._,context:i,children:e.jsxs("div",{...w({ref:q,style:{position:C,left:x??0,top:h??0},className:u.default(o.default.tooltip,m,{[o.default[`tooltip--${l}`]]:l})}),"data-placement":b,children:[e.jsx(r.FloatingArrow,{ref:A=>j.current=A,context:i,fill:v(),stroke:s(),strokeWidth:c?4:0,className:u.default(o.default.tooltip__arrow,{[o.default["tooltip__arrow--stroke"]]:c}),height:n.ARROW_HEIGHT,width:n.ARROW_WIDTH}),e.jsx(W.Card,{padding:.5,borderless:!0,...t,children:e.jsx(M.CardContent,{children:f})})]})});return p?T:null};return e.jsx(r.FloatingPortal,{"data-name":"tooltip",children:R()})};exports.Tooltip=d;exports.default=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),u=require("../../../../external/classnames/index.cjs.js"),y=require("react"),A=require("../card/utility.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),n=require("./tooltip-provider.cjs.js"),F=require("../card/card.cjs.js"),W=require("../card/card-content/card-content.cjs.js"),S=d=>{const{children:g,maxWidth:l="medium",cardProps:t,className:f}=d,{open:m,x:p,y:x,strategy:h,focusManager:C,floating:q,arrowRef:j,getFloatingProps:w,placement:_,context:i}=y.useContext(n.TooltipContext),[b,a]=A.getCardBorderPlacementColor(t==null?void 0:t.border),c=()=>b&&a?`var(--color-${a})`:"none",s=c()!=="none",k=()=>t!=null&&t.background?`var(--color-${t==null?void 0:t.background})`:"var(--color-bg-default)",R=()=>{const T=e.jsx(r.FloatingFocusManager,{...C,context:i,children:e.jsxs("div",{...w({ref:q,style:{position:h,left:p??0,top:x??0},className:u.default(o.default.tooltip,f,{[o.default[`tooltip--${l}`]]:l})}),"data-placement":_,children:[e.jsx(r.FloatingArrow,{ref:v=>j.current=v,context:i,fill:k(),stroke:c(),strokeWidth:s?4:0,className:u.default(o.default.tooltip__arrow,{[o.default["tooltip__arrow--stroke"]]:s}),height:n.ARROW_HEIGHT,width:n.ARROW_WIDTH}),e.jsx(F.Card,{padding:.5,borderless:!0,...t,children:e.jsx(W.CardContent,{children:g})})]})});return m?T:null};return e.jsx(r.FloatingPortal,{"data-name":"tooltip",children:R()})};exports.Tooltip=S;

package/src/community/components/tooltip/tooltip.es.js

@@ -8,7 +8,7 @@ import { TooltipContext as B, ARROW_WIDTH as H, ARROW_HEIGHT as $ } from "./tool
 import { Card as j } from "../card/card.es.js";
 import { CardContent as I } from "../card/card-content/card-content.es.js";
 const L = (c) => {
-  const { children: m, maxWidth: e = "medium", cardProps: o, className: d } = c, { open: f, x: p, y: u, strategy: g, focusManager: h, floating: C, arrowRef: w, getFloatingProps: x, placement: _, context: n } = y.useContext(B), [k, l] = N(o == null ? void 0 : o.border), a = () => k && l ? `var(--color-${l})` : "none", i = a() !== "none", A = () => o != null && o.background ? `var(--color-${o == null ? void 0 : o.background})` : "var(--color-bg-default)";
+  const { children: m, maxWidth: e = "medium", cardProps: o, className: d } = c, { open: p, x: f, y: g, strategy: u, focusManager: h, floating: C, arrowRef: w, getFloatingProps: x, placement: _, context: n } = y.useContext(B), [k, l] = N(o == null ? void 0 : o.border), a = () => k && l ? `var(--color-${l})` : "none", i = a() !== "none", A = () => o != null && o.background ? `var(--color-${o == null ? void 0 : o.background})` : "var(--color-bg-default)";
   return /* @__PURE__ */ t(b, { "data-name": "tooltip", children: (() => {
     const F = /* @__PURE__ */ t(W, { ...h, context: n, children: /* @__PURE__ */ T(
       "div",
@@ -16,9 +16,9 @@ const L = (c) => {
         ...x({
           ref: C,
           style: {
-            position: g,
-            left: p ?? 0,
-            top: u ?? 0
+            position: u,
+            left: f ?? 0,
+            top: g ?? 0
           },
           className: s(r.tooltip, d, { [r[`tooltip--${e}`]]: e })
         }),
@@ -41,10 +41,9 @@ const L = (c) => {
         ]
       }
     ) });
-    return f ? F : null;
+    return p ? F : null;
   })() });
 };
 export {
-  L as Tooltip,
-  L as default
+  L as Tooltip
 };

package/src/community/components/vertical-progress/vertical-progress-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("react"),p=require("../../../tedi/components/base/icon/icon.cjs.js"),j=require("../button/button.cjs.js"),b=require("../tag/tag.cjs.js"),v=require("./vertical-progress.cjs.js"),w=require("../card/card.cjs.js"),i=require("../card/card-content/card-content.cjs.js"),q=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),c=require("../../../tedi/components/layout/grid/row.cjs.js"),n=require("../../../tedi/components/layout/grid/col.cjs.js"),s=o.createContext({index:0,title:null}),a=r=>{const{children:t}=r;return e.jsx(s.Provider,{value:r,children:e.jsx(w.Card,{children:e.jsxs(i.CardContent,{padding:.75,lg:{padding:1.5},children:[e.jsx(I,{}),t&&e.jsx(i.CardContent,{padding:{top:1,right:0,bottom:0,left:0},lg:{padding:{top:2,right:2.5,bottom:0,left:2.5}},children:t})]})})})},I=()=>{const{title:r,state:t,index:l,isToggable:u=!0}=o.useContext(s),{onItemOpen:d}=o.useContext(v.VerticalProgressContext),{getLabel:g}=q.useLabels(),h=u&&!(t==="disabled")&&!(t==="active"),x=()=>{switch(t){case"active":return"primary";case"completed":return"positive";case"error":return"important";default:return"default"}},m=()=>{switch(t){case"active":case"completed":case"error":return"default";default:return"ghost"}},C=()=>{switch(t){case"completed":return"check";case"error":return"exclamation";default:return"chevron_right"}};return e.jsxs(c.Row,{alignItems:"center",justifyContent:"between",children:[e.jsx(n.Col,{width:"auto",children:e.jsxs(c.Row,{gutterX:3,gutterY:0,alignItems:"center",wrap:"nowrap",children:[e.jsx(n.Col,{width:"auto",children:e.jsx(b.Tag,{iconOnly:!0,rounded:!0,color:x(),type:m(),children:e.jsx(p.Icon,{name:C(),size:16,color:"inherit"})})}),e.jsx(n.Col,{width:"auto",children:r})]})}),h&&e.jsx(n.Col,{width:"auto",children:e.jsx(j.Button,{visualType:"link",iconRight:"edit",onClick:()=>d(l),children:g("vertical-progress.edit")})})]})};exports.VerticalProgressItem=a;exports.VerticalProgressItemContext=s;exports.default=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),C=require("../../../tedi/components/base/icon/icon.cjs.js"),p=require("../button/button.cjs.js"),j=require("../tag/tag.cjs.js"),b=require("./vertical-progress.cjs.js"),v=require("../card/card.cjs.js"),i=require("../card/card-content/card-content.cjs.js"),w=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),c=require("../../../tedi/components/layout/grid/row.cjs.js"),n=require("../../../tedi/components/layout/grid/col.cjs.js"),s=o.createContext({index:0,title:null}),q=r=>{const{children:t}=r;return e.jsx(s.Provider,{value:r,children:e.jsx(v.Card,{children:e.jsxs(i.CardContent,{padding:.75,lg:{padding:1.5},children:[e.jsx(I,{}),t&&e.jsx(i.CardContent,{padding:{top:1,right:0,bottom:0,left:0},lg:{padding:{top:2,right:2.5,bottom:0,left:2.5}},children:t})]})})})},I=()=>{const{title:r,state:t,index:a,isToggable:l=!0}=o.useContext(s),{onItemOpen:d}=o.useContext(b.VerticalProgressContext),{getLabel:u}=w.useLabels(),g=l&&!(t==="disabled")&&!(t==="active"),h=()=>{switch(t){case"active":return"primary";case"completed":return"positive";case"error":return"important";default:return"default"}},x=()=>{switch(t){case"active":case"completed":case"error":return"default";default:return"ghost"}},m=()=>{switch(t){case"completed":return"check";case"error":return"exclamation";default:return"chevron_right"}};return e.jsxs(c.Row,{alignItems:"center",justifyContent:"between",children:[e.jsx(n.Col,{width:"auto",children:e.jsxs(c.Row,{gutterX:3,gutterY:0,alignItems:"center",wrap:"nowrap",children:[e.jsx(n.Col,{width:"auto",children:e.jsx(j.Tag,{iconOnly:!0,rounded:!0,color:h(),type:x(),children:e.jsx(C.Icon,{name:m(),size:16,color:"inherit"})})}),e.jsx(n.Col,{width:"auto",children:r})]})}),g&&e.jsx(n.Col,{width:"auto",children:e.jsx(p.Button,{visualType:"link",iconRight:"edit",onClick:()=>d(a),children:u("vertical-progress.edit")})})]})};exports.VerticalProgressItem=q;exports.VerticalProgressItemContext=s;

package/src/community/components/vertical-progress/vertical-progress-item.es.js

@@ -66,6 +66,5 @@ const s = n.createContext({
 };
 export {
   H as VerticalProgressItem,
-  s as VerticalProgressItemContext,
-  H as default
+  s as VerticalProgressItemContext
 };

package/src/community/components/vertical-progress/vertical-progress.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),i=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),r=c.createContext({onItemOpen:()=>null}),t=n=>{const{children:s,onItemOpen:o}=n;return e.jsx(r.Provider,{value:{onItemOpen:o},children:e.jsx(i.VerticalSpacing,{size:.5,children:s})})};exports.VerticalProgress=t;exports.VerticalProgressContext=r;exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),r=o.createContext({onItemOpen:()=>null}),i=t=>{const{children:n,onItemOpen:c}=t;return e.jsx(r.Provider,{value:{onItemOpen:c},children:e.jsx(s.VerticalSpacing,{size:.5,children:n})})};exports.VerticalProgress=i;exports.VerticalProgressContext=r;

package/src/community/components/vertical-progress/vertical-progress.es.js

@@ -9,6 +9,5 @@ const i = n.createContext({
 };
 export {
   m as VerticalProgress,
-  i as VerticalProgressContext,
-  m as default
+  i as VerticalProgressContext
 };

package/src/community/components/vertical-stepper/step-item/step-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("../../../../../external/classnames/index.cjs.js"),I=require("react"),j=require("../../../../tedi/components/base/typography/text/text.cjs.js"),c=require("../../../../tedi/components/base/icon/icon.cjs.js"),k=require("../../../../tedi/components/buttons/collapse/collapse.cjs.js"),s=require("../vertical-stepper.module.scss.cjs.js"),i=require("../../../../tedi/components/layout/grid/row.cjs.js"),o=require("../../../../tedi/components/layout/grid/col.cjs.js"),R=({children:t,className:h,isSelected:p,hasIcon:r,title:d,href:N,onClick:u,state:l="default",info:a,isOpen:m,onToggle:x})=>{const[g,q]=I.useState(!1),f=m??g,v=n=>{x&&x(n),m===void 0&&q(n)},y=C.default(s.default["stepper-item"],{[s.default[l]]:l,[s.default.selected]:p,[s.default["has-info"]]:a&&!t,[s.default["info-with-children"]]:a&&t,[s.default["stepper-collapse-open"]]:f},h);return e.jsxs("li",{role:"treeitem","aria-selected":p,className:y,children:[e.jsx("span",{className:s.default["stepper-counter"]}),e.jsx("div",{className:s.default["stepper-content"],children:t?e.jsx(k.Collapse,{onToggle:v,open:f,hideCollapseText:!0,id:"vertical-stepper-collapse",className:s.default["stepper-item-collapse"],title:e.jsxs(e.Fragment,{children:[e.jsx(i.Row,{alignItems:"start",children:e.jsx(o.Col,{children:e.jsxs(j.Text,{element:"span",className:s.default["stepper-link"],children:[d,r&&l==="error"&&e.jsx(c.Icon,{name:"error",color:"danger",size:16,display:"inline",className:s.default["stepper-icon"]}),r&&l==="completed"&&e.jsx(c.Icon,{name:"check",color:"success",size:16,display:"inline",className:s.default["stepper-icon"]})]})})}),e.jsx(i.Row,{children:e.jsx(o.Col,{children:a})})]}),children:t&&e.jsx("ul",{className:s.default["sub-item-list"],children:t})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.default["stepper-link-container"],children:e.jsx("a",{href:N,onClick:n=>{n.preventDefault(),u&&u()},children:e.jsxs(j.Text,{element:"span",className:s.default["stepper-link"],children:[d,r&&l==="error"&&e.jsx(c.Icon,{name:"error",color:"danger",size:16,display:"inline",className:s.default["stepper-icon"]}),r&&l==="completed"&&e.jsx(c.Icon,{name:"check",color:"success",size:16,display:"inline",className:s.default["stepper-icon"]})]})})}),e.jsx(i.Row,{children:e.jsx(o.Col,{children:a})})]})}),e.jsx("div",{className:s.default["stepper-line"]})]})};exports.StepItem=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("../../../../../external/classnames/index.cjs.js"),I=require("react"),j=require("../../../../tedi/components/base/typography/text/text.cjs.js"),c=require("../../../../tedi/components/base/icon/icon.cjs.js"),k=require("../../../../tedi/components/content/collapse/collapse.cjs.js"),s=require("../vertical-stepper.module.scss.cjs.js"),i=require("../../../../tedi/components/layout/grid/row.cjs.js"),o=require("../../../../tedi/components/layout/grid/col.cjs.js"),R=({children:t,className:h,isSelected:p,hasIcon:r,title:d,href:N,onClick:u,state:l="default",info:a,isOpen:m,onToggle:x})=>{const[g,q]=I.useState(!1),f=m??g,v=n=>{x&&x(n),m===void 0&&q(n)},y=C.default(s.default["stepper-item"],{[s.default[l]]:l,[s.default.selected]:p,[s.default["has-info"]]:a&&!t,[s.default["info-with-children"]]:a&&t,[s.default["stepper-collapse-open"]]:f},h);return e.jsxs("li",{role:"treeitem","aria-selected":p,className:y,children:[e.jsx("span",{className:s.default["stepper-counter"]}),e.jsx("div",{className:s.default["stepper-content"],children:t?e.jsx(k.Collapse,{onToggle:v,open:f,hideCollapseText:!0,id:"vertical-stepper-collapse",className:s.default["stepper-item-collapse"],title:e.jsxs(e.Fragment,{children:[e.jsx(i.Row,{alignItems:"start",children:e.jsx(o.Col,{children:e.jsxs(j.Text,{element:"span",className:s.default["stepper-link"],children:[d,r&&l==="error"&&e.jsx(c.Icon,{name:"error",color:"danger",size:16,display:"inline",className:s.default["stepper-icon"]}),r&&l==="completed"&&e.jsx(c.Icon,{name:"check",color:"success",size:16,display:"inline",className:s.default["stepper-icon"]})]})})}),e.jsx(i.Row,{children:e.jsx(o.Col,{children:a})})]}),children:t&&e.jsx("ul",{className:s.default["sub-item-list"],children:t})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.default["stepper-link-container"],children:e.jsx("a",{href:N,onClick:n=>{n.preventDefault(),u&&u()},children:e.jsxs(j.Text,{element:"span",className:s.default["stepper-link"],children:[d,r&&l==="error"&&e.jsx(c.Icon,{name:"error",color:"danger",size:16,display:"inline",className:s.default["stepper-icon"]}),r&&l==="completed"&&e.jsx(c.Icon,{name:"check",color:"success",size:16,display:"inline",className:s.default["stepper-icon"]})]})})}),e.jsx(i.Row,{children:e.jsx(o.Col,{children:a})})]})}),e.jsx("div",{className:s.default["stepper-line"]})]})};exports.StepItem=R;

package/src/community/components/vertical-stepper/step-item/step-item.es.js

@@ -3,7 +3,7 @@ import j from "../../../../../external/classnames/index.es.js";
 import I from "react";
 import { Text as v } from "../../../../tedi/components/base/typography/text/text.es.js";
 import { Icon as t } from "../../../../tedi/components/base/icon/icon.es.js";
-import { Collapse as R } from "../../../../tedi/components/buttons/collapse/collapse.es.js";
+import { Collapse as R } from "../../../../tedi/components/content/collapse/collapse.es.js";
 import e from "../vertical-stepper.module.scss.es.js";
 import { Row as c } from "../../../../tedi/components/layout/grid/row.es.js";
 import { Col as o } from "../../../../tedi/components/layout/grid/col.es.js";

package/src/community/components/vertical-stepper/vertical-stepper.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("../../../../external/classnames/index.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),r=s=>{const{className:l,children:c,isCompact:a}=s,o=u.default(t.default.stepper,l,{[t.default["stepper--compact"]]:a});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:o,children:c})})};exports.VerticalStepper=r;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../external/classnames/index.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),p=r=>{const{className:c,children:s,isCompact:l}=r,a=o.default(t.default.stepper,c,{[t.default["stepper--compact"]]:l});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:a,children:s})})};exports.VerticalStepper=p;

package/src/community/components/vertical-stepper/vertical-stepper.es.js

@@ -1,11 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
-import c from "../../../../external/classnames/index.es.js";
+import m from "../../../../external/classnames/index.es.js";
 import r from "./vertical-stepper.module.scss.es.js";
 const n = (t) => {
-  const { className: s, children: o, isCompact: p } = t, a = c(r.stepper, s, { [r["stepper--compact"]]: p });
-  return /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ol", { role: "tree", className: a, children: o }) });
+  const { className: s, children: o, isCompact: p } = t, c = m(r.stepper, s, { [r["stepper--compact"]]: p });
+  return /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ol", { role: "tree", className: c, children: o }) });
 };
 export {
-  n as VerticalStepper,
-  n as default
+  n as VerticalStepper
 };

package/src/community/helpers/hooks/use-breakpoint-props.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=require("./use-breakpoint.cjs.js"),l=require("../../../../external/lodash-es/pickBy.cjs.js"),k=require("../../../../external/lodash-es/omit.cjs.js"),B=(i="xs")=>{const e=r.useBreakpoint(i),t=s.useMemo(()=>e?r.breakpoints.slice(0,r.breakpoints.indexOf(e)+1):[],[e]);return{getCurrentBreakpointProps:s.useCallback((o,a={})=>{const{sm:x,md:f,lg:g,xl:m,xxl:b,...u}=o,c=[...t.map(n=>l.default(n==="xs"?u:o[n],p=>p!==void 0))].filter(Boolean);return Object.assign(k.default(a,"defaultServerBreakpoint"),...c)},[t])}};exports.useBreakpointProps=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),t=require("./use-breakpoint.cjs.js"),l=require("../../../../external/lodash-es/pickBy.cjs.js"),k=require("../../../../external/lodash-es/omit.cjs.js"),B=(i="xs")=>{const e=t.default(i),r=s.useMemo(()=>e?t.breakpoints.slice(0,t.breakpoints.indexOf(e)+1):[],[e]);return{getCurrentBreakpointProps:s.useCallback((o,a={})=>{const{sm:f,md:x,lg:g,xl:m,xxl:b,...u}=o,c=[...r.map(n=>l.default(n==="xs"?u:o[n],p=>p!==void 0))].filter(Boolean);return Object.assign(k.default(a,"defaultServerBreakpoint"),...c)},[r])}};exports.useBreakpointProps=B;

package/src/community/helpers/hooks/use-breakpoint-props.es.js

@@ -1,5 +1,5 @@
 import n from "react";
-import { useBreakpoint as u, breakpoints as s } from "./use-breakpoint.es.js";
+import u, { breakpoints as s } from "./use-breakpoint.es.js";
 import k from "../../../../external/lodash-es/pickBy.es.js";
 import l from "../../../../external/lodash-es/omit.es.js";
 const O = (i = "xs") => {

package/src/community/helpers/hooks/use-layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./use-breakpoint.cjs.js"),o=["xs","sm"],r=["md"],i=["lg","xl","xxl"],a=t=>{const s=k.useBreakpoint(),p=t==null?void 0:t.reduce((e,n)=>{switch(n){case"desktop":return[...e,...i];case"tablet":return[...e,...r];case"mobile":return[...e,...o];default:return[...e,n]}},[]);return s?p.includes(s):!1};exports.default=a;exports.desktopBreakpoints=i;exports.mobileBreakpoints=o;exports.tabletBreakpoints=r;exports.useLayout=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./use-breakpoint.cjs.js"),o=["xs","sm"],r=["md"],i=["lg","xl","xxl"],a=t=>{const s=d.default(),p=t==null?void 0:t.reduce((e,n)=>{switch(n){case"desktop":return[...e,...i];case"tablet":return[...e,...r];case"mobile":return[...e,...o];default:return[...e,n]}},[]);return s?p.includes(s):!1};exports.default=a;exports.desktopBreakpoints=i;exports.mobileBreakpoints=o;exports.tabletBreakpoints=r;exports.useLayout=a;

package/src/community/helpers/hooks/use-layout.es.js

@@ -1,4 +1,4 @@
-import { useBreakpoint as o } from "./use-breakpoint.es.js";
+import o from "./use-breakpoint.es.js";
 const i = ["xs", "sm"], p = ["md"], k = ["lg", "xl", "xxl"], a = (t) => {
   const s = o(), r = t == null ? void 0 : t.reduce((e, n) => {
     switch (n) {

package/src/tedi/components/buttons/button-group/button-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),n=require("../../base/icon/icon.cjs.js"),x=require("../button/button.cjs.js"),r=require("./button-group.module.scss.cjs.js"),C=require("../../../providers/label-provider/use-labels.cjs.js"),L=require("../../../helpers/hooks/use-breakpoint.cjs.js"),l=require("../../overlays/dropdown/dropdown.cjs.js"),b=k=>{const{getLabel:j}=C.useLabels(),{children:q,className:w,type:c="primary",onSelectionChange:i,stretch:v=!1,ariaLabel:I,size:f="default",enableMobileDropdown:A=!1,mobileBreakpoint:N="md",dropdownLabel:y=j("sidenav.submenu"),dropdownLabelMode:R="static"}=k,B=L.useBreakpoint(),D=L.isBreakpointBelow(B,N),m=_.Children.toArray(q).filter(e=>_.isValidElement(e)&&e.type===x.Button),s=m.find(e=>e.props.isActive),M=R==="static"?y:(s==null?void 0:s.props.children)??y,a=s==null?void 0:s.props.iconLeft,d=s==null?void 0:s.props.icon;return D&&A?o.jsxs(l.Dropdown,{width:"trigger",children:[o.jsx(l.Dropdown.Trigger,{children:o.jsxs(x.Button,{visualType:c,className:g.default(r.default["tedi-button-group__dropdown-trigger"],r.default[`tedi-button-group__dropdown-trigger--${c}`],w),noStyle:!0,fullWidth:!0,children:[a?o.jsx(n.Icon,{name:typeof a=="string"?a:a.name,color:"inherit"}):d?o.jsx(n.Icon,{name:typeof d=="string"?d:d.name,color:"inherit"}):o.jsx(n.Icon,{name:"menu",color:"inherit"}),M]})}),o.jsx(l.Dropdown.Content,{children:m.map((e,u)=>o.jsxs(l.Dropdown.Item,{index:u,active:e==null?void 0:e.props.isActive,disabled:e==null?void 0:e.props.disabled,onClick:t=>{var p,h;e.props.disabled||(t.type==="click"&&((h=(p=e.props).onClick)==null||h.call(p,t)),e.props.id&&(i==null||i(e.props.id)))},className:r.default["tedi-button-group__dropdown-item"],children:[e.props.iconLeft&&o.jsx(n.Icon,{name:typeof e.props.iconLeft=="string"?e.props.iconLeft:e.props.iconLeft.name,color:"inherit"}),e.props.children,e.props.iconRight&&o.jsx(n.Icon,{name:typeof e.props.iconRight=="string"?e.props.iconRight:e.props.iconRight.name,color:"inherit"}),e.props.isActive&&o.jsx("span",{className:"sr-only",children:j("button-group.selected")})]},e.props.id||u))})]}):o.jsx("div",{className:g.default(r.default["tedi-button-group"],r.default[`tedi-button-group--${c}`],{[r.default["tedi-button-group--stretch"]]:v},w),role:"group","aria-label":I,children:m.map(e=>_.cloneElement(e,{className:g.default(r.default["tedi-button-group__item"],{[r.default["tedi-button-group__item--active"]]:e.props.isActive,[r.default["tedi-button-group__item--disabled"]]:e.props.disabled,[r.default[`tedi-button-group__item--size-${f}`]]:f},e.props.className),size:f,"aria-pressed":!!e.props.isActive,onClick:u=>{var t,p;(p=(t=e.props).onClick)==null||p.call(t,u),e.props.id&&(i==null||i(e.props.id))}}))})};exports.ButtonGroup=b;exports.default=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),y=require("react"),n=require("../../base/icon/icon.cjs.js"),x=require("../button/button.cjs.js"),r=require("./button-group.module.scss.cjs.js"),M=require("../../../providers/label-provider/use-labels.cjs.js"),L=require("../../../helpers/hooks/use-breakpoint.cjs.js"),u=require("../../overlays/dropdown/dropdown.cjs.js"),C=b=>{const{getLabel:_}=M.useLabels(),{children:k,className:j,type:c="primary",onSelectionChange:s,stretch:q=!1,ariaLabel:v,size:f="default",enableMobileDropdown:I=!1,mobileBreakpoint:A="md",dropdownLabel:w=_("sidenav.submenu"),dropdownLabelMode:N="static"}=b,R=L.default(),D=L.isBreakpointBelow(R,A),m=y.Children.toArray(k).filter(e=>y.isValidElement(e)&&e.type===x.Button),i=m.find(e=>e.props.isActive),B=N==="static"?w:(i==null?void 0:i.props.children)??w,a=i==null?void 0:i.props.iconLeft,d=i==null?void 0:i.props.icon;return D&&I?o.jsxs(u.Dropdown,{width:"trigger",children:[o.jsx(u.Dropdown.Trigger,{children:o.jsxs(x.Button,{visualType:c,className:g.default(r.default["tedi-button-group__dropdown-trigger"],r.default[`tedi-button-group__dropdown-trigger--${c}`],j),noStyle:!0,fullWidth:!0,children:[a?o.jsx(n.Icon,{name:typeof a=="string"?a:a.name,color:"inherit"}):d?o.jsx(n.Icon,{name:typeof d=="string"?d:d.name,color:"inherit"}):o.jsx(n.Icon,{name:"menu",color:"inherit"}),B]})}),o.jsx(u.Dropdown.Content,{children:m.map((e,l)=>o.jsxs(u.Dropdown.Item,{index:l,active:e==null?void 0:e.props.isActive,disabled:e==null?void 0:e.props.disabled,onClick:t=>{var p,h;e.props.disabled||(t.type==="click"&&((h=(p=e.props).onClick)==null||h.call(p,t)),e.props.id&&(s==null||s(e.props.id)))},className:r.default["tedi-button-group__dropdown-item"],children:[e.props.iconLeft&&o.jsx(n.Icon,{name:typeof e.props.iconLeft=="string"?e.props.iconLeft:e.props.iconLeft.name,color:"inherit"}),e.props.children,e.props.iconRight&&o.jsx(n.Icon,{name:typeof e.props.iconRight=="string"?e.props.iconRight:e.props.iconRight.name,color:"inherit"}),e.props.isActive&&o.jsx("span",{className:"sr-only",children:_("button-group.selected")})]},e.props.id||l))})]}):o.jsx("div",{className:g.default(r.default["tedi-button-group"],r.default[`tedi-button-group--${c}`],{[r.default["tedi-button-group--stretch"]]:q},j),role:"group","aria-label":v,children:m.map(e=>y.cloneElement(e,{className:g.default(r.default["tedi-button-group__item"],{[r.default["tedi-button-group__item--active"]]:e.props.isActive,[r.default["tedi-button-group__item--disabled"]]:e.props.disabled,[r.default[`tedi-button-group__item--size-${f}`]]:f},e.props.className),size:f,"aria-pressed":!!e.props.isActive,onClick:l=>{var t,p;(p=(t=e.props).onClick)==null||p.call(t,l),e.props.id&&(s==null||s(e.props.id))}}))})};exports.ButtonGroup=C;