@alfadocs/ui-kit-debug 0.67.1 → 0.69.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-D58kglCr.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/{patient-search-DR9XUYRQ.js → patient-search-CBC_ySF6.js}

@@ -1,14 +1,14 @@
-import { jsx as a, jsxs as y } from "react/jsx-runtime";
+import { jsx as a, jsxs as x } from "react/jsx-runtime";
 import { forwardRef as de, useRef as N, useEffect as V, useMemo as X, useImperativeHandle as ce, useState as W, useCallback as z, useId as le } from "react";
 import { c as T } from "./index-D2ZczOXr.js";
 import { useTranslation as j } from "react-i18next";
-import { A as se } from "./autocomplete-CcCFlVf-.js";
+import { A as se } from "./autocomplete-DOeGouCL.js";
 import { B as ue } from "./button-DD_0Xdmr.js";
 import { C as M } from "./card-DPmk26CL.js";
-import { S as fe } from "./slider-BHWzXdjt.js";
+import { S as fe } from "./slider-DN1CWkKB.js";
 import { A as Z } from "./alert-_mUKLmwA.js";
-import { D as F } from "./dropdown-menu-DwwPovMZ.js";
-import { u as pe } from "./registry-nPAVE19X.js";
+import { D as F } from "./dropdown-menu-qrxjymfw.js";
+import { u as pe } from "./registry-DvAUVLHh.js";
 import { S as re } from "./search-BonnQsHv.js";
 import { X as ne } from "./x-CCcI3eJp.js";
 import { c as me } from "./createLucideIcon-CrFbzy84.js";
