ods-ant 0.2.0 → 0.4.1

package/dist-lib/navigation/Pagination.js

@@ -0,0 +1,505 @@
+import { dsSemanticTokens as e } from "../theme.js";
+import { t } from "../useCustomIcon-B-VUK-84.js";
+import { Tooltip as n } from "../display/Tooltip.js";
+import { Pagination as r } from "antd";
+import i, { useEffect as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/ds/navigation/Pagination.tsx
+var c = "ds-pagination-styles";
+function l() {
+	if (typeof document > "u") return;
+	let { pagination: t } = e, n = document.getElementById(c);
+	n || (n = document.createElement("style"), n.id = c, document.head.appendChild(n)), n.textContent = `
+    .ds-pagination {
+      display: flex;
+      gap: ${t.spacing.gap};
+      align-items: center;
+    }
+
+    .ds-pagination .ant-pagination {
+      display: flex;
+      gap: ${t.spacing.gap};
+      align-items: center;
+      margin: 0;
+    }
+
+    .ds-pagination .ant-pagination-item {
+      display: flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      padding: 4px 9px !important;
+      border-radius: 16px !important;
+      background: transparent !important;
+      border: 1px solid transparent !important;
+      outline: none !important;
+      box-shadow: none !important;
+      transition: none !important;
+      -webkit-tap-highlight-color: transparent !important;
+      min-width: 0 !important;
+      height: auto !important;
+      width: auto !important;
+      aspect-ratio: auto !important;
+      line-height: 1 !important;
+      margin-inline-end: 0 !important;
+    }
+
+    .ds-pagination .ant-pagination-item a {
+      color: ${t.text.default} !important;
+      font-weight: ${t.typography.item.fontWeight} !important;
+      font-size: ${t.typography.item.fontSize} !important;
+      line-height: ${t.typography.item.lineHeight} !important;
+      font-family: "Nunito", sans-serif !important;
+      letter-spacing: ${t.typography.item.letterSpacing} !important;
+      width: auto !important;
+      min-width: 0 !important;
+      height: auto !important;
+      padding: 0 !important;
+      outline: none !important;
+      box-shadow: none !important;
+      transition: none !important;
+      -webkit-tap-highlight-color: transparent !important;
+    }
+
+    .ds-pagination .ant-pagination-item a:focus,
+    .ds-pagination .ant-pagination-item a:focus-visible,
+    .ds-pagination .ant-pagination-item:focus,
+    .ds-pagination .ant-pagination-item:focus-visible {
+      outline: none !important;
+      box-shadow: none !important;
+    }
+
+    .ds-pagination .ant-pagination-item-active {
+      background: ${t.surface.activeBg} !important;
+      border: 1px solid ${t.surface.activeBorder} !important;
+    }
+
+    .ds-pagination .ant-pagination-item-active a {
+      color: ${t.text.active} !important;
+      font-weight: ${t.typography.item.activeWeight} !important;
+    }
+
+    .ds-pagination .ant-pagination-item:hover {
+      background: ${t.surface.hoverBg} !important;
+      border: 1px solid transparent !important;
+      outline: none !important;
+      box-shadow: none !important;
+    }
+
+    .ds-pagination .ant-pagination-item-active:hover {
+        outline: none !important;
+        box-shadow: none !important;
+      background: ${t.surface.activeBg} !important;
+      border: 1px solid ${t.surface.activeBorder} !important;
+    }
+
+    .ds-pagination .ant-pagination-prev,
+    .ds-pagination .ant-pagination-next {
+      display: flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      width: ${t.iconControl.width} !important;
+      height: ${t.iconControl.height} !important;
+      min-width: ${t.iconControl.width} !important;
+      flex: 0 0 ${t.iconControl.width} !important;
+      padding: 0 !important;
+      margin: 0 !important;
+      margin-inline-end: 0 !important;
+      background: transparent !important;
+      border: none !important;
+      color: ${t.text.default} !important;
+      line-height: 1 !important;
+      transition: none !important;
+      outline: none !important;
+      box-shadow: none !important;
+      -webkit-tap-highlight-color: transparent !important;
+    }
+
+    .ds-pagination .ant-pagination-item-link {
+      display: flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      width: ${t.iconControl.width} !important;
+      height: ${t.iconControl.height} !important;
+      min-width: ${t.iconControl.width} !important;
+      color: inherit !important;
+      transition: none !important;
+      -webkit-tap-highlight-color: transparent !important;
+    }
+
+    .ds-pagination .ds-pagination-arrow-icon {
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      width: ${t.iconControl.width} !important;
+      height: ${t.iconControl.height} !important;
+      color: inherit !important;
+      line-height: 1 !important;
+      pointer-events: none;
+    }
+
+    .ds-pagination .ant-pagination-item-link,
+    .ds-pagination .ant-pagination-item-link:focus,
+    .ds-pagination .ant-pagination-item-link:focus-visible,
+    .ds-pagination .ant-pagination-item-link:active {
+      outline: none !important;
+      box-shadow: none !important;
+      -webkit-tap-highlight-color: transparent !important;
+    }
+
+    .ds-pagination .ant-pagination-prev:hover,
+    .ds-pagination .ant-pagination-next:hover,
+    .ds-pagination .ant-pagination-item:not(.ant-pagination-item-active):hover {
+      color: ${t.text.hover} !important;
+    }
+
+    .ds-pagination .ant-pagination-prev.ant-pagination-disabled,
+    .ds-pagination .ant-pagination-next.ant-pagination-disabled {
+      color: ${t.text.disabled} !important;
+      cursor: not-allowed !important;
+      transition: none !important;
+    }
+
+    .ds-pagination .ant-pagination-jump-prev,
+    .ds-pagination .ant-pagination-jump-next {
+      transition: none !important;
+      display: flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      width: 28px !important;
+      height: 28px !important;
+      min-width: 28px !important;
+      padding: 0 !important;
+      border-radius: ${t.radius.jump} !important;
+      background: transparent !important;
+      border: none !important;
+      margin-inline-start: 0 !important;
+      margin-inline-end: 0 !important;
+    }
+
+    .ds-pagination .ant-pagination-jump-prev a,
+    .ds-pagination .ant-pagination-jump-next a {
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      margin: 0 !important;
+      padding: 0 !important;
+      min-width: 0 !important;
+      color: ${t.text.default} !important;
+      font-weight: ${t.typography.jump.fontWeight} !important;
+      font-size: ${t.typography.jump.fontSize} !important;
+      line-height: ${t.typography.jump.lineHeight} !important;
+    }
+
+    .ds-pagination .ant-pagination-jump-prev .ant-pagination-item-container,
+    .ds-pagination .ant-pagination-jump-next .ant-pagination-item-container {
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      margin: 0 !important;
+      padding: 0 !important;
+      min-width: 0 !important;
+      gap: 0 !important;
+    }
+
+    .ds-pagination .ant-pagination-jump-prev .ant-pagination-item-link-icon,
+    .ds-pagination .ant-pagination-jump-next .ant-pagination-item-link-icon {
+      display: none !important;
+      opacity: 0 !important;
+      visibility: hidden !important;
+    }
+
+    .ds-pagination .ant-pagination-jump-prev .ant-pagination-item-ellipsis,
+    .ds-pagination .ant-pagination-jump-next .ant-pagination-item-ellipsis {
+      position: static !important;
+      inset: auto !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      width: auto !important;
+      min-width: 0 !important;
+      height: auto !important;
+      margin: 0 !important;
+      padding: 0 !important;
+      opacity: 1 !important;
+      visibility: visible !important;
+    }
+
+    .ds-pagination .ds-pagination-jump-button {
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      width: 28px !important;
+      min-width: 28px !important;
+      height: 28px !important;
+      margin: 0 !important;
+      padding: 0 !important;
+      border: 0 !important;
+      background: transparent !important;
+      color: ${t.text.default} !important;
+      font: inherit !important;
+      line-height: ${t.typography.jump.lineHeight} !important;
+      cursor: pointer !important;
+    }
+
+    .ds-pagination .ds-pagination-jump-icon {
+      display: none !important;
+      align-items: center !important;
+      justify-content: center !important;
+      width: 8px !important;
+      height: 8px !important;
+      color: ${t.text.default} !important;
+      line-height: 1 !important;
+    }
+
+    .ds-pagination .ds-pagination-jump-icon svg {
+      width: 8px !important;
+      height: 8px !important;
+      display: block !important;
+    }
+
+    .ds-pagination .ds-pagination-truncation-icon {
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      width: 28px !important;
+      height: 28px !important;
+      color: ${t.text.default} !important;
+      line-height: 1 !important;
+    }
+
+    .ds-pagination .ds-pagination-truncation-icon svg {
+      width: 24px !important;
+      height: 24px !important;
+      display: block !important;
+    }
+
+    .ds-pagination .ant-pagination-jump-prev:hover,
+    .ds-pagination .ant-pagination-jump-next:hover,
+    .ds-pagination .ant-pagination-jump-prev:focus-within,
+    .ds-pagination .ant-pagination-jump-next:focus-within {
+      background: ${t.surface.hoverBg} !important;
+    }
+
+    .ds-pagination .ant-pagination-jump-prev:hover .ds-pagination-truncation-icon,
+    .ds-pagination .ant-pagination-jump-next:hover .ds-pagination-truncation-icon,
+    .ds-pagination .ds-pagination-jump-button:focus-visible .ds-pagination-truncation-icon {
+      display: none !important;
+    }
+
+    .ds-pagination .ant-pagination-jump-prev:hover .ds-pagination-jump-icon,
+    .ds-pagination .ant-pagination-jump-next:hover .ds-pagination-jump-icon,
+    .ds-pagination .ds-pagination-jump-button:focus-visible .ds-pagination-jump-icon {
+      display: inline-flex !important;
+    }
+
+    .ds-pagination-jumper-tooltip.ds-tooltip-overlay .ant-tooltip-container {
+      min-width: 0 !important;
+      max-width: none !important;
+      padding: 6px 12px 5px !important;
+      border-radius: ${e.tooltip.radius} !important;
+      background: ${e.tooltip.surface.background} !important;
+      filter: none !important;
+      box-shadow: none !important;
+    }
+
+    .ds-pagination-jumper-tooltip.ds-tooltip-overlay {
+      filter: drop-shadow(0px 2px 4px rgba(38, 44, 54, 0.3)) !important;
+      --ant-tooltip-arrow-background-color: ${e.tooltip.surface.background};
+      overflow: visible !important;
+    }
+
+    .ds-pagination-jumper-tooltip.ds-tooltip-overlay .ant-tooltip-content {
+      overflow: visible !important;
+    }
+
+    .ds-pagination-jumper-tooltip.ds-tooltip-overlay .ds-tooltip-body {
+      color: ${e.tooltip.surface.body} !important;
+      font-size: ${e.tooltip.typography.body.fontSize} !important;
+      line-height: ${e.tooltip.typography.body.lineHeight} !important;
+      font-weight: ${e.tooltip.typography.body.fontWeight} !important;
+      white-space: nowrap !important;
+    }
+
+    .ds-pagination-jumper-tooltip.ds-tooltip-overlay.ant-tooltip-placement-top > .ant-tooltip-arrow {
+      display: none !important;
+    }
+
+    .ds-pagination-jumper-tooltip.ds-tooltip-overlay.ant-tooltip-placement-top .ant-tooltip-container {
+      position: relative !important;
+      overflow: visible !important;
+    }
+
+    .ds-pagination-jumper-tooltip.ds-tooltip-overlay.ant-tooltip-placement-top .ant-tooltip-container::after {
+      content: '' !important;
+      position: absolute !important;
+      left: 50% !important;
+      bottom: -9px !important;
+      width: 0 !important;
+      height: 0 !important;
+      border-left: 8px solid transparent !important;
+      border-right: 8px solid transparent !important;
+      border-top: 9px solid ${e.tooltip.surface.background} !important;
+      transform: translateX(-50%) !important;
+      filter: drop-shadow(0px 2px 1px rgba(38, 44, 54, 0.3)) !important;
+      pointer-events: none !important;
+    }
+
+    .ds-pagination .ds-pagination-jump-button:focus-visible {
+      outline: 2px solid ${t.text.default} !important;
+      outline-offset: 2px !important;
+      border-radius: ${t.radius.jump} !important;
+    }
+
+    .ds-pagination .ant-pagination-options {
+      display: flex !important;
+      gap: ${t.spacing.optionsGap} !important;
+      align-items: center !important;
+      margin-left: ${t.spacing.optionsOffset} !important;
+    }
+
+    .ds-pagination .ant-pagination-options-size-changer {
+      display: flex !important;
+      align-items: center !important;
+    }
+
+    .ds-pagination .ant-pagination-options-quick-jumper {
+      display: flex !important;
+      align-items: center !important;
+      gap: 8px !important;
+    }
+
+    .ds-pagination .ant-pagination-options-quick-jumper input {
+      width: ${t.quickJumper.inputWidth} !important;
+      min-width: ${t.quickJumper.inputWidth} !important;
+      padding: 4px 8px !important;
+      border: 1px solid ${t.text.disabled} !important;
+      border-radius: ${t.radius.input} !important;
+      font-size: ${t.typography.jump.fontSize} !important;
+      text-align: center !important;
+    }
+  `;
+}
+var u = ({ size: c = "default", dsResponsive: u = !1, dsResponsiveBreakpoint: d = 768, dsShowTruncationJumper: f = !0, dsTruncationJumpSize: p = 3, dsTruncationTooltipDelay: m = 3, dsTruncationTooltipLabel: h, showQuickJumper: g = !1, showSizeChanger: _ = !1, simple: v = !1, className: y, current: b, defaultCurrent: x = 1, pageSize: S, defaultPageSize: C = 10, total: w = 0, showLessItems: T, onChange: E, onShowSizeChange: D, itemRender: O, locale: k, ...A }) => {
+	let [j, M] = i.useState(x), [N, P] = i.useState(C), [F, I] = i.useState(!1);
+	a(() => {
+		l();
+	}, []), a(() => {
+		if (!u || typeof window > "u") return;
+		let e = () => {
+			I(window.innerWidth <= d);
+		};
+		return e(), window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, [u, d]);
+	let L = b ?? j, R = S ?? N, z = T ?? (u && F), B = Math.max(1, Math.ceil(w / R)), V = h ?? `Jump ${p} pages`, H = i.useMemo(() => f ? {
+		...k,
+		prev_3: V,
+		next_3: V,
+		prev_5: V,
+		next_5: V
+	} : k, [
+		f,
+		k,
+		V
+	]), U = i.useCallback((e) => {
+		let t = Math.min(B, Math.max(1, e));
+		b ?? M(t), E?.(t, R);
+	}, [
+		b,
+		E,
+		R,
+		B
+	]), W = i.useCallback((e, t) => {
+		b ?? M(e), S ?? P(t), E?.(e, t);
+	}, [
+		b,
+		E,
+		S
+	]), G = i.useCallback((e, t) => {
+		b ?? M(e), S ?? P(t), D?.(e, t);
+	}, [
+		b,
+		D,
+		S
+	]), K = i.useCallback((e) => {
+		let r = e === "jump-prev", i = r ? L - p : L + p;
+		return /* @__PURE__ */ o(n, {
+			dsSize: "mini",
+			dsBody: V,
+			mouseEnterDelay: m,
+			placement: "top",
+			classNames: { root: "ds-pagination-jumper-tooltip" },
+			children: /* @__PURE__ */ s("button", {
+				type: "button",
+				className: "ds-pagination-jump-button",
+				"aria-label": V,
+				onClick: (e) => {
+					e.preventDefault(), e.stopPropagation(), U(i);
+				},
+				onKeyDown: (e) => {
+					e.stopPropagation();
+				},
+				children: [/* @__PURE__ */ o("span", {
+					className: "ds-pagination-truncation-icon",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ o(t, {
+						name: "moreOptionHorizontal2",
+						size: 28,
+						style: { color: "inherit" }
+					})
+				}), /* @__PURE__ */ o("span", {
+					className: "ds-pagination-jump-icon",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ o(t, {
+						name: r ? "arrowButtonLeft1" : "arrowButtonRight1",
+						size: 8,
+						style: { color: "inherit" }
+					})
+				})]
+			})
+		});
+	}, [
+		U,
+		p,
+		m,
+		L,
+		V
+	]);
+	return /* @__PURE__ */ o(r, {
+		className: `ds-pagination ${y || ""}`,
+		size: c,
+		current: L,
+		pageSize: R,
+		total: w,
+		showLessItems: z,
+		showQuickJumper: g,
+		showSizeChanger: _,
+		simple: v,
+		locale: H,
+		itemRender: (n, r, i) => r === "prev" ? /* @__PURE__ */ o("span", {
+			className: "ds-pagination-arrow-icon",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ o(t, {
+				name: "arrowLeft1",
+				size: e.pagination.iconControl.iconSize,
+				style: { color: "inherit" }
+			})
+		}) : r === "next" ? /* @__PURE__ */ o("span", {
+			className: "ds-pagination-arrow-icon",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ o(t, {
+				name: "arrowRight1",
+				size: e.pagination.iconControl.iconSize,
+				style: { color: "inherit" }
+			})
+		}) : (r === "jump-prev" || r === "jump-next") && f ? K(r) : O ? O(n, r, i) : i,
+		onChange: W,
+		onShowSizeChange: G,
+		...A
+	});
+};
+//#endregion
+export { u as Pagination, u as default };
+
+//# sourceMappingURL=Pagination.js.map

package/dist-lib/navigation/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../src/ds/navigation/Pagination.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Pagination as AntPagination, type PaginationProps as AntPaginationProps } from 'antd';\nimport { Icon } from '../../utils/icons';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { Tooltip as DSTooltip } from '../display/Tooltip';\n\nexport interface DSPaginationProps extends Omit<AntPaginationProps, 'size'> {\n  /**\n   * Pagination size. Note: Ant's 'size' prop is retained for design system control.\n   * @default 'default'\n   */\n  size?: 'small' | 'default';\n  /**\n   * Optional responsive configuration for different breakpoints.\n   * When true, uses recommended page limits: 9 pages on desktop, 5-6 on mobile/tablet.\n   * @default false\n   */\n  dsResponsive?: boolean;\n  /**\n   * Breakpoint where DS responsive pagination switches to the compact mobile truncation pattern.\n   * @default 768\n   */\n  dsResponsiveBreakpoint?: number;\n  /**\n   * Shows DS truncation jumper affordance for ellipsis controls.\n   * @default true\n   */\n  dsShowTruncationJumper?: boolean;\n  /**\n   * Number of pages advanced when a truncation jumper is clicked.\n   * @default 3\n   */\n  dsTruncationJumpSize?: number;\n  /**\n   * Delay in seconds before the truncation jumper tooltip appears.\n   * @default 3\n   */\n  dsTruncationTooltipDelay?: number;\n  /**\n   * Tooltip label shown when hovering a truncation jumper.\n   * @default 'Jump 3 pages'\n   */\n  dsTruncationTooltipLabel?: string;\n}\n\nconst STYLE_ID = 'ds-pagination-styles';\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n  const { pagination } = dsSemanticTokens;\n  let style = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n  if (!style) {\n    style = document.createElement('style');\n    style.id = STYLE_ID;\n    document.head.appendChild(style);\n  }\n\n  style.textContent = `\n    .ds-pagination {\n      display: flex;\n      gap: ${pagination.spacing.gap};\n      align-items: center;\n    }\n\n    .ds-pagination .ant-pagination {\n      display: flex;\n      gap: ${pagination.spacing.gap};\n      align-items: center;\n      margin: 0;\n    }\n\n    .ds-pagination .ant-pagination-item {\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      padding: 4px 9px !important;\n      border-radius: 16px !important;\n      background: transparent !important;\n      border: 1px solid transparent !important;\n      outline: none !important;\n      box-shadow: none !important;\n      transition: none !important;\n      -webkit-tap-highlight-color: transparent !important;\n      min-width: 0 !important;\n      height: auto !important;\n      width: auto !important;\n      aspect-ratio: auto !important;\n      line-height: 1 !important;\n      margin-inline-end: 0 !important;\n    }\n\n    .ds-pagination .ant-pagination-item a {\n      color: ${pagination.text.default} !important;\n      font-weight: ${pagination.typography.item.fontWeight} !important;\n      font-size: ${pagination.typography.item.fontSize} !important;\n      line-height: ${pagination.typography.item.lineHeight} !important;\n      font-family: \"Nunito\", sans-serif !important;\n      letter-spacing: ${pagination.typography.item.letterSpacing} !important;\n      width: auto !important;\n      min-width: 0 !important;\n      height: auto !important;\n      padding: 0 !important;\n      outline: none !important;\n      box-shadow: none !important;\n      transition: none !important;\n      -webkit-tap-highlight-color: transparent !important;\n    }\n\n    .ds-pagination .ant-pagination-item a:focus,\n    .ds-pagination .ant-pagination-item a:focus-visible,\n    .ds-pagination .ant-pagination-item:focus,\n    .ds-pagination .ant-pagination-item:focus-visible {\n      outline: none !important;\n      box-shadow: none !important;\n    }\n\n    .ds-pagination .ant-pagination-item-active {\n      background: ${pagination.surface.activeBg} !important;\n      border: 1px solid ${pagination.surface.activeBorder} !important;\n    }\n\n    .ds-pagination .ant-pagination-item-active a {\n      color: ${pagination.text.active} !important;\n      font-weight: ${pagination.typography.item.activeWeight} !important;\n    }\n\n    .ds-pagination .ant-pagination-item:hover {\n      background: ${pagination.surface.hoverBg} !important;\n      border: 1px solid transparent !important;\n      outline: none !important;\n      box-shadow: none !important;\n    }\n\n    .ds-pagination .ant-pagination-item-active:hover {\n        outline: none !important;\n        box-shadow: none !important;\n      background: ${pagination.surface.activeBg} !important;\n      border: 1px solid ${pagination.surface.activeBorder} !important;\n    }\n\n    .ds-pagination .ant-pagination-prev,\n    .ds-pagination .ant-pagination-next {\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      width: ${pagination.iconControl.width} !important;\n      height: ${pagination.iconControl.height} !important;\n      min-width: ${pagination.iconControl.width} !important;\n      flex: 0 0 ${pagination.iconControl.width} !important;\n      padding: 0 !important;\n      margin: 0 !important;\n      margin-inline-end: 0 !important;\n      background: transparent !important;\n      border: none !important;\n      color: ${pagination.text.default} !important;\n      line-height: 1 !important;\n      transition: none !important;\n      outline: none !important;\n      box-shadow: none !important;\n      -webkit-tap-highlight-color: transparent !important;\n    }\n\n    .ds-pagination .ant-pagination-item-link {\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      width: ${pagination.iconControl.width} !important;\n      height: ${pagination.iconControl.height} !important;\n      min-width: ${pagination.iconControl.width} !important;\n      color: inherit !important;\n      transition: none !important;\n      -webkit-tap-highlight-color: transparent !important;\n    }\n\n    .ds-pagination .ds-pagination-arrow-icon {\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      width: ${pagination.iconControl.width} !important;\n      height: ${pagination.iconControl.height} !important;\n      color: inherit !important;\n      line-height: 1 !important;\n      pointer-events: none;\n    }\n\n    .ds-pagination .ant-pagination-item-link,\n    .ds-pagination .ant-pagination-item-link:focus,\n    .ds-pagination .ant-pagination-item-link:focus-visible,\n    .ds-pagination .ant-pagination-item-link:active {\n      outline: none !important;\n      box-shadow: none !important;\n      -webkit-tap-highlight-color: transparent !important;\n    }\n\n    .ds-pagination .ant-pagination-prev:hover,\n    .ds-pagination .ant-pagination-next:hover,\n    .ds-pagination .ant-pagination-item:not(.ant-pagination-item-active):hover {\n      color: ${pagination.text.hover} !important;\n    }\n\n    .ds-pagination .ant-pagination-prev.ant-pagination-disabled,\n    .ds-pagination .ant-pagination-next.ant-pagination-disabled {\n      color: ${pagination.text.disabled} !important;\n      cursor: not-allowed !important;\n      transition: none !important;\n    }\n\n    .ds-pagination .ant-pagination-jump-prev,\n    .ds-pagination .ant-pagination-jump-next {\n      transition: none !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      width: 28px !important;\n      height: 28px !important;\n      min-width: 28px !important;\n      padding: 0 !important;\n      border-radius: ${pagination.radius.jump} !important;\n      background: transparent !important;\n      border: none !important;\n      margin-inline-start: 0 !important;\n      margin-inline-end: 0 !important;\n    }\n\n    .ds-pagination .ant-pagination-jump-prev a,\n    .ds-pagination .ant-pagination-jump-next a {\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      margin: 0 !important;\n      padding: 0 !important;\n      min-width: 0 !important;\n      color: ${pagination.text.default} !important;\n      font-weight: ${pagination.typography.jump.fontWeight} !important;\n      font-size: ${pagination.typography.jump.fontSize} !important;\n      line-height: ${pagination.typography.jump.lineHeight} !important;\n    }\n\n    .ds-pagination .ant-pagination-jump-prev .ant-pagination-item-container,\n    .ds-pagination .ant-pagination-jump-next .ant-pagination-item-container {\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      margin: 0 !important;\n      padding: 0 !important;\n      min-width: 0 !important;\n      gap: 0 !important;\n    }\n\n    .ds-pagination .ant-pagination-jump-prev .ant-pagination-item-link-icon,\n    .ds-pagination .ant-pagination-jump-next .ant-pagination-item-link-icon {\n      display: none !important;\n      opacity: 0 !important;\n      visibility: hidden !important;\n    }\n\n    .ds-pagination .ant-pagination-jump-prev .ant-pagination-item-ellipsis,\n    .ds-pagination .ant-pagination-jump-next .ant-pagination-item-ellipsis {\n      position: static !important;\n      inset: auto !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      width: auto !important;\n      min-width: 0 !important;\n      height: auto !important;\n      margin: 0 !important;\n      padding: 0 !important;\n      opacity: 1 !important;\n      visibility: visible !important;\n    }\n\n    .ds-pagination .ds-pagination-jump-button {\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      width: 28px !important;\n      min-width: 28px !important;\n      height: 28px !important;\n      margin: 0 !important;\n      padding: 0 !important;\n      border: 0 !important;\n      background: transparent !important;\n      color: ${pagination.text.default} !important;\n      font: inherit !important;\n      line-height: ${pagination.typography.jump.lineHeight} !important;\n      cursor: pointer !important;\n    }\n\n    .ds-pagination .ds-pagination-jump-icon {\n      display: none !important;\n      align-items: center !important;\n      justify-content: center !important;\n      width: 8px !important;\n      height: 8px !important;\n      color: ${pagination.text.default} !important;\n      line-height: 1 !important;\n    }\n\n    .ds-pagination .ds-pagination-jump-icon svg {\n      width: 8px !important;\n      height: 8px !important;\n      display: block !important;\n    }\n\n    .ds-pagination .ds-pagination-truncation-icon {\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      width: 28px !important;\n      height: 28px !important;\n      color: ${pagination.text.default} !important;\n      line-height: 1 !important;\n    }\n\n    .ds-pagination .ds-pagination-truncation-icon svg {\n      width: 24px !important;\n      height: 24px !important;\n      display: block !important;\n    }\n\n    .ds-pagination .ant-pagination-jump-prev:hover,\n    .ds-pagination .ant-pagination-jump-next:hover,\n    .ds-pagination .ant-pagination-jump-prev:focus-within,\n    .ds-pagination .ant-pagination-jump-next:focus-within {\n      background: ${pagination.surface.hoverBg} !important;\n    }\n\n    .ds-pagination .ant-pagination-jump-prev:hover .ds-pagination-truncation-icon,\n    .ds-pagination .ant-pagination-jump-next:hover .ds-pagination-truncation-icon,\n    .ds-pagination .ds-pagination-jump-button:focus-visible .ds-pagination-truncation-icon {\n      display: none !important;\n    }\n\n    .ds-pagination .ant-pagination-jump-prev:hover .ds-pagination-jump-icon,\n    .ds-pagination .ant-pagination-jump-next:hover .ds-pagination-jump-icon,\n    .ds-pagination .ds-pagination-jump-button:focus-visible .ds-pagination-jump-icon {\n      display: inline-flex !important;\n    }\n\n    .ds-pagination-jumper-tooltip.ds-tooltip-overlay .ant-tooltip-container {\n      min-width: 0 !important;\n      max-width: none !important;\n      padding: 6px 12px 5px !important;\n      border-radius: ${dsSemanticTokens.tooltip.radius} !important;\n      background: ${dsSemanticTokens.tooltip.surface.background} !important;\n      filter: none !important;\n      box-shadow: none !important;\n    }\n\n    .ds-pagination-jumper-tooltip.ds-tooltip-overlay {\n      filter: drop-shadow(0px 2px 4px rgba(38, 44, 54, 0.3)) !important;\n      --ant-tooltip-arrow-background-color: ${dsSemanticTokens.tooltip.surface.background};\n      overflow: visible !important;\n    }\n\n    .ds-pagination-jumper-tooltip.ds-tooltip-overlay .ant-tooltip-content {\n      overflow: visible !important;\n    }\n\n    .ds-pagination-jumper-tooltip.ds-tooltip-overlay .ds-tooltip-body {\n      color: ${dsSemanticTokens.tooltip.surface.body} !important;\n      font-size: ${dsSemanticTokens.tooltip.typography.body.fontSize} !important;\n      line-height: ${dsSemanticTokens.tooltip.typography.body.lineHeight} !important;\n      font-weight: ${dsSemanticTokens.tooltip.typography.body.fontWeight} !important;\n      white-space: nowrap !important;\n    }\n\n    .ds-pagination-jumper-tooltip.ds-tooltip-overlay.ant-tooltip-placement-top > .ant-tooltip-arrow {\n      display: none !important;\n    }\n\n    .ds-pagination-jumper-tooltip.ds-tooltip-overlay.ant-tooltip-placement-top .ant-tooltip-container {\n      position: relative !important;\n      overflow: visible !important;\n    }\n\n    .ds-pagination-jumper-tooltip.ds-tooltip-overlay.ant-tooltip-placement-top .ant-tooltip-container::after {\n      content: '' !important;\n      position: absolute !important;\n      left: 50% !important;\n      bottom: -9px !important;\n      width: 0 !important;\n      height: 0 !important;\n      border-left: 8px solid transparent !important;\n      border-right: 8px solid transparent !important;\n      border-top: 9px solid ${dsSemanticTokens.tooltip.surface.background} !important;\n      transform: translateX(-50%) !important;\n      filter: drop-shadow(0px 2px 1px rgba(38, 44, 54, 0.3)) !important;\n      pointer-events: none !important;\n    }\n\n    .ds-pagination .ds-pagination-jump-button:focus-visible {\n      outline: 2px solid ${pagination.text.default} !important;\n      outline-offset: 2px !important;\n      border-radius: ${pagination.radius.jump} !important;\n    }\n\n    .ds-pagination .ant-pagination-options {\n      display: flex !important;\n      gap: ${pagination.spacing.optionsGap} !important;\n      align-items: center !important;\n      margin-left: ${pagination.spacing.optionsOffset} !important;\n    }\n\n    .ds-pagination .ant-pagination-options-size-changer {\n      display: flex !important;\n      align-items: center !important;\n    }\n\n    .ds-pagination .ant-pagination-options-quick-jumper {\n      display: flex !important;\n      align-items: center !important;\n      gap: 8px !important;\n    }\n\n    .ds-pagination .ant-pagination-options-quick-jumper input {\n      width: ${pagination.quickJumper.inputWidth} !important;\n      min-width: ${pagination.quickJumper.inputWidth} !important;\n      padding: 4px 8px !important;\n      border: 1px solid ${pagination.text.disabled} !important;\n      border-radius: ${pagination.radius.input} !important;\n      font-size: ${pagination.typography.jump.fontSize} !important;\n      text-align: center !important;\n    }\n  `;\n}\n\n/**\n * DSPagination\n * \n * Design system wrapper for Ant Design's Pagination component.\n * Provides consistent styling, sizing, and responsive behavior\n * while allowing full pass-through of Ant's pagination API.\n * \n * Design tokens applied:\n * - Selected page: #faf5e2 background, #f7c91e border\n * - Unselected page: #007cc1 text color\n * - Text: 16px, semibold unselected / bold selected\n * - Gap: 16px between items\n * - Border radius: 16px\n * \n * Canonical variants:\n * - Default: Standard pagination with 2-9 pages (desktop)\n * - Mobile: Reduced page numbers (5-6 pages max)\n * - With quick jumper: For navigating many pages\n * - With size changer: For changing results per page\n */\nexport const Pagination: React.FC<DSPaginationProps> = ({\n  size = 'default',\n  dsResponsive = false,\n  dsResponsiveBreakpoint = 768,\n  dsShowTruncationJumper = true,\n  dsTruncationJumpSize = 3,\n  dsTruncationTooltipDelay = 3,\n  dsTruncationTooltipLabel,\n  showQuickJumper = false,\n  showSizeChanger = false,\n  simple = false,\n  className,\n  current,\n  defaultCurrent = 1,\n  pageSize,\n  defaultPageSize = 10,\n  total = 0,\n  showLessItems,\n  onChange,\n  onShowSizeChange,\n  itemRender: providedItemRender,\n  locale,\n  ...antProps\n}) => {\n  const [internalCurrent, setInternalCurrent] = React.useState(defaultCurrent);\n  const [internalPageSize, setInternalPageSize] = React.useState(defaultPageSize);\n  const [isCompactResponsive, setIsCompactResponsive] = React.useState(false);\n\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  useEffect(() => {\n    if (!dsResponsive || typeof window === 'undefined') return;\n\n    const updateResponsiveMode = () => {\n      setIsCompactResponsive(window.innerWidth <= dsResponsiveBreakpoint);\n    };\n\n    updateResponsiveMode();\n    window.addEventListener('resize', updateResponsiveMode);\n\n    return () => {\n      window.removeEventListener('resize', updateResponsiveMode);\n    };\n  }, [dsResponsive, dsResponsiveBreakpoint]);\n\n  const resolvedCurrent = current ?? internalCurrent;\n  const resolvedPageSize = pageSize ?? internalPageSize;\n  const resolvedShowLessItems = showLessItems ?? (dsResponsive && isCompactResponsive);\n  const totalPages = Math.max(1, Math.ceil(total / resolvedPageSize));\n  const truncationTooltipLabel = dsTruncationTooltipLabel ?? `Jump ${dsTruncationJumpSize} pages`;\n  const resolvedLocale = React.useMemo(() => {\n    if (!dsShowTruncationJumper) return locale;\n\n    return {\n      ...locale,\n      prev_3: truncationTooltipLabel,\n      next_3: truncationTooltipLabel,\n      prev_5: truncationTooltipLabel,\n      next_5: truncationTooltipLabel,\n    };\n  }, [dsShowTruncationJumper, locale, truncationTooltipLabel]);\n\n  const changePage = React.useCallback((nextPage: number) => {\n    const clampedPage = Math.min(totalPages, Math.max(1, nextPage));\n    if (current == null) {\n      setInternalCurrent(clampedPage);\n    }\n    onChange?.(clampedPage, resolvedPageSize);\n  }, [current, onChange, resolvedPageSize, totalPages]);\n\n  const handlePaginationChange = React.useCallback((nextPage: number, nextPageSize: number) => {\n    if (current == null) {\n      setInternalCurrent(nextPage);\n    }\n    if (pageSize == null) {\n      setInternalPageSize(nextPageSize);\n    }\n    onChange?.(nextPage, nextPageSize);\n  }, [current, onChange, pageSize]);\n\n  const handleShowSizeChange = React.useCallback((nextPage: number, nextPageSize: number) => {\n    if (current == null) {\n      setInternalCurrent(nextPage);\n    }\n    if (pageSize == null) {\n      setInternalPageSize(nextPageSize);\n    }\n    onShowSizeChange?.(nextPage, nextPageSize);\n  }, [current, onShowSizeChange, pageSize]);\n\n  const renderJumpItem = React.useCallback((type: 'jump-prev' | 'jump-next') => {\n    const isPrevious = type === 'jump-prev';\n    const targetPage = isPrevious\n      ? resolvedCurrent - dsTruncationJumpSize\n      : resolvedCurrent + dsTruncationJumpSize;\n\n    const jumpButton = (\n      <button\n        type=\"button\"\n        className=\"ds-pagination-jump-button\"\n        aria-label={truncationTooltipLabel}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          changePage(targetPage);\n        }}\n        onKeyDown={(event) => {\n          event.stopPropagation();\n        }}\n      >\n        <span className=\"ds-pagination-truncation-icon\" aria-hidden=\"true\">\n          <Icon\n            name=\"moreOptionHorizontal2\"\n            size={28}\n            style={{ color: 'inherit' }}\n          />\n        </span>\n        <span className=\"ds-pagination-jump-icon\" aria-hidden=\"true\">\n          <Icon\n            name={isPrevious ? 'arrowButtonLeft1' : 'arrowButtonRight1'}\n            size={8}\n            style={{ color: 'inherit' }}\n          />\n        </span>\n      </button>\n    );\n\n    return (\n      <DSTooltip\n        dsSize=\"mini\"\n        dsBody={truncationTooltipLabel}\n        mouseEnterDelay={dsTruncationTooltipDelay}\n        placement=\"top\"\n        classNames={{ root: 'ds-pagination-jumper-tooltip' }}\n      >\n        {jumpButton}\n      </DSTooltip>\n    );\n  }, [changePage, dsTruncationJumpSize, dsTruncationTooltipDelay, resolvedCurrent, truncationTooltipLabel]);\n\n  const itemRender: AntPaginationProps['itemRender'] = (_, type, originalElement) => {\n    if (type === 'prev') {\n      return (\n        <span className=\"ds-pagination-arrow-icon\" aria-hidden=\"true\">\n          <Icon name=\"arrowLeft1\" size={dsSemanticTokens.pagination.iconControl.iconSize} style={{ color: 'inherit' }} />\n        </span>\n      );\n    }\n\n    if (type === 'next') {\n      return (\n        <span className=\"ds-pagination-arrow-icon\" aria-hidden=\"true\">\n          <Icon name=\"arrowRight1\" size={dsSemanticTokens.pagination.iconControl.iconSize} style={{ color: 'inherit' }} />\n        </span>\n      );\n    }\n\n    if ((type === 'jump-prev' || type === 'jump-next') && dsShowTruncationJumper) {\n      return renderJumpItem(type);\n    }\n\n    if (providedItemRender) {\n      return providedItemRender(_, type, originalElement);\n    }\n\n    return originalElement;\n  };\n\n  // Apply design system defaults while preserving Ant prop pass-through\n  return (\n    <AntPagination\n      className={`ds-pagination ${className || ''}`}\n      size={size}\n      current={resolvedCurrent}\n      pageSize={resolvedPageSize}\n      total={total}\n      showLessItems={resolvedShowLessItems}\n      showQuickJumper={showQuickJumper}\n      showSizeChanger={showSizeChanger}\n      simple={simple}\n      locale={resolvedLocale}\n      itemRender={itemRender}\n      onChange={handlePaginationChange}\n      onShowSizeChange={handleShowSizeChange}\n      {...antProps}\n    />\n  );\n};\n\nexport default Pagination;\n"],"mappings":"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"}

package/dist-lib/navigation/Steps.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../Steps-Dhq_inin.cjs`);exports.Steps=e.t;

package/dist-lib/navigation/Steps.js

@@ -0,0 +1,2 @@
+import { t as e } from "../Steps-DT5AKuMX.js";
+export { e as Steps };