@tedi-design-system/react 19.1.0-rc.8 → 19.1.0

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

@@ -9,9 +9,9 @@ import d from "./table.module.scss.es.js";
 import { TableContext as no } from "./table-context.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";
+import { getExpandedRowModel as ro, getFilteredRowModel as lo, getPaginationRowModel as ao, getSortedRowModel as so, getCoreRowModel as uo } from "../../../../external/@tanstack/table-core/build/lib/index.es.js";
+import { Card as go } from "../card/card.es.js";
+import { CardContent as co } from "../card/card-content/card-content.es.js";
 const mo = 1e4, Z = [];
 function Eo(u) {
   const { getLabel: y } = to(), {
@@ -123,11 +123,11 @@ function Eo(u) {
     onColumnFiltersChange: Ne,
     onColumnVisibilityChange: Oe,
     onColumnPinningChange: Te,
-    getCoreRowModel: co(),
-    getSortedRowModel: go(),
-    getPaginationRowModel: uo(),
-    getFilteredRowModel: so(),
-    getExpandedRowModel: ao(),
+    getCoreRowModel: uo(),
+    getSortedRowModel: so(),
+    getPaginationRowModel: ao(),
+    getFilteredRowModel: lo(),
+    getExpandedRowModel: ro(),
     getRowCanExpand: me,
     getSubRows: (o) => o.subRows,
     manualPagination: oe,
@@ -181,7 +181,7 @@ function Eo(u) {
         hideRowBorder: V,
         size: I
       },
-      children: /* @__PURE__ */ a(ro, { "data-name": "table", ...Re, borderless: D, padding: X, ...Y, children: /* @__PURE__ */ Ue(lo, { children: [
+      children: /* @__PURE__ */ a(go, { "data-name": "table", ...Re, borderless: D, padding: X, ...Y, children: /* @__PURE__ */ Ue(co, { children: [
         /* @__PURE__ */ a("div", { className: ze, children: /* @__PURE__ */ a(oo, {}) }),
         !g && m && /* @__PURE__ */ a(qe, { totalRows: P || m.getFilteredRowModel().rows.length })
       ] }) })

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

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=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("../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),h=require("./table-of-contents-items.cjs.js"),m=require("./table-of-contents-modal.cjs.js"),q=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),O=require("../../helpers/hooks/use-layout.cjs.js"),j=require("../card/card.cjs.js"),T=require("../card/card-content/card-content.cjs.js"),r=u.createContext({openItems:void 0,showIcons:void 0}),y=n=>{x.warnDeprecated("Community TableOfContents","Use TableOfContents from `@tedi-design-system/react/tedi` instead.");const{getLabel:i}=q.useLabels(),{breakToMobile:c=["mobile"],heading:o=i("table-of-contents.title"),hideOnScroll:l=!0}=n,t=O.default(c),{showIcons:a,openItems:d,...s}=n;return e.jsx(r.Provider,{value:{openItems:d,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(m.TableOfContentsModal,{...s,heading:o})}):e.jsx(j.Card,{children:e.jsx(T.CardContent,{children:e.jsx(h.TableOfContentsItems,{...s,heading:o})})})})})})};exports.TableOfContents=y;exports.TableOfContentsContext=r;

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

@@ -1,32 +1,34 @@
-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 { jsx as t } from "react/jsx-runtime";
+import f from "react";
+import { Affix as c } 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 { warnDeprecated as p } from "../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { TableOfContentsItems as C } from "./table-of-contents-items.es.js";
 import { TableOfContentsModal as h } from "./table-of-contents-modal.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 = a.createContext({
+import { useLabels as u } from "../../../tedi/providers/label-provider/use-labels.es.js";
+import O from "../../helpers/hooks/use-layout.es.js";
+import { Card as T } from "../card/card.es.js";
+import { CardContent as x } from "../card/card-content/card-content.es.js";
+const y = f.createContext({
   openItems: void 0,
   showIcons: void 0
-}), A = (e) => {
-  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,
+}), P = (e) => {
+  p("Community TableOfContents", "Use TableOfContents from `@tedi-design-system/react/tedi` instead.");
+  const { getLabel: i } = u(), { breakToMobile: m = ["mobile"], heading: n = i("table-of-contents.title"), hideOnScroll: s = !0 } = e, o = O(m), { showIcons: l, openItems: a, ...r } = e;
+  return /* @__PURE__ */ t(y.Provider, { value: { openItems: a, showIcons: l }, children: /* @__PURE__ */ t(
+    c,
     {
       right: 0,
       left: 0,
-      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 }) }) }) })
+      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: s, children: /* @__PURE__ */ t(h, { ...r, heading: n }) }) : /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(C, { ...r, heading: n }) }) }) })
     }
   ) });
 };
 export {
-  A as TableOfContents,
-  O as TableOfContentsContext
+  P as TableOfContents,
+  y as TableOfContentsContext
 };

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

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),D=require("../../../../tedi/components/misc/print/print.cjs.js"),N=require("../../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),P=require("../tabs-context.cjs.js"),A=require("../tabs-item/tabs-item.cjs.js"),p=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=n=>{N.warnDeprecated("Community Tabs","Use Tabs from `@tedi-design-system/react/tedi` instead.");const y=E.usePrint(),{defaultCurrentTab:I,onTabChange:o,className:f,children:g,hideNavOnPrint:h="show"}=n,[C,q]=m.useState(I||""),v=(e=n.currentTab)=>!!n.onTabChange&&typeof e<"u",a=v(n.currentTab)?n.currentTab:C,u=e=>{a!==e&&(v()||q(e),o==null||o(e))},s=m.Children.toArray(n.children).filter(e=>m.isValidElement(e)&&e.type===A.TabsItem).map(e=>e.props),w=e=>{var r,d;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(),u((r=e.currentTarget)==null?void 0:r.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(),(d=document.getElementById(s[t].id))==null||d.focus())},j=s.map((e,l)=>{const{children:i,label:t,id:r,...d}=e;return{...d,id:r,isActive:a===r,onClick:b=>{b.preventDefault(),u(r)},onKeyDown:w,children:t,href:`#${r}`,role:"tab",tabIndex:!a&&l===0||a===r?void 0:-1,"aria-controls":`${r}-panel`,"aria-label":t,"aria-selected":a===r}});return c.jsx(P.TabsContext.Provider,{value:{currentTab:a,setCurrentTab:u},children:c.jsxs("div",{"data-name":"tabs",className:y&&h==="hide"?f:k.default(x.default.tabs,f),children:[c.jsx(D.Print,{visibility:h,children:c.jsx(p.TabsNav,{items:j,"aria-labelledby":n["aria-labelledby"]})}),c.jsx("div",{className:x.default.tabs__content,children:g})]})})};exports.Tabs=R;

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

@@ -1,20 +1,22 @@
-import { jsx as c, jsxs as N } from "react/jsx-runtime";
-import A from "../../../../../external/classnames/index.es.js";
-import u from "react";
-import { Print as D } from "../../../../tedi/components/misc/print/print.es.js";
-import { TabsContext as P } from "../tabs-context.es.js";
-import { TabsItem as _ } from "../tabs-item/tabs-item.es.js";
-import { TabsNav as E } from "../tabs-nav/tabs-nav.es.js";
-import I from "./tabs.module.scss.es.js";
-import { usePrint as j } from "../../../../tedi/providers/printing-provider/printing-provider.es.js";
-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, l;
+import { jsx as l, jsxs as N } from "react/jsx-runtime";
+import D from "../../../../../external/classnames/index.es.js";
+import f from "react";
+import { Print as A } from "../../../../tedi/components/misc/print/print.es.js";
+import { warnDeprecated as P } from "../../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { TabsContext as _ } from "../tabs-context.es.js";
+import { TabsItem as E } from "../tabs-item/tabs-item.es.js";
+import { TabsNav as j } from "../tabs-nav/tabs-nav.es.js";
+import y from "./tabs.module.scss.es.js";
+import { usePrint as K } from "../../../../tedi/providers/printing-provider/printing-provider.es.js";
+const z = (n) => {
+  P("Community Tabs", "Use Tabs from `@tedi-design-system/react/tedi` instead.");
+  const I = K(), { defaultCurrentTab: p, onTabChange: d, className: u, children: C, hideNavOnPrint: h = "show" } = n, [g, x] = f.useState(p || ""), T = (e = n.currentTab) => !!n.onTabChange && typeof e < "u", a = T(n.currentTab) ? n.currentTab : g, m = (e) => {
+    a !== e && (T() || x(e), d == null || d(e));
+  }, i = f.Children.toArray(n.children).filter((e) => f.isValidElement(e) && e.type === E).map((e) => e.props), w = (e) => {
+    var r, c;
     const o = i.findIndex((b) => {
-      var T;
-      return b.id === ((T = e.currentTarget) == null ? void 0 : T.id);
+      var v;
+      return b.id === ((v = e.currentTarget) == null ? void 0 : v.id);
     }), s = o !== -1 ? o : 0;
     let t = -1;
     switch (e.key) {
@@ -34,17 +36,17 @@ const q = (n) => {
         t = i.length - 1;
         break;
     }
-    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;
+    t !== -1 && (e.preventDefault(), (c = document.getElementById(i[t].id)) == null || c.focus());
+  }, k = i.map((e, o) => {
+    const { children: s, label: t, id: r, ...c } = e;
     return {
-      ...l,
+      ...c,
       id: r,
       isActive: a === r,
       onClick: (b) => {
         b.preventDefault(), m(r);
       },
-      onKeyDown: k,
+      onKeyDown: w,
       children: t,
       href: `#${r}`,
       role: "tab",
@@ -54,8 +56,8 @@ const q = (n) => {
       "aria-selected": a === r
     };
   });
-  return /* @__PURE__ */ c(
-    P.Provider,
+  return /* @__PURE__ */ l(
+    _.Provider,
     {
       value: {
         currentTab: a,
@@ -65,10 +67,10 @@ const q = (n) => {
         "div",
         {
           "data-name": "tabs",
-          className: y && h === "hide" ? f : A(I.tabs, f),
+          className: I && h === "hide" ? u : D(y.tabs, u),
           children: [
-            /* @__PURE__ */ c(D, { visibility: h, children: /* @__PURE__ */ c(E, { items: w, "aria-labelledby": n["aria-labelledby"] }) }),
-            /* @__PURE__ */ c("div", { className: I.tabs__content, children: C })
+            /* @__PURE__ */ l(A, { visibility: h, children: /* @__PURE__ */ l(j, { items: k, "aria-labelledby": n["aria-labelledby"] }) }),
+            /* @__PURE__ */ l("div", { className: y.tabs__content, children: C })
           ]
         }
       )
@@ -76,5 +78,5 @@ const q = (n) => {
   );
 };
 export {
-  q as Tabs
+  z as Tabs
 };

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

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../../../external/classnames/index.cjs.js"),n=require("../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),l=r=>{n.warnDeprecated("Community VerticalStepper","Use `VerticalStepper` from `@tedi-design-system/react/tedi` instead.");const{className:c,children:s,isCompact:a}=r,i=p.default(t.default.stepper,c,{[t.default["stepper--compact"]]:a});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:i,children:s})})};exports.VerticalStepper=l;

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

@@ -1,10 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
-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, c = m(r.stepper, s, { [r["stepper--compact"]]: p });
-  return /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ol", { role: "tree", className: c, children: o }) });
+import a from "../../../../external/classnames/index.es.js";
+import { warnDeprecated as c } from "../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import t from "./vertical-stepper.module.scss.es.js";
+const f = (r) => {
+  c("Community VerticalStepper", "Use `VerticalStepper` from `@tedi-design-system/react/tedi` instead.");
+  const { className: s, children: p, isCompact: o } = r, m = a(t.stepper, s, { [t["stepper--compact"]]: o });
+  return /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ol", { role: "tree", className: m, children: p }) });
 };
 export {
-  n as VerticalStepper
+  f as VerticalStepper
 };

package/src/community/deprecated-exports.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),t=require("./components/anchor/anchor.cjs.js"),i=require("./components/button/button.cjs.js"),r=require("./components/card/card.cjs.js"),o=require("./components/form/choice-group/choice-group.cjs.js"),n=require("./components/form/pickers/datepicker/datepicker.cjs.js"),a=require("./components/form/pickers/datetimepicker/datetimepicker.cjs.js"),s=require("./components/form/radio/radio.cjs.js"),d=require("./components/form/select/select.cjs.js"),c=require("./components/layout/breadcrumbs/breadcrumbs.cjs.js"),m=require("./components/layout/footer/footer.cjs.js"),u=require("./components/layout/header/header/header.cjs.js"),g=require("./components/layout/sidenav/sidenav.cjs.js"),l=require("./components/modal/modal-provider.cjs.js"),p=require("./components/placeholder/placeholder.cjs.js"),y=require("./components/table/table.cjs.js"),h=require("./components/tag/tag.cjs.js"),C=require("./components/toggle-open/toggle-open.cjs.js"),D=require("./components/tooltip/tooltip.cjs.js"),T=e.withDeprecationWarning(t.Anchor,"Community Anchor","Use `Link` from `@tedi-design-system/react/tedi` instead."),f=e.withDeprecationWarning(c.Breadcrumbs,"Community Breadcrumbs","Use Breadcrumbs from `@tedi-design-system/react/tedi` instead."),q=e.withDeprecationWarning(i.Button,"Community Button","Use `Button` from `@tedi-design-system/react/tedi` instead."),w=e.withDeprecationWarning(r.Card,"Community Card","Use `Card` from `@tedi-design-system/react/tedi` instead."),P=e.withDeprecationWarning(o.ChoiceGroup,"Community ChoiceGroup","Use `ChoiceGroup` from `@tedi-design-system/react/tedi` instead."),U=e.withDeprecationWarning(n.DatePicker,"Community DatePicker","Use `DateField` from `@tedi-design-system/react/tedi` instead."),W=e.withDeprecationWarning(a.DateTimePicker,"Community DateTimePicker","Use `DateTimeField` from `@tedi-design-system/react/tedi` instead."),b=e.withDeprecationWarning(m.Footer,"Community Footer","Use `Footer` from `@tedi-design-system/react/tedi` instead."),S=e.withDeprecationWarning(u.Header,"Community Header","Use `Header` from `@tedi-design-system/react/tedi` instead."),v=e.withDeprecationWarning(l.ModalProvider,"Community ModalProvider","Use Modal from `@tedi-design-system/react/tedi` instead."),k=e.withDeprecationWarning(p.Placeholder,"Community Placeholder","Use EmptyState from `@tedi-design-system/react/tedi` instead."),B=e.withDeprecationWarning(s.Radio,"Community Radio","Use `Radio` from `@tedi-design-system/react/tedi` instead."),F=e.withDeprecationWarning(d.Select,"Community Select","Use `Select` from `@tedi-design-system/react/tedi` instead."),G=e.withDeprecationWarning(g.SideNav,"Community SideNav","Use `SideNav` from `@tedi-design-system/react/tedi` instead."),M=e.withDeprecationWarning(y.Table,"Community Table","Use `Table` from `@tedi-design-system/react/tedi` instead."),O=e.withDeprecationWarning(h.Tag,"Community Tag","Use `Tag` from `@tedi-design-system/react/tedi` instead."),H=e.withDeprecationWarning(C.ToggleOpen,"Community ToggleOpen","Use `CollapseButton` from `@tedi-design-system/react/tedi` instead."),N=e.withDeprecationWarning(D.Tooltip,"Community Tooltip","Use `Tooltip` from `@tedi-design-system/react/tedi` instead.");exports.Anchor=T;exports.Breadcrumbs=f;exports.Button=q;exports.Card=w;exports.ChoiceGroup=P;exports.DatePicker=U;exports.DateTimePicker=W;exports.Footer=b;exports.Header=S;exports.ModalProvider=v;exports.Placeholder=k;exports.Radio=B;exports.Select=F;exports.SideNav=G;exports.Table=M;exports.Tag=O;exports.ToggleOpen=H;exports.Tooltip=N;

package/src/community/deprecated-exports.d.ts

@@ -0,0 +1,19 @@
+import { Table as TableBase } from './components/table/table';
+export declare const Anchor: import('.').AnchorComponent;
+export declare const Breadcrumbs: <C extends React.ElementType = "a">(props: import('.').BreadcrumbsProps<C>) => JSX.Element | null;
+export declare const Button: import('.').ButtonComponent;
+export declare const Card: import('react').ForwardRefExoticComponent<import('.').CardProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ChoiceGroup: (props: import('.').ChoiceGroupProps) => React.ReactElement;
+export declare const DatePicker: (props: import('.').DatePickerProps) => JSX.Element;
+export declare const DateTimePicker: (props: import('.').DateTimePickerProps) => JSX.Element;
+export declare const Footer: (props: import('.').FooterProps) => JSX.Element;
+export declare const Header: <H extends React.ElementType = "a">(props: import('.').HeaderProps<H>) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalProvider: (props: import('.').ModalProviderProps) => JSX.Element;
+export declare const Placeholder: (props: import('.').PlaceholderProps) => JSX.Element;
+export declare const Radio: (props: import('.').RadioProps) => JSX.Element;
+export declare const Select: import('react').ForwardRefExoticComponent<import('.').SelectProps & import('react').RefAttributes<import('react-select').SelectInstance<import('.').ISelectOption<unknown>, boolean, import('.').IGroupedOptions<import('.').ISelectOption<unknown>>>>>;
+export declare const SideNav: <C extends React.ElementType = "a">(props: import('.').SideNavProps<C>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Table: typeof TableBase;
+export declare const Tag: import('react').ForwardRefExoticComponent<import('.').TagProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ToggleOpen: ({ openText, closeText, isOpen, iconRight, ...rest }: import('.').ToggleOpenProps) => JSX.Element;
+export declare const Tooltip: (props: import('.').TooltipProps) => JSX.Element | null;

package/src/community/deprecated-exports.es.js

@@ -0,0 +1,112 @@
+import { withDeprecationWarning as e } from "../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { Anchor as t } from "./components/anchor/anchor.es.js";
+import { Button as o } from "./components/button/button.es.js";
+import { Card as i } from "./components/card/card.es.js";
+import { ChoiceGroup as s } from "./components/form/choice-group/choice-group.es.js";
+import { DatePicker as r } from "./components/form/pickers/datepicker/datepicker.es.js";
+import { DateTimePicker as m } from "./components/form/pickers/datetimepicker/datetimepicker.es.js";
+import { Radio as a } from "./components/form/radio/radio.es.js";
+import { Select as d } from "./components/form/select/select.es.js";
+import { Breadcrumbs as n } from "./components/layout/breadcrumbs/breadcrumbs.es.js";
+import { Footer as c } from "./components/layout/footer/footer.es.js";
+import { Header as f } from "./components/layout/header/header/header.es.js";
+import { SideNav as p } from "./components/layout/sidenav/sidenav.es.js";
+import { ModalProvider as y } from "./components/modal/modal-provider.es.js";
+import { Placeholder as l } from "./components/placeholder/placeholder.es.js";
+import { Table as u } from "./components/table/table.es.js";
+import { Tag as g } from "./components/tag/tag.es.js";
+import { ToggleOpen as C } from "./components/toggle-open/toggle-open.es.js";
+import { Tooltip as T } from "./components/tooltip/tooltip.es.js";
+const x = e(
+  t,
+  "Community Anchor",
+  "Use `Link` from `@tedi-design-system/react/tedi` instead."
+), E = e(
+  n,
+  "Community Breadcrumbs",
+  "Use Breadcrumbs from `@tedi-design-system/react/tedi` instead."
+), L = e(
+  o,
+  "Community Button",
+  "Use `Button` from `@tedi-design-system/react/tedi` instead."
+), W = e(
+  i,
+  "Community Card",
+  "Use `Card` from `@tedi-design-system/react/tedi` instead."
+), j = e(
+  s,
+  "Community ChoiceGroup",
+  "Use `ChoiceGroup` from `@tedi-design-system/react/tedi` instead."
+), q = e(
+  r,
+  "Community DatePicker",
+  "Use `DateField` from `@tedi-design-system/react/tedi` instead."
+), z = e(
+  m,
+  "Community DateTimePicker",
+  "Use `DateTimeField` from `@tedi-design-system/react/tedi` instead."
+), I = e(
+  c,
+  "Community Footer",
+  "Use `Footer` from `@tedi-design-system/react/tedi` instead."
+), J = e(
+  f,
+  "Community Header",
+  "Use `Header` from `@tedi-design-system/react/tedi` instead."
+), K = e(
+  y,
+  "Community ModalProvider",
+  "Use Modal from `@tedi-design-system/react/tedi` instead."
+), Q = e(
+  l,
+  "Community Placeholder",
+  "Use EmptyState from `@tedi-design-system/react/tedi` instead."
+), V = e(
+  a,
+  "Community Radio",
+  "Use `Radio` from `@tedi-design-system/react/tedi` instead."
+), X = e(
+  d,
+  "Community Select",
+  "Use `Select` from `@tedi-design-system/react/tedi` instead."
+), Y = e(
+  p,
+  "Community SideNav",
+  "Use `SideNav` from `@tedi-design-system/react/tedi` instead."
+), Z = e(
+  u,
+  "Community Table",
+  "Use `Table` from `@tedi-design-system/react/tedi` instead."
+), _ = e(
+  g,
+  "Community Tag",
+  "Use `Tag` from `@tedi-design-system/react/tedi` instead."
+), ee = e(
+  C,
+  "Community ToggleOpen",
+  "Use `CollapseButton` from `@tedi-design-system/react/tedi` instead."
+), te = e(
+  T,
+  "Community Tooltip",
+  "Use `Tooltip` from `@tedi-design-system/react/tedi` instead."
+);
+export {
+  x as Anchor,
+  E as Breadcrumbs,
+  L as Button,
+  W as Card,
+  j as ChoiceGroup,
+  q as DatePicker,
+  z as DateTimePicker,
+  I as Footer,
+  J as Header,
+  K as ModalProvider,
+  Q as Placeholder,
+  V as Radio,
+  X as Select,
+  Y as SideNav,
+  Z as Table,
+  _ as Tag,
+  ee as ToggleOpen,
+  te as Tooltip
+};

package/src/community/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/dropdown/dropdown';
 export * from './components/stepper';
 export * from './components/card';
 export * from './components/feedback/feedback';
+export * from './components/form/category-search';
 export * from './components/form/hidden-field/hidden-field';
 export * from './components/form/choice-group';
 export * from './components/form/check/check';
@@ -29,6 +30,7 @@ export * from './components/placeholder/placeholder';
 export * from './components/vertical-stepper/vertical-stepper';
 export * from './components/vertical-stepper/step-item/step-item';
 export * from './components/vertical-stepper/sub-item/sub-item';
+export * from './components/dock-panel/dock-panel';
 export * from './helpers';
 export * from './providers/style-provider/style-provider';
 export * from './types/index';
@@ -54,3 +56,4 @@ export * from './components/map-components/map-select/map-select';
 export * from './components/map-components/sheet/sheet';
 export * from './components/map-components/split-pane/split-pane';
 export * from './components/map-components/timeline/timeline';
+export { Anchor, Breadcrumbs, Button, Card, ChoiceGroup, DatePicker, DateTimePicker, Footer, Header, ModalProvider, Placeholder, Radio, Select, SideNav, Table, Tag, ToggleOpen, Tooltip, } from './deprecated-exports';

package/src/tedi/components/content/card/card.d.ts

@@ -84,6 +84,10 @@ type CardBreakpointProps = {
 } & Pick<CardContentProps, 'padding' | 'background'>;
 export interface CardProps extends BreakpointSupport<CardBreakpointProps> {
     children?: React.ReactNode;
+    /**
+     * Id applied to the root element (forwarded to the underlying `div`).
+     */
+    id?: string;
 }
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
     Content: (props: CardContentProps) => JSX.Element;

package/src/tedi/components/content/carousel/carousel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),c=require("./carousel.module.scss.cjs.js"),i=require("./carousel-context.cjs.js"),l=require("./components/carousel-content/carousel-content.cjs.js"),d=require("./components/carousel-footer/carousel-footer.cjs.js"),C=require("./components/carousel-header/carousel-header.cjs.js"),q=require("./components/carousel-indicators/carousel-indicators.cjs.js"),v=require("./components/carousel-navigation/carousel-navigation.cjs.js"),g=require("./use-carousel.cjs.js"),r=n.forwardRef(({children:o,className:s},t)=>{const a=g.useCarousel();return e.jsx(i.CarouselContext.Provider,{value:a,children:e.jsx("div",{ref:t,className:u.default(c.default["tedi-carousel"],s),children:o})})});r.displayName="Carousel";const x=Object.assign(r,{Header:C.CarouselHeader,Content:l.CarouselContent,Footer:d.CarouselFooter,Navigation:v.CarouselNavigation,Indicators:q.CarouselIndicators});exports.Carousel=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),i=require("./carousel.module.scss.cjs.js"),l=require("./carousel-context.cjs.js"),d=require("./components/carousel-content/carousel-content.cjs.js"),C=require("./components/carousel-footer/carousel-footer.cjs.js"),q=require("./components/carousel-header/carousel-header.cjs.js"),v=require("./components/carousel-indicators/carousel-indicators.cjs.js"),g=require("./components/carousel-navigation/carousel-navigation.cjs.js"),x=require("./use-carousel.cjs.js"),r=c.forwardRef(({children:o,className:s,ariaLabel:t},a)=>{const u=x.useCarousel(t);return e.jsx(l.CarouselContext.Provider,{value:u,children:e.jsx("div",{ref:a,className:n.default(i.default["tedi-carousel"],s),children:o})})});r.displayName="Carousel";const f=Object.assign(r,{Header:q.CarouselHeader,Content:d.CarouselContent,Footer:C.CarouselFooter,Navigation:g.CarouselNavigation,Indicators:v.CarouselIndicators});exports.Carousel=f;

