ods-ant 0.2.0 → 0.4.0

package/dist-lib/navigation/Pagination.cjs

@@ -0,0 +1,370 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../theme.cjs`),n=require(`../useCustomIcon-DbSB56Pd.cjs`),r=require(`../display/Tooltip.cjs`);let i=require(`antd`),a=require(`react`);a=e.t(a,1);let o=require(`react/jsx-runtime`);var s=`ds-pagination-styles`;function c(){if(typeof document>`u`)return;let{pagination:e}=t.dsSemanticTokens,n=document.getElementById(s);n||(n=document.createElement(`style`),n.id=s,document.head.appendChild(n)),n.textContent=`
+    .ds-pagination {
+      display: flex;
+      gap: ${e.spacing.gap};
+      align-items: center;
+    }
+
+    .ds-pagination .ant-pagination {
+      display: flex;
+      gap: ${e.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: ${e.text.default} !important;
+      font-weight: ${e.typography.item.fontWeight} !important;
+      font-size: ${e.typography.item.fontSize} !important;
+      line-height: ${e.typography.item.lineHeight} !important;
+      font-family: "Nunito", sans-serif !important;
+      letter-spacing: ${e.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: ${e.surface.activeBg} !important;
+      border: 1px solid ${e.surface.activeBorder} !important;
+    }
+
+    .ds-pagination .ant-pagination-item-active a {
+      color: ${e.text.active} !important;
+      font-weight: ${e.typography.item.activeWeight} !important;
+    }
+
+    .ds-pagination .ant-pagination-item:hover {
+      background: ${e.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: ${e.surface.activeBg} !important;
+      border: 1px solid ${e.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: ${e.iconControl.width} !important;
+      height: ${e.iconControl.height} !important;
+      min-width: ${e.iconControl.width} !important;
+      flex: 0 0 ${e.iconControl.width} !important;
+      padding: 0 !important;
+      margin: 0 !important;
+      margin-inline-end: 0 !important;
+      background: transparent !important;
+      border: none !important;
+      color: ${e.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: ${e.iconControl.width} !important;
+      height: ${e.iconControl.height} !important;
+      min-width: ${e.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: ${e.iconControl.width} !important;
+      height: ${e.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: ${e.text.hover} !important;
+    }
+
+    .ds-pagination .ant-pagination-prev.ant-pagination-disabled,
+    .ds-pagination .ant-pagination-next.ant-pagination-disabled {
+      color: ${e.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: ${e.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: ${e.text.default} !important;
+      font-weight: ${e.typography.jump.fontWeight} !important;
+      font-size: ${e.typography.jump.fontSize} !important;
+      line-height: ${e.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: ${e.text.default} !important;
+      font: inherit !important;
+      line-height: ${e.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: ${e.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: ${e.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: ${e.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: ${t.dsSemanticTokens.tooltip.radius} !important;
+      background: ${t.dsSemanticTokens.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: ${t.dsSemanticTokens.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: ${t.dsSemanticTokens.tooltip.surface.body} !important;
+      font-size: ${t.dsSemanticTokens.tooltip.typography.body.fontSize} !important;
+      line-height: ${t.dsSemanticTokens.tooltip.typography.body.lineHeight} !important;
+      font-weight: ${t.dsSemanticTokens.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 ${t.dsSemanticTokens.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 ${e.text.default} !important;
+      outline-offset: 2px !important;
+      border-radius: ${e.radius.jump} !important;
+    }
+
+    .ds-pagination .ant-pagination-options {
+      display: flex !important;
+      gap: ${e.spacing.optionsGap} !important;
+      align-items: center !important;
+      margin-left: ${e.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: ${e.quickJumper.inputWidth} !important;
+      min-width: ${e.quickJumper.inputWidth} !important;
+      padding: 4px 8px !important;
+      border: 1px solid ${e.text.disabled} !important;
+      border-radius: ${e.radius.input} !important;
+      font-size: ${e.typography.jump.fontSize} !important;
+      text-align: center !important;
+    }
+  `}var l=({size:e=`default`,dsResponsive:s=!1,dsResponsiveBreakpoint:l=768,dsShowTruncationJumper:u=!0,dsTruncationJumpSize:d=3,dsTruncationTooltipDelay:f=3,dsTruncationTooltipLabel:p,showQuickJumper:m=!1,showSizeChanger:h=!1,simple:g=!1,className:_,current:v,defaultCurrent:y=1,pageSize:b,defaultPageSize:x=10,total:S=0,showLessItems:C,onChange:w,onShowSizeChange:T,itemRender:E,locale:D,...O})=>{let[k,A]=a.default.useState(y),[j,M]=a.default.useState(x),[N,P]=a.default.useState(!1);(0,a.useEffect)(()=>{c()},[]),(0,a.useEffect)(()=>{if(!s||typeof window>`u`)return;let e=()=>{P(window.innerWidth<=l)};return e(),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[s,l]);let F=v??k,I=b??j,L=C??(s&&N),R=Math.max(1,Math.ceil(S/I)),z=p??`Jump ${d} pages`,B=a.default.useMemo(()=>u?{...D,prev_3:z,next_3:z,prev_5:z,next_5:z}:D,[u,D,z]),V=a.default.useCallback(e=>{let t=Math.min(R,Math.max(1,e));v??A(t),w?.(t,I)},[v,w,I,R]),H=a.default.useCallback((e,t)=>{v??A(e),b??M(t),w?.(e,t)},[v,w,b]),U=a.default.useCallback((e,t)=>{v??A(e),b??M(t),T?.(e,t)},[v,T,b]),W=a.default.useCallback(e=>{let t=e===`jump-prev`,i=t?F-d:F+d;return(0,o.jsx)(r.Tooltip,{dsSize:`mini`,dsBody:z,mouseEnterDelay:f,placement:`top`,classNames:{root:`ds-pagination-jumper-tooltip`},children:(0,o.jsxs)(`button`,{type:`button`,className:`ds-pagination-jump-button`,"aria-label":z,onClick:e=>{e.preventDefault(),e.stopPropagation(),V(i)},onKeyDown:e=>{e.stopPropagation()},children:[(0,o.jsx)(`span`,{className:`ds-pagination-truncation-icon`,"aria-hidden":`true`,children:(0,o.jsx)(n.t,{name:`moreOptionHorizontal2`,size:28,style:{color:`inherit`}})}),(0,o.jsx)(`span`,{className:`ds-pagination-jump-icon`,"aria-hidden":`true`,children:(0,o.jsx)(n.t,{name:t?`arrowButtonLeft1`:`arrowButtonRight1`,size:8,style:{color:`inherit`}})})]})})},[V,d,f,F,z]);return(0,o.jsx)(i.Pagination,{className:`ds-pagination ${_||``}`,size:e,current:F,pageSize:I,total:S,showLessItems:L,showQuickJumper:m,showSizeChanger:h,simple:g,locale:B,itemRender:(e,r,i)=>r===`prev`?(0,o.jsx)(`span`,{className:`ds-pagination-arrow-icon`,"aria-hidden":`true`,children:(0,o.jsx)(n.t,{name:`arrowLeft1`,size:t.dsSemanticTokens.pagination.iconControl.iconSize,style:{color:`inherit`}})}):r===`next`?(0,o.jsx)(`span`,{className:`ds-pagination-arrow-icon`,"aria-hidden":`true`,children:(0,o.jsx)(n.t,{name:`arrowRight1`,size:t.dsSemanticTokens.pagination.iconControl.iconSize,style:{color:`inherit`}})}):(r===`jump-prev`||r===`jump-next`)&&u?W(r):E?E(e,r,i):i,onChange:H,onShowSizeChange:U,...O})};exports.Pagination=l,exports.default=l;
+//# sourceMappingURL=Pagination.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.cjs","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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"}