@tribepad/themis 1.0.10 → 1.0.12

package/dist/elements/Pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Button/Button.styles.ts","../../../src/styles/interaction-states.ts","../../../src/elements/ButtonGroup/ButtonGroupContext.tsx","../../../src/elements/ButtonGroup/ButtonGroup.variants.ts","../../../src/elements/Button/Button.tsx","../../../src/elements/Pagination/Pagination.styles.ts","../../../src/elements/Pagination/Pagination.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Pagination/Pagination.types.ts"],"names":["cn","inputs","twMerge","clsx","buttonOuterVariants","cva","buttonVisualVariants","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","ButtonGroupContext","createContext","useButtonGroupContext","useContext","ButtonGroupItemContext","useButtonGroupItemContext","buttonGroupItemVariants","Button","memo","forwardRef","className","buttonVisualClassName","variant","size","visualSize","fullWidth","loading","loadingText","shortcut","children","isDisabled","paywall","paywallRedirect","paywallDescription","onPress","props","ref","paywallDescriptionId","useId","groupContext","itemContext","effectiveVariant","effectiveSize","effectiveIsDisabled","isInVerticalGroup","effectiveFullWidth","positionClassName","effectiveVisualSize","jsx","AriaButton","e","renderProps","jsxs","Fragment","Loader2","Zap","paginationNavVariants","paginationEllipsisVariants","paginationInfoVariants","generatePageNumbers","currentPage","totalPages","siblingCount","totalPageNumbers","_","i","leftSiblingIndex","rightSiblingIndex","showLeftEllipsis","showRightEllipsis","leftRange","pages","rightRange","getButtonVariant","paginationVariant","isActive","getButtonVisualSize","Pagination","page","onPageChange","showFirstLast","showPrevNext","labels","ariaLabel","dataTestId","resolvedLabels","useMemo","handlePageChange","useCallback","newPage","isFirstPage","isLastPage","ChevronsLeft","ChevronLeft","pageItem","ChevronRight","ChevronsRight","BaseComponentPropsSchema","z","PaginationSizeSchema","PaginationVariantSchema","PaginationPropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import { cva } from 'class-variance-authority';\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * Handles WCAG 2.2 AAA touch target requirement\n * Always transparent, centers the visual button inside\n * IMPORTANT: Focus ring stays on Layer 1 for AAA compliance (2.4.13)\n *\n * In vertical ButtonGroups, uses items-stretch so the visual layer (Layer 2)\n * can fill the full touch target height, eliminating gaps between buttons.\n */\nexport const buttonOuterVariants = cva(\n  \"inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      inVerticalGroup: {\n        true: \"items-stretch\",\n        false: \"items-center\",\n      },\n    },\n    defaultVariants: {\n      fullWidth: false,\n      inVerticalGroup: false,\n    },\n  }\n);\n\n/**\n * Layer 2: Visual button appearance (adjustable size)\n * Provides the visual appearance with configurable size\n * Can be smaller than touch target for use cases like carousel dots\n * NOTE: NO focus-visible styles here - focus ring is on Layer 1\n */\nexport const buttonVisualVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80\",\n        destructive:\n          \"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80\",\n        outline:\n          \"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]\",\n        secondary:\n          \"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70\",\n        ghost:\n          \"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]\",\n        link: \"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      visualSize: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3 text-xs\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n        dot: \"h-5 w-5 rounded-full p-0 min-h-0 min-w-0\",\n      },\n      paywall: {\n        true: \"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      visualSize: \"default\",\n      paywall: false,\n    },\n  }\n);\n\n/**\n * @deprecated Use buttonVisualVariants instead. This alias is kept for backward compatibility.\n */\nexport const buttonVariants = buttonVisualVariants;\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\nimport { createContext, useContext } from 'react';\nimport type {\n  ButtonGroupContextValue,\n  ButtonGroupItemContextValue,\n} from './ButtonGroup.types';\n\n/**\n * ButtonGroup Context System (Two-Level)\n *\n * Provides a two-level context pattern for ButtonGroup:\n *\n * 1. ButtonGroupContext (group-level):\n *    - Provides: orientation, variant, size, isDisabled\n *    - Consumed by: Button (for prop inheritance), Separator (for orientation)\n *\n * 2. ButtonGroupItemContext (item-level):\n *    - Provides: position ('first' | 'middle' | 'last' | 'only')\n *    - Consumed by: Button (for border-radius styling)\n *\n * Both contexts return null when not in a provider, allowing Button\n * to work standalone without any group context.\n *\n * @see plan.md for architecture details\n * @see ButtonGroup.tsx for Provider implementation\n */\n\n// =============================================================================\n// Group-Level Context\n// =============================================================================\n\n/**\n * Context for group-level props (orientation, variant, size, isDisabled)\n * Default value is null to indicate \"not in a group\"\n */\nconst ButtonGroupContext = createContext<ButtonGroupContextValue | null>(null);\n\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\n/**\n * Hook to access group-level context\n * @returns ButtonGroupContextValue if inside a ButtonGroup, null otherwise\n */\nexport function useButtonGroupContext(): ButtonGroupContextValue | null {\n  return useContext(ButtonGroupContext);\n}\n\n// =============================================================================\n// Item-Level Context\n// =============================================================================\n\n/**\n * Context for per-button position information\n * Default value is null to indicate \"not wrapped with position context\"\n */\nconst ButtonGroupItemContext =\n  createContext<ButtonGroupItemContextValue | null>(null);\n\nButtonGroupItemContext.displayName = 'ButtonGroupItemContext';\n\n/**\n * Hook to access item-level context (position)\n * @returns ButtonGroupItemContextValue if wrapped with position context, null otherwise\n */\nexport function useButtonGroupItemContext(): ButtonGroupItemContextValue | null {\n  return useContext(ButtonGroupItemContext);\n}\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroupContext, ButtonGroupItemContext };\n","import { cva } from 'class-variance-authority';\n\n/**\n * ButtonGroup CVA Variants\n *\n * Defines Class Variance Authority (CVA) variants for:\n * - ButtonGroup container (orientation-based layout)\n * - ButtonGroupItem (position-based border-radius)\n * - ButtonGroupSeparator (orientation-based styling)\n *\n * @see plan.md Phase 1: Design & Contracts - CVA Variants\n * @see constitution.md Principle V (Component Quality Standards)\n */\n\n// =============================================================================\n// Container Variants\n// =============================================================================\n\n/**\n * ButtonGroup container variants\n * Controls the layout direction based on orientation\n * Uses gap-0 to ensure buttons are connected (share borders)\n */\nexport const buttonGroupVariants = cva('inline-flex items-center gap-0', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col w-full',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\n// =============================================================================\n// Item Position Variants\n// =============================================================================\n\n/**\n * ButtonGroupItem position variants\n * Applied to Button's visual layer (Layer 2) for position-aware border-radius\n *\n * Compound variants handle both orientation and position combinations:\n * - Horizontal: left/right borders and radii\n * - Vertical: top/bottom borders and radii\n */\nexport const buttonGroupItemVariants = cva('', {\n  variants: {\n    orientation: {\n      // min-w-[44px] ensures visual layer fills touch target width (for icon buttons)\n      horizontal: 'min-w-[44px]',\n      // flex (overrides inline-flex) + min-h-[44px] makes visual layer fill touch target,\n      // eliminating gaps between stacked buttons in vertical orientation\n      vertical: 'flex min-h-[44px]',\n    },\n    position: {\n      first: '',\n      middle: '',\n      last: '',\n      only: '', // Single button - no modifications needed\n    },\n  },\n  compoundVariants: [\n    // ==========================================================================\n    // Horizontal Orientation\n    // ==========================================================================\n    {\n      orientation: 'horizontal',\n      position: 'first',\n      className: 'rounded-r-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'middle',\n      className: 'rounded-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'last',\n      className: 'rounded-l-none',\n    },\n    // ==========================================================================\n    // Vertical Orientation\n    // Note: w-full is handled by Button's effectiveFullWidth for both layers\n    // ==========================================================================\n    {\n      orientation: 'vertical',\n      position: 'first',\n      className: 'rounded-b-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'middle',\n      className: 'rounded-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'last',\n      className: 'rounded-t-none',\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    position: 'only',\n  },\n});\n\n// =============================================================================\n// Separator Variants\n// =============================================================================\n\n/**\n * ButtonGroupSeparator variants\n * Orientation-aware visual divider between button groups\n */\nexport const buttonGroupSeparatorVariants = cva('bg-[var(--border)]', {\n  variants: {\n    orientation: {\n      horizontal: 'w-px h-6 mx-1',\n      vertical: 'h-px w-full my-1',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n","\"use client\";\n\n/**\n * Button Component - 3-Layer Architecture\n * Accessible button with React Aria primitives and CVA styling\n *\n * Architecture:\n * - Layer 1: Touch Target (44x44px WCAG AAA compliant, transparent)\n * - Layer 2: Visual Button (configurable size, colors, borders)\n * - Layer 3: Content & Effects (text, icons, ripple, loading spinner)\n *\n * @see 3layer-plan.md for architecture details\n * @see spec.md FR-029 to FR-037 (Button Component Requirements)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see spec.md FR-014 (44x44px minimum touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, useId } from 'react';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n} from 'react-aria-components';\nimport { Loader2, Zap } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { ButtonProps } from './Button.types';\nimport { buttonOuterVariants, buttonVisualVariants, buttonVariants } from './Button.styles';\nimport { PRESSED_STYLES, HOVER_STYLES, HIGH_CONTRAST_HOVER, HIGH_CONTRAST_PRESSED } from '../../styles/interaction-states';\nimport {\n  useButtonGroupContext,\n  useButtonGroupItemContext,\n} from '../ButtonGroup/ButtonGroupContext';\nimport { buttonGroupItemVariants } from '../ButtonGroup/ButtonGroup.variants';\n\n/**\n * Button Component - 3-Layer Architecture\n * Fully accessible button with React Aria and themed styling\n *\n * Layer 1: Touch Target (AriaButton) - 44x44px WCAG AAA compliant\n * Layer 2: Visual Button (span) - configurable appearance\n * Layer 3: Content (children) - text, icons, effects\n */\nconst Button = memo(forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      buttonVisualClassName,\n      variant,\n      size,\n      visualSize,\n      fullWidth,\n      loading = false,\n      loadingText = \"Loading...\",\n      shortcut,\n      children,\n      isDisabled,\n      paywall = false,\n      paywallRedirect,\n      paywallDescription,\n      onPress,\n      ...props\n    },\n    ref\n  ) => {\n    const paywallDescriptionId = useId();\n\n    // ==========================================================================\n    // ButtonGroup Context Integration\n    // ==========================================================================\n\n    // Consume group-level context (variant, size, isDisabled, orientation)\n    const groupContext = useButtonGroupContext();\n\n    // Consume item-level context (position for border-radius styling)\n    const itemContext = useButtonGroupItemContext();\n\n    // Merge context values with props (props take precedence)\n    const effectiveVariant = variant ?? groupContext?.variant ?? 'default';\n    const effectiveSize = size ?? groupContext?.size;\n    const effectiveIsDisabled = isDisabled ?? groupContext?.isDisabled ?? false;\n\n    // In vertical groups, buttons should be full width automatically\n    const isInVerticalGroup = groupContext?.orientation === 'vertical';\n    const effectiveFullWidth = fullWidth || isInVerticalGroup;\n\n    // Position styling for ButtonGroup (only applied when in a group)\n    const positionClassName = itemContext\n      ? buttonGroupItemVariants({\n          orientation: groupContext?.orientation ?? 'horizontal',\n          position: itemContext.position,\n        })\n      : '';\n\n    // Default visualSize to size for backward compatibility\n    const effectiveVisualSize = visualSize ?? effectiveSize ?? 'default';\n\n    // AAA Accessibility: Warn in dev/test if icon/dot variant lacks accessible name\n    if (process.env.NODE_ENV !== 'production') {\n      if (\n        (effectiveVisualSize === 'dot' || effectiveVisualSize === 'icon') &&\n        !props['aria-label'] &&\n        !children\n      ) {\n        console.warn(\n          '[Button] visualSize=\"dot\" or \"icon\" requires aria-label when no visible text is provided (WCAG 1.1.1)'\n        );\n      }\n    }\n\n    /**\n     * Handle button press - intercepts action when paywalled\n     * If paywalled with redirect URL, opens in new tab\n     * Otherwise, calls the normal onPress handler\n     */\n    const handlePress = (e: Parameters<NonNullable<AriaButtonProps['onPress']>>[0]): void => {\n      if (paywall) {\n        if (paywallRedirect) {\n          window.open(paywallRedirect, '_blank', 'noopener,noreferrer');\n        }\n        // Don't call onPress when paywalled\n        return;\n      }\n      onPress?.(e);\n    };\n\n    // Only set isDisabled when we have a reason to disable\n    // Otherwise, let slot system control disabled state (e.g., in NumberField)\n    const computedIsDisabled = effectiveIsDisabled || loading || undefined;\n\n    return (\n      <AriaButton\n        ref={ref}\n        isDisabled={computedIsDisabled}\n        aria-disabled={paywall ? true : undefined}\n        aria-describedby={paywall ? paywallDescriptionId : undefined}\n        onPress={handlePress}\n        className={cn(buttonOuterVariants({ fullWidth: effectiveFullWidth, inVerticalGroup: isInVerticalGroup }), className)}\n        {...props}\n      >\n        {(renderProps) => (\n          /* Layer 2: Visual Button */\n          <span\n            className={cn(\n              buttonVisualVariants({\n                variant: effectiveVariant,\n                visualSize: effectiveVisualSize,\n                paywall,\n                fullWidth: effectiveFullWidth,\n              }),\n              // Position styling from ButtonGroup context (border-radius adjustments)\n              positionClassName,\n              buttonVisualClassName,\n              // Layer 2 interaction styles (no focus - focus ring is on Layer 1)\n              PRESSED_STYLES,\n              HOVER_STYLES,\n              HIGH_CONTRAST_HOVER,\n              HIGH_CONTRAST_PRESSED\n            )}\n            data-pressed={renderProps.isPressed || undefined}\n          >\n            {/* Layer 3: Content & Effects */}\n\n            {/* FR-033: Loading spinner with screen reader announcement */}\n            {/* Uses motion-safe: for WCAG 2.3.3 AAA (Animation from Interactions) */}\n            {loading && (\n              <>\n                <Loader2 className=\"motion-safe:animate-spin\" aria-hidden=\"true\" />\n                <span className=\"sr-only\" aria-live=\"polite\">\n                  {loadingText}\n                </span>\n              </>\n            )}\n\n            {/* Hide children during loading */}\n            {!loading && children}\n\n            {/* Paywall: Lightning bolt icon */}\n            {paywall && (\n              <Zap\n                data-testid=\"zap-icon\"\n                aria-hidden=\"true\"\n                className=\"ml-1\"\n              />\n            )}\n\n            {/* Paywall: Screen reader description */}\n            {paywall && (\n              <span id={paywallDescriptionId} className=\"sr-only\">\n                Premium feature: {paywallDescription || \"Upgrade required to access this feature\"}\n              </span>\n            )}\n\n            {/* FR-034: Keyboard shortcut display on focus */}\n            {renderProps.isFocusVisible && shortcut && (\n              <kbd className=\"ml-auto hidden text-xs opacity-60 lg:inline\">\n                {shortcut}\n              </kbd>\n            )}\n\n            {/* Touch/press ripple effect - FR-031: Pressed state feedback */}\n            {/* Uses motion-safe: for WCAG 2.3.3 AAA (Animation from Interactions) */}\n            {renderProps.isPressed && (\n              <span\n                className=\"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95\"\n                aria-hidden=\"true\"\n              />\n            )}\n          </span>\n        )}\n      </AriaButton>\n    );\n  }\n));\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants, buttonOuterVariants, buttonVisualVariants };\nexport type { ButtonProps } from './Button.types';\n","import { cva } from 'class-variance-authority';\n\nexport const paginationNavVariants = cva(\n  'flex items-center justify-center',\n  {\n    variants: {\n      size: {\n        sm: 'gap-0.5',\n        default: 'gap-1',\n        lg: 'gap-1.5',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n\nexport const paginationEllipsisVariants = cva(\n  'inline-flex items-center justify-center text-[var(--muted-foreground)]',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 w-8 text-xs',\n        default: 'h-10 w-10 text-sm',\n        lg: 'h-12 w-12 text-base',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n\nexport const paginationInfoVariants = cva(\n  'text-[var(--muted-foreground)]',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n","'use client';\n\nimport { forwardRef, useMemo, useCallback, type ReactElement } from 'react';\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button/Button';\nimport type { ButtonProps } from '../Button/Button.types';\nimport type { PaginationProps, PaginationVariant } from './Pagination.types';\nimport {\n  paginationNavVariants,\n  paginationEllipsisVariants,\n} from './Pagination.styles';\n\n/**\n * Generate page numbers array with ellipsis\n * Returns array like: [1, '...', 4, 5, 6, '...', 10]\n */\nfunction generatePageNumbers(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number\n): (number | 'ellipsis-start' | 'ellipsis-end')[] {\n  // Total page numbers to show (first + last + current + siblings + 2 ellipses)\n  const totalPageNumbers = siblingCount * 2 + 5;\n\n  // If total pages is less than the numbers we want to show, show all\n  if (totalPages <= totalPageNumbers) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n\n  const showLeftEllipsis = leftSiblingIndex > 2;\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = siblingCount * 2 + 3;\n    const pages: (number | 'ellipsis-start' | 'ellipsis-end')[] = Array.from(\n      { length: leftRange },\n      (_, i) => i + 1\n    );\n    pages.push('ellipsis-end');\n    pages.push(totalPages);\n    return pages;\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = siblingCount * 2 + 3;\n    const pages: (number | 'ellipsis-start' | 'ellipsis-end')[] = [1, 'ellipsis-start'];\n    for (let i = totalPages - rightRange + 1; i <= totalPages; i++) {\n      pages.push(i);\n    }\n    return pages;\n  }\n\n  // Both ellipses\n  const pages: (number | 'ellipsis-start' | 'ellipsis-end')[] = [1, 'ellipsis-start'];\n  for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {\n    pages.push(i);\n  }\n  pages.push('ellipsis-end');\n  pages.push(totalPages);\n  return pages;\n}\n\n/**\n * Map Pagination variant to Button variant for inactive buttons\n */\nfunction getButtonVariant(paginationVariant: PaginationVariant, isActive: boolean): ButtonProps['variant'] {\n  if (isActive) return 'default';\n  if (paginationVariant === 'outline') return 'outline';\n  return 'ghost';\n}\n\n/**\n * Map Pagination size to Button visualSize\n */\nfunction getButtonVisualSize(size: 'sm' | 'default' | 'lg'): ButtonProps['visualSize'] {\n  if (size === 'sm') return 'sm';\n  if (size === 'lg') return 'lg';\n  return 'default';\n}\n\n/**\n * Pagination Component\n *\n * Navigation for paginated content with page numbers, prev/next,\n * and first/last buttons. Uses the Themis Button component for\n * three-layer architecture and WCAG 2.2 AAA 44x44px touch targets.\n *\n * @example\n * ```tsx\n * <Pagination\n *   page={currentPage}\n *   totalPages={10}\n *   onPageChange={setCurrentPage}\n * />\n * ```\n */\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n  (\n    {\n      page,\n      totalPages,\n      onPageChange,\n      size = 'default',\n      variant = 'default',\n      siblingCount = 1,\n      showFirstLast = true,\n      showPrevNext = true,\n      isDisabled = false,\n      labels,\n      className,\n      'aria-label': ariaLabel,\n      'data-testid': dataTestId,\n      ...props\n    },\n    ref\n  ): ReactElement => {\n    const resolvedLabels = {\n      previous: labels?.previous ?? 'Previous',\n      next: labels?.next ?? 'Next',\n      first: labels?.first ?? 'First page',\n      last: labels?.last ?? 'Last page',\n      page: labels?.page ?? 'Page',\n      of: labels?.of ?? 'of',\n    };\n\n    const pages = useMemo(\n      () => generatePageNumbers(page, totalPages, siblingCount),\n      [page, totalPages, siblingCount]\n    );\n\n    const handlePageChange = useCallback(\n      (newPage: number) => {\n        if (newPage >= 1 && newPage <= totalPages && newPage !== page) {\n          onPageChange(newPage);\n        }\n      },\n      [page, totalPages, onPageChange]\n    );\n\n    const isFirstPage = page === 1;\n    const isLastPage = page === totalPages;\n    const visualSize = getButtonVisualSize(size);\n\n    return (\n      <nav\n        ref={ref as React.Ref<HTMLElement>}\n        aria-label={ariaLabel ?? 'Pagination'}\n        className={cn(paginationNavVariants({ size }), className)}\n        data-testid={dataTestId}\n        {...props}\n      >\n        {/* First Page Button */}\n        {showFirstLast && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isFirstPage}\n            aria-label={resolvedLabels.first}\n            onPress={() => handlePageChange(1)}\n          >\n            <ChevronsLeft aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Previous Button */}\n        {showPrevNext && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isFirstPage}\n            aria-label={resolvedLabels.previous}\n            onPress={() => handlePageChange(page - 1)}\n          >\n            <ChevronLeft aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Page Numbers */}\n        {pages.map((pageItem) => {\n          if (pageItem === 'ellipsis-start' || pageItem === 'ellipsis-end') {\n            return (\n              <span\n                key={pageItem}\n                className={paginationEllipsisVariants({ size })}\n                aria-hidden=\"true\"\n              >\n                ...\n              </span>\n            );\n          }\n\n          const isActive = pageItem === page;\n          return (\n            <Button\n              key={pageItem}\n              variant={getButtonVariant(variant, isActive)}\n              visualSize={visualSize}\n              isDisabled={isDisabled || isActive}\n              aria-label={`${resolvedLabels.page} ${pageItem}`}\n              aria-current={isActive ? 'page' : undefined}\n              onPress={() => handlePageChange(pageItem)}\n            >\n              {pageItem}\n            </Button>\n          );\n        })}\n\n        {/* Next Button */}\n        {showPrevNext && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isLastPage}\n            aria-label={resolvedLabels.next}\n            onPress={() => handlePageChange(page + 1)}\n          >\n            <ChevronRight aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Last Page Button */}\n        {showFirstLast && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isLastPage}\n            aria-label={resolvedLabels.last}\n            onPress={() => handlePageChange(totalPages)}\n          >\n            <ChevronsRight aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Screen reader announcement for page context */}\n        <span className=\"sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n          {resolvedLabels.page} {page} {resolvedLabels.of} {totalPages}\n        </span>\n      </nav>\n    );\n  }\n);\n\nPagination.displayName = 'Pagination';\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\n\nexport const PaginationSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type PaginationSize = z.infer<typeof PaginationSizeSchema>;\n\nexport const PaginationVariantSchema = z.enum(['default', 'outline', 'ghost']);\nexport type PaginationVariant = z.infer<typeof PaginationVariantSchema>;\n\nexport const PaginationPropsSchema = BaseComponentPropsSchema.extend({\n  /** Current page (1-indexed) */\n  page: z.number().min(1),\n\n  /** Total number of pages */\n  totalPages: z.number().min(1),\n\n  /** Callback when page changes */\n  onPageChange: z.custom<(page: number) => void>(),\n\n  /** Size variant */\n  size: PaginationSizeSchema.optional().default('default'),\n\n  /** Visual variant */\n  variant: PaginationVariantSchema.optional().default('default'),\n\n  /** Number of sibling pages to show around current page */\n  siblingCount: z.number().min(0).optional().default(1),\n\n  /** Whether to show first/last page buttons */\n  showFirstLast: z.boolean().optional().default(true),\n\n  /** Whether to show previous/next buttons */\n  showPrevNext: z.boolean().optional().default(true),\n\n  /** Whether the pagination is disabled */\n  isDisabled: z.boolean().optional().default(false),\n\n  /** Custom labels */\n  labels: z.object({\n    previous: z.string().optional().default('Previous'),\n    next: z.string().optional().default('Next'),\n    first: z.string().optional().default('First page'),\n    last: z.string().optional().default('Last page'),\n    page: z.string().optional().default('Page'),\n    of: z.string().optional().default('of'),\n  }).optional(),\n});\n\nexport type PaginationProps = z.infer<typeof PaginationPropsSchema>;\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Button/Button.styles.ts","../../../src/styles/interaction-states.ts","../../../src/elements/ButtonGroup/ButtonGroupContext.tsx","../../../src/elements/ButtonGroup/ButtonGroup.variants.ts","../../../src/elements/Button/Button.tsx","../../../src/elements/Pagination/Pagination.styles.ts","../../../src/elements/Pagination/Pagination.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Pagination/Pagination.types.ts"],"names":["cn","inputs","twMerge","clsx","buttonOuterVariants","cva","buttonVisualVariants","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","ButtonGroupContext","createContext","useButtonGroupContext","useContext","ButtonGroupItemContext","useButtonGroupItemContext","buttonGroupItemVariants","Button","memo","forwardRef","className","buttonVisualClassName","variant","size","visualSize","fullWidth","loading","loadingText","shortcut","children","isDisabled","paywall","paywallRedirect","paywallDescription","onPress","props","ref","paywallDescriptionId","useId","groupContext","itemContext","effectiveVariant","effectiveSize","effectiveIsDisabled","isInVerticalGroup","effectiveFullWidth","positionClassName","effectiveVisualSize","jsx","AriaButton","e","renderProps","jsxs","Fragment","Loader2","Zap","paginationNavVariants","paginationEllipsisVariants","paginationInfoVariants","generatePageNumbers","currentPage","totalPages","siblingCount","totalPageNumbers","_","i","leftSiblingIndex","rightSiblingIndex","showLeftEllipsis","showRightEllipsis","leftRange","pages","rightRange","getButtonVariant","paginationVariant","isActive","getButtonVisualSize","Pagination","page","onPageChange","showFirstLast","showPrevNext","labels","ariaLabel","dataTestId","resolvedLabels","useMemo","handlePageChange","useCallback","newPage","isFirstPage","isLastPage","ChevronsLeft","ChevronLeft","pageItem","ChevronRight","ChevronsRight","BaseComponentPropsSchema","z","PaginationSizeSchema","PaginationVariantSchema","PaginationPropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import { cva } from 'class-variance-authority';\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * Handles WCAG 2.2 AAA touch target requirement\n * Always transparent, centers the visual button inside\n * IMPORTANT: Focus ring stays on Layer 1 for AAA compliance (2.4.13)\n *\n * In vertical ButtonGroups, uses items-stretch so the visual layer (Layer 2)\n * can fill the full touch target height, eliminating gaps between buttons.\n */\nexport const buttonOuterVariants = cva(\n  \"inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      inVerticalGroup: {\n        true: \"items-stretch\",\n        false: \"items-center\",\n      },\n    },\n    defaultVariants: {\n      fullWidth: false,\n      inVerticalGroup: false,\n    },\n  }\n);\n\n/**\n * Layer 2: Visual button appearance (adjustable size)\n * Provides the visual appearance with configurable size\n * Can be smaller than touch target for use cases like carousel dots\n * NOTE: NO focus-visible styles here - focus ring is on Layer 1\n */\nexport const buttonVisualVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80\",\n        destructive:\n          \"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80\",\n        outline:\n          \"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]\",\n        secondary:\n          \"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70\",\n        ghost:\n          \"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]\",\n        link: \"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      visualSize: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3 text-xs\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n        dot: \"h-5 w-5 rounded-full p-0 min-h-0 min-w-0\",\n      },\n      paywall: {\n        true: \"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      visualSize: \"default\",\n      paywall: false,\n    },\n  }\n);\n\n/**\n * @deprecated Use buttonVisualVariants instead. This alias is kept for backward compatibility.\n */\nexport const buttonVariants = buttonVisualVariants;\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\nimport { createContext, useContext } from 'react';\nimport type {\n  ButtonGroupContextValue,\n  ButtonGroupItemContextValue,\n} from './ButtonGroup.types';\n\n/**\n * ButtonGroup Context System (Two-Level)\n *\n * Provides a two-level context pattern for ButtonGroup:\n *\n * 1. ButtonGroupContext (group-level):\n *    - Provides: orientation, variant, size, isDisabled\n *    - Consumed by: Button (for prop inheritance), Separator (for orientation)\n *\n * 2. ButtonGroupItemContext (item-level):\n *    - Provides: position ('first' | 'middle' | 'last' | 'only')\n *    - Consumed by: Button (for border-radius styling)\n *\n * Both contexts return null when not in a provider, allowing Button\n * to work standalone without any group context.\n *\n * @see plan.md for architecture details\n * @see ButtonGroup.tsx for Provider implementation\n */\n\n// =============================================================================\n// Group-Level Context\n// =============================================================================\n\n/**\n * Context for group-level props (orientation, variant, size, isDisabled)\n * Default value is null to indicate \"not in a group\"\n */\nconst ButtonGroupContext = createContext<ButtonGroupContextValue | null>(null);\n\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\n/**\n * Hook to access group-level context\n * @returns ButtonGroupContextValue if inside a ButtonGroup, null otherwise\n */\nexport function useButtonGroupContext(): ButtonGroupContextValue | null {\n  return useContext(ButtonGroupContext);\n}\n\n// =============================================================================\n// Item-Level Context\n// =============================================================================\n\n/**\n * Context for per-button position information\n * Default value is null to indicate \"not wrapped with position context\"\n */\nconst ButtonGroupItemContext =\n  createContext<ButtonGroupItemContextValue | null>(null);\n\nButtonGroupItemContext.displayName = 'ButtonGroupItemContext';\n\n/**\n * Hook to access item-level context (position)\n * @returns ButtonGroupItemContextValue if wrapped with position context, null otherwise\n */\nexport function useButtonGroupItemContext(): ButtonGroupItemContextValue | null {\n  return useContext(ButtonGroupItemContext);\n}\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroupContext, ButtonGroupItemContext };\n","import { cva } from 'class-variance-authority';\n\n/**\n * ButtonGroup CVA Variants\n *\n * Defines Class Variance Authority (CVA) variants for:\n * - ButtonGroup container (orientation-based layout)\n * - ButtonGroupItem (position-based border-radius)\n * - ButtonGroupSeparator (orientation-based styling)\n *\n * @see plan.md Phase 1: Design & Contracts - CVA Variants\n * @see constitution.md Principle V (Component Quality Standards)\n */\n\n// =============================================================================\n// Container Variants\n// =============================================================================\n\n/**\n * ButtonGroup container variants\n * Controls the layout direction based on orientation\n * Uses gap-0 to ensure buttons are connected (share borders)\n */\nexport const buttonGroupVariants = cva('inline-flex items-center gap-0', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col w-full',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\n// =============================================================================\n// Item Position Variants\n// =============================================================================\n\n/**\n * ButtonGroupItem position variants\n * Applied to Button's visual layer (Layer 2) for position-aware border-radius\n *\n * Compound variants handle both orientation and position combinations:\n * - Horizontal: left/right borders and radii\n * - Vertical: top/bottom borders and radii\n */\nexport const buttonGroupItemVariants = cva('', {\n  variants: {\n    orientation: {\n      // min-w-[44px] ensures visual layer fills touch target width (for icon buttons)\n      horizontal: 'min-w-[44px]',\n      // flex (overrides inline-flex) + min-h-[44px] makes visual layer fill touch target,\n      // eliminating gaps between stacked buttons in vertical orientation\n      vertical: 'flex min-h-[44px]',\n    },\n    position: {\n      first: '',\n      middle: '',\n      last: '',\n      only: '', // Single button - no modifications needed\n    },\n  },\n  compoundVariants: [\n    // ==========================================================================\n    // Horizontal Orientation\n    // ==========================================================================\n    {\n      orientation: 'horizontal',\n      position: 'first',\n      className: 'rounded-r-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'middle',\n      className: 'rounded-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'last',\n      className: 'rounded-l-none',\n    },\n    // ==========================================================================\n    // Vertical Orientation\n    // Note: w-full is handled by Button's effectiveFullWidth for both layers\n    // ==========================================================================\n    {\n      orientation: 'vertical',\n      position: 'first',\n      className: 'rounded-b-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'middle',\n      className: 'rounded-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'last',\n      className: 'rounded-t-none',\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    position: 'only',\n  },\n});\n\n// =============================================================================\n// Separator Variants\n// =============================================================================\n\n/**\n * ButtonGroupSeparator variants\n * Orientation-aware visual divider between button groups\n */\nexport const buttonGroupSeparatorVariants = cva('bg-[var(--border)]', {\n  variants: {\n    orientation: {\n      horizontal: 'w-px h-6 mx-1',\n      vertical: 'h-px w-full my-1',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n","\"use client\";\n\n/**\n * Button Component - 3-Layer Architecture\n * Accessible button with React Aria primitives and CVA styling\n *\n * Architecture:\n * - Layer 1: Touch Target (44x44px WCAG AAA compliant, transparent)\n * - Layer 2: Visual Button (configurable size, colors, borders)\n * - Layer 3: Content & Effects (text, icons, ripple, loading spinner)\n *\n * @see 3layer-plan.md for architecture details\n * @see spec.md FR-029 to FR-037 (Button Component Requirements)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see spec.md FR-014 (44x44px minimum touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, useId } from 'react';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n} from 'react-aria-components';\nimport { Loader2, Zap } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { ButtonProps } from './Button.types';\nimport { buttonOuterVariants, buttonVisualVariants, buttonVariants } from './Button.styles';\nimport { PRESSED_STYLES, HOVER_STYLES, HIGH_CONTRAST_HOVER, HIGH_CONTRAST_PRESSED } from '../../styles/interaction-states';\nimport {\n  useButtonGroupContext,\n  useButtonGroupItemContext,\n} from '../ButtonGroup/ButtonGroupContext';\nimport { buttonGroupItemVariants } from '../ButtonGroup/ButtonGroup.variants';\n\n/**\n * Button Component - 3-Layer Architecture\n * Fully accessible button with React Aria and themed styling\n *\n * Layer 1: Touch Target (AriaButton) - 44x44px WCAG AAA compliant\n * Layer 2: Visual Button (span) - configurable appearance\n * Layer 3: Content (children) - text, icons, effects\n */\nconst Button = memo(forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      buttonVisualClassName,\n      variant,\n      size,\n      visualSize,\n      fullWidth,\n      loading = false,\n      loadingText = \"Loading...\",\n      shortcut,\n      children,\n      isDisabled,\n      paywall = false,\n      paywallRedirect,\n      paywallDescription,\n      onPress,\n      ...props\n    },\n    ref\n  ) => {\n    const paywallDescriptionId = useId();\n\n    // ==========================================================================\n    // ButtonGroup Context Integration\n    // ==========================================================================\n\n    // Consume group-level context (variant, size, isDisabled, orientation)\n    const groupContext = useButtonGroupContext();\n\n    // Consume item-level context (position for border-radius styling)\n    const itemContext = useButtonGroupItemContext();\n\n    // Merge context values with props (props take precedence)\n    const effectiveVariant = variant ?? groupContext?.variant ?? 'default';\n    const effectiveSize = size ?? groupContext?.size;\n    const effectiveIsDisabled = isDisabled ?? groupContext?.isDisabled ?? false;\n\n    // In vertical groups, buttons should be full width automatically\n    const isInVerticalGroup = groupContext?.orientation === 'vertical';\n    const effectiveFullWidth = fullWidth || isInVerticalGroup;\n\n    // Position styling for ButtonGroup (only applied when in a group)\n    const positionClassName = itemContext\n      ? buttonGroupItemVariants({\n          orientation: groupContext?.orientation ?? 'horizontal',\n          position: itemContext.position,\n        })\n      : '';\n\n    // Default visualSize to size for backward compatibility\n    const effectiveVisualSize = visualSize ?? effectiveSize ?? 'default';\n\n    // AAA Accessibility: Warn in dev/test if icon/dot variant lacks accessible name\n    if (process.env.NODE_ENV !== 'production') {\n      if (\n        (effectiveVisualSize === 'dot' || effectiveVisualSize === 'icon') &&\n        !props['aria-label'] &&\n        !children\n      ) {\n        console.warn(\n          '[Button] visualSize=\"dot\" or \"icon\" requires aria-label when no visible text is provided (WCAG 1.1.1)'\n        );\n      }\n    }\n\n    /**\n     * Handle button press - intercepts action when paywalled\n     * If paywalled with redirect URL, opens in new tab\n     * Otherwise, calls the normal onPress handler\n     */\n    const handlePress = (e: Parameters<NonNullable<AriaButtonProps['onPress']>>[0]): void => {\n      if (paywall) {\n        if (paywallRedirect) {\n          window.open(paywallRedirect, '_blank', 'noopener,noreferrer');\n        }\n        // Don't call onPress when paywalled\n        return;\n      }\n      onPress?.(e);\n    };\n\n    // Only set isDisabled when we have a reason to disable\n    // Otherwise, let slot system control disabled state (e.g., in NumberField)\n    const computedIsDisabled = effectiveIsDisabled || loading || undefined;\n\n    return (\n      <AriaButton\n        ref={ref}\n        isDisabled={computedIsDisabled}\n        aria-disabled={paywall ? true : undefined}\n        aria-describedby={paywall ? paywallDescriptionId : undefined}\n        onPress={handlePress}\n        className={cn(buttonOuterVariants({ fullWidth: effectiveFullWidth, inVerticalGroup: isInVerticalGroup }), className)}\n        {...props}\n      >\n        {(renderProps) => (\n          /* Layer 2: Visual Button */\n          <span\n            className={cn(\n              buttonVisualVariants({\n                variant: effectiveVariant,\n                visualSize: effectiveVisualSize,\n                paywall,\n                fullWidth: effectiveFullWidth,\n              }),\n              // Position styling from ButtonGroup context (border-radius adjustments)\n              positionClassName,\n              buttonVisualClassName,\n              // Layer 2 interaction styles (no focus - focus ring is on Layer 1)\n              PRESSED_STYLES,\n              HOVER_STYLES,\n              HIGH_CONTRAST_HOVER,\n              HIGH_CONTRAST_PRESSED\n            )}\n            data-pressed={renderProps.isPressed || undefined}\n          >\n            {/* Layer 3: Content & Effects */}\n\n            {/* FR-033: Loading spinner with screen reader announcement */}\n            {/* Uses motion-safe: for WCAG 2.3.3 AAA (Animation from Interactions) */}\n            {loading && (\n              <>\n                <Loader2 className=\"motion-safe:animate-spin\" aria-hidden=\"true\" />\n                <span className=\"sr-only\" aria-live=\"polite\">\n                  {loadingText}\n                </span>\n              </>\n            )}\n\n            {/* Hide children during loading */}\n            {!loading && children}\n\n            {/* Paywall: Lightning bolt icon */}\n            {paywall && (\n              <Zap\n                data-testid=\"zap-icon\"\n                aria-hidden=\"true\"\n                className=\"ml-1\"\n              />\n            )}\n\n            {/* Paywall: Screen reader description */}\n            {paywall && (\n              <span id={paywallDescriptionId} className=\"sr-only\">\n                Premium feature: {paywallDescription || \"Upgrade required to access this feature\"}\n              </span>\n            )}\n\n            {/* FR-034: Keyboard shortcut display on focus */}\n            {renderProps.isFocusVisible && shortcut && (\n              <kbd className=\"ml-auto hidden text-xs opacity-60 lg:inline\">\n                {shortcut}\n              </kbd>\n            )}\n\n            {/* Touch/press ripple effect - FR-031: Pressed state feedback */}\n            {/* Uses motion-safe: for WCAG 2.3.3 AAA (Animation from Interactions) */}\n            {renderProps.isPressed && (\n              <span\n                className=\"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95\"\n                aria-hidden=\"true\"\n              />\n            )}\n          </span>\n        )}\n      </AriaButton>\n    );\n  }\n));\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants, buttonOuterVariants, buttonVisualVariants };\nexport type { ButtonProps } from './Button.types';\n","import { cva } from 'class-variance-authority';\n\nexport const paginationNavVariants = cva(\n  'flex items-center justify-center',\n  {\n    variants: {\n      size: {\n        sm: 'gap-0.5',\n        default: 'gap-1',\n        lg: 'gap-1.5',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n\nexport const paginationEllipsisVariants = cva(\n  'inline-flex items-center justify-center text-[var(--muted-foreground)]',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 w-8 text-xs',\n        default: 'h-10 w-10 text-sm',\n        lg: 'h-12 w-12 text-base',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n\nexport const paginationInfoVariants = cva(\n  'text-[var(--muted-foreground)]',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n","'use client';\n\nimport { forwardRef, useMemo, useCallback, type ReactElement } from 'react';\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button/Button';\nimport type { ButtonProps } from '../Button/Button.types';\nimport type { PaginationProps, PaginationVariant } from './Pagination.types';\nimport {\n  paginationNavVariants,\n  paginationEllipsisVariants,\n} from './Pagination.styles';\n\n/**\n * Generate page numbers array with ellipsis\n * Returns array like: [1, '...', 4, 5, 6, '...', 10]\n */\nfunction generatePageNumbers(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number\n): (number | 'ellipsis-start' | 'ellipsis-end')[] {\n  // Total page numbers to show (first + last + current + siblings + 2 ellipses)\n  const totalPageNumbers = siblingCount * 2 + 5;\n\n  // If total pages is less than the numbers we want to show, show all\n  if (totalPages <= totalPageNumbers) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n\n  const showLeftEllipsis = leftSiblingIndex > 2;\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = siblingCount * 2 + 3;\n    const pages: (number | 'ellipsis-start' | 'ellipsis-end')[] = Array.from(\n      { length: leftRange },\n      (_, i) => i + 1\n    );\n    pages.push('ellipsis-end');\n    pages.push(totalPages);\n    return pages;\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = siblingCount * 2 + 3;\n    const pages: (number | 'ellipsis-start' | 'ellipsis-end')[] = [1, 'ellipsis-start'];\n    for (let i = totalPages - rightRange + 1; i <= totalPages; i++) {\n      pages.push(i);\n    }\n    return pages;\n  }\n\n  // Both ellipses\n  const pages: (number | 'ellipsis-start' | 'ellipsis-end')[] = [1, 'ellipsis-start'];\n  for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {\n    pages.push(i);\n  }\n  pages.push('ellipsis-end');\n  pages.push(totalPages);\n  return pages;\n}\n\n/**\n * Map Pagination variant to Button variant for inactive buttons\n */\nfunction getButtonVariant(paginationVariant: PaginationVariant, isActive: boolean): ButtonProps['variant'] {\n  if (isActive) return 'default';\n  if (paginationVariant === 'outline') return 'outline';\n  return 'ghost';\n}\n\n/**\n * Map Pagination size to Button visualSize\n */\nfunction getButtonVisualSize(size: 'sm' | 'default' | 'lg'): ButtonProps['visualSize'] {\n  if (size === 'sm') return 'sm';\n  if (size === 'lg') return 'lg';\n  return 'default';\n}\n\n/**\n * Pagination Component\n *\n * Navigation for paginated content with page numbers, prev/next,\n * and first/last buttons. Uses the Themis Button component for\n * three-layer architecture and WCAG 2.2 AAA 44x44px touch targets.\n *\n * @example\n * ```tsx\n * <Pagination\n *   page={currentPage}\n *   totalPages={10}\n *   onPageChange={setCurrentPage}\n * />\n * ```\n */\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n  (\n    {\n      page,\n      totalPages,\n      onPageChange,\n      size = 'default',\n      variant = 'default',\n      siblingCount = 1,\n      showFirstLast = true,\n      showPrevNext = true,\n      isDisabled = false,\n      labels,\n      className,\n      'aria-label': ariaLabel,\n      'data-testid': dataTestId,\n      ...props\n    },\n    ref\n  ): ReactElement => {\n    const resolvedLabels = {\n      previous: labels?.previous ?? 'Previous',\n      next: labels?.next ?? 'Next',\n      first: labels?.first ?? 'First page',\n      last: labels?.last ?? 'Last page',\n      page: labels?.page ?? 'Page',\n      of: labels?.of ?? 'of',\n    };\n\n    const pages = useMemo(\n      () => generatePageNumbers(page, totalPages, siblingCount),\n      [page, totalPages, siblingCount]\n    );\n\n    const handlePageChange = useCallback(\n      (newPage: number) => {\n        if (newPage >= 1 && newPage <= totalPages && newPage !== page) {\n          onPageChange(newPage);\n        }\n      },\n      [page, totalPages, onPageChange]\n    );\n\n    const isFirstPage = page === 1;\n    const isLastPage = page === totalPages;\n    const visualSize = getButtonVisualSize(size);\n\n    return (\n      <nav\n        ref={ref as React.Ref<HTMLElement>}\n        aria-label={ariaLabel ?? 'Pagination'}\n        className={cn(paginationNavVariants({ size }), className)}\n        data-testid={dataTestId}\n        {...props}\n      >\n        {/* First Page Button */}\n        {showFirstLast && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isFirstPage}\n            aria-label={resolvedLabels.first}\n            onPress={() => handlePageChange(1)}\n          >\n            <ChevronsLeft aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Previous Button */}\n        {showPrevNext && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isFirstPage}\n            aria-label={resolvedLabels.previous}\n            onPress={() => handlePageChange(page - 1)}\n          >\n            <ChevronLeft aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Page Numbers */}\n        {pages.map((pageItem) => {\n          if (pageItem === 'ellipsis-start' || pageItem === 'ellipsis-end') {\n            return (\n              <span\n                key={pageItem}\n                className={paginationEllipsisVariants({ size })}\n                aria-hidden=\"true\"\n              >\n                ...\n              </span>\n            );\n          }\n\n          const isActive = pageItem === page;\n          return (\n            <Button\n              key={pageItem}\n              variant={getButtonVariant(variant, isActive)}\n              visualSize={visualSize}\n              isDisabled={isDisabled || isActive}\n              aria-label={`${resolvedLabels.page} ${pageItem}`}\n              aria-current={isActive ? 'page' : undefined}\n              onPress={() => handlePageChange(pageItem)}\n            >\n              {pageItem}\n            </Button>\n          );\n        })}\n\n        {/* Next Button */}\n        {showPrevNext && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isLastPage}\n            aria-label={resolvedLabels.next}\n            onPress={() => handlePageChange(page + 1)}\n          >\n            <ChevronRight aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Last Page Button */}\n        {showFirstLast && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isLastPage}\n            aria-label={resolvedLabels.last}\n            onPress={() => handlePageChange(totalPages)}\n          >\n            <ChevronsRight aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Screen reader announcement for page context */}\n        <span className=\"sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n          {resolvedLabels.page} {page} {resolvedLabels.of} {totalPages}\n        </span>\n      </nav>\n    );\n  }\n);\n\nPagination.displayName = 'Pagination';\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\n\nexport const PaginationSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type PaginationSize = z.infer<typeof PaginationSizeSchema>;\n\nexport const PaginationVariantSchema = z.enum(['default', 'outline', 'ghost']);\nexport type PaginationVariant = z.infer<typeof PaginationVariantSchema>;\n\nexport const PaginationPropsSchema = BaseComponentPropsSchema.extend({\n  /** Current page (1-indexed) */\n  page: z.number().min(1),\n\n  /** Total number of pages */\n  totalPages: z.number().min(1),\n\n  /** Callback when page changes */\n  onPageChange: z.custom<(page: number) => void>(),\n\n  /** Size variant */\n  size: PaginationSizeSchema.optional().default('default'),\n\n  /** Visual variant */\n  variant: PaginationVariantSchema.optional().default('default'),\n\n  /** Number of sibling pages to show around current page */\n  siblingCount: z.number().min(0).optional().default(1),\n\n  /** Whether to show first/last page buttons */\n  showFirstLast: z.boolean().optional().default(true),\n\n  /** Whether to show previous/next buttons */\n  showPrevNext: z.boolean().optional().default(true),\n\n  /** Whether the pagination is disabled */\n  isDisabled: z.boolean().optional().default(false),\n\n  /** Custom labels */\n  labels: z.object({\n    previous: z.string().optional().default('Previous'),\n    next: z.string().optional().default('Next'),\n    first: z.string().optional().default('First page'),\n    last: z.string().optional().default('Last page'),\n    page: z.string().optional().default('Page'),\n    of: z.string().optional().default('of'),\n  }).optional(),\n});\n\nexport interface PaginationProps {\n  className?: string;\n  children?: unknown;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'data-testid'?: string;\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  size?: PaginationSize;\n  variant?: PaginationVariant;\n  siblingCount?: number;\n  showFirstLast?: boolean;\n  showPrevNext?: boolean;\n  isDisabled?: boolean;\n  labels?: {\n    previous?: string;\n    next?: string;\n    first?: string;\n    last?: string;\n    page?: string;\n    of?: string;\n  };\n}\n"]}