package/src/tedi/components/content/carousel/carousel.d.ts

@@ -9,6 +9,11 @@ export interface CarouselProps {
      * Additional class name applied to the carousel root.
      */
     className?: string;
+    /**
+     * Accessible name for the carousel region. Set a distinct label per carousel when a page has
+     * several. Defaults to the localized `carousel` label.
+     */
+    ariaLabel?: string;
 }
 export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<import('.').CarouselHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/src/tedi/components/content/carousel/carousel.es.js

@@ -1,26 +1,26 @@
 import { jsx as o } from "react/jsx-runtime";
-import m from "../../../../../external/classnames/index.es.js";
-import { forwardRef as i } from "react";
-import l from "./carousel.module.scss.es.js";
-import { CarouselContext as n } from "./carousel-context.es.js";
-import { CarouselContent as u } from "./components/carousel-content/carousel-content.es.js";
-import { CarouselFooter as f } from "./components/carousel-footer/carousel-footer.es.js";
-import { CarouselHeader as p } from "./components/carousel-header/carousel-header.es.js";
-import { CarouselIndicators as C } from "./components/carousel-indicators/carousel-indicators.es.js";
-import { CarouselNavigation as c } from "./components/carousel-navigation/carousel-navigation.es.js";
-import { useCarousel as d } from "./use-carousel.es.js";
-const r = i(({ children: e, className: t }, a) => {
-  const s = d();
-  return /* @__PURE__ */ o(n.Provider, { value: s, children: /* @__PURE__ */ o("div", { ref: a, className: m(l["tedi-carousel"], t), children: e }) });
+import i from "../../../../../external/classnames/index.es.js";
+import { forwardRef as l } from "react";
+import n from "./carousel.module.scss.es.js";
+import { CarouselContext as u } from "./carousel-context.es.js";
+import { CarouselContent as f } from "./components/carousel-content/carousel-content.es.js";
+import { CarouselFooter as p } from "./components/carousel-footer/carousel-footer.es.js";
+import { CarouselHeader as C } from "./components/carousel-header/carousel-header.es.js";
+import { CarouselIndicators as c } from "./components/carousel-indicators/carousel-indicators.es.js";
+import { CarouselNavigation as d } from "./components/carousel-navigation/carousel-navigation.es.js";
+import { useCarousel as v } from "./use-carousel.es.js";
+const r = l(({ children: e, className: t, ariaLabel: a }, s) => {
+  const m = v(a);
+  return /* @__PURE__ */ o(u.Provider, { value: m, children: /* @__PURE__ */ o("div", { ref: s, className: i(n["tedi-carousel"], t), children: e }) });
 });
 r.displayName = "Carousel";
-const w = Object.assign(r, {
-  Header: p,
-  Content: u,
-  Footer: f,
-  Navigation: c,
-  Indicators: C
+const O = Object.assign(r, {
+  Header: C,
+  Content: f,
+  Footer: p,
+  Navigation: d,
+  Indicators: c
 });
 export {
-  w as Carousel
+  O as Carousel
 };

package/src/tedi/components/content/carousel/use-carousel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),Le=require("../../../helpers/hooks/use-breakpoint.cjs.js"),re=require("./carousel-utils.cjs.js"),ye=require("../../../providers/label-provider/use-labels.cjs.js"),De={slidesPerView:{xs:1},gap:{xs:1},fade:!1,transitionMs:400,loop:!0,centered:!1},V=(S,p)=>(S%p+p)%p,Ve=()=>{const{getLabel:S}=ye.useLabels(),p=Le.default(),[u,ne]=t.useState(De),[r,se]=t.useState(0),[l,b]=t.useState(0),[m,U]=t.useState(0),[Y,R]=t.useState(!1),[g,ce]=t.useState(0),[j,oe]=t.useState(16),[ae,ue]=t.useState(""),E=t.useRef(null),H=t.useRef(null),J=t.useRef([]),P=t.useRef(!1),L=t.useRef(!1),B=t.useRef(!1),$=t.useRef(0),y=t.useRef(0),Q=t.useRef(0),O=t.useRef(0),_=t.useRef(0),q=t.useRef(),A=t.useRef(0),Z=t.useRef(!0),i=t.useRef(l),ee=t.useRef(m);t.useEffect(()=>{i.current=l},[l]),t.useEffect(()=>{ee.current=m},[m]);const o=t.useMemo(()=>re.resolveBreakpointValue(u.slidesPerView,p),[u.slidesPerView,p]),C=t.useMemo(()=>re.resolveBreakpointValue(u.gap,p),[u.gap,p]),w=t.useMemo(()=>C*j,[C,j]),s=u.loop,M=t.useMemo(()=>Math.max(0,r-Math.ceil(o)),[r,o]),k=t.useCallback(e=>s?e:Math.min(Math.max(e,0),M),[s,M]),d=s?r:0,le=t.useMemo(()=>r===0?0:s?V(Math.floor(l),r):Math.min(Math.max(Math.round(l),0),r-1),[l,r,s]),F=s?l-m+d:l,ie=s||l>.001,fe=s||l<M-.001,de=t.useMemo(()=>{if(!r)return[];if(!s)return Array.from({length:r},(c,a)=>a);const e=2*d+Math.ceil(o),n=m-d;return Array.from({length:e},(c,a)=>V(n+a,r))},[r,d,o,m,s]),me=t.useMemo(()=>`0 0 calc((100% - ${(o-1)*C}rem) / ${o})`,[o,C]),he=t.useMemo(()=>{if(!g)return{gap:`${C}rem`,transform:"translate3d(0,0,0)",transition:"none"};const e=w*(o-1),n=(g-e)/o,c=s?l-m+d:l,a=u.centered?(g-n)/2:0,f=-c*(n+w)+a;return{gap:`${C}rem`,transform:`translate3d(${f}px, 0, 0)`,transition:Y?`transform ${u.transitionMs}ms ease`:"none"}},[g,C,w,o,l,m,d,Y,u.transitionMs,u.centered,s]),Me=t.useCallback(e=>{const n=Math.ceil(o);return e>=F&&e<F+n},[o,F]),pe=t.useCallback((e,n,c)=>{const a=[e];if(u.fade){const f=u.fade==="both"||u.fade!=="right"&&o<=1;a.push(f?c:n)}return a.join(" ")},[u.fade,o]),be=t.useCallback((e,n)=>{J.current[e]=n},[]),I=t.useCallback(()=>{setTimeout(()=>{if(!Z.current||!r)return;const e=s?V(Math.floor(i.current),r):Math.min(Math.max(Math.round(i.current),0),r-1);ue(S("carousel.slide",e+1,r))},100)},[S,r,s]),X=t.useCallback(()=>{P.current=!0,setTimeout(()=>{P.current=!1},u.transitionMs)},[u.transitionMs]),te=t.useCallback(()=>{setTimeout(()=>{var n;const e=i.current-ee.current+d;(n=J.current[e])==null||n.focus({preventScroll:!0})})},[d]),G=t.useCallback(()=>{!r||P.current||!s&&i.current>=M-.001||(R(!0),b(e=>k(e+1)),X(),I())},[r,s,M,k,X,I]),K=t.useCallback(()=>{!r||P.current||!s&&i.current<=.001||(R(!0),b(e=>k(e-1)),X(),I())},[r,s,k,X,I]),N=t.useCallback((e,n)=>{if(!(!r||P.current)){if(R(!0),s){const c=V(Math.floor(i.current),r),f=V(e,r)-c;b(h=>h+f)}else b(k(e));n!=null&&n.focusSlide?B.current=!0:I()}},[r,s,k,I]),Re=t.useCallback(e=>{e.target!==H.current||e.propertyName!=="transform"||L.current||(R(!1),U(Math.floor(i.current)),B.current&&(B.current=!1,te()))},[te]),ke=t.useCallback(()=>{const e=E.current;e&&(e.scrollLeft=0,e.scrollTop=0)},[]),T=t.useCallback(()=>(g-w*(o-1))/o+w,[g,w,o]),Ce=t.useCallback(e=>{if(!r)return;const n=Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.shiftKey?e.deltaY:0;if(!n)return;const c=T();if(!c)return;const a=n/c;A.current+=a;const f=d*.9,h=s?m-f:0,x=s?m+f:M,W=i.current+a,v=Math.min(Math.max(W,h),x),Ie=v!==W;R(!1),b(v),clearTimeout(q.current),q.current=setTimeout(()=>{R(!0);const Te=Math.sign(A.current),D=i.current;let z=Math.round(D);Math.abs(A.current)>.3&&(z=Te>0?Math.ceil(D):Math.floor(D)),Ie&&(D<=h&&(z=Math.ceil(h)),D>=x&&(z=Math.floor(x)));const Pe=Math.min(Math.max(z,h),x);b(Pe),A.current=0},120)},[r,T,d,m,s,M]),xe=t.useCallback(e=>{switch(e.key){case"ArrowRight":case"PageDown":e.preventDefault(),G();break;case"ArrowLeft":case"PageUp":e.preventDefault(),K();break;case"Home":e.preventDefault(),N(0);break;case"End":e.preventDefault(),N(r-1);break}},[G,K,N,r]),Se=t.useCallback(e=>{var n;r&&((n=E.current)==null||n.setPointerCapture(e.pointerId),L.current=!0,R(!1),$.current=e.clientX,y.current=i.current,Q.current=e.timeStamp,O.current=e.clientX,_.current=e.timeStamp,s&&U(Math.floor(i.current)))},[r,s]),ge=t.useCallback(e=>{if(!L.current)return;const n=T();if(!n)return;const c=e.clientX-$.current;if(Number.isNaN(c))return;O.current=e.clientX,_.current=e.timeStamp;const a=c/n,f=y.current-a,h=d*.9,x=Math.floor(y.current),W=s?x-h:0,v=s?x+h:M;b(Math.min(Math.max(f,W),v))},[T,d,s,M]),we=t.useCallback(()=>{if(!L.current)return;L.current=!1,R(!0);const e=T(),n=Math.round(i.current);let c=n;const a=_.current-Q.current,f=a>0&&e?-(O.current-$.current)/e/a:0;Math.abs(f)>.0015&&n===Math.round(y.current)&&(c=Math.round(y.current)+(f>0?1:-1)),b(k(c))},[T,k]);return t.useEffect(()=>{const e=E.current;if(!e)return;const n=()=>{ce(e.clientWidth),oe(parseFloat(getComputedStyle(document.documentElement).fontSize)||16)};n();const c=new ResizeObserver(n);return c.observe(e),()=>c.disconnect()},[]),t.useEffect(()=>()=>{Z.current=!1,clearTimeout(q.current)},[]),{viewportRef:E,trackRef:H,setSlideRef:be,setConfig:ne,setSlidesCount:se,slidesCount:r,slideIndex:le,canPrev:ie,canNext:fe,renderedIndices:de,renderedActiveIndex:F,slideFlex:me,trackStyle:he,contentClassName:pe,isSlideVisible:Me,announcement:ae,regionLabel:S("carousel"),slideLabel:e=>S("carousel.slide",e,r),next:G,prev:K,goToIndex:N,onTransitionEnd:Re,onScroll:ke,onWheel:Ce,onKeyDown:xe,onPointerDown:Se,onPointerMove:ge,onPointerUp:we}};exports.useCarousel=Ve;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),De=require("../../../helpers/hooks/use-breakpoint.cjs.js"),ne=require("./carousel-utils.cjs.js"),Ve=require("../../../providers/label-provider/use-labels.cjs.js"),Ee={slidesPerView:{xs:1},gap:{xs:1},fade:!1,transitionMs:400,loop:!0,centered:!1},E=(T,p)=>(T%p+p)%p,Ae=T=>{const{getLabel:p}=Ve.useLabels(),A=De.default(),[u,se]=t.useState(Ee),[r,ce]=t.useState(0),[l,b]=t.useState(0),[m,Y]=t.useState(0),[j,R]=t.useState(!1),[S,oe]=t.useState(0),[H,ae]=t.useState(16),[ue,le]=t.useState(""),F=t.useRef(null),J=t.useRef(null),Q=t.useRef([]),P=t.useRef(!1),y=t.useRef(!1),$=t.useRef(!1),O=t.useRef(0),D=t.useRef(0),Z=t.useRef(0),_=t.useRef(0),q=t.useRef(0),G=t.useRef(),X=t.useRef(0),ee=t.useRef(!0),i=t.useRef(l),te=t.useRef(m);t.useEffect(()=>{i.current=l},[l]),t.useEffect(()=>{te.current=m},[m]);const o=t.useMemo(()=>ne.resolveBreakpointValue(u.slidesPerView,A),[u.slidesPerView,A]),C=t.useMemo(()=>ne.resolveBreakpointValue(u.gap,A),[u.gap,A]),g=t.useMemo(()=>C*H,[C,H]),s=u.loop,M=t.useMemo(()=>Math.max(0,r-Math.ceil(o)),[r,o]),k=t.useCallback(e=>s?e:Math.min(Math.max(e,0),M),[s,M]),d=s?r:0,ie=t.useMemo(()=>r===0?0:s?E(Math.floor(l),r):Math.min(Math.max(Math.round(l),0),r-1),[l,r,s]),L=s?l-m+d:l,fe=s||l>.001,de=s||l<M-.001,me=t.useMemo(()=>{if(!r)return[];if(!s)return Array.from({length:r},(c,a)=>a);const e=2*d+Math.ceil(o),n=m-d;return Array.from({length:e},(c,a)=>E(n+a,r))},[r,d,o,m,s]),he=t.useMemo(()=>`0 0 calc((100% - ${(o-1)*C}rem) / ${o})`,[o,C]),Me=t.useMemo(()=>{if(!S)return{gap:`${C}rem`,transform:"translate3d(0,0,0)",transition:"none"};const e=g*(o-1),n=(S-e)/o,c=s?l-m+d:l,a=u.centered?(S-n)/2:0,f=-c*(n+g)+a;return{gap:`${C}rem`,transform:`translate3d(${f}px, 0, 0)`,transition:j?`transform ${u.transitionMs}ms ease`:"none"}},[S,C,g,o,l,m,d,j,u.transitionMs,u.centered,s]),pe=t.useCallback(e=>{const n=Math.ceil(o);return e>=L&&e<L+n},[o,L]),be=t.useCallback((e,n,c)=>{const a=[e];if(u.fade){const f=u.fade==="both"||u.fade!=="right"&&o<=1;a.push(f?c:n)}return a.join(" ")},[u.fade,o]),Re=t.useCallback((e,n)=>{Q.current[e]=n},[]),w=t.useCallback(()=>{setTimeout(()=>{if(!ee.current||!r)return;const e=s?E(Math.floor(i.current),r):Math.min(Math.max(Math.round(i.current),0),r-1);le(p("carousel.slide",e+1,r))},100)},[p,r,s]),N=t.useCallback(()=>{P.current=!0,setTimeout(()=>{P.current=!1},u.transitionMs)},[u.transitionMs]),re=t.useCallback(()=>{setTimeout(()=>{var n;const e=i.current-te.current+d;(n=Q.current[e])==null||n.focus({preventScroll:!0})})},[d]),K=t.useCallback(()=>{!r||P.current||!s&&i.current>=M-.001||(R(!0),b(e=>k(e+1)),N(),w())},[r,s,M,k,N,w]),U=t.useCallback(()=>{!r||P.current||!s&&i.current<=.001||(R(!0),b(e=>k(e-1)),N(),w())},[r,s,k,N,w]),W=t.useCallback((e,n)=>{if(!(!r||P.current)){if(R(!0),s){const c=E(Math.floor(i.current),r),f=E(e,r)-c;b(h=>h+f)}else b(k(e));n!=null&&n.focusSlide?$.current=!0:w()}},[r,s,k,w]),ke=t.useCallback(e=>{e.target!==J.current||e.propertyName!=="transform"||y.current||(R(!1),Y(Math.floor(i.current)),$.current&&($.current=!1,re()))},[re]),Ce=t.useCallback(()=>{const e=F.current;e&&(e.scrollLeft=0,e.scrollTop=0)},[]),I=t.useCallback(()=>(S-g*(o-1))/o+g,[S,g,o]),xe=t.useCallback(e=>{if(!r)return;const n=Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.shiftKey?e.deltaY:0;if(!n)return;const c=I();if(!c)return;const a=n/c;X.current+=a;const f=d*.9,h=s?m-f:0,x=s?m+f:M,v=i.current+a,z=Math.min(Math.max(v,h),x),Te=z!==v;R(!1),b(z),clearTimeout(G.current),G.current=setTimeout(()=>{R(!0);const Pe=Math.sign(X.current),V=i.current;let B=Math.round(V);Math.abs(X.current)>.3&&(B=Pe>0?Math.ceil(V):Math.floor(V)),Te&&(V<=h&&(B=Math.ceil(h)),V>=x&&(B=Math.floor(x)));const ye=Math.min(Math.max(B,h),x);b(ye),X.current=0},120)},[r,I,d,m,s,M]),Se=t.useCallback(e=>{switch(e.key){case"ArrowRight":case"PageDown":e.preventDefault(),K();break;case"ArrowLeft":case"PageUp":e.preventDefault(),U();break;case"Home":e.preventDefault(),W(0);break;case"End":e.preventDefault(),W(r-1);break}},[K,U,W,r]),ge=t.useCallback(e=>{var n;r&&((n=F.current)==null||n.setPointerCapture(e.pointerId),y.current=!0,R(!1),O.current=e.clientX,D.current=i.current,Z.current=e.timeStamp,_.current=e.clientX,q.current=e.timeStamp,s&&Y(Math.floor(i.current)))},[r,s]),we=t.useCallback(e=>{if(!y.current)return;const n=I();if(!n)return;const c=e.clientX-O.current;if(Number.isNaN(c))return;_.current=e.clientX,q.current=e.timeStamp;const a=c/n,f=D.current-a,h=d*.9,x=Math.floor(D.current),v=s?x-h:0,z=s?x+h:M;b(Math.min(Math.max(f,v),z))},[I,d,s,M]),Ie=t.useCallback(()=>{if(!y.current)return;y.current=!1,R(!0);const e=I(),n=Math.round(i.current);let c=n;const a=q.current-Z.current,f=a>0&&e?-(_.current-O.current)/e/a:0;Math.abs(f)>.0015&&n===Math.round(D.current)&&(c=Math.round(D.current)+(f>0?1:-1)),b(k(c))},[I,k]);return t.useEffect(()=>{const e=F.current;if(!e)return;const n=()=>{oe(e.clientWidth),ae(parseFloat(getComputedStyle(document.documentElement).fontSize)||16)};n();const c=new ResizeObserver(n);return c.observe(e),()=>c.disconnect()},[]),t.useEffect(()=>()=>{ee.current=!1,clearTimeout(G.current)},[]),{viewportRef:F,trackRef:J,setSlideRef:Re,setConfig:se,setSlidesCount:ce,slidesCount:r,slideIndex:ie,canPrev:fe,canNext:de,renderedIndices:me,renderedActiveIndex:L,slideFlex:he,trackStyle:Me,contentClassName:be,isSlideVisible:pe,announcement:ue,regionLabel:(T==null?void 0:T.trim())||p("carousel"),slideLabel:e=>p("carousel.slide",e,r),next:K,prev:U,goToIndex:W,onTransitionEnd:ke,onScroll:Ce,onWheel:xe,onKeyDown:Se,onPointerDown:ge,onPointerMove:we,onPointerUp:Ie}};exports.useCarousel=Ae;

package/src/tedi/components/content/carousel/use-carousel.d.ts

@@ -53,4 +53,4 @@ export interface CarouselApi {
  * imperative API consumed by `Carousel.Content`, `Carousel.Navigation` and
  * `Carousel.Indicators`. Ported from the Angular `tedi-carousel-content`.
  */
-export declare const useCarousel: () => CarouselApi;
+export declare const useCarousel: (ariaLabel?: string) => CarouselApi;