@alfadocs/ui-kit-debug 0.70.0 → 0.72.0

package/dist/_chunks/pagination-EkD5SiCK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-EkD5SiCK.js","sources":["../../src/components/pagination/pagination.agent.ts","../../src/components/pagination/pagination.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PaginationHandle } from './pagination';\n\nexport const paginationAgent: AgentAdapter<PaginationHandle> = {\n  id: 'pagination',\n  capabilities: ['paginate', 'range_navigate'],\n  state: {\n    currentPage: {\n      type: 'number',\n      descriptionKey: 'ui.agent.pagination.state.currentPage',\n      description: 'Current page index (1-based).',\n      read: (handle) => handle.getCurrentPage(),\n    },\n    totalPages: {\n      type: 'number',\n      descriptionKey: 'ui.agent.pagination.state.totalPages',\n      description: 'Total number of pages.',\n      read: (handle) => handle.getTotalPages(),\n    },\n  },\n  actions: {\n    go_to_page: {\n      safety: 'read',\n      argsType: '{ page: number }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          page: {\n            type: 'integer',\n            minimum: 1,\n            description: '1-indexed target page.',\n          },\n        },\n        required: ['page'],\n      },\n      idempotent: true,\n      errors: ['Page is out of range (clamped to [1, totalPages]).'],\n      examples: [{ args: { page: 3 } }],\n      descriptionKey: 'ui.agent.pagination.actions.goToPage',\n      description: 'Navigate to a specific 1-indexed page.',\n      invoke: (handle, args: { page: number }) => {\n        handle.goToPage(args.page);\n      },\n    },\n    next: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.pagination.actions.next',\n      description: 'Advance to the next page.',\n      invoke: (handle) => {\n        handle.next();\n      },\n    },\n    previous: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.pagination.actions.previous',\n      description: 'Step back to the previous page.',\n      invoke: (handle) => {\n        handle.previous();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'pagination' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useAgentRegistration } from '../../agent';\nimport { paginationAgent } from './pagination.agent';\nimport * as RadixSelect from '@radix-ui/react-select';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  MoreHorizontal,\n  Check,\n} from 'lucide-react';\n\n/* -------------------------------------------------------------------- */\n/* Sizes                                                                 */\n/* -------------------------------------------------------------------- */\n\ntype PaginationSize = 'sm' | 'md' | 'lg';\n\nconst buttonBase = [\n  'ds:inline-flex ds:items-center ds:justify-center',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:border ds:border-transparent',\n  'ds:font-[var(--font-weight-medium)]',\n  'ds:text-[var(--foreground)]',\n  'ds:select-none',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  'ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50',\n].join(' ');\n\nconst paginationButtonVariants = cva(buttonBase, {\n  variants: {\n    size: {\n      sm: 'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-sm)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n      md: 'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n      lg: 'ds:min-w-[3rem] ds:min-h-[3rem] ds:text-[length:var(--font-size-lg)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    },\n    active: {\n      true: 'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:font-[var(--font-weight-bold)] ds:outline ds:outline-1 ds:outline-[var(--primary)] ds:hover:bg-[var(--primary-hover)]',\n      false: '',\n    },\n  },\n  defaultVariants: { size: 'md', active: false },\n});\n\n/* -------------------------------------------------------------------- */\n/* Range helper                                                          */\n/* -------------------------------------------------------------------- */\n\ntype PageToken = number | 'ellipsis-start' | 'ellipsis-end';\n\nfunction range(start: number, end: number): number[] {\n  const out: number[] = [];\n  for (let i = start; i <= end; i++) out.push(i);\n  return out;\n}\n\nexport function buildPageRange(\n  current: number,\n  totalPages: number,\n  siblingCount = 1,\n  boundaryCount = 1,\n): PageToken[] {\n  if (totalPages <= 0) return [];\n  // Clamp to sensible minima so extreme consumer inputs don't surface\n  // ranges like `[1, 3, 5]` with no ellipsis between boundaries.\n  siblingCount = Math.max(0, siblingCount);\n  boundaryCount = Math.max(1, boundaryCount);\n  const totalNumbers = boundaryCount * 2 + siblingCount * 2 + 3;\n  if (totalNumbers >= totalPages) return range(1, totalPages);\n\n  const startPages = range(1, boundaryCount);\n  const endPages = range(totalPages - boundaryCount + 1, totalPages);\n\n  const siblingStart = Math.max(\n    Math.min(\n      current - siblingCount,\n      totalPages - boundaryCount - siblingCount * 2 - 1,\n    ),\n    boundaryCount + 2,\n  );\n  const siblingEnd = Math.min(\n    Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages[0] - 2,\n  );\n\n  const tokens: PageToken[] = [...startPages];\n\n  if (siblingStart > boundaryCount + 2) tokens.push('ellipsis-start');\n  else if (boundaryCount + 1 < totalPages - boundaryCount)\n    tokens.push(boundaryCount + 1);\n\n  tokens.push(...range(siblingStart, siblingEnd));\n\n  if (siblingEnd < totalPages - boundaryCount - 1) tokens.push('ellipsis-end');\n  else if (totalPages - boundaryCount > boundaryCount)\n    tokens.push(totalPages - boundaryCount);\n\n  tokens.push(...endPages);\n  return tokens;\n}\n\n/* -------------------------------------------------------------------- */\n/* Root                                                                  */\n/* -------------------------------------------------------------------- */\n\n// Curated agent-readiness handle — see pagination.agent.ts.\nexport interface PaginationHandle {\n  getCurrentPage: () => number;\n  getTotalPages: () => number;\n  goToPage: (page: number) => void;\n  next: () => void;\n  previous: () => void;\n}\n\nexport interface PaginationProps extends ComponentPropsWithoutRef<'nav'> {\n  /** Total number of pages. */\n  totalPages: number;\n  /** Controlled current page (1-indexed). */\n  page?: number;\n  /** Default current page for uncontrolled use. */\n  defaultPage?: number;\n  /** Fires when the current page changes. */\n  onPageChange?: (page: number) => void;\n  /** Siblings shown on either side of the active page. @default 1 */\n  siblingCount?: number;\n  /** Boundary pages kept at each end. @default 1 */\n  boundaryCount?: number;\n  /** Visual size. @default 'md' */\n  size?: PaginationSize;\n  /** Show \"first\"/\"last\" chevrons alongside prev/next. @default false */\n  showEndpoints?: boolean;\n  /** Horizontal alignment of the pagination within its container. @default 'center' */\n  align?: 'start' | 'center' | 'end';\n  /** Optional page-size select config. */\n  pageSize?: {\n    value: number;\n    options?: number[];\n    onChange: (size: number) => void;\n  };\n  /** Use `Intl.NumberFormat` for page numbers (Arabic-Indic digits, etc.). */\n  useLocaleDigits?: boolean;\n  /** Locale override for digit formatting. */\n  locale?: string;\n}\n\nconst Pagination = forwardRef<HTMLElement, PaginationProps>(\n  (\n    {\n      totalPages,\n      page: controlledPage,\n      defaultPage = 1,\n      onPageChange,\n      siblingCount = 1,\n      boundaryCount = 1,\n      size = 'md',\n      showEndpoints = false,\n      align = 'center',\n      pageSize,\n      useLocaleDigits = false,\n      locale,\n      className,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [currentPageRaw, setCurrentPage] = useControllableState<number>({\n      value: controlledPage,\n      defaultValue: defaultPage,\n      onChange: onPageChange,\n    });\n    const currentPage = currentPageRaw ?? defaultPage;\n\n    useEffect(() => {\n      if (controlledPage !== undefined && defaultPage !== 1) {\n        console.warn(\n          '[Pagination] Both `page` and `defaultPage` were supplied. The `page` prop wins; remove `defaultPage` for controlled usage.',\n        );\n      }\n    }, [controlledPage, defaultPage]);\n\n    const handleChange = useCallback(\n      (next: number) => {\n        const clamped = Math.min(Math.max(next, 1), Math.max(1, totalPages));\n        setCurrentPage(clamped);\n      },\n      [setCurrentPage, totalPages],\n    );\n\n    const formatNumber = useCallback(\n      (n: number) => {\n        if (!useLocaleDigits) return String(n);\n        try {\n          return new Intl.NumberFormat(locale ?? i18n.language).format(n);\n        } catch {\n          return String(n);\n        }\n      },\n      [i18n.language, locale, useLocaleDigits],\n    );\n\n    const tokens = useMemo(\n      () =>\n        buildPageRange(currentPage, totalPages, siblingCount, boundaryCount),\n      [currentPage, totalPages, siblingCount, boundaryCount],\n    );\n\n    const atFirst = currentPage <= 1;\n    const atLast = currentPage >= totalPages;\n\n    // Agent handle — refs for fresh reads.\n    const pageRef = useRef(currentPage);\n    useEffect(() => {\n      pageRef.current = currentPage;\n    }, [currentPage]);\n    const totalRef = useRef(totalPages);\n    useEffect(() => {\n      totalRef.current = totalPages;\n    }, [totalPages]);\n\n    const agentHandle = useMemo<PaginationHandle>(\n      () => ({\n        getCurrentPage: () => pageRef.current,\n        getTotalPages: () => totalRef.current,\n        goToPage: (next) => handleChange(next),\n        next: () => handleChange(pageRef.current + 1),\n        previous: () => handleChange(pageRef.current - 1),\n      }),\n      [handleChange],\n    );\n    useAgentRegistration(paginationAgent, agentHandle, id);\n\n    const justifyClass =\n      align === 'start'\n        ? 'ds:justify-start'\n        : align === 'end'\n          ? 'ds:justify-end'\n          : 'ds:justify-center';\n\n    return (\n      <nav\n        ref={ref}\n        aria-label={t('navigation.pagination.label')}\n        id={id}\n        data-component=\"pagination\"\n        data-component-id={id}\n        className={[\n          'ds:flex ds:items-center',\n          justifyClass,\n          'ds:gap-[var(--spacing-sm)]',\n          'ds:flex-wrap',\n          className ?? '',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        <PaginationList size={size}>\n          {showEndpoints ? (\n            <PaginationItem>\n              <PaginationEndpoint\n                type=\"first\"\n                size={size}\n                disabled={atFirst}\n                onClick={() => handleChange(1)}\n              />\n            </PaginationItem>\n          ) : null}\n          <PaginationItem>\n            <PaginationPrevious\n              size={size}\n              disabled={atFirst}\n              onClick={() => handleChange(currentPage - 1)}\n            />\n          </PaginationItem>\n          {tokens.map((token, i) => {\n            if (token === 'ellipsis-start' || token === 'ellipsis-end') {\n              return (\n                <PaginationItem key={`e-${i}`}>\n                  <PaginationEllipsis />\n                </PaginationItem>\n              );\n            }\n            return (\n              <PaginationItem key={`p-${token}`}>\n                <PaginationLink\n                  size={size}\n                  isActive={token === currentPage}\n                  aria-label={t('navigation.pagination.pageN', { n: token })}\n                  onClick={() => handleChange(token)}\n                >\n                  {formatNumber(token)}\n                </PaginationLink>\n              </PaginationItem>\n            );\n          })}\n          <PaginationItem>\n            <PaginationNext\n              size={size}\n              disabled={atLast}\n              onClick={() => handleChange(currentPage + 1)}\n            />\n          </PaginationItem>\n          {showEndpoints ? (\n            <PaginationItem>\n              <PaginationEndpoint\n                type=\"last\"\n                size={size}\n                disabled={atLast}\n                onClick={() => handleChange(totalPages)}\n              />\n            </PaginationItem>\n          ) : null}\n        </PaginationList>\n        {pageSize ? (\n          <PageSizeSelect\n            size={size}\n            value={pageSize.value}\n            options={pageSize.options ?? [10, 25, 50, 100]}\n            onChange={pageSize.onChange}\n            formatNumber={formatNumber}\n          />\n        ) : null}\n      </nav>\n    );\n  },\n);\nPagination.displayName = 'Pagination';\n\n/* -------------------------------------------------------------------- */\n/* List + item                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface PaginationListProps extends ComponentPropsWithoutRef<'ul'> {\n  size?: PaginationSize;\n}\n\nconst PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  ({ children, className, ...rest }, ref) => (\n    <ul\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center',\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:m-0 ds:ps-0',\n        'ds:list-none',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      {children}\n    </ul>\n  ),\n);\nPaginationList.displayName = 'PaginationList';\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<'li'>;\n\nconst PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  ({ children, className, ...rest }, ref) => (\n    <li ref={ref} className={className} {...rest}>\n      {children}\n    </li>\n  ),\n);\nPaginationItem.displayName = 'PaginationItem';\n\n/* -------------------------------------------------------------------- */\n/* Link                                                                  */\n/* -------------------------------------------------------------------- */\n\nexport interface PaginationLinkProps\n  extends\n    Omit<ComponentPropsWithoutRef<'button'>, 'size'>,\n    VariantProps<typeof paginationButtonVariants> {\n  isActive?: boolean;\n  size?: PaginationSize;\n}\n\nconst PaginationLink = forwardRef<HTMLButtonElement, PaginationLinkProps>(\n  ({ isActive = false, size = 'md', className, children, ...rest }, ref) => (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-current={isActive ? 'page' : undefined}\n      className={paginationButtonVariants({\n        size,\n        active: isActive,\n        className,\n      })}\n      {...rest}\n    >\n      {children}\n    </button>\n  ),\n);\nPaginationLink.displayName = 'PaginationLink';\n\n/* -------------------------------------------------------------------- */\n/* Previous / Next / Endpoint buttons                                    */\n/* -------------------------------------------------------------------- */\n\ninterface NavButtonProps {\n  size?: PaginationSize;\n  disabled?: boolean;\n  onClick?: () => void;\n}\n\nconst chevronClasses = 'ds:size-4 ds:rtl:-scale-x-100';\n\nconst PaginationPrevious = forwardRef<HTMLButtonElement, NavButtonProps>(\n  ({ size = 'md', disabled, onClick }, ref) => {\n    const { t } = useTranslation();\n    const label = t('navigation.pagination.previous');\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        aria-disabled={disabled || undefined}\n        disabled={disabled}\n        onClick={onClick}\n        className={paginationButtonVariants({ size })}\n      >\n        <ChevronLeft aria-hidden=\"true\" className={chevronClasses} />\n      </button>\n    );\n  },\n);\nPaginationPrevious.displayName = 'PaginationPrevious';\n\nconst PaginationNext = forwardRef<HTMLButtonElement, NavButtonProps>(\n  ({ size = 'md', disabled, onClick }, ref) => {\n    const { t } = useTranslation();\n    const label = t('navigation.pagination.next');\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        aria-disabled={disabled || undefined}\n        disabled={disabled}\n        onClick={onClick}\n        className={paginationButtonVariants({ size })}\n      >\n        <ChevronRight aria-hidden=\"true\" className={chevronClasses} />\n      </button>\n    );\n  },\n);\nPaginationNext.displayName = 'PaginationNext';\n\ninterface EndpointProps extends NavButtonProps {\n  type: 'first' | 'last';\n}\n\nconst PaginationEndpoint = forwardRef<HTMLButtonElement, EndpointProps>(\n  ({ type, size = 'md', disabled, onClick }, ref) => {\n    const { t } = useTranslation();\n    const label =\n      type === 'first'\n        ? t('navigation.pagination.first')\n        : t('navigation.pagination.last');\n    const Icon = type === 'first' ? ChevronsLeft : ChevronsRight;\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        aria-disabled={disabled || undefined}\n        disabled={disabled}\n        onClick={onClick}\n        className={paginationButtonVariants({ size })}\n      >\n        <Icon aria-hidden=\"true\" className={chevronClasses} />\n      </button>\n    );\n  },\n);\nPaginationEndpoint.displayName = 'PaginationEndpoint';\n\n/* -------------------------------------------------------------------- */\n/* Ellipsis                                                              */\n/* -------------------------------------------------------------------- */\n\nexport type PaginationEllipsisProps = ComponentPropsWithoutRef<'span'>;\n\nconst PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  ({ className, ...rest }, ref) => (\n    <span\n      ref={ref}\n      aria-hidden=\"true\"\n      role=\"presentation\"\n      className={[\n        'ds:inline-flex ds:items-center ds:justify-center',\n        'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n        'ds:text-[var(--muted-foreground)]',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      <MoreHorizontal aria-hidden=\"true\" className=\"ds:size-4\" />\n    </span>\n  ),\n);\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\n/* -------------------------------------------------------------------- */\n/* Page-size select                                                      */\n/* -------------------------------------------------------------------- */\n\ninterface PageSizeSelectProps {\n  size: PaginationSize;\n  value: number;\n  options: number[];\n  onChange: (size: number) => void;\n  formatNumber: (n: number) => string;\n}\n\nconst selectTriggerClasses = [\n  'ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-xs)]',\n  'ds:rounded-[var(--radius-sm)] ds:border ds:border-[var(--border)] ds:bg-[var(--background)]',\n  'ds:text-[var(--foreground)]',\n  'ds:min-h-[var(--min-target-size)] ds:min-w-[6rem]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n  'ds:text-[var(--font-size-sm)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n].join(' ');\n\nconst selectContentClasses = [\n  'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]',\n  'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none',\n].join(' ');\n\nconst selectItemClasses = [\n  'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-xl)] ds:pe-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:text-[var(--foreground)] ds:outline-none ds:select-none',\n  'ds:data-[highlighted]:bg-[var(--muted)]/20',\n  'ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50',\n].join(' ');\n\nfunction PageSizeSelect({\n  value,\n  options,\n  onChange,\n  formatNumber,\n}: PageSizeSelectProps) {\n  const { t } = useTranslation();\n  const labelId = useId();\n  return (\n    <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n      <span\n        id={labelId}\n        className=\"type-label ds:text-[var(--muted-foreground)]\"\n      >\n        {t('navigation.pagination.rowsPerPage')}\n      </span>\n      <RadixSelect.Root\n        value={String(value)}\n        onValueChange={(v) => onChange(Number(v))}\n      >\n        <RadixSelect.Trigger\n          aria-labelledby={labelId}\n          className={selectTriggerClasses}\n        >\n          <RadixSelect.Value />\n          <RadixSelect.Icon asChild>\n            <ChevronRight\n              aria-hidden=\"true\"\n              className=\"ds:size-3 ds:rotate-90\"\n            />\n          </RadixSelect.Icon>\n        </RadixSelect.Trigger>\n        <RadixSelect.Portal>\n          <RadixSelect.Content\n            className={selectContentClasses}\n            position=\"popper\"\n          >\n            <RadixSelect.Viewport className=\"ds:p-[var(--spacing-xs)]\">\n              {options.map((o) => (\n                <RadixSelect.Item\n                  key={o}\n                  value={String(o)}\n                  className={selectItemClasses}\n                >\n                  <RadixSelect.ItemIndicator className=\"ds:absolute ds:inline-flex ds:items-center ds:justify-center ds:start-[var(--spacing-sm)]\">\n                    <Check aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                  </RadixSelect.ItemIndicator>\n                  <RadixSelect.ItemText>{formatNumber(o)}</RadixSelect.ItemText>\n                </RadixSelect.Item>\n              ))}\n            </RadixSelect.Viewport>\n          </RadixSelect.Content>\n        </RadixSelect.Portal>\n      </RadixSelect.Root>\n    </div>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Exports                                                               */\n/* -------------------------------------------------------------------- */\n\nexport {\n  Pagination,\n  PaginationList,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"names":["paginationAgent","handle","args","buttonBase","paginationButtonVariants","cva","range","start","end","out","i","buildPageRange","current","totalPages","siblingCount","boundaryCount","startPages","endPages","siblingStart","siblingEnd","tokens","Pagination","forwardRef","controlledPage","defaultPage","onPageChange","size","showEndpoints","align","pageSize","useLocaleDigits","locale","className","id","rest","ref","t","i18n","useTranslation","currentPageRaw","setCurrentPage","useControllableState","currentPage","useEffect","handleChange","useCallback","next","clamped","formatNumber","n","useMemo","atFirst","atLast","pageRef","useRef","totalRef","agentHandle","useAgentRegistration","justifyClass","jsxs","PaginationList","PaginationItem","jsx","PaginationEndpoint","PaginationPrevious","token","PaginationEllipsis","PaginationLink","PaginationNext","PageSizeSelect","children","isActive","chevronClasses","disabled","onClick","label","ChevronLeft","ChevronRight","type","Icon","ChevronsLeft","ChevronsRight","MoreHorizontal","selectTriggerClasses","selectContentClasses","selectItemClasses","value","options","onChange","labelId","useId","RadixSelect","v","o","Check"],"mappings":"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"}

package/dist/_chunks/panel-header-D313n_9-.js

@@ -0,0 +1,105 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { forwardRef as b, useContext as P, createContext as k } from "react";
+import { c as i } from "./index-D2ZczOXr.js";
+const l = k(null);
+function C({
+  actions: a,
+  children: e
+}) {
+  return /* @__PURE__ */ r(l.Provider, { value: a, children: e });
+}
+function y() {
+  return P(l);
+}
+const N = i(
+  [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+    "ds:px-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]"
+  ].join(" "),
+  {
+    variants: {
+      // `sticky` pins the header to the top of the panel's scroll region;
+      // otherwise it stays a fixed-height band that never shrinks.
+      sticky: {
+        true: "ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--background)]",
+        false: "ds:shrink-0"
+      },
+      divider: {
+        true: "ds:border-b ds:border-[color:var(--border)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      sticky: !1,
+      divider: !0
+    }
+  }
+), j = i(
+  [
+    "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:text-[color:var(--foreground)]"
+  ].join(" "),
+  {
+    variants: {
+      titleScale: {
+        card: "type-title-card",
+        section: "type-title-section"
+      }
+    },
+    defaultVariants: {
+      titleScale: "card"
+    }
+  }
+), H = b(
+  ({
+    title: a,
+    icon: e,
+    headingId: c,
+    headingLevel: o = 2,
+    actions: d,
+    filters: n,
+    sticky: p = !1,
+    divider: u = !0,
+    titleScale: m = "card",
+    className: v,
+    ...f
+  }, g) => {
+    const t = y(), x = o === 3 ? "h3" : "h2", h = d != null || t != null;
+    return /* @__PURE__ */ s(
+      "header",
+      {
+        ref: g,
+        "data-component": "panel-header",
+        className: N({ sticky: p, divider: u, className: v }),
+        ...f,
+        children: [
+          /* @__PURE__ */ s("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ s(x, { id: c, className: j({ titleScale: m }), children: [
+              e ? /* @__PURE__ */ r(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "ds:inline-flex ds:shrink-0 ds:text-[color:var(--accent)] ds:[&_svg]:size-4",
+                  children: e
+                }
+              ) : null,
+              a
+            ] }),
+            h ? /* @__PURE__ */ s("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:shrink-0", children: [
+              d,
+              t
+            ] }) : null
+          ] }),
+          n != null ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: n }) : null
+        ]
+      }
+    );
+  }
+);
+H.displayName = "PanelHeader";
+export {
+  H as P,
+  C as a,
+  y as u
+};
+//# sourceMappingURL=panel-header-D313n_9-.js.map

