@tedi-design-system/react 18.0.0-rc.3 → 18.0.0-rc.30

package/src/tedi/components/misc/stretch-content/stretch-content.es.js

@@ -1,18 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
-import m from "../../../../../external/classnames/index.es.js";
-import l from "./stretch-content.module.scss.es.js";
-import { useBreakpointProps as p } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { jsx as m } from "react/jsx-runtime";
+import a from "../../../../../external/classnames/index.es.js";
+import p from "./stretch-content.module.scss.es.js";
+import { useBreakpointProps as l } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 const B = (t) => {
-  const { getCurrentBreakpointProps: e } = p(t.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: e } = l(t.defaultServerBreakpoint), {
     children: r,
     role: o,
     direction: s = "both",
     className: n,
     ...c
-  } = e(t), a = m(l[`tedi-stretch-content--${s}`], n);
-  return /* @__PURE__ */ i("div", { className: a, role: o, ...c, children: r });
+  } = e(t), i = a(p[`tedi-stretch-content--${s}`], n);
+  return /* @__PURE__ */ m("div", { className: i, role: o, ...c, children: r });
 };
 export {
-  B as StretchContent,
-  B as default
+  B as StretchContent
 };

package/src/tedi/components/navigation/breadcrumbs/breadcrumbs.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),b=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),I=require("../../base/icon/icon.cjs.js"),M=require("../../buttons/button/button.cjs.js"),t=require("./breadcrumbs.module.scss.cjs.js"),P=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),S=require("../../../providers/label-provider/use-labels.cjs.js"),d=require("../../overlays/dropdown/dropdown.cjs.js"),k=n=>{const l=[];return o.Children.forEach(n,a=>{if(o.isValidElement(a)){if(a.type===o.Fragment){l.push(...k(a.props.children));return}l.push(a)}}),l},D=e.jsx(I.Icon,{name:"chevron_right",size:16,color:"brand"}),h=n=>{const{children:l,ariaLabel:a,showMoreLabel:v,separator:w=D,className:p}=n,{getCurrentBreakpointProps:B}=P.useBreakpointProps(n.defaultServerBreakpoint),{variant:C="long",maxItems:f,itemsBeforeCollapse:q=1,itemsAfterCollapse:y=1}=B(n),{getLabel:x}=S.useLabels(),_=a??x("breadcrumbs"),L=v??x("breadcrumbs.show-more"),s=k(l);if(s.length===0)return null;if(C==="short"){if(s.length<2)return null;const r=s[s.length-2],i=r.props,c=typeof r.type!="string"&&i.iconLeft===void 0?o.cloneElement(r,{iconLeft:"arrow_back"}):r;return e.jsx("nav",{"aria-label":_,className:b.default(t.default["tedi-breadcrumbs"],p),children:e.jsx("ol",{className:t.default["tedi-breadcrumbs__list"],children:e.jsx("li",{className:t.default["tedi-breadcrumbs__item"],children:c})})})}const u=Math.max(0,q),m=Math.max(1,y),g=f!==void 0&&s.length>f&&s.length>u+m?[...s.slice(0,u).map(r=>({kind:"item",element:r})),{kind:"ellipsis",hidden:s.slice(u,s.length-m)},...s.slice(s.length-m).map(r=>({kind:"item",element:r}))]:s.map(r=>({kind:"item",element:r})),j=g.length-1;return e.jsx("nav",{"aria-label":_,className:b.default(t.default["tedi-breadcrumbs"],p),children:e.jsx("ol",{className:t.default["tedi-breadcrumbs__list"],children:g.map((r,i)=>e.jsxs(o.Fragment,{children:[r.kind==="item"?e.jsx("li",{className:b.default(t.default["tedi-breadcrumbs__item"],{[t.default["tedi-breadcrumbs__current"]]:i===j}),children:r.element}):e.jsx("li",{className:t.default["tedi-breadcrumbs__item"],children:e.jsxs(d.Dropdown,{children:[e.jsx(d.Dropdown.Trigger,{children:e.jsxs(M.Button,{noStyle:!0,className:t.default["tedi-breadcrumbs__ellipsis"],children:[e.jsx("span",{"aria-hidden":"true",children:"…"}),e.jsx("span",{className:"sr-only",children:L})]})}),e.jsx(d.Dropdown.Content,{children:r.hidden.map((c,N)=>e.jsx(d.Dropdown.Item,{index:N,asChild:!0,children:c},c.key??N))})]})}),i<j&&e.jsx("li",{className:t.default["tedi-breadcrumbs__separator"],"aria-hidden":"true",children:w})]},i))})})};h.displayName="Breadcrumbs";exports.Breadcrumbs=h;exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),I=require("../../base/icon/icon.cjs.js"),M=require("../../buttons/button/button.cjs.js"),t=require("./breadcrumbs.module.scss.cjs.js"),P=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),S=require("../../../providers/label-provider/use-labels.cjs.js"),d=require("../../overlays/dropdown/dropdown.cjs.js"),N=n=>{const l=[];return o.Children.forEach(n,a=>{if(o.isValidElement(a)){if(a.type===o.Fragment){l.push(...N(a.props.children));return}l.push(a)}}),l},D=e.jsx(I.Icon,{name:"chevron_right",size:16,color:"brand"}),k=n=>{const{children:l,ariaLabel:a,showMoreLabel:w,separator:B=D,className:h}=n,{getCurrentBreakpointProps:C}=P.useBreakpointProps(n.defaultServerBreakpoint),{variant:q="long",maxItems:p,itemsBeforeCollapse:v=1,itemsAfterCollapse:y=1}=C(n),{getLabel:f}=S.useLabels(),x=a??f("breadcrumbs"),L=w??f("breadcrumbs.show-more"),s=N(l);if(s.length===0)return null;if(q==="short"){if(s.length<2)return null;const r=s[s.length-2],i=r.props,c=typeof r.type!="string"&&i.iconLeft===void 0?o.cloneElement(r,{iconLeft:"arrow_back"}):r;return e.jsx("nav",{"aria-label":x,className:b.default(t.default["tedi-breadcrumbs"],h),children:e.jsx("ol",{className:t.default["tedi-breadcrumbs__list"],children:e.jsx("li",{className:t.default["tedi-breadcrumbs__item"],children:c})})})}const u=Math.max(0,v),m=Math.max(1,y),g=p!==void 0&&s.length>p&&s.length>u+m?[...s.slice(0,u).map(r=>({kind:"item",element:r})),{kind:"ellipsis",hidden:s.slice(u,s.length-m)},...s.slice(s.length-m).map(r=>({kind:"item",element:r}))]:s.map(r=>({kind:"item",element:r})),j=g.length-1;return e.jsx("nav",{"aria-label":x,className:b.default(t.default["tedi-breadcrumbs"],h),children:e.jsx("ol",{className:t.default["tedi-breadcrumbs__list"],children:g.map((r,i)=>e.jsxs(o.Fragment,{children:[r.kind==="item"?e.jsx("li",{className:b.default(t.default["tedi-breadcrumbs__item"],{[t.default["tedi-breadcrumbs__current"]]:i===j}),children:r.element}):e.jsx("li",{className:t.default["tedi-breadcrumbs__item"],children:e.jsxs(d.Dropdown,{children:[e.jsx(d.Dropdown.Trigger,{children:e.jsxs(M.Button,{noStyle:!0,className:t.default["tedi-breadcrumbs__ellipsis"],children:[e.jsx("span",{"aria-hidden":"true",children:"…"}),e.jsx("span",{className:"sr-only",children:L})]})}),e.jsx(d.Dropdown.Content,{children:r.hidden.map((c,_)=>e.jsx(d.Dropdown.Item,{index:_,asChild:!0,children:c},c.key??_))})]})}),i<j&&e.jsx("li",{className:t.default["tedi-breadcrumbs__separator"],"aria-hidden":"true",children:B})]},i))})})};k.displayName="Breadcrumbs";exports.Breadcrumbs=k;