package/dist/elements/Pagination/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import {createContext,memo,forwardRef,useId,useMemo,useCallback,useContext}from'react';import {Loader2,Zap,ChevronsLeft,ChevronLeft,ChevronRight,ChevronsRight}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Button}from'react-aria-components';import {cva}from'class-variance-authority';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z as z$1}from'zod';function N(...t){return twMerge(clsx(t))}var W=cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),U=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]",link:"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var I="data-[pressed]:scale-[0.97]";var L="data-[hovered]:shadow-md";var z="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",C="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var J=createContext(null);J.displayName="ButtonGroupContext";function K(){return useContext(J)}var Q=createContext(null);Q.displayName="ButtonGroupItemContext";function X(){return useContext(Q)}cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var tt=cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var x=memo(forwardRef(({className:t,buttonVisualClassName:e,variant:l,size:h,visualSize:u,fullWidth:g,loading:c=false,loadingText:b="Loading...",shortcut:i,children:o,isDisabled:s,paywall:r=false,paywallRedirect:S,paywallDescription:T,onPress:_,...p},G)=>{let m=useId(),v=K(),y=X(),R=l??v?.variant??"default",n=h??v?.size,P=s??v?.isDisabled??false,F=v?.orientation==="vertical",Y=g||F,rt=y?tt({orientation:v?.orientation??"horizontal",position:y.position}):"",w=u??n??"default";return process.env.NODE_ENV!=="production"&&(w==="dot"||w==="icon")&&!p["aria-label"]&&!o&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsx(Button,{ref:G,isDisabled:P||c||void 0,"aria-disabled":r?true:void 0,"aria-describedby":r?m:void 0,onPress:B=>{if(r){S&&window.open(S,"_blank","noopener,noreferrer");return}_?.(B);},className:N(W({fullWidth:Y,inVerticalGroup:F}),t),...p,children:B=>jsxs("span",{className:N(U({variant:R,visualSize:w,paywall:r,fullWidth:Y}),rt,e,I,L,z,C),"data-pressed":B.isPressed||void 0,children:[c&&jsxs(Fragment,{children:[jsx(Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsx("span",{className:"sr-only","aria-live":"polite",children:b})]}),!c&&o,r&&jsx(Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),r&&jsxs("span",{id:m,className:"sr-only",children:["Premium feature: ",T||"Upgrade required to access this feature"]}),B.isFocusVisible&&i&&jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:i}),B.isPressed&&jsx("span",{className:"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95","aria-hidden":"true"})]})})}));x.displayName="Button";var k=cva("flex items-center justify-center",{variants:{size:{sm:"gap-0.5",default:"gap-1",lg:"gap-1.5"}},defaultVariants:{size:"default"}}),$=cva("inline-flex items-center justify-center text-[var(--muted-foreground)]",{variants:{size:{sm:"h-8 w-8 text-xs",default:"h-10 w-10 text-sm",lg:"h-12 w-12 text-base"}},defaultVariants:{size:"default"}}),ht=cva("text-[var(--muted-foreground)]",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}});function Bt(t,e,l){let h=l*2+5;if(e<=h)return Array.from({length:e},(o,s)=>s+1);let u=Math.max(t-l,1),g=Math.min(t+l,e),c=u>2,b=g<e-1;if(!c&&b){let o=l*2+3,s=Array.from({length:o},(r,S)=>S+1);return s.push("ellipsis-end"),s.push(e),s}if(c&&!b){let o=l*2+3,s=[1,"ellipsis-start"];for(let r=e-o+1;r<=e;r++)s.push(r);return s}let i=[1,"ellipsis-start"];for(let o=u;o<=g;o++)i.push(o);return i.push("ellipsis-end"),i.push(e),i}function E(t,e){return e?"default":t==="outline"?"outline":"ghost"}function Nt(t){return t==="sm"?"sm":t==="lg"?"lg":"default"}var ot=forwardRef(({page:t,totalPages:e,onPageChange:l,size:h="default",variant:u="default",siblingCount:g=1,showFirstLast:c=true,showPrevNext:b=true,isDisabled:i=false,labels:o,className:s,"aria-label":r,"data-testid":S,...T},_)=>{let p={previous:o?.previous??"Previous",next:o?.next??"Next",first:o?.first??"First page",last:o?.last??"Last page",page:o?.page??"Page",of:o?.of??"of"},G=useMemo(()=>Bt(t,e,g),[t,e,g]),m=useCallback(n=>{n>=1&&n<=e&&n!==t&&l(n);},[t,e,l]),v=t===1,y=t===e,R=Nt(h);return jsxs("nav",{ref:_,"aria-label":r??"Pagination",className:N(k({size:h}),s),"data-testid":S,...T,children:[c&&jsx(x,{variant:E(u,false),visualSize:"icon",isDisabled:i||v,"aria-label":p.first,onPress:()=>m(1),children:jsx(ChevronsLeft,{"aria-hidden":"true"})}),b&&jsx(x,{variant:E(u,false),visualSize:"icon",isDisabled:i||v,"aria-label":p.previous,onPress:()=>m(t-1),children:jsx(ChevronLeft,{"aria-hidden":"true"})}),G.map(n=>{if(n==="ellipsis-start"||n==="ellipsis-end")return jsx("span",{className:$({size:h}),"aria-hidden":"true",children:"..."},n);let P=n===t;return jsx(x,{variant:E(u,P),visualSize:R,isDisabled:i||P,"aria-label":`${p.page} ${n}`,"aria-current":P?"page":void 0,onPress:()=>m(n),children:n},n)}),b&&jsx(x,{variant:E(u,false),visualSize:"icon",isDisabled:i||y,"aria-label":p.next,onPress:()=>m(t+1),children:jsx(ChevronRight,{"aria-hidden":"true"})}),c&&jsx(x,{variant:E(u,false),visualSize:"icon",isDisabled:i||y,"aria-label":p.last,onPress:()=>m(e),children:jsx(ChevronsRight,{"aria-hidden":"true"})}),jsxs("span",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:[p.page," ",t," ",p.of," ",e]})]})});ot.displayName="Pagination";var at=z$1.object({className:z$1.string().optional(),children:z$1.any().optional(),id:z$1.string().optional(),"aria-label":z$1.string().optional(),"aria-labelledby":z$1.string().optional(),"aria-describedby":z$1.string().optional(),"aria-live":z$1.enum(["off","polite","assertive"]).optional(),"aria-hidden":z$1.boolean().optional(),"data-testid":z$1.string().optional()});var nt=z$1.enum(["sm","default","lg"]),it=z$1.enum(["default","outline","ghost"]),Et=at.extend({page:z$1.number().min(1),totalPages:z$1.number().min(1),onPageChange:z$1.custom(),size:nt.optional().default("default"),variant:it.optional().default("default"),siblingCount:z$1.number().min(0).optional().default(1),showFirstLast:z$1.boolean().optional().default(true),showPrevNext:z$1.boolean().optional().default(true),isDisabled:z$1.boolean().optional().default(false),labels:z$1.object({previous:z$1.string().optional().default("Previous"),next:z$1.string().optional().default("Next"),first:z$1.string().optional().default("First page"),last:z$1.string().optional().default("Last page"),page:z$1.string().optional().default("Page"),of:z$1.string().optional().default("of")}).optional()});export{ot as Pagination,Et as PaginationPropsSchema,nt as PaginationSizeSchema,it as PaginationVariantSchema,$ as paginationEllipsisVariants,ht as paginationInfoVariants,k as paginationNavVariants};//# sourceMappingURL=index.mjs.map
+import {createContext,memo,forwardRef,useId,useMemo,useCallback,useContext}from'react';import {Loader2,Zap,ChevronsLeft,ChevronLeft,ChevronRight,ChevronsRight}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Button}from'react-aria-components';import {cva}from'class-variance-authority';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z as z$1}from'zod';function N(...t){return twMerge(clsx(t))}var W=cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),U=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]",link:"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var I="data-[pressed]:scale-[0.97]";var L="data-[hovered]:shadow-md";var z="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",C="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var J=createContext(null);J.displayName="ButtonGroupContext";function K(){return useContext(J)}var Q=createContext(null);Q.displayName="ButtonGroupItemContext";function X(){return useContext(Q)}cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var tt=cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var x=memo(forwardRef(({className:t,buttonVisualClassName:e,variant:l,size:g,visualSize:u,fullWidth:b,loading:c=false,loadingText:h="Loading...",shortcut:i,children:a,isDisabled:s,paywall:r=false,paywallRedirect:S,paywallDescription:T,onPress:w,...d},_)=>{let m=useId(),v=K(),y=X(),G=l??v?.variant??"default",n=g??v?.size,P=s??v?.isDisabled??false,F=v?.orientation==="vertical",Y=b||F,rt=y?tt({orientation:v?.orientation??"horizontal",position:y.position}):"",R=u??n??"default";return process.env.NODE_ENV!=="production"&&(R==="dot"||R==="icon")&&!d["aria-label"]&&!a&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsx(Button,{ref:_,isDisabled:P||c||void 0,"aria-disabled":r?true:void 0,"aria-describedby":r?m:void 0,onPress:B=>{if(r){S&&window.open(S,"_blank","noopener,noreferrer");return}w?.(B);},className:N(W({fullWidth:Y,inVerticalGroup:F}),t),...d,children:B=>jsxs("span",{className:N(U({variant:G,visualSize:R,paywall:r,fullWidth:Y}),rt,e,I,L,z,C),"data-pressed":B.isPressed||void 0,children:[c&&jsxs(Fragment,{children:[jsx(Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsx("span",{className:"sr-only","aria-live":"polite",children:h})]}),!c&&a,r&&jsx(Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),r&&jsxs("span",{id:m,className:"sr-only",children:["Premium feature: ",T||"Upgrade required to access this feature"]}),B.isFocusVisible&&i&&jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:i}),B.isPressed&&jsx("span",{className:"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95","aria-hidden":"true"})]})})}));x.displayName="Button";var k=cva("flex items-center justify-center",{variants:{size:{sm:"gap-0.5",default:"gap-1",lg:"gap-1.5"}},defaultVariants:{size:"default"}}),$=cva("inline-flex items-center justify-center text-[var(--muted-foreground)]",{variants:{size:{sm:"h-8 w-8 text-xs",default:"h-10 w-10 text-sm",lg:"h-12 w-12 text-base"}},defaultVariants:{size:"default"}}),gt=cva("text-[var(--muted-foreground)]",{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}});function Bt(t,e,l){let g=l*2+5;if(e<=g)return Array.from({length:e},(a,s)=>s+1);let u=Math.max(t-l,1),b=Math.min(t+l,e),c=u>2,h=b<e-1;if(!c&&h){let a=l*2+3,s=Array.from({length:a},(r,S)=>S+1);return s.push("ellipsis-end"),s.push(e),s}if(c&&!h){let a=l*2+3,s=[1,"ellipsis-start"];for(let r=e-a+1;r<=e;r++)s.push(r);return s}let i=[1,"ellipsis-start"];for(let a=u;a<=b;a++)i.push(a);return i.push("ellipsis-end"),i.push(e),i}function E(t,e){return e?"default":t==="outline"?"outline":"ghost"}function Nt(t){return t==="sm"?"sm":t==="lg"?"lg":"default"}var at=forwardRef(({page:t,totalPages:e,onPageChange:l,size:g="default",variant:u="default",siblingCount:b=1,showFirstLast:c=true,showPrevNext:h=true,isDisabled:i=false,labels:a,className:s,"aria-label":r,"data-testid":S,...T},w)=>{let d={previous:a?.previous??"Previous",next:a?.next??"Next",first:a?.first??"First page",last:a?.last??"Last page",page:a?.page??"Page",of:a?.of??"of"},_=useMemo(()=>Bt(t,e,b),[t,e,b]),m=useCallback(n=>{n>=1&&n<=e&&n!==t&&l(n);},[t,e,l]),v=t===1,y=t===e,G=Nt(g);return jsxs("nav",{ref:w,"aria-label":r??"Pagination",className:N(k({size:g}),s),"data-testid":S,...T,children:[c&&jsx(x,{variant:E(u,false),visualSize:"icon",isDisabled:i||v,"aria-label":d.first,onPress:()=>m(1),children:jsx(ChevronsLeft,{"aria-hidden":"true"})}),h&&jsx(x,{variant:E(u,false),visualSize:"icon",isDisabled:i||v,"aria-label":d.previous,onPress:()=>m(t-1),children:jsx(ChevronLeft,{"aria-hidden":"true"})}),_.map(n=>{if(n==="ellipsis-start"||n==="ellipsis-end")return jsx("span",{className:$({size:g}),"aria-hidden":"true",children:"..."},n);let P=n===t;return jsx(x,{variant:E(u,P),visualSize:G,isDisabled:i||P,"aria-label":`${d.page} ${n}`,"aria-current":P?"page":void 0,onPress:()=>m(n),children:n},n)}),h&&jsx(x,{variant:E(u,false),visualSize:"icon",isDisabled:i||y,"aria-label":d.next,onPress:()=>m(t+1),children:jsx(ChevronRight,{"aria-hidden":"true"})}),c&&jsx(x,{variant:E(u,false),visualSize:"icon",isDisabled:i||y,"aria-label":d.last,onPress:()=>m(e),children:jsx(ChevronsRight,{"aria-hidden":"true"})}),jsxs("span",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:[d.page," ",t," ",d.of," ",e]})]})});at.displayName="Pagination";var ot=z$1.object({className:z$1.string().optional(),children:z$1.any().optional(),id:z$1.string().optional(),"aria-label":z$1.string().optional(),"aria-labelledby":z$1.string().optional(),"aria-describedby":z$1.string().optional(),"aria-live":z$1.enum(["off","polite","assertive"]).optional(),"aria-hidden":z$1.boolean().optional(),"data-testid":z$1.string().optional()});var nt=z$1.enum(["sm","default","lg"]),it=z$1.enum(["default","outline","ghost"]),Et=ot.extend({page:z$1.number().min(1),totalPages:z$1.number().min(1),onPageChange:z$1.custom(),size:nt.optional().default("default"),variant:it.optional().default("default"),siblingCount:z$1.number().min(0).optional().default(1),showFirstLast:z$1.boolean().optional().default(true),showPrevNext:z$1.boolean().optional().default(true),isDisabled:z$1.boolean().optional().default(false),labels:z$1.object({previous:z$1.string().optional().default("Previous"),next:z$1.string().optional().default("Next"),first:z$1.string().optional().default("First page"),last:z$1.string().optional().default("Last page"),page:z$1.string().optional().default("Page"),of:z$1.string().optional().default("of")}).optional()});export{at as Pagination,Et as PaginationPropsSchema,nt as PaginationSizeSchema,it as PaginationVariantSchema,$ as paginationEllipsisVariants,gt as paginationInfoVariants,k as paginationNavVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/elements/Pagination/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Button/Button.styles.ts","../../../src/styles/interaction-states.ts","../../../src/elements/ButtonGroup/ButtonGroupContext.tsx","../../../src/elements/ButtonGroup/ButtonGroup.variants.ts","../../../src/elements/Button/Button.tsx","../../../src/elements/Pagination/Pagination.styles.ts","../../../src/elements/Pagination/Pagination.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Pagination/Pagination.types.ts"],"names":["cn","inputs","twMerge","clsx","buttonOuterVariants","cva","buttonVisualVariants","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","ButtonGroupContext","createContext","useButtonGroupContext","useContext","ButtonGroupItemContext","useButtonGroupItemContext","buttonGroupItemVariants","Button","memo","forwardRef","className","buttonVisualClassName","variant","size","visualSize","fullWidth","loading","loadingText","shortcut","children","isDisabled","paywall","paywallRedirect","paywallDescription","onPress","props","ref","paywallDescriptionId","useId","groupContext","itemContext","effectiveVariant","effectiveSize","effectiveIsDisabled","isInVerticalGroup","effectiveFullWidth","positionClassName","effectiveVisualSize","jsx","AriaButton","e","renderProps","jsxs","Fragment","Loader2","Zap","paginationNavVariants","paginationEllipsisVariants","paginationInfoVariants","generatePageNumbers","currentPage","totalPages","siblingCount","totalPageNumbers","_","i","leftSiblingIndex","rightSiblingIndex","showLeftEllipsis","showRightEllipsis","leftRange","pages","rightRange","getButtonVariant","paginationVariant","isActive","getButtonVisualSize","Pagination","page","onPageChange","showFirstLast","showPrevNext","labels","ariaLabel","dataTestId","resolvedLabels","useMemo","handlePageChange","useCallback","newPage","isFirstPage","isLastPage","ChevronsLeft","ChevronLeft","pageItem","ChevronRight","ChevronsRight","BaseComponentPropsSchema","z","PaginationSizeSchema","PaginationVariantSchema","PaginationPropsSchema"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import { cva } from 'class-variance-authority';\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * Handles WCAG 2.2 AAA touch target requirement\n * Always transparent, centers the visual button inside\n * IMPORTANT: Focus ring stays on Layer 1 for AAA compliance (2.4.13)\n *\n * In vertical ButtonGroups, uses items-stretch so the visual layer (Layer 2)\n * can fill the full touch target height, eliminating gaps between buttons.\n */\nexport const buttonOuterVariants = cva(\n  \"inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      inVerticalGroup: {\n        true: \"items-stretch\",\n        false: \"items-center\",\n      },\n    },\n    defaultVariants: {\n      fullWidth: false,\n      inVerticalGroup: false,\n    },\n  }\n);\n\n/**\n * Layer 2: Visual button appearance (adjustable size)\n * Provides the visual appearance with configurable size\n * Can be smaller than touch target for use cases like carousel dots\n * NOTE: NO focus-visible styles here - focus ring is on Layer 1\n */\nexport const buttonVisualVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80\",\n        destructive:\n          \"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80\",\n        outline:\n          \"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]\",\n        secondary:\n          \"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70\",\n        ghost:\n          \"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]\",\n        link: \"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      visualSize: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3 text-xs\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n        dot: \"h-5 w-5 rounded-full p-0 min-h-0 min-w-0\",\n      },\n      paywall: {\n        true: \"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      visualSize: \"default\",\n      paywall: false,\n    },\n  }\n);\n\n/**\n * @deprecated Use buttonVisualVariants instead. This alias is kept for backward compatibility.\n */\nexport const buttonVariants = buttonVisualVariants;\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\nimport { createContext, useContext } from 'react';\nimport type {\n  ButtonGroupContextValue,\n  ButtonGroupItemContextValue,\n} from './ButtonGroup.types';\n\n/**\n * ButtonGroup Context System (Two-Level)\n *\n * Provides a two-level context pattern for ButtonGroup:\n *\n * 1. ButtonGroupContext (group-level):\n *    - Provides: orientation, variant, size, isDisabled\n *    - Consumed by: Button (for prop inheritance), Separator (for orientation)\n *\n * 2. ButtonGroupItemContext (item-level):\n *    - Provides: position ('first' | 'middle' | 'last' | 'only')\n *    - Consumed by: Button (for border-radius styling)\n *\n * Both contexts return null when not in a provider, allowing Button\n * to work standalone without any group context.\n *\n * @see plan.md for architecture details\n * @see ButtonGroup.tsx for Provider implementation\n */\n\n// =============================================================================\n// Group-Level Context\n// =============================================================================\n\n/**\n * Context for group-level props (orientation, variant, size, isDisabled)\n * Default value is null to indicate \"not in a group\"\n */\nconst ButtonGroupContext = createContext<ButtonGroupContextValue | null>(null);\n\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\n/**\n * Hook to access group-level context\n * @returns ButtonGroupContextValue if inside a ButtonGroup, null otherwise\n */\nexport function useButtonGroupContext(): ButtonGroupContextValue | null {\n  return useContext(ButtonGroupContext);\n}\n\n// =============================================================================\n// Item-Level Context\n// =============================================================================\n\n/**\n * Context for per-button position information\n * Default value is null to indicate \"not wrapped with position context\"\n */\nconst ButtonGroupItemContext =\n  createContext<ButtonGroupItemContextValue | null>(null);\n\nButtonGroupItemContext.displayName = 'ButtonGroupItemContext';\n\n/**\n * Hook to access item-level context (position)\n * @returns ButtonGroupItemContextValue if wrapped with position context, null otherwise\n */\nexport function useButtonGroupItemContext(): ButtonGroupItemContextValue | null {\n  return useContext(ButtonGroupItemContext);\n}\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroupContext, ButtonGroupItemContext };\n","import { cva } from 'class-variance-authority';\n\n/**\n * ButtonGroup CVA Variants\n *\n * Defines Class Variance Authority (CVA) variants for:\n * - ButtonGroup container (orientation-based layout)\n * - ButtonGroupItem (position-based border-radius)\n * - ButtonGroupSeparator (orientation-based styling)\n *\n * @see plan.md Phase 1: Design & Contracts - CVA Variants\n * @see constitution.md Principle V (Component Quality Standards)\n */\n\n// =============================================================================\n// Container Variants\n// =============================================================================\n\n/**\n * ButtonGroup container variants\n * Controls the layout direction based on orientation\n * Uses gap-0 to ensure buttons are connected (share borders)\n */\nexport const buttonGroupVariants = cva('inline-flex items-center gap-0', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col w-full',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\n// =============================================================================\n// Item Position Variants\n// =============================================================================\n\n/**\n * ButtonGroupItem position variants\n * Applied to Button's visual layer (Layer 2) for position-aware border-radius\n *\n * Compound variants handle both orientation and position combinations:\n * - Horizontal: left/right borders and radii\n * - Vertical: top/bottom borders and radii\n */\nexport const buttonGroupItemVariants = cva('', {\n  variants: {\n    orientation: {\n      // min-w-[44px] ensures visual layer fills touch target width (for icon buttons)\n      horizontal: 'min-w-[44px]',\n      // flex (overrides inline-flex) + min-h-[44px] makes visual layer fill touch target,\n      // eliminating gaps between stacked buttons in vertical orientation\n      vertical: 'flex min-h-[44px]',\n    },\n    position: {\n      first: '',\n      middle: '',\n      last: '',\n      only: '', // Single button - no modifications needed\n    },\n  },\n  compoundVariants: [\n    // ==========================================================================\n    // Horizontal Orientation\n    // ==========================================================================\n    {\n      orientation: 'horizontal',\n      position: 'first',\n      className: 'rounded-r-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'middle',\n      className: 'rounded-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'last',\n      className: 'rounded-l-none',\n    },\n    // ==========================================================================\n    // Vertical Orientation\n    // Note: w-full is handled by Button's effectiveFullWidth for both layers\n    // ==========================================================================\n    {\n      orientation: 'vertical',\n      position: 'first',\n      className: 'rounded-b-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'middle',\n      className: 'rounded-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'last',\n      className: 'rounded-t-none',\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    position: 'only',\n  },\n});\n\n// =============================================================================\n// Separator Variants\n// =============================================================================\n\n/**\n * ButtonGroupSeparator variants\n * Orientation-aware visual divider between button groups\n */\nexport const buttonGroupSeparatorVariants = cva('bg-[var(--border)]', {\n  variants: {\n    orientation: {\n      horizontal: 'w-px h-6 mx-1',\n      vertical: 'h-px w-full my-1',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n","\"use client\";\n\n/**\n * Button Component - 3-Layer Architecture\n * Accessible button with React Aria primitives and CVA styling\n *\n * Architecture:\n * - Layer 1: Touch Target (44x44px WCAG AAA compliant, transparent)\n * - Layer 2: Visual Button (configurable size, colors, borders)\n * - Layer 3: Content & Effects (text, icons, ripple, loading spinner)\n *\n * @see 3layer-plan.md for architecture details\n * @see spec.md FR-029 to FR-037 (Button Component Requirements)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see spec.md FR-014 (44x44px minimum touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, useId } from 'react';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n} from 'react-aria-components';\nimport { Loader2, Zap } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { ButtonProps } from './Button.types';\nimport { buttonOuterVariants, buttonVisualVariants, buttonVariants } from './Button.styles';\nimport { PRESSED_STYLES, HOVER_STYLES, HIGH_CONTRAST_HOVER, HIGH_CONTRAST_PRESSED } from '../../styles/interaction-states';\nimport {\n  useButtonGroupContext,\n  useButtonGroupItemContext,\n} from '../ButtonGroup/ButtonGroupContext';\nimport { buttonGroupItemVariants } from '../ButtonGroup/ButtonGroup.variants';\n\n/**\n * Button Component - 3-Layer Architecture\n * Fully accessible button with React Aria and themed styling\n *\n * Layer 1: Touch Target (AriaButton) - 44x44px WCAG AAA compliant\n * Layer 2: Visual Button (span) - configurable appearance\n * Layer 3: Content (children) - text, icons, effects\n */\nconst Button = memo(forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      buttonVisualClassName,\n      variant,\n      size,\n      visualSize,\n      fullWidth,\n      loading = false,\n      loadingText = \"Loading...\",\n      shortcut,\n      children,\n      isDisabled,\n      paywall = false,\n      paywallRedirect,\n      paywallDescription,\n      onPress,\n      ...props\n    },\n    ref\n  ) => {\n    const paywallDescriptionId = useId();\n\n    // ==========================================================================\n    // ButtonGroup Context Integration\n    // ==========================================================================\n\n    // Consume group-level context (variant, size, isDisabled, orientation)\n    const groupContext = useButtonGroupContext();\n\n    // Consume item-level context (position for border-radius styling)\n    const itemContext = useButtonGroupItemContext();\n\n    // Merge context values with props (props take precedence)\n    const effectiveVariant = variant ?? groupContext?.variant ?? 'default';\n    const effectiveSize = size ?? groupContext?.size;\n    const effectiveIsDisabled = isDisabled ?? groupContext?.isDisabled ?? false;\n\n    // In vertical groups, buttons should be full width automatically\n    const isInVerticalGroup = groupContext?.orientation === 'vertical';\n    const effectiveFullWidth = fullWidth || isInVerticalGroup;\n\n    // Position styling for ButtonGroup (only applied when in a group)\n    const positionClassName = itemContext\n      ? buttonGroupItemVariants({\n          orientation: groupContext?.orientation ?? 'horizontal',\n          position: itemContext.position,\n        })\n      : '';\n\n    // Default visualSize to size for backward compatibility\n    const effectiveVisualSize = visualSize ?? effectiveSize ?? 'default';\n\n    // AAA Accessibility: Warn in dev/test if icon/dot variant lacks accessible name\n    if (process.env.NODE_ENV !== 'production') {\n      if (\n        (effectiveVisualSize === 'dot' || effectiveVisualSize === 'icon') &&\n        !props['aria-label'] &&\n        !children\n      ) {\n        console.warn(\n          '[Button] visualSize=\"dot\" or \"icon\" requires aria-label when no visible text is provided (WCAG 1.1.1)'\n        );\n      }\n    }\n\n    /**\n     * Handle button press - intercepts action when paywalled\n     * If paywalled with redirect URL, opens in new tab\n     * Otherwise, calls the normal onPress handler\n     */\n    const handlePress = (e: Parameters<NonNullable<AriaButtonProps['onPress']>>[0]): void => {\n      if (paywall) {\n        if (paywallRedirect) {\n          window.open(paywallRedirect, '_blank', 'noopener,noreferrer');\n        }\n        // Don't call onPress when paywalled\n        return;\n      }\n      onPress?.(e);\n    };\n\n    // Only set isDisabled when we have a reason to disable\n    // Otherwise, let slot system control disabled state (e.g., in NumberField)\n    const computedIsDisabled = effectiveIsDisabled || loading || undefined;\n\n    return (\n      <AriaButton\n        ref={ref}\n        isDisabled={computedIsDisabled}\n        aria-disabled={paywall ? true : undefined}\n        aria-describedby={paywall ? paywallDescriptionId : undefined}\n        onPress={handlePress}\n        className={cn(buttonOuterVariants({ fullWidth: effectiveFullWidth, inVerticalGroup: isInVerticalGroup }), className)}\n        {...props}\n      >\n        {(renderProps) => (\n          /* Layer 2: Visual Button */\n          <span\n            className={cn(\n              buttonVisualVariants({\n                variant: effectiveVariant,\n                visualSize: effectiveVisualSize,\n                paywall,\n                fullWidth: effectiveFullWidth,\n              }),\n              // Position styling from ButtonGroup context (border-radius adjustments)\n              positionClassName,\n              buttonVisualClassName,\n              // Layer 2 interaction styles (no focus - focus ring is on Layer 1)\n              PRESSED_STYLES,\n              HOVER_STYLES,\n              HIGH_CONTRAST_HOVER,\n              HIGH_CONTRAST_PRESSED\n            )}\n            data-pressed={renderProps.isPressed || undefined}\n          >\n            {/* Layer 3: Content & Effects */}\n\n            {/* FR-033: Loading spinner with screen reader announcement */}\n            {/* Uses motion-safe: for WCAG 2.3.3 AAA (Animation from Interactions) */}\n            {loading && (\n              <>\n                <Loader2 className=\"motion-safe:animate-spin\" aria-hidden=\"true\" />\n                <span className=\"sr-only\" aria-live=\"polite\">\n                  {loadingText}\n                </span>\n              </>\n            )}\n\n            {/* Hide children during loading */}\n            {!loading && children}\n\n            {/* Paywall: Lightning bolt icon */}\n            {paywall && (\n              <Zap\n                data-testid=\"zap-icon\"\n                aria-hidden=\"true\"\n                className=\"ml-1\"\n              />\n            )}\n\n            {/* Paywall: Screen reader description */}\n            {paywall && (\n              <span id={paywallDescriptionId} className=\"sr-only\">\n                Premium feature: {paywallDescription || \"Upgrade required to access this feature\"}\n              </span>\n            )}\n\n            {/* FR-034: Keyboard shortcut display on focus */}\n            {renderProps.isFocusVisible && shortcut && (\n              <kbd className=\"ml-auto hidden text-xs opacity-60 lg:inline\">\n                {shortcut}\n              </kbd>\n            )}\n\n            {/* Touch/press ripple effect - FR-031: Pressed state feedback */}\n            {/* Uses motion-safe: for WCAG 2.3.3 AAA (Animation from Interactions) */}\n            {renderProps.isPressed && (\n              <span\n                className=\"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95\"\n                aria-hidden=\"true\"\n              />\n            )}\n          </span>\n        )}\n      </AriaButton>\n    );\n  }\n));\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants, buttonOuterVariants, buttonVisualVariants };\nexport type { ButtonProps } from './Button.types';\n","import { cva } from 'class-variance-authority';\n\nexport const paginationNavVariants = cva(\n  'flex items-center justify-center',\n  {\n    variants: {\n      size: {\n        sm: 'gap-0.5',\n        default: 'gap-1',\n        lg: 'gap-1.5',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n\nexport const paginationEllipsisVariants = cva(\n  'inline-flex items-center justify-center text-[var(--muted-foreground)]',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 w-8 text-xs',\n        default: 'h-10 w-10 text-sm',\n        lg: 'h-12 w-12 text-base',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n\nexport const paginationInfoVariants = cva(\n  'text-[var(--muted-foreground)]',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n","'use client';\n\nimport { forwardRef, useMemo, useCallback, type ReactElement } from 'react';\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button/Button';\nimport type { ButtonProps } from '../Button/Button.types';\nimport type { PaginationProps, PaginationVariant } from './Pagination.types';\nimport {\n  paginationNavVariants,\n  paginationEllipsisVariants,\n} from './Pagination.styles';\n\n/**\n * Generate page numbers array with ellipsis\n * Returns array like: [1, '...', 4, 5, 6, '...', 10]\n */\nfunction generatePageNumbers(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number\n): (number | 'ellipsis-start' | 'ellipsis-end')[] {\n  // Total page numbers to show (first + last + current + siblings + 2 ellipses)\n  const totalPageNumbers = siblingCount * 2 + 5;\n\n  // If total pages is less than the numbers we want to show, show all\n  if (totalPages <= totalPageNumbers) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n\n  const showLeftEllipsis = leftSiblingIndex > 2;\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = siblingCount * 2 + 3;\n    const pages: (number | 'ellipsis-start' | 'ellipsis-end')[] = Array.from(\n      { length: leftRange },\n      (_, i) => i + 1\n    );\n    pages.push('ellipsis-end');\n    pages.push(totalPages);\n    return pages;\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = siblingCount * 2 + 3;\n    const pages: (number | 'ellipsis-start' | 'ellipsis-end')[] = [1, 'ellipsis-start'];\n    for (let i = totalPages - rightRange + 1; i <= totalPages; i++) {\n      pages.push(i);\n    }\n    return pages;\n  }\n\n  // Both ellipses\n  const pages: (number | 'ellipsis-start' | 'ellipsis-end')[] = [1, 'ellipsis-start'];\n  for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {\n    pages.push(i);\n  }\n  pages.push('ellipsis-end');\n  pages.push(totalPages);\n  return pages;\n}\n\n/**\n * Map Pagination variant to Button variant for inactive buttons\n */\nfunction getButtonVariant(paginationVariant: PaginationVariant, isActive: boolean): ButtonProps['variant'] {\n  if (isActive) return 'default';\n  if (paginationVariant === 'outline') return 'outline';\n  return 'ghost';\n}\n\n/**\n * Map Pagination size to Button visualSize\n */\nfunction getButtonVisualSize(size: 'sm' | 'default' | 'lg'): ButtonProps['visualSize'] {\n  if (size === 'sm') return 'sm';\n  if (size === 'lg') return 'lg';\n  return 'default';\n}\n\n/**\n * Pagination Component\n *\n * Navigation for paginated content with page numbers, prev/next,\n * and first/last buttons. Uses the Themis Button component for\n * three-layer architecture and WCAG 2.2 AAA 44x44px touch targets.\n *\n * @example\n * ```tsx\n * <Pagination\n *   page={currentPage}\n *   totalPages={10}\n *   onPageChange={setCurrentPage}\n * />\n * ```\n */\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n  (\n    {\n      page,\n      totalPages,\n      onPageChange,\n      size = 'default',\n      variant = 'default',\n      siblingCount = 1,\n      showFirstLast = true,\n      showPrevNext = true,\n      isDisabled = false,\n      labels,\n      className,\n      'aria-label': ariaLabel,\n      'data-testid': dataTestId,\n      ...props\n    },\n    ref\n  ): ReactElement => {\n    const resolvedLabels = {\n      previous: labels?.previous ?? 'Previous',\n      next: labels?.next ?? 'Next',\n      first: labels?.first ?? 'First page',\n      last: labels?.last ?? 'Last page',\n      page: labels?.page ?? 'Page',\n      of: labels?.of ?? 'of',\n    };\n\n    const pages = useMemo(\n      () => generatePageNumbers(page, totalPages, siblingCount),\n      [page, totalPages, siblingCount]\n    );\n\n    const handlePageChange = useCallback(\n      (newPage: number) => {\n        if (newPage >= 1 && newPage <= totalPages && newPage !== page) {\n          onPageChange(newPage);\n        }\n      },\n      [page, totalPages, onPageChange]\n    );\n\n    const isFirstPage = page === 1;\n    const isLastPage = page === totalPages;\n    const visualSize = getButtonVisualSize(size);\n\n    return (\n      <nav\n        ref={ref as React.Ref<HTMLElement>}\n        aria-label={ariaLabel ?? 'Pagination'}\n        className={cn(paginationNavVariants({ size }), className)}\n        data-testid={dataTestId}\n        {...props}\n      >\n        {/* First Page Button */}\n        {showFirstLast && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isFirstPage}\n            aria-label={resolvedLabels.first}\n            onPress={() => handlePageChange(1)}\n          >\n            <ChevronsLeft aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Previous Button */}\n        {showPrevNext && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isFirstPage}\n            aria-label={resolvedLabels.previous}\n            onPress={() => handlePageChange(page - 1)}\n          >\n            <ChevronLeft aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Page Numbers */}\n        {pages.map((pageItem) => {\n          if (pageItem === 'ellipsis-start' || pageItem === 'ellipsis-end') {\n            return (\n              <span\n                key={pageItem}\n                className={paginationEllipsisVariants({ size })}\n                aria-hidden=\"true\"\n              >\n                ...\n              </span>\n            );\n          }\n\n          const isActive = pageItem === page;\n          return (\n            <Button\n              key={pageItem}\n              variant={getButtonVariant(variant, isActive)}\n              visualSize={visualSize}\n              isDisabled={isDisabled || isActive}\n              aria-label={`${resolvedLabels.page} ${pageItem}`}\n              aria-current={isActive ? 'page' : undefined}\n              onPress={() => handlePageChange(pageItem)}\n            >\n              {pageItem}\n            </Button>\n          );\n        })}\n\n        {/* Next Button */}\n        {showPrevNext && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isLastPage}\n            aria-label={resolvedLabels.next}\n            onPress={() => handlePageChange(page + 1)}\n          >\n            <ChevronRight aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Last Page Button */}\n        {showFirstLast && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isLastPage}\n            aria-label={resolvedLabels.last}\n            onPress={() => handlePageChange(totalPages)}\n          >\n            <ChevronsRight aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Screen reader announcement for page context */}\n        <span className=\"sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n          {resolvedLabels.page} {page} {resolvedLabels.of} {totalPages}\n        </span>\n      </nav>\n    );\n  }\n);\n\nPagination.displayName = 'Pagination';\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\n\nexport const PaginationSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type PaginationSize = z.infer<typeof PaginationSizeSchema>;\n\nexport const PaginationVariantSchema = z.enum(['default', 'outline', 'ghost']);\nexport type PaginationVariant = z.infer<typeof PaginationVariantSchema>;\n\nexport const PaginationPropsSchema = BaseComponentPropsSchema.extend({\n  /** Current page (1-indexed) */\n  page: z.number().min(1),\n\n  /** Total number of pages */\n  totalPages: z.number().min(1),\n\n  /** Callback when page changes */\n  onPageChange: z.custom<(page: number) => void>(),\n\n  /** Size variant */\n  size: PaginationSizeSchema.optional().default('default'),\n\n  /** Visual variant */\n  variant: PaginationVariantSchema.optional().default('default'),\n\n  /** Number of sibling pages to show around current page */\n  siblingCount: z.number().min(0).optional().default(1),\n\n  /** Whether to show first/last page buttons */\n  showFirstLast: z.boolean().optional().default(true),\n\n  /** Whether to show previous/next buttons */\n  showPrevNext: z.boolean().optional().default(true),\n\n  /** Whether the pagination is disabled */\n  isDisabled: z.boolean().optional().default(false),\n\n  /** Custom labels */\n  labels: z.object({\n    previous: z.string().optional().default('Previous'),\n    next: z.string().optional().default('Next'),\n    first: z.string().optional().default('First page'),\n    last: z.string().optional().default('Last page'),\n    page: z.string().optional().default('Page'),\n    of: z.string().optional().default('of'),\n  }).optional(),\n});\n\nexport type PaginationProps = z.infer<typeof PaginationPropsSchema>;\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Button/Button.styles.ts","../../../src/styles/interaction-states.ts","../../../src/elements/ButtonGroup/ButtonGroupContext.tsx","../../../src/elements/ButtonGroup/ButtonGroup.variants.ts","../../../src/elements/Button/Button.tsx","../../../src/elements/Pagination/Pagination.styles.ts","../../../src/elements/Pagination/Pagination.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Pagination/Pagination.types.ts"],"names":["cn","inputs","twMerge","clsx","buttonOuterVariants","cva","buttonVisualVariants","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","ButtonGroupContext","createContext","useButtonGroupContext","useContext","ButtonGroupItemContext","useButtonGroupItemContext","buttonGroupItemVariants","Button","memo","forwardRef","className","buttonVisualClassName","variant","size","visualSize","fullWidth","loading","loadingText","shortcut","children","isDisabled","paywall","paywallRedirect","paywallDescription","onPress","props","ref","paywallDescriptionId","useId","groupContext","itemContext","effectiveVariant","effectiveSize","effectiveIsDisabled","isInVerticalGroup","effectiveFullWidth","positionClassName","effectiveVisualSize","jsx","AriaButton","e","renderProps","jsxs","Fragment","Loader2","Zap","paginationNavVariants","paginationEllipsisVariants","paginationInfoVariants","generatePageNumbers","currentPage","totalPages","siblingCount","totalPageNumbers","_","i","leftSiblingIndex","rightSiblingIndex","showLeftEllipsis","showRightEllipsis","leftRange","pages","rightRange","getButtonVariant","paginationVariant","isActive","getButtonVisualSize","Pagination","page","onPageChange","showFirstLast","showPrevNext","labels","ariaLabel","dataTestId","resolvedLabels","useMemo","handlePageChange","useCallback","newPage","isFirstPage","isLastPage","ChevronsLeft","ChevronLeft","pageItem","ChevronRight","ChevronsRight","BaseComponentPropsSchema","z","PaginationSizeSchema","PaginationVariantSchema","PaginationPropsSchema"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import { cva } from 'class-variance-authority';\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * Handles WCAG 2.2 AAA touch target requirement\n * Always transparent, centers the visual button inside\n * IMPORTANT: Focus ring stays on Layer 1 for AAA compliance (2.4.13)\n *\n * In vertical ButtonGroups, uses items-stretch so the visual layer (Layer 2)\n * can fill the full touch target height, eliminating gaps between buttons.\n */\nexport const buttonOuterVariants = cva(\n  \"inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      inVerticalGroup: {\n        true: \"items-stretch\",\n        false: \"items-center\",\n      },\n    },\n    defaultVariants: {\n      fullWidth: false,\n      inVerticalGroup: false,\n    },\n  }\n);\n\n/**\n * Layer 2: Visual button appearance (adjustable size)\n * Provides the visual appearance with configurable size\n * Can be smaller than touch target for use cases like carousel dots\n * NOTE: NO focus-visible styles here - focus ring is on Layer 1\n */\nexport const buttonVisualVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80\",\n        destructive:\n          \"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80\",\n        outline:\n          \"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]\",\n        secondary:\n          \"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70\",\n        ghost:\n          \"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]\",\n        link: \"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      visualSize: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3 text-xs\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n        dot: \"h-5 w-5 rounded-full p-0 min-h-0 min-w-0\",\n      },\n      paywall: {\n        true: \"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      visualSize: \"default\",\n      paywall: false,\n    },\n  }\n);\n\n/**\n * @deprecated Use buttonVisualVariants instead. This alias is kept for backward compatibility.\n */\nexport const buttonVariants = buttonVisualVariants;\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\nimport { createContext, useContext } from 'react';\nimport type {\n  ButtonGroupContextValue,\n  ButtonGroupItemContextValue,\n} from './ButtonGroup.types';\n\n/**\n * ButtonGroup Context System (Two-Level)\n *\n * Provides a two-level context pattern for ButtonGroup:\n *\n * 1. ButtonGroupContext (group-level):\n *    - Provides: orientation, variant, size, isDisabled\n *    - Consumed by: Button (for prop inheritance), Separator (for orientation)\n *\n * 2. ButtonGroupItemContext (item-level):\n *    - Provides: position ('first' | 'middle' | 'last' | 'only')\n *    - Consumed by: Button (for border-radius styling)\n *\n * Both contexts return null when not in a provider, allowing Button\n * to work standalone without any group context.\n *\n * @see plan.md for architecture details\n * @see ButtonGroup.tsx for Provider implementation\n */\n\n// =============================================================================\n// Group-Level Context\n// =============================================================================\n\n/**\n * Context for group-level props (orientation, variant, size, isDisabled)\n * Default value is null to indicate \"not in a group\"\n */\nconst ButtonGroupContext = createContext<ButtonGroupContextValue | null>(null);\n\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\n/**\n * Hook to access group-level context\n * @returns ButtonGroupContextValue if inside a ButtonGroup, null otherwise\n */\nexport function useButtonGroupContext(): ButtonGroupContextValue | null {\n  return useContext(ButtonGroupContext);\n}\n\n// =============================================================================\n// Item-Level Context\n// =============================================================================\n\n/**\n * Context for per-button position information\n * Default value is null to indicate \"not wrapped with position context\"\n */\nconst ButtonGroupItemContext =\n  createContext<ButtonGroupItemContextValue | null>(null);\n\nButtonGroupItemContext.displayName = 'ButtonGroupItemContext';\n\n/**\n * Hook to access item-level context (position)\n * @returns ButtonGroupItemContextValue if wrapped with position context, null otherwise\n */\nexport function useButtonGroupItemContext(): ButtonGroupItemContextValue | null {\n  return useContext(ButtonGroupItemContext);\n}\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroupContext, ButtonGroupItemContext };\n","import { cva } from 'class-variance-authority';\n\n/**\n * ButtonGroup CVA Variants\n *\n * Defines Class Variance Authority (CVA) variants for:\n * - ButtonGroup container (orientation-based layout)\n * - ButtonGroupItem (position-based border-radius)\n * - ButtonGroupSeparator (orientation-based styling)\n *\n * @see plan.md Phase 1: Design & Contracts - CVA Variants\n * @see constitution.md Principle V (Component Quality Standards)\n */\n\n// =============================================================================\n// Container Variants\n// =============================================================================\n\n/**\n * ButtonGroup container variants\n * Controls the layout direction based on orientation\n * Uses gap-0 to ensure buttons are connected (share borders)\n */\nexport const buttonGroupVariants = cva('inline-flex items-center gap-0', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col w-full',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\n// =============================================================================\n// Item Position Variants\n// =============================================================================\n\n/**\n * ButtonGroupItem position variants\n * Applied to Button's visual layer (Layer 2) for position-aware border-radius\n *\n * Compound variants handle both orientation and position combinations:\n * - Horizontal: left/right borders and radii\n * - Vertical: top/bottom borders and radii\n */\nexport const buttonGroupItemVariants = cva('', {\n  variants: {\n    orientation: {\n      // min-w-[44px] ensures visual layer fills touch target width (for icon buttons)\n      horizontal: 'min-w-[44px]',\n      // flex (overrides inline-flex) + min-h-[44px] makes visual layer fill touch target,\n      // eliminating gaps between stacked buttons in vertical orientation\n      vertical: 'flex min-h-[44px]',\n    },\n    position: {\n      first: '',\n      middle: '',\n      last: '',\n      only: '', // Single button - no modifications needed\n    },\n  },\n  compoundVariants: [\n    // ==========================================================================\n    // Horizontal Orientation\n    // ==========================================================================\n    {\n      orientation: 'horizontal',\n      position: 'first',\n      className: 'rounded-r-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'middle',\n      className: 'rounded-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'last',\n      className: 'rounded-l-none',\n    },\n    // ==========================================================================\n    // Vertical Orientation\n    // Note: w-full is handled by Button's effectiveFullWidth for both layers\n    // ==========================================================================\n    {\n      orientation: 'vertical',\n      position: 'first',\n      className: 'rounded-b-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'middle',\n      className: 'rounded-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'last',\n      className: 'rounded-t-none',\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    position: 'only',\n  },\n});\n\n// =============================================================================\n// Separator Variants\n// =============================================================================\n\n/**\n * ButtonGroupSeparator variants\n * Orientation-aware visual divider between button groups\n */\nexport const buttonGroupSeparatorVariants = cva('bg-[var(--border)]', {\n  variants: {\n    orientation: {\n      horizontal: 'w-px h-6 mx-1',\n      vertical: 'h-px w-full my-1',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n","\"use client\";\n\n/**\n * Button Component - 3-Layer Architecture\n * Accessible button with React Aria primitives and CVA styling\n *\n * Architecture:\n * - Layer 1: Touch Target (44x44px WCAG AAA compliant, transparent)\n * - Layer 2: Visual Button (configurable size, colors, borders)\n * - Layer 3: Content & Effects (text, icons, ripple, loading spinner)\n *\n * @see 3layer-plan.md for architecture details\n * @see spec.md FR-029 to FR-037 (Button Component Requirements)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see spec.md FR-014 (44x44px minimum touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, useId } from 'react';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n} from 'react-aria-components';\nimport { Loader2, Zap } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { ButtonProps } from './Button.types';\nimport { buttonOuterVariants, buttonVisualVariants, buttonVariants } from './Button.styles';\nimport { PRESSED_STYLES, HOVER_STYLES, HIGH_CONTRAST_HOVER, HIGH_CONTRAST_PRESSED } from '../../styles/interaction-states';\nimport {\n  useButtonGroupContext,\n  useButtonGroupItemContext,\n} from '../ButtonGroup/ButtonGroupContext';\nimport { buttonGroupItemVariants } from '../ButtonGroup/ButtonGroup.variants';\n\n/**\n * Button Component - 3-Layer Architecture\n * Fully accessible button with React Aria and themed styling\n *\n * Layer 1: Touch Target (AriaButton) - 44x44px WCAG AAA compliant\n * Layer 2: Visual Button (span) - configurable appearance\n * Layer 3: Content (children) - text, icons, effects\n */\nconst Button = memo(forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      buttonVisualClassName,\n      variant,\n      size,\n      visualSize,\n      fullWidth,\n      loading = false,\n      loadingText = \"Loading...\",\n      shortcut,\n      children,\n      isDisabled,\n      paywall = false,\n      paywallRedirect,\n      paywallDescription,\n      onPress,\n      ...props\n    },\n    ref\n  ) => {\n    const paywallDescriptionId = useId();\n\n    // ==========================================================================\n    // ButtonGroup Context Integration\n    // ==========================================================================\n\n    // Consume group-level context (variant, size, isDisabled, orientation)\n    const groupContext = useButtonGroupContext();\n\n    // Consume item-level context (position for border-radius styling)\n    const itemContext = useButtonGroupItemContext();\n\n    // Merge context values with props (props take precedence)\n    const effectiveVariant = variant ?? groupContext?.variant ?? 'default';\n    const effectiveSize = size ?? groupContext?.size;\n    const effectiveIsDisabled = isDisabled ?? groupContext?.isDisabled ?? false;\n\n    // In vertical groups, buttons should be full width automatically\n    const isInVerticalGroup = groupContext?.orientation === 'vertical';\n    const effectiveFullWidth = fullWidth || isInVerticalGroup;\n\n    // Position styling for ButtonGroup (only applied when in a group)\n    const positionClassName = itemContext\n      ? buttonGroupItemVariants({\n          orientation: groupContext?.orientation ?? 'horizontal',\n          position: itemContext.position,\n        })\n      : '';\n\n    // Default visualSize to size for backward compatibility\n    const effectiveVisualSize = visualSize ?? effectiveSize ?? 'default';\n\n    // AAA Accessibility: Warn in dev/test if icon/dot variant lacks accessible name\n    if (process.env.NODE_ENV !== 'production') {\n      if (\n        (effectiveVisualSize === 'dot' || effectiveVisualSize === 'icon') &&\n        !props['aria-label'] &&\n        !children\n      ) {\n        console.warn(\n          '[Button] visualSize=\"dot\" or \"icon\" requires aria-label when no visible text is provided (WCAG 1.1.1)'\n        );\n      }\n    }\n\n    /**\n     * Handle button press - intercepts action when paywalled\n     * If paywalled with redirect URL, opens in new tab\n     * Otherwise, calls the normal onPress handler\n     */\n    const handlePress = (e: Parameters<NonNullable<AriaButtonProps['onPress']>>[0]): void => {\n      if (paywall) {\n        if (paywallRedirect) {\n          window.open(paywallRedirect, '_blank', 'noopener,noreferrer');\n        }\n        // Don't call onPress when paywalled\n        return;\n      }\n      onPress?.(e);\n    };\n\n    // Only set isDisabled when we have a reason to disable\n    // Otherwise, let slot system control disabled state (e.g., in NumberField)\n    const computedIsDisabled = effectiveIsDisabled || loading || undefined;\n\n    return (\n      <AriaButton\n        ref={ref}\n        isDisabled={computedIsDisabled}\n        aria-disabled={paywall ? true : undefined}\n        aria-describedby={paywall ? paywallDescriptionId : undefined}\n        onPress={handlePress}\n        className={cn(buttonOuterVariants({ fullWidth: effectiveFullWidth, inVerticalGroup: isInVerticalGroup }), className)}\n        {...props}\n      >\n        {(renderProps) => (\n          /* Layer 2: Visual Button */\n          <span\n            className={cn(\n              buttonVisualVariants({\n                variant: effectiveVariant,\n                visualSize: effectiveVisualSize,\n                paywall,\n                fullWidth: effectiveFullWidth,\n              }),\n              // Position styling from ButtonGroup context (border-radius adjustments)\n              positionClassName,\n              buttonVisualClassName,\n              // Layer 2 interaction styles (no focus - focus ring is on Layer 1)\n              PRESSED_STYLES,\n              HOVER_STYLES,\n              HIGH_CONTRAST_HOVER,\n              HIGH_CONTRAST_PRESSED\n            )}\n            data-pressed={renderProps.isPressed || undefined}\n          >\n            {/* Layer 3: Content & Effects */}\n\n            {/* FR-033: Loading spinner with screen reader announcement */}\n            {/* Uses motion-safe: for WCAG 2.3.3 AAA (Animation from Interactions) */}\n            {loading && (\n              <>\n                <Loader2 className=\"motion-safe:animate-spin\" aria-hidden=\"true\" />\n                <span className=\"sr-only\" aria-live=\"polite\">\n                  {loadingText}\n                </span>\n              </>\n            )}\n\n            {/* Hide children during loading */}\n            {!loading && children}\n\n            {/* Paywall: Lightning bolt icon */}\n            {paywall && (\n              <Zap\n                data-testid=\"zap-icon\"\n                aria-hidden=\"true\"\n                className=\"ml-1\"\n              />\n            )}\n\n            {/* Paywall: Screen reader description */}\n            {paywall && (\n              <span id={paywallDescriptionId} className=\"sr-only\">\n                Premium feature: {paywallDescription || \"Upgrade required to access this feature\"}\n              </span>\n            )}\n\n            {/* FR-034: Keyboard shortcut display on focus */}\n            {renderProps.isFocusVisible && shortcut && (\n              <kbd className=\"ml-auto hidden text-xs opacity-60 lg:inline\">\n                {shortcut}\n              </kbd>\n            )}\n\n            {/* Touch/press ripple effect - FR-031: Pressed state feedback */}\n            {/* Uses motion-safe: for WCAG 2.3.3 AAA (Animation from Interactions) */}\n            {renderProps.isPressed && (\n              <span\n                className=\"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95\"\n                aria-hidden=\"true\"\n              />\n            )}\n          </span>\n        )}\n      </AriaButton>\n    );\n  }\n));\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants, buttonOuterVariants, buttonVisualVariants };\nexport type { ButtonProps } from './Button.types';\n","import { cva } from 'class-variance-authority';\n\nexport const paginationNavVariants = cva(\n  'flex items-center justify-center',\n  {\n    variants: {\n      size: {\n        sm: 'gap-0.5',\n        default: 'gap-1',\n        lg: 'gap-1.5',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n\nexport const paginationEllipsisVariants = cva(\n  'inline-flex items-center justify-center text-[var(--muted-foreground)]',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 w-8 text-xs',\n        default: 'h-10 w-10 text-sm',\n        lg: 'h-12 w-12 text-base',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n\nexport const paginationInfoVariants = cva(\n  'text-[var(--muted-foreground)]',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n","'use client';\n\nimport { forwardRef, useMemo, useCallback, type ReactElement } from 'react';\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button/Button';\nimport type { ButtonProps } from '../Button/Button.types';\nimport type { PaginationProps, PaginationVariant } from './Pagination.types';\nimport {\n  paginationNavVariants,\n  paginationEllipsisVariants,\n} from './Pagination.styles';\n\n/**\n * Generate page numbers array with ellipsis\n * Returns array like: [1, '...', 4, 5, 6, '...', 10]\n */\nfunction generatePageNumbers(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number\n): (number | 'ellipsis-start' | 'ellipsis-end')[] {\n  // Total page numbers to show (first + last + current + siblings + 2 ellipses)\n  const totalPageNumbers = siblingCount * 2 + 5;\n\n  // If total pages is less than the numbers we want to show, show all\n  if (totalPages <= totalPageNumbers) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n\n  const showLeftEllipsis = leftSiblingIndex > 2;\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = siblingCount * 2 + 3;\n    const pages: (number | 'ellipsis-start' | 'ellipsis-end')[] = Array.from(\n      { length: leftRange },\n      (_, i) => i + 1\n    );\n    pages.push('ellipsis-end');\n    pages.push(totalPages);\n    return pages;\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = siblingCount * 2 + 3;\n    const pages: (number | 'ellipsis-start' | 'ellipsis-end')[] = [1, 'ellipsis-start'];\n    for (let i = totalPages - rightRange + 1; i <= totalPages; i++) {\n      pages.push(i);\n    }\n    return pages;\n  }\n\n  // Both ellipses\n  const pages: (number | 'ellipsis-start' | 'ellipsis-end')[] = [1, 'ellipsis-start'];\n  for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {\n    pages.push(i);\n  }\n  pages.push('ellipsis-end');\n  pages.push(totalPages);\n  return pages;\n}\n\n/**\n * Map Pagination variant to Button variant for inactive buttons\n */\nfunction getButtonVariant(paginationVariant: PaginationVariant, isActive: boolean): ButtonProps['variant'] {\n  if (isActive) return 'default';\n  if (paginationVariant === 'outline') return 'outline';\n  return 'ghost';\n}\n\n/**\n * Map Pagination size to Button visualSize\n */\nfunction getButtonVisualSize(size: 'sm' | 'default' | 'lg'): ButtonProps['visualSize'] {\n  if (size === 'sm') return 'sm';\n  if (size === 'lg') return 'lg';\n  return 'default';\n}\n\n/**\n * Pagination Component\n *\n * Navigation for paginated content with page numbers, prev/next,\n * and first/last buttons. Uses the Themis Button component for\n * three-layer architecture and WCAG 2.2 AAA 44x44px touch targets.\n *\n * @example\n * ```tsx\n * <Pagination\n *   page={currentPage}\n *   totalPages={10}\n *   onPageChange={setCurrentPage}\n * />\n * ```\n */\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n  (\n    {\n      page,\n      totalPages,\n      onPageChange,\n      size = 'default',\n      variant = 'default',\n      siblingCount = 1,\n      showFirstLast = true,\n      showPrevNext = true,\n      isDisabled = false,\n      labels,\n      className,\n      'aria-label': ariaLabel,\n      'data-testid': dataTestId,\n      ...props\n    },\n    ref\n  ): ReactElement => {\n    const resolvedLabels = {\n      previous: labels?.previous ?? 'Previous',\n      next: labels?.next ?? 'Next',\n      first: labels?.first ?? 'First page',\n      last: labels?.last ?? 'Last page',\n      page: labels?.page ?? 'Page',\n      of: labels?.of ?? 'of',\n    };\n\n    const pages = useMemo(\n      () => generatePageNumbers(page, totalPages, siblingCount),\n      [page, totalPages, siblingCount]\n    );\n\n    const handlePageChange = useCallback(\n      (newPage: number) => {\n        if (newPage >= 1 && newPage <= totalPages && newPage !== page) {\n          onPageChange(newPage);\n        }\n      },\n      [page, totalPages, onPageChange]\n    );\n\n    const isFirstPage = page === 1;\n    const isLastPage = page === totalPages;\n    const visualSize = getButtonVisualSize(size);\n\n    return (\n      <nav\n        ref={ref as React.Ref<HTMLElement>}\n        aria-label={ariaLabel ?? 'Pagination'}\n        className={cn(paginationNavVariants({ size }), className)}\n        data-testid={dataTestId}\n        {...props}\n      >\n        {/* First Page Button */}\n        {showFirstLast && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isFirstPage}\n            aria-label={resolvedLabels.first}\n            onPress={() => handlePageChange(1)}\n          >\n            <ChevronsLeft aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Previous Button */}\n        {showPrevNext && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isFirstPage}\n            aria-label={resolvedLabels.previous}\n            onPress={() => handlePageChange(page - 1)}\n          >\n            <ChevronLeft aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Page Numbers */}\n        {pages.map((pageItem) => {\n          if (pageItem === 'ellipsis-start' || pageItem === 'ellipsis-end') {\n            return (\n              <span\n                key={pageItem}\n                className={paginationEllipsisVariants({ size })}\n                aria-hidden=\"true\"\n              >\n                ...\n              </span>\n            );\n          }\n\n          const isActive = pageItem === page;\n          return (\n            <Button\n              key={pageItem}\n              variant={getButtonVariant(variant, isActive)}\n              visualSize={visualSize}\n              isDisabled={isDisabled || isActive}\n              aria-label={`${resolvedLabels.page} ${pageItem}`}\n              aria-current={isActive ? 'page' : undefined}\n              onPress={() => handlePageChange(pageItem)}\n            >\n              {pageItem}\n            </Button>\n          );\n        })}\n\n        {/* Next Button */}\n        {showPrevNext && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isLastPage}\n            aria-label={resolvedLabels.next}\n            onPress={() => handlePageChange(page + 1)}\n          >\n            <ChevronRight aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Last Page Button */}\n        {showFirstLast && (\n          <Button\n            variant={getButtonVariant(variant, false)}\n            visualSize=\"icon\"\n            isDisabled={isDisabled || isLastPage}\n            aria-label={resolvedLabels.last}\n            onPress={() => handlePageChange(totalPages)}\n          >\n            <ChevronsRight aria-hidden=\"true\" />\n          </Button>\n        )}\n\n        {/* Screen reader announcement for page context */}\n        <span className=\"sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n          {resolvedLabels.page} {page} {resolvedLabels.of} {totalPages}\n        </span>\n      </nav>\n    );\n  }\n);\n\nPagination.displayName = 'Pagination';\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\n\nexport const PaginationSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type PaginationSize = z.infer<typeof PaginationSizeSchema>;\n\nexport const PaginationVariantSchema = z.enum(['default', 'outline', 'ghost']);\nexport type PaginationVariant = z.infer<typeof PaginationVariantSchema>;\n\nexport const PaginationPropsSchema = BaseComponentPropsSchema.extend({\n  /** Current page (1-indexed) */\n  page: z.number().min(1),\n\n  /** Total number of pages */\n  totalPages: z.number().min(1),\n\n  /** Callback when page changes */\n  onPageChange: z.custom<(page: number) => void>(),\n\n  /** Size variant */\n  size: PaginationSizeSchema.optional().default('default'),\n\n  /** Visual variant */\n  variant: PaginationVariantSchema.optional().default('default'),\n\n  /** Number of sibling pages to show around current page */\n  siblingCount: z.number().min(0).optional().default(1),\n\n  /** Whether to show first/last page buttons */\n  showFirstLast: z.boolean().optional().default(true),\n\n  /** Whether to show previous/next buttons */\n  showPrevNext: z.boolean().optional().default(true),\n\n  /** Whether the pagination is disabled */\n  isDisabled: z.boolean().optional().default(false),\n\n  /** Custom labels */\n  labels: z.object({\n    previous: z.string().optional().default('Previous'),\n    next: z.string().optional().default('Next'),\n    first: z.string().optional().default('First page'),\n    last: z.string().optional().default('Last page'),\n    page: z.string().optional().default('Page'),\n    of: z.string().optional().default('of'),\n  }).optional(),\n});\n\nexport interface PaginationProps {\n  className?: string;\n  children?: unknown;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'data-testid'?: string;\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  size?: PaginationSize;\n  variant?: PaginationVariant;\n  siblingCount?: number;\n  showFirstLast?: boolean;\n  showPrevNext?: boolean;\n  isDisabled?: boolean;\n  labels?: {\n    previous?: string;\n    next?: string;\n    first?: string;\n    last?: string;\n    page?: string;\n    of?: string;\n  };\n}\n"]}