@@ -28,9 +28,16 @@ const be = [
   ["line", { x1: "12", x2: "12", y1: "19", y2: "22", key: "x3vr5v" }],
   ["circle", { cx: "12", cy: "12", r: "7", key: "fim9np" }],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], xe = me("locate-fixed", be), ye = {
+], ye = me("locate-fixed", be), xe = {
   id: "patient-search",
-  capabilities: ["navigate", "view_change"],
+  // `filter` is the conceptual capability of this search widget. Building the
+  // actual query (WHO/WHERE/WHEN/facets/geo) is host-delegated: selection is
+  // owned by the consumer via the `value` / `onChange` contract, so the agent
+  // surface here is limited to clearing the query (`reset`) and focusing the
+  // primary field. The previous `navigate` / `view_change` capabilities were
+  // spurious — the variant is fixed by props (not agent-settable) and no
+  // action navigates.
+  capabilities: ["filter"],
   state: {
     variant: {
       type: "string",
@@ -42,16 +49,18 @@ const be = [
   actions: {
     reset: {
       safety: "write",
+      idempotent: !0,
       descriptionKey: "ui.agent.patientSearch.actions.reset",
-      description: "Clear the current selection (WHO, WHERE, WHEN, facets, geo) via the consumer-owned onChange.",
+      description: "Clear the current search query (WHO, WHERE, WHEN, facets, geo) via the consumer-owned onChange.",
       invoke: (e) => {
         e.reset();
       }
     },
     focus_primary: {
       safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.patientSearch.actions.focusPrimary",
-      description: "Move keyboard focus to the most-relevant field for the current variant.",
+      description: "Move keyboard focus to the most-relevant search field for the current variant.",
       invoke: (e) => {
         e.focusPrimary();
       }
@@ -175,7 +184,7 @@ const ee = [
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]"
 ].join(" ");
-function $({
+function q({
   value: e,
   onChange: s,
   loadPlaces: t,
@@ -187,18 +196,18 @@ function $({
   var P, B, C, E;
   const { t: u } = j(), [c, r] = W(((P = e.place) == null ? void 0 : P.label) ?? ""), l = N((B = e.place) == null ? void 0 : B.value), n = e.geo ? "granted" : "pristine", [d, f] = W(n);
   V(() => {
-    var x, w, k;
-    ((x = e.place) == null ? void 0 : x.value) !== l.current && (l.current = (w = e.place) == null ? void 0 : w.value, r(((k = e.place) == null ? void 0 : k.label) ?? ""));
+    var y, w, k;
+    ((y = e.place) == null ? void 0 : y.value) !== l.current && (l.current = (w = e.place) == null ? void 0 : w.value, r(((k = e.place) == null ? void 0 : k.label) ?? ""));
   }, [(C = e.place) == null ? void 0 : C.value, (E = e.place) == null ? void 0 : E.label]);
   const m = z(
-    async (x, { signal: w }) => await t(x, { signal: w }),
+    async (y, { signal: w }) => await t(y, { signal: w }),
     [t]
-  ), b = (x) => {
+  ), b = (y) => {
     const w = {
-      value: x.value,
-      label: x.label,
-      lat: x.lat,
-      lng: x.lng
+      value: y.value,
+      label: y.label,
+      lat: y.lat,
+      lng: y.lng
     };
     r(w.label), l.current = w.value, s({ ...e, place: w, geo: void 0 }), d === "granted" && f("pristine"), _("patient_search_place_selected", { value: w.value }), i == null || i(w);
   }, h = () => {
@@ -207,8 +216,8 @@ function $({
       return;
     }
     f("requesting"), _("patient_search_place_focused"), navigator.geolocation.getCurrentPosition(
-      async (x) => {
-        const { latitude: w, longitude: k } = x.coords;
+      async (y) => {
+        const { latitude: w, longitude: k } = y.coords;
         let R;
         try {
           R = await (g == null ? void 0 : g(w, k));
@@ -239,7 +248,7 @@ function $({
     );
   }, o = () => {
     s({ ...e, geo: void 0, place: void 0 }), r(""), l.current = void 0, f("pristine");
-  }, S = d === "granted" && !!e.geo, G = d === "requesting", L = d === "denied", D = N(!1), Q = L || !!!g ? null : /* @__PURE__ */ y("span", { className: "ds:absolute ds:end-[var(--spacing-xs)] ds:top-1/2 ds:-translate-y-1/2 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+  }, S = d === "granted" && !!e.geo, G = d === "requesting", L = d === "denied", D = N(!1), Q = L || !!!g ? null : /* @__PURE__ */ x("span", { className: "ds:absolute ds:end-[var(--spacing-xs)] ds:top-1/2 ds:-translate-y-1/2 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
     S ? /* @__PURE__ */ a(
       "button",
       {
@@ -259,11 +268,11 @@ function $({
         disabled: G,
         onClick: S ? o : h,
         className: ee,
-        children: /* @__PURE__ */ a(xe, { "aria-hidden": "true", className: "ds:size-4" })
+        children: /* @__PURE__ */ a(ye, { "aria-hidden": "true", className: "ds:size-4" })
       }
     )
   ] });
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x(
     "div",
     {
       "data-component": "patient-search-field",
@@ -271,19 +280,19 @@ function $({
       onFocus: () => {
         D.current || (D.current = !0, _("patient_search_place_focused"));
       },
-      onBlur: (x) => {
-        x.currentTarget && !x.currentTarget.contains(x.relatedTarget) && (D.current = !1);
+      onBlur: (y) => {
+        y.currentTarget && !y.currentTarget.contains(y.relatedTarget) && (D.current = !1);
       },
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
       children: [
-        /* @__PURE__ */ y("div", { className: "ds:relative", children: [
+        /* @__PURE__ */ x("div", { className: "ds:relative", children: [
           /* @__PURE__ */ a(
             se,
             {
               ref: p,
               value: c,
-              onChange: (x) => {
-                r(x), e.place && x !== e.place.label && (l.current = void 0, s({ ...e, place: void 0, geo: void 0 }), d === "granted" && f("pristine"));
+              onChange: (y) => {
+                r(y), e.place && y !== e.place.label && (l.current = void 0, s({ ...e, place: void 0, geo: void 0 }), d === "granted" && f("pristine"));
               },
               onSelect: b,
               loadOptions: m,
@@ -319,7 +328,7 @@ function $({
     }
   );
 }
-function q({
+function $({
   value: e,
   onChange: s,
   defaultRadiusKm: t = Y
@@ -338,7 +347,7 @@ function q({
     const r = O[Math.round(c)] ?? t;
     return i("patientSearch.geo.radiusFormat", { km: r });
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x(
     "div",
     {
       "data-component": "patient-search-geo-radius-bar",
@@ -521,7 +530,7 @@ function ke({ facets: e, value: s, onChange: t }) {
     let f;
     r.multi ? f = d ? n.filter((m) => m !== l) : [...n, l] : f = d ? [] : [l], g(r.key, f);
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x(
     "div",
     {
       role: "group",
@@ -546,8 +555,8 @@ function ke({ facets: e, value: s, onChange: t }) {
               r.key
             );
           const f = d ? ` (${n.length})` : "";
-          return /* @__PURE__ */ y(F.Root, { children: [
-            /* @__PURE__ */ a(F.Trigger, { asChild: !0, children: /* @__PURE__ */ y(
+          return /* @__PURE__ */ x(F.Root, { children: [
+            /* @__PURE__ */ a(F.Trigger, { asChild: !0, children: /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
@@ -556,7 +565,7 @@ function ke({ facets: e, value: s, onChange: t }) {
                   state: d ? "active" : "idle"
                 }),
                 children: [
-                  /* @__PURE__ */ y("span", { children: [
+                  /* @__PURE__ */ x("span", { children: [
                     r.label,
                     f
                   ] }),
@@ -583,7 +592,7 @@ function ke({ facets: e, value: s, onChange: t }) {
             )) })
           ] }, r.key);
         }),
-        v ? /* @__PURE__ */ y(
+        v ? /* @__PURE__ */ x(
           "button",
           {
             type: "button",
@@ -657,7 +666,7 @@ function Ce(e, s) {
 }
 function Ee({ cards: e }) {
   const { t: s } = j();
-  return e.length === 0 ? /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:m-0", children: s("patientSearch.discovery.empty") }) : /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+  return e.length === 0 ? /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:m-0", children: s("patientSearch.discovery.empty") }) : /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
     /* @__PURE__ */ a("h3", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: s("patientSearch.discovery.heading") }),
     /* @__PURE__ */ a(
       "ul",
@@ -669,7 +678,7 @@ function Ee({ cards: e }) {
         ].join(" "),
         children: e.map((t, i) => {
           const p = Ce(t.accent, i);
-          return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ y(
+          return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ x(
             "a",
             {
               href: t.href,
@@ -688,7 +697,7 @@ function Ee({ cards: e }) {
                     className: je({ accent: p })
                   }
                 ),
-                /* @__PURE__ */ y("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                /* @__PURE__ */ x("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
                   /* @__PURE__ */ a(
                     "span",
                     {
@@ -777,8 +786,8 @@ function Le(e) {
     reverseGeocode: b,
     cardLabel: h
   } = e;
-  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": h, children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
+  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": h, children: /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
         H,
         {
@@ -790,7 +799,7 @@ function Le(e) {
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        $,
+        q,
         {
           value: t,
           onChange: i,
@@ -814,7 +823,7 @@ function Le(e) {
       )
     ] }),
     /* @__PURE__ */ a(
-      q,
+      $,
       {
         value: t,
         onChange: i,
@@ -842,8 +851,8 @@ function De(e) {
     reverseGeocode: b,
     cardLabel: h
   } = e;
-  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": h, children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
+  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": h, children: /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
         H,
         {
@@ -855,7 +864,7 @@ function De(e) {
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        $,
+        q,
         {
           value: t,
           onChange: i,
@@ -879,7 +888,7 @@ function De(e) {
       )
     ] }),
     /* @__PURE__ */ a(
-      q,
+      $,
       {
         value: t,
         onChange: i,
@@ -915,8 +924,8 @@ function Pe(e) {
     reverseGeocode: h,
     cardLabel: o
   } = e;
-  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": o, children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
+  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": o, children: /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
         H,
         {
@@ -928,7 +937,7 @@ function Pe(e) {
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        $,
+        q,
         {
           value: t,
           onChange: i,
@@ -952,7 +961,7 @@ function Pe(e) {
       )
     ] }),
     /* @__PURE__ */ a(
-      q,
+      $,
       {
         value: t,
         onChange: i,
@@ -989,9 +998,9 @@ function Ie(e) {
     reverseGeocode: h,
     cardLabel: o
   } = e;
-  return /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
-    /* @__PURE__ */ y(M, { variant: "elevated", "aria-label": o, children: [
-      /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:md:flex-row ds:md:items-stretch", children: [
+  return /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+    /* @__PURE__ */ x(M, { variant: "elevated", "aria-label": o, children: [
+      /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:md:flex-row ds:md:items-stretch", children: [
         /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
           H,
           {
@@ -1003,7 +1012,7 @@ function Ie(e) {
           }
         ) }),
         /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-          $,
+          q,
           {
             value: t,
             onChange: i,
@@ -1027,7 +1036,7 @@ function Ie(e) {
         )
       ] }),
       /* @__PURE__ */ a(
-        q,
+        $,
         {
           value: t,
           onChange: i,
@@ -1080,9 +1089,9 @@ const Oe = de(function({
       E.current = !0, d({ ...n, facets: {} });
     }
   }, [s]);
-  const x = N(null);
+  const y = N(null);
   V(() => {
-    x.current !== s && (x.current = s, _("patient_search_variant_exposed", { variant: s, country: l }));
+    y.current !== s && (y.current = s, _("patient_search_variant_exposed", { variant: s, country: l }));
   }, [s, l]);
   const w = X(
     () => ({
@@ -1099,7 +1108,7 @@ const Oe = de(function({
     }),
     [s, d]
   );
-  ce(D, () => w, [w]), pe(ye, w, S);
+  ce(D, () => w, [w]), pe(xe, w, S);
   const k = o ?? J("patientSearch.regionLabel"), R = {
     variant: s,
     value: n,
@@ -1153,6 +1162,6 @@ const Oe = de(function({
 Oe.displayName = "PatientSearch";
 export {
   Oe as P,
-  ye as p
+  xe as p
 };
-//# sourceMappingURL=patient-search-DR9XUYRQ.js.map
+//# sourceMappingURL=patient-search-CBC_ySF6.js.map