package/src/tedi/components/navigation/breadcrumbs/breadcrumbs.es.js

@@ -60,6 +60,5 @@ const v = (l) => {
 };
 F.displayName = "Breadcrumbs";
 export {
-  F as Breadcrumbs,
-  F as default
+  F as Breadcrumbs
 };

package/src/tedi/components/navigation/hash-trigger/hash-trigger.es.js

@@ -1,5 +1,5 @@
 import { jsx as h } from "react/jsx-runtime";
-import { useRef as a, useEffect as l, cloneElement as d, isValidElement as u } from "react";
+import { useRef as a, useEffect as l, isValidElement as d, cloneElement as u } from "react";
 function m(n) {
   const e = n.getBoundingClientRect();
   return e.top >= 0 && e.left >= 0 && e.bottom <= (window.innerHeight || document.documentElement.clientHeight) && e.right <= (window.innerWidth || document.documentElement.clientWidth);
@@ -20,7 +20,7 @@ const p = (n) => {
     return r.current && (s(), r.current = !1), window.addEventListener("hashchange", s), () => {
       window.removeEventListener("hashchange", s);
     };
-  }, [t, i, e]), u(o) ? d(o, { id: t }) : /* @__PURE__ */ h("div", { id: t, children: o });
+  }, [t, i, e]), d(o) ? u(o, { id: t }) : /* @__PURE__ */ h("div", { id: t, children: o });
 };
 export {
   p as HashTrigger

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper-context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(0);exports.HorizontalStepperStepNumberContext=t;

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper-context.d.ts

@@ -0,0 +1,2 @@
+/** @internal Step number provided by the parent `HorizontalStepper` to each item. */
+export declare const HorizontalStepperStepNumberContext: import('react').Context<number>;

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper-context.es.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t(0);
+export {
+  o as HorizontalStepperStepNumberContext
+};

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),x=require("react"),p=require("../../base/icon/icon.cjs.js"),e=require("./horizontal-stepper.module.scss.cjs.js"),_=require("./horizontal-stepper-context.cjs.js"),j=require("../../../providers/label-provider/use-labels.cjs.js"),d=c=>{const{label:m,description:a,completed:u,error:r,selected:i,disabled:s,onSelect:o,className:h}=c,{getLabel:l}=j.useLabels(),z=x.useContext(_.HorizontalStepperStepNumberContext),n=!!u&&!r,b=()=>{i||s||o==null||o()};return t.jsx("li",{"data-name":"horizontal-stepper-item",className:f.default(e.default["tedi-horizontal-stepper-item"],{[e.default["tedi-horizontal-stepper-item--selected"]]:i,[e.default["tedi-horizontal-stepper-item--completed"]]:n,[e.default["tedi-horizontal-stepper-item--error"]]:r,[e.default["tedi-horizontal-stepper-item--disabled"]]:s},h),children:t.jsxs("button",{type:"button",className:e.default["tedi-horizontal-stepper-item__step"],disabled:s,"aria-current":i?"step":void 0,onClick:b,children:[t.jsx("span",{className:e.default["tedi-horizontal-stepper-item__indicator"],children:n?t.jsx(p.Icon,{name:"check",color:"white",size:18,label:l("stepper.completed")}):r?t.jsx(p.Icon,{name:"priority_high",color:"white",size:18,label:l("stepper.error")}):t.jsx("span",{className:e.default["tedi-horizontal-stepper-item__number"],children:z})}),t.jsxs("span",{className:e.default["tedi-horizontal-stepper-item__content"],children:[t.jsx("span",{className:e.default["tedi-horizontal-stepper-item__label"],children:m}),a&&t.jsx("span",{className:e.default["tedi-horizontal-stepper-item__description"],children:a})]})]})})};d.displayName="HorizontalStepperItem";exports.HorizontalStepperItem=d;

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item.d.ts