package/dist/_chunks/panel-header-D313n_9-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-header-D313n_9-.js","sources":["../../src/components/panel-header/panel-header.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useContext,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\n/* -------------------------------------------------------------------- */\n/* PanelHeader                                                           */\n/*                                                                       */\n/* The single header pattern every rail panel adopts: a title row        */\n/* (optional leading glyph + heading on the start, an action cluster on   */\n/* the end), an optional sticky second row of filters, an optional        */\n/* bottom divider, and edge handling (shrink-0 vs sticky). It            */\n/* standardises the bespoke <header> markup that AppointmentTimeline,     */\n/* TasksPanel and friends each re-authored.                              */\n/*                                                                       */\n/* The action cluster holds the PANEL-OWNED `actions` first, then any     */\n/* RAIL-INJECTED actions read from context (PanelHeaderActionsProvider).  */\n/* Standalone — with no provider — nothing is injected. The component     */\n/* owns no user-visible strings of its own: `title`, `actions` and        */\n/* `filters` are all caller-supplied nodes already translated upstream.   */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* Rail-actions context                                                  */\n/* -------------------------------------------------------------------- */\n\nconst PanelHeaderActionsContext = createContext<ReactNode>(null);\n\n/**\n * Provides rail-injected actions that every descendant `PanelHeader`\n * appends to its action cluster, after the panel's own `actions`. The\n * rail (or any host) wraps the panel subtree once; standalone panels\n * render without a provider and inject nothing.\n */\nexport function PanelHeaderActionsProvider({\n  actions,\n  children,\n}: {\n  actions: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <PanelHeaderActionsContext.Provider value={actions}>\n      {children}\n    </PanelHeaderActionsContext.Provider>\n  );\n}\n\n/** Reads the rail-injected actions for the current subtree (default `null`). */\nexport function usePanelHeaderActions(): ReactNode {\n  return useContext(PanelHeaderActionsContext);\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                   */\n/* -------------------------------------------------------------------- */\n\nconst headerVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n    'ds:px-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]',\n  ].join(' '),\n  {\n    variants: {\n      // `sticky` pins the header to the top of the panel's scroll region;\n      // otherwise it stays a fixed-height band that never shrinks.\n      sticky: {\n        true: 'ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--background)]',\n        false: 'ds:shrink-0',\n      },\n      divider: {\n        true: 'ds:border-b ds:border-[color:var(--border)]',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      sticky: false,\n      divider: true,\n    },\n  },\n);\n\nconst headingVariants = cva(\n  [\n    'ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:text-[color:var(--foreground)]',\n  ].join(' '),\n  {\n    variants: {\n      titleScale: {\n        card: 'type-title-card',\n        section: 'type-title-section',\n      },\n    },\n    defaultVariants: {\n      titleScale: 'card',\n    },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Public API                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface PanelHeaderProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'title'>,\n    VariantProps<typeof headerVariants> {\n  /** Heading content. Already translated upstream. */\n  title: ReactNode;\n  /** Optional leading glyph — auto `aria-hidden` and sized to `--spacing` 4. */\n  icon?: ReactNode;\n  /** `id` applied to the heading so panels can wire `aria-labelledby`. */\n  headingId?: string;\n  /** Semantic heading level. Default `2`. */\n  headingLevel?: 2 | 3;\n  /** Panel-owned actions, rendered inline-end of the title row. */\n  actions?: ReactNode;\n  /** Optional second row, typically filter controls. */\n  filters?: ReactNode;\n  /** Pin to the top of the scroll region. Default `false`. */\n  sticky?: boolean;\n  /** Bottom hairline. Default `true`. */\n  divider?: boolean;\n  /** Type scale of the heading. Default `'card'`. */\n  titleScale?: 'card' | 'section';\n}\n\nexport const PanelHeader = forwardRef<HTMLElement, PanelHeaderProps>(\n  (\n    {\n      title,\n      icon,\n      headingId,\n      headingLevel = 2,\n      actions,\n      filters,\n      sticky = false,\n      divider = true,\n      titleScale = 'card',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const injected = usePanelHeaderActions();\n    const Heading = headingLevel === 3 ? 'h3' : 'h2';\n    const hasActions = actions != null || injected != null;\n\n    return (\n      <header\n        ref={ref}\n        data-component=\"panel-header\"\n        className={headerVariants({ sticky, divider, className })}\n        {...rest}\n      >\n        <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <Heading id={headingId} className={headingVariants({ titleScale })}>\n            {icon ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:inline-flex ds:shrink-0 ds:text-[color:var(--accent)] ds:[&_svg]:size-4\"\n              >\n                {icon}\n              </span>\n            ) : null}\n            {title}\n          </Heading>\n          {hasActions ? (\n            <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:shrink-0\">\n              {actions}\n              {injected}\n            </div>\n          ) : null}\n        </div>\n\n        {filters != null ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {filters}\n          </div>\n        ) : null}\n      </header>\n    );\n  },\n);\n\nPanelHeader.displayName = 'PanelHeader';\n"],"names":["PanelHeaderActionsContext","createContext","PanelHeaderActionsProvider","actions","children","usePanelHeaderActions","useContext","headerVariants","cva","headingVariants","PanelHeader","forwardRef","title","icon","headingId","headingLevel","filters","sticky","divider","titleScale","className","rest","ref","injected","Heading","hasActions","jsxs","jsx"],"mappings":";;;AA8BA,MAAMA,IAA4BC,EAAyB,IAAI;AAQxD,SAASC,EAA2B;AAAA,EACzC,SAAAC;AAAA,EACA,UAAAC;AACF,GAGG;AACD,2BACGJ,EAA0B,UAA1B,EAAmC,OAAOG,GACxC,UAAAC,GACH;AAEJ;AAGO,SAASC,IAAmC;AACjD,SAAOC,EAAWN,CAAyB;AAC7C;AAMA,MAAMO,IAAiBC;AAAA,EACrB;AAAA,IACE;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA;AAAA;AAAA,MAGR,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,IAAkBD;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,YAAY;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ,GA8BaE,IAAcC;AAAA,EACzB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,SAAAZ;AAAA,IACA,SAAAa;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,IACV,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAWlB,EAAA,GACXmB,IAAUT,MAAiB,IAAI,OAAO,MACtCU,IAAatB,KAAW,QAAQoB,KAAY;AAElD,WACE,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAJ;AAAA,QACA,kBAAe;AAAA,QACf,WAAWf,EAAe,EAAE,QAAAU,GAAQ,SAAAC,GAAS,WAAAE,GAAW;AAAA,QACvD,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,YAAA,gBAAAA,EAACF,GAAA,EAAQ,IAAIV,GAAW,WAAWL,EAAgB,EAAE,YAAAU,GAAY,GAC9D,UAAA;AAAA,cAAAN,IACC,gBAAAc;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,eAAY;AAAA,kBACZ,WAAU;AAAA,kBAET,UAAAd;AAAA,gBAAA;AAAA,cAAA,IAED;AAAA,cACHD;AAAA,YAAA,GACH;AAAA,YACCa,IACC,gBAAAC,EAAC,OAAA,EAAI,WAAU,kEACZ,UAAA;AAAA,cAAAvB;AAAA,cACAoB;AAAA,YAAA,EAAA,CACH,IACE;AAAA,UAAA,GACN;AAAA,UAECP,KAAW,OACV,gBAAAW,EAAC,SAAI,WAAU,mEACZ,aACH,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEAjB,EAAY,cAAc;"}