@@ -0,0 +1,45 @@
+export interface HorizontalStepperItemProps {
+    /**
+     * Step label shown next to the indicator.
+     */
+    label: string;
+    /**
+     * Secondary text rendered below the label.
+     */
+    description?: string;
+    /**
+     * Marks the step as completed — the indicator shows a check glyph. Ignored
+     * while `error` is set.
+     */
+    completed?: boolean;
+    /**
+     * Marks the step as invalid — the indicator shows a warning glyph and the
+     * step uses the danger colours. Takes precedence over `completed`.
+     */
+    error?: boolean;
+    /**
+     * Marks the step as the current one. Sets `aria-current="step"` and renders
+     * the selected (filled) treatment; the step is not clickable while selected.
+     */
+    selected?: boolean;
+    /**
+     * Prevents the step from being clicked or focused. Use for future steps the
+     * user shouldn't reach yet (e.g. when validation runs step-by-step). Leave
+     * completed steps enabled so users can navigate back to them.
+     */
+    disabled?: boolean;
+    /**
+     * Fired when the user activates the step. Does not fire when the step is
+     * `selected` (already current) or `disabled`.
+     */
+    onSelect?: () => void;
+    /**
+     * Additional class name on the item's root element.
+     */
+    className?: string;
+}
+export declare const HorizontalStepperItem: {
+    (props: HorizontalStepperItemProps): JSX.Element;
+    displayName: string;
+};
+export default HorizontalStepperItem;

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper-item.es.js

@@ -0,0 +1,49 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import N from "../../../../../external/classnames/index.es.js";
+import { useContext as u } from "react";
+import { Icon as m } from "../../base/icon/icon.es.js";
+import e from "./horizontal-stepper.module.scss.es.js";
+import { HorizontalStepperStepNumberContext as f } from "./horizontal-stepper-context.es.js";
+import { useLabels as x } from "../../../providers/label-provider/use-labels.es.js";
+const C = (c) => {
+  const { label: d, description: p, completed: h, error: r, selected: i, disabled: o, onSelect: s, className: z } = c, { getLabel: a } = x(), b = u(f), l = !!h && !r, _ = () => {
+    i || o || s == null || s();
+  };
+  return /* @__PURE__ */ t(
+    "li",
+    {
+      "data-name": "horizontal-stepper-item",
+      className: N(
+        e["tedi-horizontal-stepper-item"],
+        {
+          [e["tedi-horizontal-stepper-item--selected"]]: i,
+          [e["tedi-horizontal-stepper-item--completed"]]: l,
+          [e["tedi-horizontal-stepper-item--error"]]: r,
+          [e["tedi-horizontal-stepper-item--disabled"]]: o
+        },
+        z
+      ),
+      children: /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: e["tedi-horizontal-stepper-item__step"],
+          disabled: o,
+          "aria-current": i ? "step" : void 0,
+          onClick: _,
+          children: [
+            /* @__PURE__ */ t("span", { className: e["tedi-horizontal-stepper-item__indicator"], children: l ? /* @__PURE__ */ t(m, { name: "check", color: "white", size: 18, label: a("stepper.completed") }) : r ? /* @__PURE__ */ t(m, { name: "priority_high", color: "white", size: 18, label: a("stepper.error") }) : /* @__PURE__ */ t("span", { className: e["tedi-horizontal-stepper-item__number"], children: b }) }),
+            /* @__PURE__ */ n("span", { className: e["tedi-horizontal-stepper-item__content"], children: [
+              /* @__PURE__ */ t("span", { className: e["tedi-horizontal-stepper-item__label"], children: d }),
+              p && /* @__PURE__ */ t("span", { className: e["tedi-horizontal-stepper-item__description"], children: p })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+C.displayName = "HorizontalStepperItem";
+export {
+  C as HorizontalStepperItem
+};

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),e=require("./horizontal-stepper.module.scss.cjs.js"),S=require("./horizontal-stepper-context.cjs.js"),i=require("./horizontal-stepper-item.cjs.js"),p=a.forwardRef(({children:l,"aria-label":s,background:u="default",compact:r="sm",className:d},m)=>{let n=0;const z=a.Children.map(l,t=>a.isValidElement(t)&&t.type===i.HorizontalStepperItem?(n+=1,o.jsx(S.HorizontalStepperStepNumberContext.Provider,{value:n,children:t})):t);return o.jsx("nav",{ref:m,"aria-label":s,"data-name":"horizontal-stepper",className:c.default(e.default["tedi-horizontal-stepper"],{[e.default["tedi-horizontal-stepper--transparent"]]:u==="transparent",[e.default["tedi-horizontal-stepper--compact"]]:r===!0},typeof r=="string"&&e.default[`tedi-horizontal-stepper--compact-${r}`],d),children:o.jsx("ol",{className:e.default["tedi-horizontal-stepper__list"],children:z})})});p.displayName="HorizontalStepper";const f=Object.assign(p,{Item:i.HorizontalStepperItem});exports.HorizontalStepper=f;

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+export type HorizontalStepperBackground = 'default' | 'transparent';
+export type HorizontalStepperCompact = boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export interface HorizontalStepperProps {
+    /**
+     * `HorizontalStepper.Item` elements, one per step.
+     */
+    children: ReactNode;
+    /**
+     * Accessible name for the navigation landmark.
+     */
+    'aria-label'?: string;
+    /**
+     * Background style of the stepper track.
+     * @default default
+     */
+    background?: HorizontalStepperBackground;
+    /**
+     * Collapse labels so only the indicators plus the selected step's label are
+     * visible. `true` collapses at every width; a breakpoint (`'sm'`, `'md'`,
+     * `'lg'`, `'xl'`, `'xxl'`) collapses only below that breakpoint.
+     * @default sm
+     */
+    compact?: HorizontalStepperCompact;
+    /**
+     * Additional class name on the root element.
+     */
+    className?: string;
+}
+export declare const HorizontalStepper: import('react').ForwardRefExoticComponent<HorizontalStepperProps & import('react').RefAttributes<HTMLElement>> & {
+    Item: {
+        (props: import('./horizontal-stepper-item').HorizontalStepperItemProps): JSX.Element;
+        displayName: string;
+    };
+};
+export default HorizontalStepper;

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper.es.js

@@ -0,0 +1,37 @@
+import { jsx as o } from "react/jsx-runtime";
+import z from "../../../../../external/classnames/index.es.js";
+import { forwardRef as u, Children as c, isValidElement as h } from "react";
+import e from "./horizontal-stepper.module.scss.es.js";
+import { HorizontalStepperStepNumberContext as N } from "./horizontal-stepper-context.es.js";
+import { HorizontalStepperItem as p } from "./horizontal-stepper-item.es.js";
+const i = u(
+  ({ children: n, "aria-label": s, background: l = "default", compact: r = "sm", className: m }, d) => {
+    let a = 0;
+    const f = c.map(n, (t) => h(t) && t.type === p ? (a += 1, /* @__PURE__ */ o(N.Provider, { value: a, children: t })) : t);
+    return /* @__PURE__ */ o(
+      "nav",
+      {
+        ref: d,
+        "aria-label": s,
+        "data-name": "horizontal-stepper",
+        className: z(
+          e["tedi-horizontal-stepper"],
+          {
+            [e["tedi-horizontal-stepper--transparent"]]: l === "transparent",
+            [e["tedi-horizontal-stepper--compact"]]: r === !0
+          },
+          typeof r == "string" && e[`tedi-horizontal-stepper--compact-${r}`],
+          m
+        ),
+        children: /* @__PURE__ */ o("ol", { className: e["tedi-horizontal-stepper__list"], children: f })
+      }
+    );
+  }
+);
+i.displayName = "HorizontalStepper";
+const C = Object.assign(i, {
+  Item: p
+});
+export {
+  C as HorizontalStepper
+};

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-horizontal-stepper":"tedi-horizontal-stepper-36325c11","tedi-horizontal-stepper--transparent":"tedi-horizontal-stepper--transparent-71968b15","tedi-horizontal-stepper--compact":"tedi-horizontal-stepper--compact-82fea631","tedi-horizontal-stepper-item":"tedi-horizontal-stepper-item-3e2a41ca","tedi-horizontal-stepper-item--selected":"tedi-horizontal-stepper-item--selected-490ca638","tedi-horizontal-stepper-item__step":"tedi-horizontal-stepper-item__step-615ed27d","tedi-horizontal-stepper-item__content":"tedi-horizontal-stepper-item__content-8f33417f","tedi-horizontal-stepper--compact-sm":"tedi-horizontal-stepper--compact-sm-326a14fe","tedi-horizontal-stepper--compact-md":"tedi-horizontal-stepper--compact-md-aa582376","tedi-horizontal-stepper--compact-lg":"tedi-horizontal-stepper--compact-lg-1520fc41","tedi-horizontal-stepper--compact-xl":"tedi-horizontal-stepper--compact-xl-242fb9b8","tedi-horizontal-stepper--compact-xxl":"tedi-horizontal-stepper--compact-xxl-c032d0fd","tedi-horizontal-stepper__list":"tedi-horizontal-stepper__list-6cdbd337","tedi-horizontal-stepper-item__indicator":"tedi-horizontal-stepper-item__indicator-ae18c372","tedi-horizontal-stepper-item__number":"tedi-horizontal-stepper-item__number-d8803c85","tedi-horizontal-stepper-item__label":"tedi-horizontal-stepper-item__label-002ac63e","tedi-horizontal-stepper-item__description":"tedi-horizontal-stepper-item__description-3c4a57e8","tedi-horizontal-stepper-item--completed":"tedi-horizontal-stepper-item--completed-e9724250","tedi-horizontal-stepper-item--error":"tedi-horizontal-stepper-item--error-8a7b6bbb"};exports.default=e;

package/src/tedi/components/navigation/horizontal-stepper/horizontal-stepper.module.scss.es.js

@@ -0,0 +1,24 @@
+const t = {
+  "tedi-horizontal-stepper": "tedi-horizontal-stepper-36325c11",
+  "tedi-horizontal-stepper--transparent": "tedi-horizontal-stepper--transparent-71968b15",
+  "tedi-horizontal-stepper--compact": "tedi-horizontal-stepper--compact-82fea631",
+  "tedi-horizontal-stepper-item": "tedi-horizontal-stepper-item-3e2a41ca",
+  "tedi-horizontal-stepper-item--selected": "tedi-horizontal-stepper-item--selected-490ca638",
+  "tedi-horizontal-stepper-item__step": "tedi-horizontal-stepper-item__step-615ed27d",
+  "tedi-horizontal-stepper-item__content": "tedi-horizontal-stepper-item__content-8f33417f",
+  "tedi-horizontal-stepper--compact-sm": "tedi-horizontal-stepper--compact-sm-326a14fe",
+  "tedi-horizontal-stepper--compact-md": "tedi-horizontal-stepper--compact-md-aa582376",
+  "tedi-horizontal-stepper--compact-lg": "tedi-horizontal-stepper--compact-lg-1520fc41",
+  "tedi-horizontal-stepper--compact-xl": "tedi-horizontal-stepper--compact-xl-242fb9b8",
+  "tedi-horizontal-stepper--compact-xxl": "tedi-horizontal-stepper--compact-xxl-c032d0fd",
+  "tedi-horizontal-stepper__list": "tedi-horizontal-stepper__list-6cdbd337",
+  "tedi-horizontal-stepper-item__indicator": "tedi-horizontal-stepper-item__indicator-ae18c372",
+  "tedi-horizontal-stepper-item__number": "tedi-horizontal-stepper-item__number-d8803c85",
+  "tedi-horizontal-stepper-item__label": "tedi-horizontal-stepper-item__label-002ac63e",
+  "tedi-horizontal-stepper-item__description": "tedi-horizontal-stepper-item__description-3c4a57e8",
+  "tedi-horizontal-stepper-item--completed": "tedi-horizontal-stepper-item--completed-e9724250",
+  "tedi-horizontal-stepper-item--error": "tedi-horizontal-stepper-item--error-8a7b6bbb"
+};
+export {
+  t as default
+};

package/src/tedi/components/navigation/horizontal-stepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './horizontal-stepper';
+export * from './horizontal-stepper-item';

package/src/tedi/components/navigation/pagination/index.d.ts

@@ -1,2 +1,3 @@
 export * from './pagination';
+export * from './pagination-mobile-modal/pagination-mobile-modal';
 export * from './use-pagination';

package/src/tedi/components/navigation/pagination/pagination-mobile-modal/pagination-mobile-modal.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../../../../../external/classnames/index.cjs.js"),c=require("react"),o=require("../../../overlays/modal/modal.cjs.js"),l=require("./pagination-mobile-modal.module.scss.cjs.js"),u=m=>{const{open:n,onOpenChange:d,options:b,selectedValue:f,onSelect:g,ariaLabel:p,title:s,ariaCurrent:_="true"}=m,t=c.useRef(null);c.useEffect(()=>{if(!n)return;const e=requestAnimationFrame(()=>{var i;typeof((i=t.current)==null?void 0:i.scrollIntoView)=="function"&&t.current.scrollIntoView({block:"start"})});return()=>cancelAnimationFrame(e)},[n]);const M=e=>{g(e),d(!1)};return a.jsx(o.Modal,{open:n,onToggle:d,children:a.jsxs(o.Modal.Content,{size:"small",position:"bottom",initialFocus:t,"aria-label":s?void 0:p,className:l.default["tedi-pagination-mobile-modal__content"],children:[a.jsx(o.Modal.Header,{title:s,closeButtonProps:{className:l.default["tedi-pagination-mobile-modal__close"]}}),a.jsx(o.Modal.Body,{children:a.jsx("ul",{className:l.default["tedi-pagination-mobile-modal__list"],children:b.map(e=>{const i=e.value===f;return a.jsx("li",{children:a.jsxs("button",{ref:i?t:void 0,type:"button",className:r.default(l.default["tedi-pagination-mobile-modal__item"],{[l.default["tedi-pagination-mobile-modal__item--selected"]]:i}),"aria-current":i?_:void 0,"aria-label":e.ariaLabel,onClick:()=>M(e.value),children:[a.jsx("span",{className:r.default(l.default["tedi-pagination-mobile-modal__radio"],{[l.default["tedi-pagination-mobile-modal__radio--selected"]]:i}),"aria-hidden":"true"}),a.jsx("span",{className:l.default["tedi-pagination-mobile-modal__label"],children:e.label})]})},e.value)})})})]})})};u.displayName="PaginationMobileModal";exports.PaginationMobileModal=u;

package/src/tedi/components/navigation/pagination/pagination-mobile-modal/pagination-mobile-modal.d.ts

@@ -0,0 +1,36 @@
+export interface PaginationMobileModalOption {
+    /** Value emitted when this option is selected. */
+    value: number;
+    /** Visible label inside the row. */
+    label: string;
+    /** Full accessible name for the row's button. */
+    ariaLabel: string;
+}
+export interface PaginationMobileModalProps {
+    /** Whether the modal is open. */
+    open: boolean;
+    /** Callback when the modal opens or closes (e.g. dismiss via backdrop or Escape). */
+    onOpenChange: (open: boolean) => void;
+    /** Options listed in the picker. */
+    options: PaginationMobileModalOption[];
+    /** Currently selected value — drives the active row styling. */
+    selectedValue: number;
+    /** Fires with the chosen value. The modal closes automatically. */
+    onSelect: (value: number) => void;
+    /** Accessible name for the modal dialog (used when `title` is omitted). */
+    ariaLabel: string;
+    /** Optional heading rendered in the modal header. */
+    title?: string;
+    /** `aria-current` value set on the selected row. @default 'true' */
+    ariaCurrent?: 'page' | 'step' | 'true';
+}
+/**
+ * Mobile option-picker modal — one row per option with a radio-style indicator
+ * on the active one. Used by `Pagination` below `md` for both the page picker
+ * and the page-size picker.
+ */
+export declare const PaginationMobileModal: {
+    (props: PaginationMobileModalProps): JSX.Element;
+    displayName: string;
+};
+export default PaginationMobileModal;

package/src/tedi/components/navigation/pagination/pagination-mobile-modal/pagination-mobile-modal.es.js

@@ -0,0 +1,64 @@
+import { jsx as l, jsxs as m } from "react/jsx-runtime";
+import d from "../../../../../../external/classnames/index.es.js";
+import { useRef as h, useEffect as N } from "react";
+import { Modal as t } from "../../../overlays/modal/modal.es.js";
+import a from "./pagination-mobile-modal.module.scss.es.js";
+const v = (c) => {
+  const { open: n, onOpenChange: r, options: u, selectedValue: p, onSelect: b, ariaLabel: _, title: s, ariaCurrent: f = "true" } = c, o = h(null);
+  N(() => {
+    if (!n) return;
+    const e = requestAnimationFrame(() => {
+      var i;
+      typeof ((i = o.current) == null ? void 0 : i.scrollIntoView) == "function" && o.current.scrollIntoView({ block: "start" });
+    });
+    return () => cancelAnimationFrame(e);
+  }, [n]);
+  const g = (e) => {
+    b(e), r(!1);
+  };
+  return /* @__PURE__ */ l(t, { open: n, onToggle: r, children: /* @__PURE__ */ m(
+    t.Content,
+    {
+      size: "small",
+      position: "bottom",
+      initialFocus: o,
+      "aria-label": s ? void 0 : _,
+      className: a["tedi-pagination-mobile-modal__content"],
+      children: [
+        /* @__PURE__ */ l(t.Header, { title: s, closeButtonProps: { className: a["tedi-pagination-mobile-modal__close"] } }),
+        /* @__PURE__ */ l(t.Body, { children: /* @__PURE__ */ l("ul", { className: a["tedi-pagination-mobile-modal__list"], children: u.map((e) => {
+          const i = e.value === p;
+          return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ m(
+            "button",
+            {
+              ref: i ? o : void 0,
+              type: "button",
+              className: d(a["tedi-pagination-mobile-modal__item"], {
+                [a["tedi-pagination-mobile-modal__item--selected"]]: i
+              }),
+              "aria-current": i ? f : void 0,
+              "aria-label": e.ariaLabel,
+              onClick: () => g(e.value),
+              children: [
+                /* @__PURE__ */ l(
+                  "span",
+                  {
+                    className: d(a["tedi-pagination-mobile-modal__radio"], {
+                      [a["tedi-pagination-mobile-modal__radio--selected"]]: i
+                    }),
+                    "aria-hidden": "true"
+                  }
+                ),
+                /* @__PURE__ */ l("span", { className: a["tedi-pagination-mobile-modal__label"], children: e.label })
+              ]
+            }
+          ) }, e.value);
+        }) }) })
+      ]
+    }
+  ) });
+};
+v.displayName = "PaginationMobileModal";
+export {
+  v as PaginationMobileModal
+};

package/src/tedi/components/navigation/pagination/pagination-mobile-modal/pagination-mobile-modal.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i={"tedi-pagination-mobile-modal__content":"tedi-pagination-mobile-modal__content-aeaa35e4","tedi-pagination-mobile-modal__close":"tedi-pagination-mobile-modal__close-f2be0c6d","tedi-pagination-mobile-modal__list":"tedi-pagination-mobile-modal__list-6731fe96","tedi-pagination-mobile-modal__item":"tedi-pagination-mobile-modal__item-e21bf884","tedi-pagination-mobile-modal__item--selected":"tedi-pagination-mobile-modal__item--selected-9c438a43","tedi-pagination-mobile-modal__radio":"tedi-pagination-mobile-modal__radio-09dfef50","tedi-pagination-mobile-modal__radio--selected":"tedi-pagination-mobile-modal__radio--selected-0dd20206","tedi-pagination-mobile-modal__label":"tedi-pagination-mobile-modal__label-d13b1631"};exports.default=i;

package/src/tedi/components/navigation/pagination/pagination-mobile-modal/pagination-mobile-modal.module.scss.es.js

@@ -0,0 +1,13 @@
+const i = {
+  "tedi-pagination-mobile-modal__content": "tedi-pagination-mobile-modal__content-aeaa35e4",
+  "tedi-pagination-mobile-modal__close": "tedi-pagination-mobile-modal__close-f2be0c6d",
+  "tedi-pagination-mobile-modal__list": "tedi-pagination-mobile-modal__list-6731fe96",
+  "tedi-pagination-mobile-modal__item": "tedi-pagination-mobile-modal__item-e21bf884",
+  "tedi-pagination-mobile-modal__item--selected": "tedi-pagination-mobile-modal__item--selected-9c438a43",
+  "tedi-pagination-mobile-modal__radio": "tedi-pagination-mobile-modal__radio-09dfef50",
+  "tedi-pagination-mobile-modal__radio--selected": "tedi-pagination-mobile-modal__radio--selected-0dd20206",
+  "tedi-pagination-mobile-modal__label": "tedi-pagination-mobile-modal__label-d13b1631"
+};
+export {
+  i as default
+};

package/src/tedi/components/navigation/pagination/pagination.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),s=require("react"),U=require("../../base/icon/icon.cjs.js"),y=require("../../base/typography/text/text.cjs.js"),N=require("../../buttons/button/button.cjs.js"),D=require("../../form/select/select.cjs.js"),a=require("./pagination.module.scss.cjs.js"),E=require("./use-pagination.cjs.js"),F=require("../../../providers/label-provider/use-labels.cjs.js"),m=s.forwardRef((S,j)=>{const{pageCount:u,page:f,defaultPage:z=1,onPageChange:d,totalItems:h,pageSize:b,pageSizeOptions:l,onPageSizeChange:c,boundaryCount:L=1,siblingCount:q=1,labels:v,className:A}=S,{getLabel:i}=F.useLabels(),n=s.useMemo(()=>({ariaLabel:i("pagination.title"),previous:i("pagination.prev-page"),next:i("pagination.next-page"),pageAriaLabel:e=>i("pagination.page",e,!1),currentPageAriaLabel:e=>i("pagination.page",e,!0),results:e=>i("pagination.results",e),pageSize:i("pagination.page-size"),...v}),[i,v]),[C,P]=s.useState(z),_=f??C,w=E.usePagination({page:_,pageCount:u,boundaryCount:L,siblingCount:q}),x=s.useCallback(e=>{e===_||e<1||e>u||(f===void 0&&P(e),d==null||d(e))},[_,d,f,u]),k=s.useId(),p=s.useMemo(()=>Array.isArray(l)?l.map(e=>({value:String(e),label:String(e)})):[],[l]),M=s.useMemo(()=>b===void 0?p[0]??null:p.find(e=>e.value===String(b))??null,[b,p]),I=s.useCallback(e=>{const r=Array.isArray(e)?e[0]:e;r&&"value"in r&&(c==null||c(Number(r.value)))},[c]),O=g.default(a.default["tedi-pagination"],A),R=h!==void 0,T=Array.isArray(l)&&l.length>0;return t.jsxs("div",{ref:j,className:O,"data-name":"tedi-pagination",children:[t.jsx("div",{className:a.default["tedi-pagination__slot-start"],children:R&&t.jsx(y.Text,{className:a.default["tedi-pagination__results"],color:"secondary",modifiers:"small",children:n.results(h)})}),t.jsx("div",{className:a.default["tedi-pagination__slot-center"],children:u>1&&t.jsx("nav",{"aria-label":n.ariaLabel,className:a.default["tedi-pagination__nav"],children:t.jsx("ul",{className:a.default["tedi-pagination__list"],children:w.map((e,r)=>{if(e.type==="ellipsis")return t.jsx("li",{className:g.default(a.default["tedi-pagination__item"],a.default["tedi-pagination__item--ellipsis"]),"aria-hidden":"true",children:"…"},`ellipsis-${r}`);if(e.type==="previous"||e.type==="next"){if(e.disabled)return null;const B=e.type==="previous"?n.previous:n.next,$=e.type==="previous"?"arrow_back":"arrow_forward";return t.jsx("li",{className:a.default["tedi-pagination__item"],children:t.jsx(N.Button,{type:"button",className:g.default(a.default["tedi-pagination__button"],a.default["tedi-pagination__button--nav"]),"aria-label":B,onClick:()=>e.page!==null&&x(e.page),noStyle:!0,children:t.jsx(U.Icon,{name:$,size:18,color:"brand"})})},e.type)}const o=e.page;return t.jsx("li",{className:a.default["tedi-pagination__item"],children:t.jsx(N.Button,{type:"button",className:g.default(a.default["tedi-pagination__button"],{[a.default["tedi-pagination__button--selected"]]:e.selected}),"aria-label":e.selected?n.currentPageAriaLabel(o):n.pageAriaLabel(o),"aria-current":e.selected?"page":void 0,onClick:()=>x(o),noStyle:!0,children:o})},o)})})})}),t.jsx("div",{className:a.default["tedi-pagination__slot-end"],children:T&&t.jsxs("div",{className:a.default["tedi-pagination__page-size"],children:[t.jsx(y.Text,{className:a.default["tedi-pagination__page-size-label"],color:"secondary",modifiers:"small",element:"span",children:n.pageSize}),t.jsx(D.Select,{id:`tedi-pagination-page-size-${k}`,className:a.default["tedi-pagination__select"],label:n.pageSize,hideLabel:!0,size:"small",options:p,value:M,onChange:I,isSearchable:!1,isClearable:!1})]})})]})});m.displayName="Pagination";exports.Pagination=m;exports.default=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),O=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),q=require("../../base/icon/icon.cjs.js"),ae=require("../../base/typography/text/text.cjs.js"),B=require("../../buttons/button/button.cjs.js"),Re=require("../../form/select/select.cjs.js"),t=require("./pagination.module.scss.cjs.js"),te=require("./pagination-mobile-modal/pagination-mobile-modal.cjs.js"),we=require("./use-pagination.cjs.js"),Ce=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Ae=require("../../../providers/label-provider/use-labels.cjs.js"),ie=require("../../../helpers/hooks/use-breakpoint.cjs.js"),ne=["xs","sm","md","lg","xl","xxl"],T=(c,v)=>c===void 0||c===!1?!1:c===!0?!0:v?ne.indexOf(v)<ne.indexOf(c):!1,se=n.forwardRef((c,v)=>{var X;const{pageCount:l,page:_,defaultPage:le=1,onPageChange:S,totalItems:I,pageSize:p,pageSizeOptions:m,onPageSizeChange:g,labels:$,hideResults:re=!1,hidePageSize:oe=!1,hidePager:de=!1,className:ue}=c,{getCurrentBreakpointProps:ce}=Ce.useBreakpointProps(c.defaultServerBreakpoint),{boundaryCount:pe=1,siblingCount:ge=1,background:E="white",borders:fe="top",showPrevNextButtons:V=!1,showEdgeNavLabels:k=!1,previousIcon:be="arrow_back",nextIcon:_e="arrow_forward",arrowVariant:me="default"}=ce(c),{getLabel:o}=Ae.useLabels(),j=ie.default(),h=ie.isBreakpointBelow(j,"md"),s=n.useMemo(()=>({ariaLabel:o("pagination.title"),previous:o("pagination.prev-page"),next:o("pagination.next-page"),pageAriaLabel:e=>o("pagination.page",e,!1),currentPageAriaLabel:e=>o("pagination.page",e,!0),results:e=>o("pagination.results",e),pageSize:o("pagination.page-size"),pageStatus:(e,i)=>o("pagination.page-status",e,i),...$}),[o,$]),[N,R]=n.useState(le),he=_??N,d=l>0?Math.max(1,Math.min(l,he)):1;n.useEffect(()=>{_===void 0&&(l>0&&N>l?R(l):N<1&&R(1))},[_,l,N]);const z=we.usePagination({page:d,pageCount:l,boundaryCount:pe,siblingCount:ge}),P=n.useCallback(e=>{e!==null&&(e===d||e<1||e>l||(_===void 0&&R(e),S==null||S(e)))},[d,S,_,l]),xe=n.useId(),x=n.useMemo(()=>Array.isArray(m)?m.map(e=>typeof e=="number"?{value:e,label:String(e)}:e):[],[m]),y=n.useMemo(()=>x.map(e=>({value:String(e.value),label:e.label})),[x]),w=n.useMemo(()=>p===void 0?y[0]??null:y.find(e=>e.value===String(p))??null,[p,y]),ve=n.useCallback(e=>{const i=Array.isArray(e)?e[0]:e;i&&"value"in i&&(g==null||g(Number(i.value)))},[g]),Se=w?Number(w.value):p??0,H=((X=x.find(e=>e.value===p))==null?void 0:X.label)??(p!==void 0?String(p):""),je=n.useMemo(()=>Array.from({length:l},(e,i)=>{const r=i+1;return{value:r,label:String(r),ariaLabel:r===d?s.currentPageAriaLabel(r):s.pageAriaLabel(r)}}),[l,d,s]),Ne=n.useMemo(()=>x.map(e=>({value:e.value,label:e.label,ariaLabel:`${s.pageSize} ${e.label}`})),[x,s]),ze=T(re,j),Pe=T(oe,j),ye=T(de,j),F=!ze&&I!==void 0,C=!Pe&&Array.isArray(m)&&m.length>0,A=!ye&&l>1,Le=O.default(t.default["tedi-pagination"],t.default[`tedi-pagination--bg-${E}`],E!=="transparent"&&t.default[`tedi-pagination--borders-${fe}`],{[t.default["tedi-pagination--no-pager"]]:!A,[t.default["tedi-pagination--no-results"]]:!F,[t.default["tedi-pagination--no-page-size"]]:!C},ue),[f,K]=n.useState(!1),D=n.useRef(null),U=n.useRef(f);n.useEffect(()=>{var e;U.current&&!f&&((e=D.current)==null||e.focus()),U.current=f},[f]);const[b,G]=n.useState(!1),J=n.useRef(null),Q=n.useRef(b);n.useEffect(()=>{var e;Q.current&&!b&&((e=J.current)==null||e.focus()),Q.current=b},[b]);const Me=l>1?s.pageStatus(d,l):"",Oe=`${`${d} / ${l}`}, ${s.ariaLabel}`,L=z[0],M=z[z.length-1],ke=z.slice(1,-1),W=(e,i,r,u)=>{const Y=t.default[`tedi-pagination__button--nav-${e}`];if(me==="primary")return a.jsx(B.Button,{type:"button",visualType:"primary",size:"small",iconLeft:e==="previous"?r:void 0,iconRight:e==="next"?r:void 0,className:Y,disabled:i==null?void 0:i.disabled,onClick:()=>P((i==null?void 0:i.page)??null),children:u});const Z=a.jsx(q.Icon,{name:r,size:18,color:"inherit"}),ee=a.jsx("span",{className:t.default["tedi-pagination__nav-label"],children:u});return a.jsx(B.Button,{className:O.default(t.default["tedi-pagination__button"],t.default["tedi-pagination__button--nav"],Y,{[t.default["tedi-pagination__button--nav-link"]]:k}),"aria-label":u,disabled:i==null?void 0:i.disabled,onClick:()=>P((i==null?void 0:i.page)??null),visualType:"neutral",size:"small",icon:k?void 0:r,children:k&&(e==="previous"?a.jsxs(a.Fragment,{children:[Z,ee]}):a.jsxs(a.Fragment,{children:[ee,Z]}))})};return a.jsxs("div",{ref:v,className:Le,"data-name":"tedi-pagination",children:[a.jsx("span",{className:t.default["tedi-pagination__status"],role:"status","aria-live":"polite","aria-atomic":"true",children:Me}),a.jsx("div",{className:t.default["tedi-pagination__slot-start"],children:F&&a.jsx(ae.Text,{className:t.default["tedi-pagination__results"],color:"secondary",modifiers:"small",children:s.results(I)})}),a.jsx("div",{className:t.default["tedi-pagination__slot-center"],children:A&&a.jsxs("nav",{"aria-label":s.ariaLabel,className:t.default["tedi-pagination__nav"],children:[!V&&(L!=null&&L.disabled)?null:W("previous",L,be,s.previous),!h&&a.jsx("ul",{className:t.default["tedi-pagination__list"],children:ke.map((e,i)=>{const r=`slot-${i}`;if(e.type==="ellipsis")return a.jsx("li",{className:O.default(t.default["tedi-pagination__item"],t.default["tedi-pagination__item--ellipsis"]),"aria-hidden":"true",children:"…"},r);const u=e.page;return a.jsx("li",{className:t.default["tedi-pagination__item"],children:a.jsx(B.Button,{type:"button",className:O.default(t.default["tedi-pagination__button"],{[t.default["tedi-pagination__button--selected"]]:e.selected}),"aria-label":e.selected?s.currentPageAriaLabel(u):s.pageAriaLabel(u),"aria-current":e.selected?"page":void 0,onClick:()=>P(u),noStyle:!0,children:a.jsx("span",{className:t.default["tedi-pagination__button-label"],children:u},u)})},r)})}),h&&a.jsxs("button",{ref:D,type:"button",className:t.default["tedi-pagination__mobile-trigger"],"aria-haspopup":"dialog","aria-expanded":f,"aria-label":Oe,onClick:()=>K(!0),children:[a.jsxs("span",{className:t.default["tedi-pagination__mobile-trigger-label"],"aria-hidden":"true",children:[a.jsx("strong",{children:d}),a.jsx("span",{children:"/"}),a.jsx("span",{children:l})]}),a.jsx(q.Icon,{name:"arrow_drop_down",size:24,color:"inherit"})]}),!V&&(M!=null&&M.disabled)?null:W("next",M,_e,s.next)]})}),a.jsx("div",{className:t.default["tedi-pagination__slot-end"],children:C&&a.jsxs("div",{className:t.default["tedi-pagination__page-size"],children:[a.jsx(ae.Text,{className:t.default["tedi-pagination__page-size-label"],color:"secondary",modifiers:"small",element:"span",children:s.pageSize}),h?a.jsxs("button",{ref:J,type:"button",className:t.default["tedi-pagination__mobile-trigger"],"aria-haspopup":"dialog","aria-expanded":b,"aria-label":`${s.pageSize} ${H}`,onClick:()=>G(!0),children:[a.jsx("span",{className:t.default["tedi-pagination__mobile-trigger-label"],"aria-hidden":"true",children:H}),a.jsx(q.Icon,{name:"arrow_drop_down",size:24,color:"inherit"})]}):a.jsx(Re.Select,{id:`tedi-pagination-page-size-${xe}`,className:t.default["tedi-pagination__select"],label:s.pageSize,hideLabel:!0,size:"small",options:y,value:w,onChange:ve,isSearchable:!1,isClearable:!1})]})}),h&&A&&a.jsx(te.PaginationMobileModal,{open:f,onOpenChange:K,options:je,selectedValue:d,onSelect:P,ariaLabel:s.ariaLabel,ariaCurrent:"page"}),h&&C&&a.jsx(te.PaginationMobileModal,{open:b,onOpenChange:G,options:Ne,selectedValue:Se,onSelect:e=>g==null?void 0:g(e),ariaLabel:s.pageSize,title:s.pageSize})]})});se.displayName="Pagination";exports.Pagination=se;