@humain/ui 2.2.3 → 2.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/dist/components/templates/AppShell/AppShell.d.ts +1 -1
  2. package/dist/components/templates/AppSidebar/AppSidebar.constants.d.ts +1 -1
  3. package/dist/index11.js +4 -4
  4. package/dist/index11.js.map +1 -1
  5. package/dist/index110.js +4 -4
  6. package/dist/index110.js.map +1 -1
  7. package/dist/index134.js +4 -4
  8. package/dist/index134.js.map +1 -1
  9. package/dist/index135.js +2 -2
  10. package/dist/index135.js.map +1 -1
  11. package/dist/index151.js +3 -3
  12. package/dist/index151.js.map +1 -1
  13. package/dist/index152.js +2 -2
  14. package/dist/index152.js.map +1 -1
  15. package/dist/index155.js +1 -1
  16. package/dist/index155.js.map +1 -1
  17. package/dist/index173.js +1 -1
  18. package/dist/index173.js.map +1 -1
  19. package/dist/index184.js +1 -1
  20. package/dist/index184.js.map +1 -1
  21. package/dist/index188.js +4 -4
  22. package/dist/index188.js.map +1 -1
  23. package/dist/index201.js +1 -1
  24. package/dist/index201.js.map +1 -1
  25. package/dist/index217.js +1 -1
  26. package/dist/index217.js.map +1 -1
  27. package/dist/index223.js.map +1 -1
  28. package/dist/index225.js +3 -3
  29. package/dist/index225.js.map +1 -1
  30. package/dist/index228.js +1 -1
  31. package/dist/index228.js.map +1 -1
  32. package/dist/index24.js +1 -1
  33. package/dist/index24.js.map +1 -1
  34. package/dist/index25.js +4 -4
  35. package/dist/index25.js.map +1 -1
  36. package/dist/index39.js +2 -2
  37. package/dist/index39.js.map +1 -1
  38. package/dist/index5.js +8 -8
  39. package/dist/index5.js.map +1 -1
  40. package/dist/styles.css +1 -1
  41. package/dist/wc/AIScrollButton.js +8 -8
  42. package/dist/wc/AIScrollButton.js.map +1 -1
  43. package/dist/wc/AISource.js +46 -46
  44. package/dist/wc/AISource.js.map +1 -1
  45. package/dist/wc/AIToolCall.js +9 -9
  46. package/dist/wc/AIToolCall.js.map +1 -1
  47. package/dist/wc/AppSidebar.constants.js +1 -1
  48. package/dist/wc/AppSidebar.constants.js.map +1 -1
  49. package/dist/wc/Badge.js +9 -9
  50. package/dist/wc/Badge.js.map +1 -1
  51. package/dist/wc/Checkbox.js +22 -22
  52. package/dist/wc/Checkbox.js.map +1 -1
  53. package/dist/wc/Pagination.js +4 -4
  54. package/dist/wc/Pagination.js.map +1 -1
  55. package/dist/wc/Switch.js +23 -23
  56. package/dist/wc/Switch.js.map +1 -1
  57. package/dist/wc/Tabs.js +110 -110
  58. package/dist/wc/Tabs.js.map +1 -1
  59. package/dist/wc/Tooltip.js +28 -28
  60. package/dist/wc/Tooltip.js.map +1 -1
  61. package/dist/wc/button.js +33 -33
  62. package/dist/wc/button.js.map +1 -1
  63. package/dist/wc/hf-alert.js +10 -10
  64. package/dist/wc/hf-alert.js.map +1 -1
  65. package/dist/wc/hf-app-shell.js.map +1 -1
  66. package/dist/wc/hf-app-sidebar.js +3 -3
  67. package/dist/wc/hf-app-sidebar.js.map +1 -1
  68. package/dist/wc/hf-nav-account-menu.js +8 -8
  69. package/dist/wc/hf-nav-account-menu.js.map +1 -1
  70. package/dist/wc/hf-steps.js +8 -8
  71. package/dist/wc/hf-steps.js.map +1 -1
  72. package/dist/wc/markdown-renderer.js +5 -5
  73. package/dist/wc/markdown-renderer.js.map +1 -1
  74. package/dist/wc/selection-group.js +6 -6
  75. package/dist/wc/selection-group.js.map +1 -1
  76. package/dist/wc-react/AIScrollButton.js +18 -18
  77. package/dist/wc-react/AIScrollButton.js.map +1 -1
  78. package/dist/wc-react/AISource.js +8 -8
  79. package/dist/wc-react/AISource.js.map +1 -1
  80. package/dist/wc-react/AIToolCall.js +42 -42
  81. package/dist/wc-react/AIToolCall.js.map +1 -1
  82. package/dist/wc-react/AppSidebar.constants.js +1 -1
  83. package/dist/wc-react/AppSidebar.constants.js.map +1 -1
  84. package/dist/wc-react/Badge.js +16 -16
  85. package/dist/wc-react/Badge.js.map +1 -1
  86. package/dist/wc-react/Checkbox.js +14 -14
  87. package/dist/wc-react/Checkbox.js.map +1 -1
  88. package/dist/wc-react/Pagination.js +130 -130
  89. package/dist/wc-react/Pagination.js.map +1 -1
  90. package/dist/wc-react/Switch.js +2 -2
  91. package/dist/wc-react/Switch.js.map +1 -1
  92. package/dist/wc-react/Tabs.js +38 -38
  93. package/dist/wc-react/Tabs.js.map +1 -1
  94. package/dist/wc-react/Tooltip.js +22 -22
  95. package/dist/wc-react/Tooltip.js.map +1 -1
  96. package/dist/wc-react/button.js +8 -8
  97. package/dist/wc-react/button.js.map +1 -1
  98. package/dist/wc-react/hf-alert.js +28 -28
  99. package/dist/wc-react/hf-alert.js.map +1 -1
  100. package/dist/wc-react/hf-app-shell.js.map +1 -1
  101. package/dist/wc-react/hf-app-sidebar.js +3 -3
  102. package/dist/wc-react/hf-app-sidebar.js.map +1 -1
  103. package/dist/wc-react/hf-nav-account-menu.js +7 -7
  104. package/dist/wc-react/hf-nav-account-menu.js.map +1 -1
  105. package/dist/wc-react/hf-steps.js +16 -16
  106. package/dist/wc-react/hf-steps.js.map +1 -1
  107. package/dist/wc-react/markdown-renderer.js +5 -5
  108. package/dist/wc-react/markdown-renderer.js.map +1 -1
  109. package/dist/wc-react/selection-group.js +1 -1
  110. package/dist/wc-react/selection-group.js.map +1 -1
  111. package/package.json +1 -1
  112. package/skills/humain-ui/SKILL.md +1 -1
  113. package/skills/humain-ui-wc/SKILL.md +1 -1
  114. package/skills/humain-ui-wc.skill +0 -0
  115. package/skills/humain-ui.skill +0 -0
  116. package/src/tokens.css +10 -2
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","names":[],"sources":["../../src/components/atoms/forms/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { cva } from 'class-variance-authority';\nimport { Minus } from 'lucide-react';\nimport * as React from 'react';\nimport {\n type FieldProps,\n FieldTooltip,\n hasFieldProps,\n splitFieldProps,\n} from '@/components/atoms/forms/_shared';\nimport {\n Field,\n FieldBottom,\n FieldDescription,\n FieldError,\n FieldLabel,\n useFieldContextOptional,\n} from '@/components/ui/form-field';\nimport { DrawCheck } from '@/components/ui/selection-group';\nimport { cn } from '@/lib/utils';\n\n// ============================================\n// CVA Variants\n// ============================================\n\nconst checkboxVariants = cva(\n // Base styles\n 'relative flex shrink-0 items-center justify-center border shadow-xs transition-[border-color,background-color,color,box-shadow] duration-200 ease-out motion-reduce:transition-none focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n {\n variants: {\n variant: {\n primary: '',\n secondary: '',\n info: '',\n success: '',\n warning: '',\n destructive: '',\n },\n size: {\n sm: 'size-4 rounded-[4px]',\n md: 'size-5 rounded-[5px]',\n lg: 'size-6 rounded-[6px]',\n },\n checked: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n // ===== UNCHECKED (all variants) =====\n {\n checked: false,\n className:\n 'bg-background border-border hover:border-primary hover:bg-primary/10',\n },\n // ===== PRIMARY CHECKED =====\n {\n variant: 'primary',\n checked: true,\n className:\n 'border-primary bg-primary text-primary-foreground hover:bg-primary/90',\n },\n // ===== SECONDARY CHECKED (outline style) =====\n {\n variant: 'secondary',\n checked: true,\n className: 'border-border bg-background text-foreground hover:bg-muted',\n },\n // ===== INFO CHECKED =====\n {\n variant: 'info',\n checked: true,\n className:\n 'border-info bg-info text-primary-foreground hover:bg-info/90',\n },\n // ===== SUCCESS CHECKED =====\n {\n variant: 'success',\n checked: true,\n className:\n 'border-success bg-success text-primary-foreground hover:bg-success/90',\n },\n // ===== WARNING CHECKED =====\n {\n variant: 'warning',\n checked: true,\n className:\n 'border-warning bg-warning text-primary-foreground hover:bg-warning/90',\n },\n // ===== DESTRUCTIVE CHECKED =====\n {\n variant: 'destructive',\n checked: true,\n className:\n 'border-destructive bg-destructive text-primary-foreground hover:bg-destructive/90',\n },\n ],\n defaultVariants: {\n variant: 'primary',\n size: 'sm',\n checked: false,\n },\n },\n);\n\n// ============================================\n// Types\n// ============================================\n\ntype CheckboxVariant =\n | 'primary'\n | 'secondary'\n | 'info'\n | 'success'\n | 'warning'\n | 'destructive';\ntype CheckboxSize = 'sm' | 'md' | 'lg';\n\n/**\n * Checkbox is a pure atom component that renders ONLY the checkbox element.\n * It does NOT render label, description, or error.\n *\n * Supports 6 color variants and 3 sizes matching Figma design.\n * When used inside a Field with an error, automatically uses destructive variant.\n *\n * @example\n * ```tsx\n * // Simple checkbox\n * <Checkbox />\n *\n * // With variant and size\n * <Checkbox variant=\"success\" size=\"lg\" />\n *\n * // Auto-destructive when Field has error\n * <Field error=\"Required\">\n * <Checkbox /> // automatically uses destructive variant\n * </Field>\n * ```\n */\ntype CheckboxControlProps = Omit<\n CheckboxPrimitive.Root.Props,\n 'onCheckedChange'\n> & {\n /** Color variant for the checkbox */\n variant?: CheckboxVariant;\n /** Size variant for the checkbox */\n size?: CheckboxSize;\n /** Controlled checked state. When provided, component is controlled. */\n checked?: boolean;\n /** Initial checked state for uncontrolled mode */\n defaultChecked?: boolean;\n /** Callback when checked state changes */\n onCheckedChange?: (checked: boolean) => void;\n};\n\nexport interface CheckboxProps\n extends CheckboxControlProps,\n Omit<FieldProps, 'topRight' | 'bottomRight'> {}\n\nexport type { CheckboxSize, CheckboxVariant };\n\n// ============================================\n// Size configuration\n// ============================================\n\nconst iconClasses = {\n sm: 'size-3',\n md: 'size-3.5',\n lg: 'size-4',\n};\n\n// ============================================\n// Checkbox (pure atom)\n// ============================================\n\nconst CheckboxControl = React.forwardRef<\n HTMLButtonElement,\n CheckboxControlProps\n>(\n (\n {\n className,\n variant: variantProp,\n size = 'sm',\n checked: controlledChecked,\n defaultChecked = false,\n onCheckedChange,\n ...props\n },\n ref,\n ) => {\n // Internal state for uncontrolled mode\n const [internalChecked, setInternalChecked] =\n React.useState(defaultChecked);\n\n // Use controlled value if provided, otherwise use internal state\n const isControlled = controlledChecked !== undefined;\n const checked = isControlled ? controlledChecked : internalChecked;\n\n // Field context integration - auto-destructive on error\n const fieldContext = useFieldContextOptional();\n const hasFieldError = fieldContext?.state === 'destructive';\n const variant = variantProp ?? (hasFieldError ? 'destructive' : 'primary');\n\n const handleCheckedChange = React.useCallback(\n (newChecked: boolean) => {\n if (!isControlled) {\n setInternalChecked(newChecked);\n }\n onCheckedChange?.(newChecked);\n },\n [isControlled, onCheckedChange],\n );\n\n return (\n <CheckboxPrimitive.Root\n ref={ref}\n data-slot=\"checkbox\"\n data-size={size}\n data-variant={variant}\n checked={checked}\n onCheckedChange={handleCheckedChange}\n className={cn(\n checkboxVariants({ variant, size, checked }),\n // Touch target expansion (ensures ≥24px hit area)\n 'before:content-[\"\"] before:absolute before:-inset-[4px] before:rounded-[inherit]',\n // Focus state - double ring effect\n 'focus-visible:ring-4 focus-visible:ring-bg-secondary focus-visible:shadow-[0_0_0_2px_var(--card),0_0_0_4px_var(--border)]',\n 'dark:focus-visible:ring-bg-tertiary dark:focus-visible:shadow-[0_0_0_2px_var(--card),0_0_0_4px_var(--border)]',\n checked && 'delight-check-bounce',\n className,\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"flex items-center justify-center text-current\"\n >\n {props.indeterminate ? (\n <Minus\n className={cn(\n iconClasses[size],\n 'animate-[scale-in_150ms_ease-out] motion-reduce:animate-none',\n )}\n strokeWidth={3}\n />\n ) : (\n <DrawCheck className={iconClasses[size]} />\n )}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n },\n);\n\nCheckboxControl.displayName = 'CheckboxControl';\n\n// =============================================================================\n// Checkbox — public API with smart field mode (inline layout)\n// =============================================================================\n\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n (props, forwardedRef) => {\n const [fieldPropsObj, controlProps] = splitFieldProps(props);\n const { ref: _ref, ...cp } = controlProps as CheckboxControlProps & {\n ref?: unknown;\n };\n\n if (!hasFieldProps(fieldPropsObj)) {\n return (\n <CheckboxControl\n ref={forwardedRef}\n {...cp}\n required={fieldPropsObj.required}\n />\n );\n }\n\n const {\n label,\n required,\n labelIcon,\n tooltip,\n description,\n error,\n fieldClassName,\n } = fieldPropsObj;\n\n return (\n <Field\n layout=\"inline\"\n state={error ? 'destructive' : undefined}\n disabled={cp.disabled}\n className={fieldClassName}\n >\n <CheckboxControl ref={forwardedRef} {...cp} required={required} />\n {label && (\n <FieldLabel required={required} labelIcon={labelIcon}>\n {label}\n {tooltip && <FieldTooltip content={tooltip} />}\n </FieldLabel>\n )}\n {(error || description) && (\n <FieldBottom>\n {error && <FieldError>{error}</FieldError>}\n {!error && description && (\n <FieldDescription>{description}</FieldDescription>\n )}\n </FieldBottom>\n )}\n </Field>\n );\n },\n);\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\n"],"mappings":"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"}
1
+ {"version":3,"file":"Checkbox.js","names":[],"sources":["../../src/components/atoms/forms/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { cva } from 'class-variance-authority';\nimport { Minus } from 'lucide-react';\nimport * as React from 'react';\nimport {\n type FieldProps,\n FieldTooltip,\n hasFieldProps,\n splitFieldProps,\n} from '@/components/atoms/forms/_shared';\nimport {\n Field,\n FieldBottom,\n FieldDescription,\n FieldError,\n FieldLabel,\n useFieldContextOptional,\n} from '@/components/ui/form-field';\nimport { DrawCheck } from '@/components/ui/selection-group';\nimport { cn } from '@/lib/utils';\n\n// ============================================\n// CVA Variants\n// ============================================\n\nconst checkboxVariants = cva(\n // Base styles\n 'relative flex shrink-0 items-center justify-center border shadow-xs transition-[border-color,background-color,color,box-shadow] duration-200 ease-out motion-reduce:transition-none focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n {\n variants: {\n variant: {\n primary: '',\n secondary: '',\n info: '',\n success: '',\n warning: '',\n destructive: '',\n },\n size: {\n sm: 'size-4 rounded-[4px]',\n md: 'size-5 rounded-[5px]',\n lg: 'size-6 rounded-[6px]',\n },\n checked: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n // ===== UNCHECKED (all variants) =====\n {\n checked: false,\n className:\n 'bg-background border-border hover:border-primary hover:bg-primary/10',\n },\n // ===== PRIMARY CHECKED =====\n {\n variant: 'primary',\n checked: true,\n className:\n 'border-primary bg-primary text-primary-foreground hover:bg-primary/90',\n },\n // ===== SECONDARY CHECKED (outline style) =====\n {\n variant: 'secondary',\n checked: true,\n className: 'border-border bg-background text-foreground hover:bg-muted',\n },\n // ===== INFO CHECKED =====\n {\n variant: 'info',\n checked: true,\n className: 'border-info bg-info text-info-foreground hover:bg-info/90',\n },\n // ===== SUCCESS CHECKED =====\n {\n variant: 'success',\n checked: true,\n className:\n 'border-success bg-success text-success-foreground hover:bg-success/90',\n },\n // ===== WARNING CHECKED =====\n {\n variant: 'warning',\n checked: true,\n className:\n 'border-warning bg-warning text-warning-foreground hover:bg-warning/90',\n },\n // ===== DESTRUCTIVE CHECKED =====\n {\n variant: 'destructive',\n checked: true,\n className:\n 'border-destructive bg-destructive text-destructive-foreground hover:bg-destructive/90',\n },\n ],\n defaultVariants: {\n variant: 'primary',\n size: 'sm',\n checked: false,\n },\n },\n);\n\n// ============================================\n// Types\n// ============================================\n\ntype CheckboxVariant =\n | 'primary'\n | 'secondary'\n | 'info'\n | 'success'\n | 'warning'\n | 'destructive';\ntype CheckboxSize = 'sm' | 'md' | 'lg';\n\n/**\n * Checkbox is a pure atom component that renders ONLY the checkbox element.\n * It does NOT render label, description, or error.\n *\n * Supports 6 color variants and 3 sizes matching Figma design.\n * When used inside a Field with an error, automatically uses destructive variant.\n *\n * @example\n * ```tsx\n * // Simple checkbox\n * <Checkbox />\n *\n * // With variant and size\n * <Checkbox variant=\"success\" size=\"lg\" />\n *\n * // Auto-destructive when Field has error\n * <Field error=\"Required\">\n * <Checkbox /> // automatically uses destructive variant\n * </Field>\n * ```\n */\ntype CheckboxControlProps = Omit<\n CheckboxPrimitive.Root.Props,\n 'onCheckedChange'\n> & {\n /** Color variant for the checkbox */\n variant?: CheckboxVariant;\n /** Size variant for the checkbox */\n size?: CheckboxSize;\n /** Controlled checked state. When provided, component is controlled. */\n checked?: boolean;\n /** Initial checked state for uncontrolled mode */\n defaultChecked?: boolean;\n /** Callback when checked state changes */\n onCheckedChange?: (checked: boolean) => void;\n};\n\nexport interface CheckboxProps\n extends CheckboxControlProps,\n Omit<FieldProps, 'topRight' | 'bottomRight'> {}\n\nexport type { CheckboxSize, CheckboxVariant };\n\n// ============================================\n// Size configuration\n// ============================================\n\nconst iconClasses = {\n sm: 'size-3',\n md: 'size-3.5',\n lg: 'size-4',\n};\n\n// ============================================\n// Checkbox (pure atom)\n// ============================================\n\nconst CheckboxControl = React.forwardRef<\n HTMLButtonElement,\n CheckboxControlProps\n>(\n (\n {\n className,\n variant: variantProp,\n size = 'sm',\n checked: controlledChecked,\n defaultChecked = false,\n onCheckedChange,\n ...props\n },\n ref,\n ) => {\n // Internal state for uncontrolled mode\n const [internalChecked, setInternalChecked] =\n React.useState(defaultChecked);\n\n // Use controlled value if provided, otherwise use internal state\n const isControlled = controlledChecked !== undefined;\n const checked = isControlled ? controlledChecked : internalChecked;\n\n // Field context integration - auto-destructive on error\n const fieldContext = useFieldContextOptional();\n const hasFieldError = fieldContext?.state === 'destructive';\n const variant = variantProp ?? (hasFieldError ? 'destructive' : 'primary');\n\n const handleCheckedChange = React.useCallback(\n (newChecked: boolean) => {\n if (!isControlled) {\n setInternalChecked(newChecked);\n }\n onCheckedChange?.(newChecked);\n },\n [isControlled, onCheckedChange],\n );\n\n return (\n <CheckboxPrimitive.Root\n ref={ref}\n data-slot=\"checkbox\"\n data-size={size}\n data-variant={variant}\n checked={checked}\n onCheckedChange={handleCheckedChange}\n className={cn(\n checkboxVariants({ variant, size, checked }),\n // Touch target expansion (ensures ≥24px hit area)\n 'before:content-[\"\"] before:absolute before:-inset-[4px] before:rounded-[inherit]',\n // Focus state - double ring effect\n 'focus-visible:ring-4 focus-visible:ring-bg-secondary focus-visible:shadow-[0_0_0_2px_var(--card),0_0_0_4px_var(--border)]',\n 'dark:focus-visible:ring-bg-tertiary dark:focus-visible:shadow-[0_0_0_2px_var(--card),0_0_0_4px_var(--border)]',\n checked && 'delight-check-bounce',\n className,\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"flex items-center justify-center text-current\"\n >\n {props.indeterminate ? (\n <Minus\n className={cn(\n iconClasses[size],\n 'animate-[scale-in_150ms_ease-out] motion-reduce:animate-none',\n )}\n strokeWidth={3}\n />\n ) : (\n <DrawCheck className={iconClasses[size]} />\n )}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n },\n);\n\nCheckboxControl.displayName = 'CheckboxControl';\n\n// =============================================================================\n// Checkbox — public API with smart field mode (inline layout)\n// =============================================================================\n\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n (props, forwardedRef) => {\n const [fieldPropsObj, controlProps] = splitFieldProps(props);\n const { ref: _ref, ...cp } = controlProps as CheckboxControlProps & {\n ref?: unknown;\n };\n\n if (!hasFieldProps(fieldPropsObj)) {\n return (\n <CheckboxControl\n ref={forwardedRef}\n {...cp}\n required={fieldPropsObj.required}\n />\n );\n }\n\n const {\n label,\n required,\n labelIcon,\n tooltip,\n description,\n error,\n fieldClassName,\n } = fieldPropsObj;\n\n return (\n <Field\n layout=\"inline\"\n state={error ? 'destructive' : undefined}\n disabled={cp.disabled}\n className={fieldClassName}\n >\n <CheckboxControl ref={forwardedRef} {...cp} required={required} />\n {label && (\n <FieldLabel required={required} labelIcon={labelIcon}>\n {label}\n {tooltip && <FieldTooltip content={tooltip} />}\n </FieldLabel>\n )}\n {(error || description) && (\n <FieldBottom>\n {error && <FieldError>{error}</FieldError>}\n {!error && description && (\n <FieldDescription>{description}</FieldDescription>\n )}\n </FieldBottom>\n )}\n </Field>\n );\n },\n);\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\n"],"mappings":"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"}
@@ -57,10 +57,10 @@ var de = [["path", {
57
57
  }
58
58
  }, ue = {
59
59
  primary: "bg-primary text-primary-foreground",
60
- info: "bg-info text-primary-foreground",
61
- warning: "bg-warning text-primary-foreground",
62
- success: "bg-success text-primary-foreground",
63
- destructive: "bg-destructive text-primary-foreground"
60
+ info: "bg-info text-info-foreground",
61
+ warning: "bg-warning text-warning-foreground",
62
+ success: "bg-success text-success-foreground",
63
+ destructive: "bg-destructive text-destructive-foreground"
64
64
  };
65
65
  function xe(e) {
66
66
  switch (e) {
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/chevrons-left.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/chevrons-right.mjs","../../src/components/molecules/navigation/Pagination/Pagination.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"m11 17-5-5 5-5\", key: \"13zhaf\" }],\n [\"path\", { d: \"m18 17-5-5 5-5\", key: \"h8a8et\" }]\n];\nconst ChevronsLeft = createLucideIcon(\"chevrons-left\", __iconNode);\n\nexport { __iconNode, ChevronsLeft as default };\n//# sourceMappingURL=chevrons-left.mjs.map\n","/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"m6 17 5-5-5-5\", key: \"xnjwq\" }],\n [\"path\", { d: \"m13 17 5-5-5-5\", key: \"17xmmf\" }]\n];\nconst ChevronsRight = createLucideIcon(\"chevrons-right\", __iconNode);\n\nexport { __iconNode, ChevronsRight as default };\n//# sourceMappingURL=chevrons-right.mjs.map\n","import { cva } from 'class-variance-authority';\nimport {\n ChevronDown,\n ChevronLeft,\n ChevronRight,\n ChevronsLeft,\n ChevronsRight,\n MoreHorizontal,\n} from 'lucide-react';\nimport type * as React from 'react';\nimport { cn } from '@/lib/utils';\n\n/* ============================================\n Types\n ============================================ */\n\ntype PaginationSize = 'xs' | 'sm' | 'md' | 'lg';\n\ntype PaginationVariant = 'default' | 'outlined';\n\ntype PaginationShape = 'square' | 'rounded' | 'circle';\n\ntype PrevNextStyle = 'icon-text' | 'icon-only';\n\ntype PaginationAlignment = 'left' | 'center' | 'right';\n\ntype ActiveColor = 'primary' | 'info' | 'warning' | 'success' | 'destructive';\n\ntype PaginationType =\n | 'default'\n | 'previous-next'\n | 'with-buttons'\n | 'combine'\n | 'combine-steps'\n | 'minimal'\n | 'first-last'\n | 'page-number'\n | 'left-right-chevron'\n | 'page-dropdown'\n | 'page-dropdown-nav'\n | 'with-underline'\n | 'outline'\n | 'box-style'\n // Legacy compat\n | 'page-default'\n | 'page-minimal'\n | 'card-default'\n | 'card-minimal'\n | 'card-button-group';\n\n/* ============================================\n Size & Color Maps\n ============================================ */\n\nconst sizeMap = {\n xs: {\n h: 'h-[26px]',\n sq: 'size-[26px]',\n px: 'px-2',\n pxNav: 'px-2',\n gap: 'gap-1.5',\n text: 'text-xs',\n icon: 'size-4',\n },\n sm: {\n h: 'h-8',\n sq: 'size-8',\n px: 'px-3',\n pxNav: 'px-3',\n gap: 'gap-1.5',\n text: 'text-sm',\n icon: 'size-4',\n },\n md: {\n h: 'h-9',\n sq: 'size-9',\n px: 'px-3.5',\n pxNav: 'px-4',\n gap: 'gap-2',\n text: 'text-sm',\n icon: 'size-4',\n },\n lg: {\n h: 'h-10',\n sq: 'size-10',\n px: 'px-4',\n pxNav: 'px-6',\n gap: 'gap-2',\n text: 'text-sm',\n icon: 'size-4',\n },\n} as const;\n\nconst activeColorMap: Record<ActiveColor, string> = {\n primary: 'bg-primary text-primary-foreground',\n info: 'bg-info text-primary-foreground',\n warning: 'bg-warning text-primary-foreground',\n success: 'bg-success text-primary-foreground',\n destructive: 'bg-destructive text-primary-foreground',\n};\n\nfunction getPaginationSize(size: PaginationSize): PaginationSize {\n switch (size) {\n case 'xs':\n case 'sm':\n case 'md':\n case 'lg':\n return size;\n default:\n return 'md';\n }\n}\n\nconst variantClasses = (v: PaginationVariant) =>\n v === 'outlined'\n ? 'border border-border bg-background/60 backdrop-blur-sm text-secondary-foreground hover:bg-muted'\n : 'text-secondary-foreground hover:bg-muted';\n\nconst shapeRadius = (shape: PaginationShape) =>\n shape === 'rounded' ? 'rounded-full' : 'rounded-xl';\n\nconst iconNavIcons = {\n previous: ChevronLeft,\n next: ChevronRight,\n first: ChevronsLeft,\n last: ChevronsRight,\n} as const;\n\nconst iconNavLabels = {\n previous: 'Go to previous page',\n next: 'Go to next page',\n first: 'Go to first page',\n last: 'Go to last page',\n} as const;\n\nconst DEFAULT_DOT_TOTAL = 3;\nconst DEFAULT_PAGE_TOTAL = 10;\nconst DEFAULT_CURRENT_PAGE = 1;\nconst DEFAULT_SIBLING_COUNT = 1;\nconst DEFAULT_PER_PAGE_OPTIONS = [10, 20, 50];\n\nfunction getPositiveInteger(value: number | undefined, fallback: number) {\n return typeof value === 'number' && Number.isFinite(value) && value > 0\n ? Math.floor(value)\n : fallback;\n}\n\nfunction getNonNegativeInteger(value: number | undefined, fallback: number) {\n return typeof value === 'number' && Number.isFinite(value) && value >= 0\n ? Math.floor(value)\n : fallback;\n}\n\nfunction clampInteger(value: number, min: number, max: number) {\n return Math.min(max, Math.max(min, Math.floor(value)));\n}\n\nfunction getCurrentPage(value: number | undefined, totalPages: number) {\n if (typeof value !== 'number' || !Number.isFinite(value)) {\n return DEFAULT_CURRENT_PAGE;\n }\n\n return clampInteger(value, 1, totalPages);\n}\n\nfunction getDotCurrent(value: number | undefined, total: number) {\n if (total <= 0) {\n return 0;\n }\n\n if (typeof value !== 'number' || !Number.isFinite(value)) {\n return 0;\n }\n\n return clampInteger(value, 0, total - 1);\n}\n\nfunction getPerPageOptions(options: number[] | undefined) {\n if (!options) {\n return DEFAULT_PER_PAGE_OPTIONS;\n }\n\n const normalizedOptions = Array.from(\n new Set(\n options\n .filter((option) => Number.isFinite(option) && option > 0)\n .map((option) => Math.floor(option)),\n ),\n );\n\n return normalizedOptions.length > 0\n ? normalizedOptions\n : DEFAULT_PER_PAGE_OPTIONS;\n}\n\nfunction getItemsPerPage(value: number | undefined, options: number[]) {\n if (typeof value === 'number' && Number.isFinite(value) && value > 0) {\n return Math.floor(value);\n }\n\n return options[0] ?? DEFAULT_PER_PAGE_OPTIONS[0];\n}\n\n/* ============================================\n PaginationDots (unchanged)\n ============================================ */\n\nconst paginationDotsVariants = cva('flex items-center justify-center', {\n variants: {\n size: {\n md: '',\n lg: '',\n },\n style: {\n dot: '',\n line: '',\n },\n framed: {\n true: 'rounded-full bg-card dark:bg-muted',\n false: '',\n },\n },\n compoundVariants: [\n { size: 'md', style: 'dot', framed: true, className: 'gap-3 p-2' },\n { size: 'md', style: 'line', framed: true, className: 'w-40 gap-2 p-2' },\n { size: 'lg', style: 'dot', framed: true, className: 'gap-4 p-3' },\n { size: 'lg', style: 'line', framed: true, className: 'w-44 gap-3 p-3' },\n { size: 'md', style: 'dot', framed: false, className: 'gap-3' },\n { size: 'md', style: 'line', framed: false, className: 'w-36 gap-2' },\n { size: 'lg', style: 'dot', framed: false, className: 'gap-4' },\n { size: 'lg', style: 'line', framed: false, className: 'w-38 gap-3' },\n ],\n defaultVariants: {\n size: 'md',\n style: 'dot',\n framed: false,\n },\n});\n\nconst paginationDotIndicatorVariants = cva('shrink-0 rounded-full', {\n variants: {\n size: {\n md: '',\n lg: '',\n },\n style: {\n dot: '',\n line: 'min-h-px min-w-px grow basis-0',\n },\n current: {\n true: 'bg-primary/10 dark:bg-primary',\n false: 'bg-surface-2 dark:bg-muted',\n },\n },\n compoundVariants: [\n { size: 'md', style: 'dot', className: 'size-2' },\n { size: 'lg', style: 'dot', className: 'size-2.5' },\n { size: 'md', style: 'line', className: 'h-1.5' },\n { size: 'lg', style: 'line', className: 'h-2' },\n ],\n defaultVariants: {\n size: 'md',\n style: 'dot',\n current: false,\n },\n});\n\ntype PaginationDotsStyle = 'dot' | 'line';\ntype PaginationDotsSize = 'md' | 'lg';\n\ninterface PaginationDotsProps\n extends Omit<React.ComponentProps<'div'>, 'style'> {\n total?: number;\n current?: number;\n variant?: PaginationDotsStyle;\n size?: PaginationDotsSize;\n framed?: boolean;\n onDotClick?: (index: number) => void;\n}\n\nfunction PaginationDots({\n className,\n total = 3,\n current = 0,\n variant = 'dot',\n size = 'md',\n framed = false,\n onDotClick,\n ...props\n}: PaginationDotsProps) {\n const safeTotal = getNonNegativeInteger(total, DEFAULT_DOT_TOTAL);\n const safeCurrent = getDotCurrent(current, safeTotal);\n\n return (\n <div\n className={cn(\n paginationDotsVariants({ size, style: variant, framed }),\n className,\n )}\n role=\"tablist\"\n aria-label=\"Pagination dots\"\n {...props}\n >\n {Array.from({ length: safeTotal }, (_, index) => index + 1).map(\n (pageNumber) => {\n const pageIndex = pageNumber - 1;\n return (\n <button\n key={pageNumber}\n type=\"button\"\n role=\"tab\"\n aria-selected={pageIndex === safeCurrent}\n aria-label={`Go to page ${pageNumber}`}\n onClick={() => onDotClick?.(pageIndex)}\n className={cn(\n paginationDotIndicatorVariants({\n size,\n style: variant,\n current: pageIndex === safeCurrent,\n }),\n onDotClick &&\n 'cursor-pointer transition-colors duration-200 ease-smooth motion-reduce:transition-none',\n !onDotClick && 'cursor-default',\n )}\n />\n );\n },\n )}\n </div>\n );\n}\n\nPaginationDots.displayName = 'PaginationDots';\n\n/* ============================================\n Helper: generatePageNumbers\n ============================================ */\n\ntype PaginationPageItem = number | 'ellipsis';\n\nfunction generatePageNumbers(\n currentPage: number,\n totalPages: number,\n siblingCount: number,\n): PaginationPageItem[] {\n const safeTotalPages = getPositiveInteger(totalPages, DEFAULT_CURRENT_PAGE);\n const safeCurrentPage = getCurrentPage(currentPage, safeTotalPages);\n const safeSiblingCount = getNonNegativeInteger(\n siblingCount,\n DEFAULT_SIBLING_COUNT,\n );\n const totalPageNumbers = safeSiblingCount * 2 + 5;\n\n if (safeTotalPages <= totalPageNumbers) {\n return Array.from({ length: safeTotalPages }, (_, i) => i + 1);\n }\n\n const leftSiblingIndex = Math.max(safeCurrentPage - safeSiblingCount, 1);\n const rightSiblingIndex = Math.min(\n safeCurrentPage + safeSiblingCount,\n safeTotalPages,\n );\n\n const shouldShowLeftEllipsis = leftSiblingIndex > 2;\n const shouldShowRightEllipsis = rightSiblingIndex < safeTotalPages - 1;\n\n if (!shouldShowLeftEllipsis && shouldShowRightEllipsis) {\n const leftItemCount = 3 + 2 * safeSiblingCount;\n const leftRange = Array.from({ length: leftItemCount }, (_, i) => i + 1);\n return [...leftRange, 'ellipsis', safeTotalPages];\n }\n\n if (shouldShowLeftEllipsis && !shouldShowRightEllipsis) {\n const rightItemCount = 3 + 2 * safeSiblingCount;\n const rightRange = Array.from(\n { length: rightItemCount },\n (_, i) => safeTotalPages - rightItemCount + i + 1,\n );\n return [1, 'ellipsis', ...rightRange];\n }\n\n const middleRange = Array.from(\n { length: rightSiblingIndex - leftSiblingIndex + 1 },\n (_, i) => leftSiblingIndex + i,\n );\n return [1, 'ellipsis', ...middleRange, 'ellipsis', safeTotalPages];\n}\n\nfunction getPaginationPageKey(\n page: PaginationPageItem,\n pages: PaginationPageItem[],\n position: number,\n): React.Key {\n if (page !== 'ellipsis') return page;\n\n return `ellipsis:${pages[position - 1] ?? 'start'}:${pages[position + 1] ?? 'end'}`;\n}\n\n/* ============================================\n Shared Sub-components\n ============================================ */\n\nconst btnBase =\n 'relative inline-flex items-center justify-center font-medium shrink-0 select-none outline-none transition-[color,background-color,border-color,box-shadow] duration-150 ease-out focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50';\n\nconst expandedHitAreaClass =\n 'before:absolute before:left-1/2 before:top-1/2 before:h-full before:min-h-11 before:w-full before:min-w-11 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-[inherit] before:content-[\"\"]';\n\ninterface PageButtonProps {\n page: number;\n isActive: boolean;\n size: PaginationSize;\n variant: PaginationVariant;\n shape: PaginationShape;\n activeColor: ActiveColor;\n onClick: () => void;\n}\n\nfunction PageButton({\n page,\n isActive,\n size,\n variant,\n shape,\n activeColor,\n onClick,\n}: PageButtonProps) {\n const s = sizeMap[size];\n return (\n <button\n type=\"button\"\n onClick={onClick}\n aria-current={isActive ? 'page' : undefined}\n className={cn(\n btnBase,\n expandedHitAreaClass,\n s.sq,\n s.text,\n shapeRadius(shape),\n isActive ? activeColorMap[activeColor] : variantClasses(variant),\n )}\n >\n {page}\n </button>\n );\n}\n\nPageButton.displayName = 'PageButton';\n\nfunction EllipsisIndicator({\n size,\n shape,\n}: {\n size: PaginationSize;\n shape: PaginationShape;\n}) {\n const s = sizeMap[size];\n return (\n <span\n aria-hidden\n className={cn(\n 'inline-flex items-center justify-center text-muted-foreground shrink-0',\n s.sq,\n shapeRadius(shape),\n )}\n >\n <MoreHorizontal className={s.icon} />\n </span>\n );\n}\n\nEllipsisIndicator.displayName = 'EllipsisIndicator';\n\ninterface NavButtonProps {\n direction: 'previous' | 'next';\n disabled: boolean;\n size: PaginationSize;\n variant: PaginationVariant;\n prevNextStyle: PrevNextStyle;\n text: string;\n onClick: () => void;\n}\n\nfunction NavButton({\n direction,\n disabled,\n size,\n variant,\n prevNextStyle,\n text,\n onClick,\n}: NavButtonProps) {\n const s = sizeMap[size];\n const isIconOnly = prevNextStyle === 'icon-only';\n const Icon = direction === 'previous' ? ChevronLeft : ChevronRight;\n\n return (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n aria-label={\n direction === 'previous' ? 'Go to previous page' : 'Go to next page'\n }\n className={cn(\n btnBase,\n expandedHitAreaClass,\n 'rounded-xl',\n isIconOnly ? s.sq : [s.h, s.pxNav, s.gap],\n s.text,\n variantClasses(variant),\n )}\n >\n {direction === 'previous' && (\n <Icon className={cn(s.icon, 'rtl:rotate-180')} />\n )}\n {!isIconOnly && <span>{text}</span>}\n {direction === 'next' && (\n <Icon className={cn(s.icon, 'rtl:rotate-180')} />\n )}\n </button>\n );\n}\n\nNavButton.displayName = 'NavButton';\n\nfunction IconNavButton({\n direction,\n disabled,\n size,\n onClick,\n className: extraClassName,\n}: {\n direction: 'previous' | 'next' | 'first' | 'last';\n disabled: boolean;\n size: PaginationSize;\n onClick: () => void;\n className?: string;\n}) {\n const s = sizeMap[size];\n const Icon = iconNavIcons[direction];\n\n return (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n aria-label={iconNavLabels[direction]}\n className={cn(\n btnBase,\n expandedHitAreaClass,\n 'rounded-xl text-secondary-foreground hover:bg-muted',\n s.sq,\n extraClassName,\n )}\n >\n <Icon className={cn(s.icon, 'rtl:rotate-180')} />\n </button>\n );\n}\n\nIconNavButton.displayName = 'IconNavButton';\n\nfunction PageInfo({\n currentPage,\n totalPages,\n size,\n}: {\n currentPage: number;\n totalPages: number;\n size: PaginationSize;\n}) {\n const s = sizeMap[size];\n return (\n <span className={cn('text-muted-foreground whitespace-nowrap', s.text)}>\n Page <span className=\"text-foreground\">{currentPage}</span> of{' '}\n <span className=\"text-foreground\">{totalPages}</span>\n </span>\n );\n}\n\nPageInfo.displayName = 'PageInfo';\n\nfunction PageNumberButtons({\n currentPage,\n totalPages,\n siblingCount,\n size,\n variant,\n shape,\n activeColor,\n onPageChange,\n}: {\n currentPage: number;\n totalPages: number;\n siblingCount: number;\n size: PaginationSize;\n variant: PaginationVariant;\n shape: PaginationShape;\n activeColor: ActiveColor;\n onPageChange: (page: number) => void;\n}) {\n const pages = generatePageNumbers(currentPage, totalPages, siblingCount);\n return (\n <>\n {pages.map((page, position) =>\n page === 'ellipsis' ? (\n <EllipsisIndicator\n key={getPaginationPageKey(page, pages, position)}\n size={size}\n shape={shape}\n />\n ) : (\n <PageButton\n key={page}\n page={page}\n isActive={page === currentPage}\n size={size}\n variant={variant}\n shape={shape}\n activeColor={activeColor}\n onClick={() => onPageChange(page)}\n />\n ),\n )}\n </>\n );\n}\n\n/* ============================================\n Shared Props for Type Components\n ============================================ */\n\ninterface TypeComponentProps {\n currentPage: number;\n totalPages: number;\n siblingCount: number;\n size: PaginationSize;\n variant: PaginationVariant;\n shape: PaginationShape;\n prevNextStyle: PrevNextStyle;\n activeColor: ActiveColor;\n previousText: string;\n nextText: string;\n onPageChange: (page: number) => void;\n showPageNumbers: boolean;\n itemsPerPage?: number;\n perPageOptions?: number[];\n onPerPageChange?: (perPage: number) => void;\n}\n\n/* ============================================\n Type: default\n < Previous 1 2 [3] 4 ... Next >\n ============================================ */\n\nfunction DefaultPagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n variant,\n shape,\n prevNextStyle,\n activeColor,\n previousText,\n nextText,\n onPageChange,\n showPageNumbers,\n}: TypeComponentProps) {\n return (\n <div className=\"flex items-center gap-1\">\n <NavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n variant={variant}\n prevNextStyle={prevNextStyle}\n text={previousText}\n onClick={() => onPageChange(currentPage - 1)}\n />\n {showPageNumbers && (\n <PageNumberButtons\n currentPage={currentPage}\n totalPages={totalPages}\n siblingCount={siblingCount}\n size={size}\n variant={variant}\n shape={shape}\n activeColor={activeColor}\n onPageChange={onPageChange}\n />\n )}\n <NavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n variant={variant}\n prevNextStyle={prevNextStyle}\n text={nextText}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: previous-next\n < Previous Next >\n ============================================ */\n\nfunction PreviousNextPagination({\n currentPage,\n totalPages,\n size,\n variant,\n previousText,\n nextText,\n onPageChange,\n}: TypeComponentProps) {\n return (\n <div className=\"flex w-full items-center justify-between\">\n <NavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n variant={variant}\n prevNextStyle=\"icon-text\"\n text={previousText}\n onClick={() => onPageChange(currentPage - 1)}\n />\n <NavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n variant={variant}\n prevNextStyle=\"icon-text\"\n text={nextText}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: with-buttons\n [< Previous] [1] [2] [3] [4] [Next >]\n ============================================ */\n\nfunction WithButtonsPagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n shape,\n activeColor,\n previousText,\n nextText,\n onPageChange,\n showPageNumbers,\n}: TypeComponentProps) {\n return (\n <div className=\"flex items-start gap-1.5\">\n <NavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n variant=\"outlined\"\n prevNextStyle=\"icon-text\"\n text={previousText}\n onClick={() => onPageChange(currentPage - 1)}\n />\n {showPageNumbers && (\n <PageNumberButtons\n currentPage={currentPage}\n totalPages={totalPages}\n siblingCount={siblingCount}\n size={size}\n variant=\"outlined\"\n shape={shape}\n activeColor={activeColor}\n onPageChange={onPageChange}\n />\n )}\n <NavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n variant=\"outlined\"\n prevNextStyle=\"icon-text\"\n text={nextText}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: combine\n [< | 1 | 2 | 3 | 4 | >]\n ============================================ */\n\nfunction CombinePagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n onPageChange,\n}: TypeComponentProps) {\n const pages = generatePageNumbers(currentPage, totalPages, siblingCount);\n const s = sizeMap[size];\n\n const cellBase = cn(btnBase, 'border-y border-s border-input', s.sq, s.text);\n\n return (\n <div className=\"inline-flex items-start\">\n <button\n type=\"button\"\n onClick={() => onPageChange(currentPage - 1)}\n disabled={currentPage <= 1}\n aria-label=\"Go to previous page\"\n className={cn(\n cellBase,\n 'rounded-s-lg text-secondary-foreground hover:bg-muted',\n )}\n >\n <ChevronLeft className={cn(s.icon, 'rtl:rotate-180')} />\n </button>\n\n {pages.map((page, position) => (\n <button\n key={getPaginationPageKey(page, pages, position)}\n type=\"button\"\n onClick={() => page !== 'ellipsis' && onPageChange(page as number)}\n disabled={page === 'ellipsis'}\n aria-current={page === currentPage ? 'page' : undefined}\n aria-label={page === 'ellipsis' ? 'More pages' : `Go to page ${page}`}\n className={cn(\n cellBase,\n page === currentPage\n ? 'bg-accent text-accent-foreground'\n : 'text-foreground hover:bg-muted',\n page === 'ellipsis' && 'pointer-events-none',\n )}\n >\n {page === 'ellipsis' ? <MoreHorizontal className={s.icon} /> : page}\n </button>\n ))}\n\n <button\n type=\"button\"\n onClick={() => onPageChange(currentPage + 1)}\n disabled={currentPage >= totalPages}\n aria-label=\"Go to next page\"\n className={cn(\n cellBase,\n 'rounded-e-lg border-e text-secondary-foreground hover:bg-muted',\n )}\n >\n <ChevronRight className={cn(s.icon, 'rtl:rotate-180')} />\n </button>\n </div>\n );\n}\n\n/* ============================================\n Type: combine-steps\n [< | 5/25 | >]\n ============================================ */\n\nfunction CombineStepsPagination({\n currentPage,\n totalPages,\n size,\n onPageChange,\n}: TypeComponentProps) {\n const s = sizeMap[size];\n\n const cellBase = cn(btnBase, 'border-y border-s border-border', s.sq);\n\n return (\n <div className=\"inline-flex items-start\">\n <button\n type=\"button\"\n onClick={() => onPageChange(currentPage - 1)}\n disabled={currentPage <= 1}\n aria-label=\"Go to previous page\"\n className={cn(\n cellBase,\n 'rounded-s-md text-secondary-foreground hover:bg-muted',\n )}\n >\n <ChevronLeft className={cn(s.icon, 'rtl:rotate-180')} />\n </button>\n\n <div\n className={cn(\n 'inline-flex items-center justify-center border-y border-s border-input',\n s.h,\n 'px-4',\n s.text,\n 'font-medium text-foreground',\n )}\n >\n <span>{currentPage}</span>\n <span className=\"text-muted-foreground\">/{totalPages}</span>\n </div>\n\n <button\n type=\"button\"\n onClick={() => onPageChange(currentPage + 1)}\n disabled={currentPage >= totalPages}\n aria-label=\"Go to next page\"\n className={cn(\n cellBase,\n 'rounded-e-md border-e text-secondary-foreground hover:bg-muted',\n )}\n >\n <ChevronRight className={cn(s.icon, 'rtl:rotate-180')} />\n </button>\n </div>\n );\n}\n\n/* ============================================\n Type: minimal\n < 1 2 [3] 4 >\n ============================================ */\n\nfunction MinimalPagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n shape,\n activeColor,\n onPageChange,\n showPageNumbers,\n}: TypeComponentProps) {\n return (\n <div className=\"flex items-center gap-1.5\">\n <IconNavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n onClick={() => onPageChange(currentPage - 1)}\n />\n {showPageNumbers && (\n <PageNumberButtons\n currentPage={currentPage}\n totalPages={totalPages}\n siblingCount={siblingCount}\n size={size}\n variant=\"default\"\n shape={shape}\n activeColor={activeColor}\n onPageChange={onPageChange}\n />\n )}\n <IconNavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: first-last\n << First < 1 2 [3] 4 > Last >>\n ============================================ */\n\nfunction FirstLastPagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n shape,\n activeColor,\n onPageChange,\n showPageNumbers,\n}: TypeComponentProps) {\n const s = sizeMap[size];\n\n return (\n <div className=\"flex items-center gap-1.5\">\n <button\n type=\"button\"\n onClick={() => onPageChange(1)}\n disabled={currentPage <= 1}\n className={cn(\n btnBase,\n expandedHitAreaClass,\n 'rounded-md text-secondary-foreground hover:bg-muted',\n s.h,\n s.pxNav,\n s.gap,\n s.text,\n )}\n >\n <ChevronsLeft className={cn(s.icon, 'rtl:rotate-180')} />\n <span>First</span>\n </button>\n\n <IconNavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n onClick={() => onPageChange(currentPage - 1)}\n />\n\n {showPageNumbers && (\n <PageNumberButtons\n currentPage={currentPage}\n totalPages={totalPages}\n siblingCount={siblingCount}\n size={size}\n variant=\"default\"\n shape={shape}\n activeColor={activeColor}\n onPageChange={onPageChange}\n />\n )}\n\n <IconNavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n onClick={() => onPageChange(currentPage + 1)}\n />\n\n <button\n type=\"button\"\n onClick={() => onPageChange(totalPages)}\n disabled={currentPage >= totalPages}\n className={cn(\n btnBase,\n expandedHitAreaClass,\n 'rounded-md text-secondary-foreground hover:bg-muted',\n s.h,\n s.pxNav,\n s.gap,\n s.text,\n )}\n >\n <span>Last</span>\n <ChevronsRight className={cn(s.icon, 'rtl:rotate-180')} />\n </button>\n </div>\n );\n}\n\n/* ============================================\n Type: page-number\n Page 1 of 10 [< Previous] 1 2 3 4 [Next >]\n ============================================ */\n\nfunction PageNumberPagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n shape,\n activeColor,\n previousText,\n nextText,\n onPageChange,\n showPageNumbers,\n}: TypeComponentProps) {\n return (\n <div className=\"flex w-full items-center justify-between\">\n <PageInfo currentPage={currentPage} totalPages={totalPages} size={size} />\n <div className=\"flex items-center gap-1\">\n <NavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n variant=\"default\"\n prevNextStyle=\"icon-text\"\n text={previousText}\n onClick={() => onPageChange(currentPage - 1)}\n />\n {showPageNumbers && (\n <PageNumberButtons\n currentPage={currentPage}\n totalPages={totalPages}\n siblingCount={siblingCount}\n size={size}\n variant=\"default\"\n shape={shape}\n activeColor={activeColor}\n onPageChange={onPageChange}\n />\n )}\n <NavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n variant=\"default\"\n prevNextStyle=\"icon-text\"\n text={nextText}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n </div>\n );\n}\n\n/* ============================================\n Type: left-right-chevron\n < Page 1 of 10 >\n ============================================ */\n\nfunction LeftRightChevronPagination({\n currentPage,\n totalPages,\n size,\n onPageChange,\n}: TypeComponentProps) {\n return (\n <div className=\"flex w-full items-center justify-between gap-1\">\n <IconNavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n onClick={() => onPageChange(currentPage - 1)}\n />\n <PageInfo currentPage={currentPage} totalPages={totalPages} size={size} />\n <IconNavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: page-dropdown\n Page 1 of 10 < Previous 1 2 [3] 4 [10/page v]\n ============================================ */\n\nfunction PageDropdownPagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n shape,\n activeColor,\n previousText,\n onPageChange,\n showPageNumbers,\n itemsPerPage,\n perPageOptions,\n onPerPageChange,\n}: TypeComponentProps) {\n const s = sizeMap[size];\n\n return (\n <div className=\"flex items-center gap-1.5\">\n <PageInfo currentPage={currentPage} totalPages={totalPages} size={size} />\n\n <NavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n variant=\"default\"\n prevNextStyle=\"icon-text\"\n text={previousText}\n onClick={() => onPageChange(currentPage - 1)}\n />\n\n {showPageNumbers && (\n <PageNumberButtons\n currentPage={currentPage}\n totalPages={totalPages}\n siblingCount={siblingCount}\n size={size}\n variant=\"default\"\n shape={shape}\n activeColor={activeColor}\n onPageChange={onPageChange}\n />\n )}\n\n {onPerPageChange && (\n <div\n className={cn(\n 'relative inline-flex items-center justify-center rounded-md border border-border font-medium',\n s.h,\n 'px-4',\n s.gap,\n s.text,\n 'text-foreground',\n )}\n >\n <select\n value={itemsPerPage}\n onChange={(e) => onPerPageChange(Number(e.target.value))}\n className=\"absolute inset-0 cursor-pointer opacity-0\"\n aria-label=\"Items per page\"\n >\n {(perPageOptions ?? [10, 20, 50]).map((opt) => (\n <option key={opt} value={opt}>\n {opt}/page\n </option>\n ))}\n </select>\n <span>{itemsPerPage ?? 10}/page</span>\n <ChevronDown className={s.icon} />\n </div>\n )}\n </div>\n );\n}\n\n/* ============================================\n Type: page-dropdown-nav\n < [Page 1 v] >\n ============================================ */\n\nfunction PageDropdownNavPagination({\n currentPage,\n totalPages,\n size,\n onPageChange,\n}: TypeComponentProps) {\n const s = sizeMap[size];\n\n return (\n <div className=\"flex items-center gap-1\">\n <IconNavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n onClick={() => onPageChange(currentPage - 1)}\n />\n\n <div\n className={cn(\n 'relative inline-flex items-center justify-center rounded-xl border border-border font-medium',\n s.h,\n 'px-4',\n s.gap,\n s.text,\n 'text-foreground',\n )}\n >\n <select\n value={currentPage}\n onChange={(e) => onPageChange(Number(e.target.value))}\n className=\"absolute inset-0 cursor-pointer opacity-0\"\n aria-label=\"Select page\"\n >\n {Array.from({ length: totalPages }, (_, i) => (\n <option key={i + 1} value={i + 1}>\n Page {i + 1}\n </option>\n ))}\n </select>\n <span>Page {currentPage}</span>\n <ChevronDown className={s.icon} />\n </div>\n\n <IconNavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: with-underline\n 1 2 _3_ 4 5 6\n ============================================ */\n\nfunction WithUnderlinePagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n onPageChange,\n}: TypeComponentProps) {\n const pages = generatePageNumbers(currentPage, totalPages, siblingCount);\n const s = sizeMap[size];\n\n return (\n <div className=\"flex items-start gap-1\">\n {pages.map((page, position) =>\n page === 'ellipsis' ? (\n <EllipsisIndicator\n key={getPaginationPageKey(page, pages, position)}\n size={size}\n shape=\"square\"\n />\n ) : (\n <button\n key={page}\n type=\"button\"\n onClick={() => onPageChange(page)}\n aria-current={page === currentPage ? 'page' : undefined}\n className={cn(\n btnBase,\n expandedHitAreaClass,\n s.sq,\n s.text,\n page === currentPage\n ? 'border-b-2 border-foreground text-foreground'\n : 'text-foreground hover:bg-muted',\n )}\n >\n {page}\n </button>\n ),\n )}\n </div>\n );\n}\n\n/* ============================================\n Type: outline\n [< Previous] [Next >]\n ============================================ */\n\nfunction OutlinePagination({\n currentPage,\n totalPages,\n size,\n previousText,\n nextText,\n onPageChange,\n}: TypeComponentProps) {\n return (\n <div className=\"flex items-center gap-1\">\n <NavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n variant=\"outlined\"\n prevNextStyle=\"icon-text\"\n text={previousText}\n onClick={() => onPageChange(currentPage - 1)}\n />\n <NavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n variant=\"outlined\"\n prevNextStyle=\"icon-text\"\n text={nextText}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: box-style\n [Previous | Next]\n ============================================ */\n\nfunction BoxStylePagination({\n currentPage,\n totalPages,\n size,\n previousText,\n nextText,\n onPageChange,\n}: TypeComponentProps) {\n const s = sizeMap[size];\n\n return (\n <div className=\"inline-flex items-center\">\n <button\n type=\"button\"\n onClick={() => onPageChange(currentPage - 1)}\n disabled={currentPage <= 1}\n className={cn(\n btnBase,\n 'rounded-s-md border border-border bg-background text-foreground hover:bg-muted',\n s.h,\n s.pxNav,\n s.gap,\n s.text,\n )}\n >\n {previousText}\n </button>\n <button\n type=\"button\"\n onClick={() => onPageChange(currentPage + 1)}\n disabled={currentPage >= totalPages}\n className={cn(\n btnBase,\n 'rounded-e-md border border-s-0 border-border bg-primary/10 text-foreground hover:bg-muted',\n s.h,\n s.pxNav,\n s.gap,\n s.text,\n )}\n >\n {nextText}\n </button>\n </div>\n );\n}\n\n/* ============================================\n Legacy Type Mapping\n ============================================ */\n\ntype ResolvedType = Exclude<\n PaginationType,\n | 'page-default'\n | 'page-minimal'\n | 'card-default'\n | 'card-minimal'\n | 'card-button-group'\n>;\n\nfunction resolveLegacyProps(type: PaginationType): {\n resolvedType: ResolvedType;\n card: boolean;\n overrideVariant?: PaginationVariant;\n} {\n switch (type) {\n case 'page-default':\n return { resolvedType: 'default', card: false };\n case 'page-minimal':\n return {\n resolvedType: 'outline',\n card: false,\n overrideVariant: 'outlined',\n };\n case 'card-default':\n return {\n resolvedType: 'default',\n card: true,\n overrideVariant: 'outlined',\n };\n case 'card-minimal':\n return { resolvedType: 'page-number', card: true };\n case 'card-button-group':\n return { resolvedType: 'combine', card: false };\n default:\n return { resolvedType: type, card: false };\n }\n}\n\n/* ============================================\n Type Component Registry\n ============================================ */\n\nconst typeComponents: Record<\n ResolvedType,\n React.ComponentType<TypeComponentProps>\n> = {\n default: DefaultPagination,\n 'previous-next': PreviousNextPagination,\n 'with-buttons': WithButtonsPagination,\n combine: CombinePagination,\n 'combine-steps': CombineStepsPagination,\n minimal: MinimalPagination,\n 'first-last': FirstLastPagination,\n 'page-number': PageNumberPagination,\n 'left-right-chevron': LeftRightChevronPagination,\n 'page-dropdown': PageDropdownPagination,\n 'page-dropdown-nav': PageDropdownNavPagination,\n 'with-underline': WithUnderlinePagination,\n outline: OutlinePagination,\n 'box-style': BoxStylePagination,\n};\n\n/* ============================================\n Main Pagination Component\n ============================================ */\n\ninterface PaginationProps extends React.ComponentProps<'nav'> {\n /** Pagination layout type */\n type?: PaginationType;\n /** Size of pagination elements */\n size?: PaginationSize;\n /** Visual variant of inactive buttons */\n variant?: PaginationVariant;\n /** Shape of page number buttons */\n shape?: PaginationShape;\n /** Style of previous/next buttons */\n prevNextStyle?: PrevNextStyle;\n /** Current active page (1-indexed) */\n currentPage?: number;\n /** Total number of pages */\n totalPages?: number;\n /** Number of sibling pages to show around current page */\n siblingCount?: number;\n /** Callback when page changes */\n onPageChange?: (page: number) => void;\n /** Show page numbers */\n showPageNumbers?: boolean;\n /** Previous button text */\n previousText?: string;\n /** Next button text */\n nextText?: string;\n /** Items per page (for page-dropdown type display) */\n itemsPerPage?: number;\n /** Items per page options */\n perPageOptions?: number[];\n /** Callback when items per page changes */\n onPerPageChange?: (perPage: number) => void;\n /** Color of the active page indicator */\n activeColor?: ActiveColor;\n}\n\nfunction Pagination({\n className,\n type = 'default',\n size = 'md',\n variant = 'default',\n shape = 'square',\n prevNextStyle = 'icon-text',\n currentPage = 1,\n totalPages = 10,\n siblingCount = 1,\n onPageChange,\n showPageNumbers = true,\n previousText = 'Previous',\n nextText = 'Next',\n itemsPerPage,\n perPageOptions,\n onPerPageChange,\n activeColor = 'primary',\n ...props\n}: PaginationProps) {\n const safeSize = getPaginationSize(size);\n const safeTotalPages = getPositiveInteger(totalPages, DEFAULT_PAGE_TOTAL);\n const safeCurrentPage = getCurrentPage(currentPage, safeTotalPages);\n const safeSiblingCount = getNonNegativeInteger(\n siblingCount,\n DEFAULT_SIBLING_COUNT,\n );\n const safePerPageOptions = getPerPageOptions(perPageOptions);\n const safeItemsPerPage = getItemsPerPage(itemsPerPage, safePerPageOptions);\n const { resolvedType, card, overrideVariant } = resolveLegacyProps(type);\n const finalVariant = overrideVariant ?? variant;\n const finalShape: PaginationShape = shape === 'circle' ? 'rounded' : shape;\n\n const handlePageChange = (page: number) => {\n if (!onPageChange || !Number.isFinite(page)) {\n return;\n }\n\n const nextPage = Math.floor(page);\n if (nextPage >= 1 && nextPage <= safeTotalPages) {\n onPageChange(nextPage);\n }\n };\n\n const typeProps: TypeComponentProps = {\n currentPage: safeCurrentPage,\n totalPages: safeTotalPages,\n siblingCount: safeSiblingCount,\n size: safeSize,\n variant: finalVariant,\n shape: finalShape,\n prevNextStyle,\n activeColor,\n previousText,\n nextText,\n onPageChange: handlePageChange,\n showPageNumbers,\n itemsPerPage: safeItemsPerPage,\n perPageOptions: safePerPageOptions,\n onPerPageChange,\n };\n\n const TypeComponent =\n typeComponents[resolvedType as ResolvedType] ?? DefaultPagination;\n\n return (\n <nav\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\n 'flex w-full',\n card &&\n 'rounded-xl border border-border bg-background p-4 dark:border-border dark:bg-muted',\n className,\n )}\n {...props}\n >\n <TypeComponent {...typeProps} />\n </nav>\n );\n}\n\n/* ============================================\n Display Names\n ============================================ */\n\nPagination.displayName = 'Pagination';\n\n/* ============================================\n Exports\n ============================================ */\n\nexport type {\n ActiveColor,\n PaginationAlignment,\n PaginationDotsProps,\n PaginationDotsSize,\n PaginationDotsStyle,\n PaginationProps,\n PaginationShape,\n PaginationSize,\n PaginationType,\n PaginationVariant,\n PrevNextStyle,\n};\n\nexport {\n Pagination,\n PaginationDots,\n paginationDotIndicatorVariants,\n paginationDotsVariants,\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
1
+ {"version":3,"file":"Pagination.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/chevrons-left.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/chevrons-right.mjs","../../src/components/molecules/navigation/Pagination/Pagination.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"m11 17-5-5 5-5\", key: \"13zhaf\" }],\n [\"path\", { d: \"m18 17-5-5 5-5\", key: \"h8a8et\" }]\n];\nconst ChevronsLeft = createLucideIcon(\"chevrons-left\", __iconNode);\n\nexport { __iconNode, ChevronsLeft as default };\n//# sourceMappingURL=chevrons-left.mjs.map\n","/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"m6 17 5-5-5-5\", key: \"xnjwq\" }],\n [\"path\", { d: \"m13 17 5-5-5-5\", key: \"17xmmf\" }]\n];\nconst ChevronsRight = createLucideIcon(\"chevrons-right\", __iconNode);\n\nexport { __iconNode, ChevronsRight as default };\n//# sourceMappingURL=chevrons-right.mjs.map\n","import { cva } from 'class-variance-authority';\nimport {\n ChevronDown,\n ChevronLeft,\n ChevronRight,\n ChevronsLeft,\n ChevronsRight,\n MoreHorizontal,\n} from 'lucide-react';\nimport type * as React from 'react';\nimport { cn } from '@/lib/utils';\n\n/* ============================================\n Types\n ============================================ */\n\ntype PaginationSize = 'xs' | 'sm' | 'md' | 'lg';\n\ntype PaginationVariant = 'default' | 'outlined';\n\ntype PaginationShape = 'square' | 'rounded' | 'circle';\n\ntype PrevNextStyle = 'icon-text' | 'icon-only';\n\ntype PaginationAlignment = 'left' | 'center' | 'right';\n\ntype ActiveColor = 'primary' | 'info' | 'warning' | 'success' | 'destructive';\n\ntype PaginationType =\n | 'default'\n | 'previous-next'\n | 'with-buttons'\n | 'combine'\n | 'combine-steps'\n | 'minimal'\n | 'first-last'\n | 'page-number'\n | 'left-right-chevron'\n | 'page-dropdown'\n | 'page-dropdown-nav'\n | 'with-underline'\n | 'outline'\n | 'box-style'\n // Legacy compat\n | 'page-default'\n | 'page-minimal'\n | 'card-default'\n | 'card-minimal'\n | 'card-button-group';\n\n/* ============================================\n Size & Color Maps\n ============================================ */\n\nconst sizeMap = {\n xs: {\n h: 'h-[26px]',\n sq: 'size-[26px]',\n px: 'px-2',\n pxNav: 'px-2',\n gap: 'gap-1.5',\n text: 'text-xs',\n icon: 'size-4',\n },\n sm: {\n h: 'h-8',\n sq: 'size-8',\n px: 'px-3',\n pxNav: 'px-3',\n gap: 'gap-1.5',\n text: 'text-sm',\n icon: 'size-4',\n },\n md: {\n h: 'h-9',\n sq: 'size-9',\n px: 'px-3.5',\n pxNav: 'px-4',\n gap: 'gap-2',\n text: 'text-sm',\n icon: 'size-4',\n },\n lg: {\n h: 'h-10',\n sq: 'size-10',\n px: 'px-4',\n pxNav: 'px-6',\n gap: 'gap-2',\n text: 'text-sm',\n icon: 'size-4',\n },\n} as const;\n\nconst activeColorMap: Record<ActiveColor, string> = {\n primary: 'bg-primary text-primary-foreground',\n info: 'bg-info text-info-foreground',\n warning: 'bg-warning text-warning-foreground',\n success: 'bg-success text-success-foreground',\n destructive: 'bg-destructive text-destructive-foreground',\n};\n\nfunction getPaginationSize(size: PaginationSize): PaginationSize {\n switch (size) {\n case 'xs':\n case 'sm':\n case 'md':\n case 'lg':\n return size;\n default:\n return 'md';\n }\n}\n\nconst variantClasses = (v: PaginationVariant) =>\n v === 'outlined'\n ? 'border border-border bg-background/60 backdrop-blur-sm text-secondary-foreground hover:bg-muted'\n : 'text-secondary-foreground hover:bg-muted';\n\nconst shapeRadius = (shape: PaginationShape) =>\n shape === 'rounded' ? 'rounded-full' : 'rounded-xl';\n\nconst iconNavIcons = {\n previous: ChevronLeft,\n next: ChevronRight,\n first: ChevronsLeft,\n last: ChevronsRight,\n} as const;\n\nconst iconNavLabels = {\n previous: 'Go to previous page',\n next: 'Go to next page',\n first: 'Go to first page',\n last: 'Go to last page',\n} as const;\n\nconst DEFAULT_DOT_TOTAL = 3;\nconst DEFAULT_PAGE_TOTAL = 10;\nconst DEFAULT_CURRENT_PAGE = 1;\nconst DEFAULT_SIBLING_COUNT = 1;\nconst DEFAULT_PER_PAGE_OPTIONS = [10, 20, 50];\n\nfunction getPositiveInteger(value: number | undefined, fallback: number) {\n return typeof value === 'number' && Number.isFinite(value) && value > 0\n ? Math.floor(value)\n : fallback;\n}\n\nfunction getNonNegativeInteger(value: number | undefined, fallback: number) {\n return typeof value === 'number' && Number.isFinite(value) && value >= 0\n ? Math.floor(value)\n : fallback;\n}\n\nfunction clampInteger(value: number, min: number, max: number) {\n return Math.min(max, Math.max(min, Math.floor(value)));\n}\n\nfunction getCurrentPage(value: number | undefined, totalPages: number) {\n if (typeof value !== 'number' || !Number.isFinite(value)) {\n return DEFAULT_CURRENT_PAGE;\n }\n\n return clampInteger(value, 1, totalPages);\n}\n\nfunction getDotCurrent(value: number | undefined, total: number) {\n if (total <= 0) {\n return 0;\n }\n\n if (typeof value !== 'number' || !Number.isFinite(value)) {\n return 0;\n }\n\n return clampInteger(value, 0, total - 1);\n}\n\nfunction getPerPageOptions(options: number[] | undefined) {\n if (!options) {\n return DEFAULT_PER_PAGE_OPTIONS;\n }\n\n const normalizedOptions = Array.from(\n new Set(\n options\n .filter((option) => Number.isFinite(option) && option > 0)\n .map((option) => Math.floor(option)),\n ),\n );\n\n return normalizedOptions.length > 0\n ? normalizedOptions\n : DEFAULT_PER_PAGE_OPTIONS;\n}\n\nfunction getItemsPerPage(value: number | undefined, options: number[]) {\n if (typeof value === 'number' && Number.isFinite(value) && value > 0) {\n return Math.floor(value);\n }\n\n return options[0] ?? DEFAULT_PER_PAGE_OPTIONS[0];\n}\n\n/* ============================================\n PaginationDots (unchanged)\n ============================================ */\n\nconst paginationDotsVariants = cva('flex items-center justify-center', {\n variants: {\n size: {\n md: '',\n lg: '',\n },\n style: {\n dot: '',\n line: '',\n },\n framed: {\n true: 'rounded-full bg-card dark:bg-muted',\n false: '',\n },\n },\n compoundVariants: [\n { size: 'md', style: 'dot', framed: true, className: 'gap-3 p-2' },\n { size: 'md', style: 'line', framed: true, className: 'w-40 gap-2 p-2' },\n { size: 'lg', style: 'dot', framed: true, className: 'gap-4 p-3' },\n { size: 'lg', style: 'line', framed: true, className: 'w-44 gap-3 p-3' },\n { size: 'md', style: 'dot', framed: false, className: 'gap-3' },\n { size: 'md', style: 'line', framed: false, className: 'w-36 gap-2' },\n { size: 'lg', style: 'dot', framed: false, className: 'gap-4' },\n { size: 'lg', style: 'line', framed: false, className: 'w-38 gap-3' },\n ],\n defaultVariants: {\n size: 'md',\n style: 'dot',\n framed: false,\n },\n});\n\nconst paginationDotIndicatorVariants = cva('shrink-0 rounded-full', {\n variants: {\n size: {\n md: '',\n lg: '',\n },\n style: {\n dot: '',\n line: 'min-h-px min-w-px grow basis-0',\n },\n current: {\n true: 'bg-primary/10 dark:bg-primary',\n false: 'bg-surface-2 dark:bg-muted',\n },\n },\n compoundVariants: [\n { size: 'md', style: 'dot', className: 'size-2' },\n { size: 'lg', style: 'dot', className: 'size-2.5' },\n { size: 'md', style: 'line', className: 'h-1.5' },\n { size: 'lg', style: 'line', className: 'h-2' },\n ],\n defaultVariants: {\n size: 'md',\n style: 'dot',\n current: false,\n },\n});\n\ntype PaginationDotsStyle = 'dot' | 'line';\ntype PaginationDotsSize = 'md' | 'lg';\n\ninterface PaginationDotsProps\n extends Omit<React.ComponentProps<'div'>, 'style'> {\n total?: number;\n current?: number;\n variant?: PaginationDotsStyle;\n size?: PaginationDotsSize;\n framed?: boolean;\n onDotClick?: (index: number) => void;\n}\n\nfunction PaginationDots({\n className,\n total = 3,\n current = 0,\n variant = 'dot',\n size = 'md',\n framed = false,\n onDotClick,\n ...props\n}: PaginationDotsProps) {\n const safeTotal = getNonNegativeInteger(total, DEFAULT_DOT_TOTAL);\n const safeCurrent = getDotCurrent(current, safeTotal);\n\n return (\n <div\n className={cn(\n paginationDotsVariants({ size, style: variant, framed }),\n className,\n )}\n role=\"tablist\"\n aria-label=\"Pagination dots\"\n {...props}\n >\n {Array.from({ length: safeTotal }, (_, index) => index + 1).map(\n (pageNumber) => {\n const pageIndex = pageNumber - 1;\n return (\n <button\n key={pageNumber}\n type=\"button\"\n role=\"tab\"\n aria-selected={pageIndex === safeCurrent}\n aria-label={`Go to page ${pageNumber}`}\n onClick={() => onDotClick?.(pageIndex)}\n className={cn(\n paginationDotIndicatorVariants({\n size,\n style: variant,\n current: pageIndex === safeCurrent,\n }),\n onDotClick &&\n 'cursor-pointer transition-colors duration-200 ease-smooth motion-reduce:transition-none',\n !onDotClick && 'cursor-default',\n )}\n />\n );\n },\n )}\n </div>\n );\n}\n\nPaginationDots.displayName = 'PaginationDots';\n\n/* ============================================\n Helper: generatePageNumbers\n ============================================ */\n\ntype PaginationPageItem = number | 'ellipsis';\n\nfunction generatePageNumbers(\n currentPage: number,\n totalPages: number,\n siblingCount: number,\n): PaginationPageItem[] {\n const safeTotalPages = getPositiveInteger(totalPages, DEFAULT_CURRENT_PAGE);\n const safeCurrentPage = getCurrentPage(currentPage, safeTotalPages);\n const safeSiblingCount = getNonNegativeInteger(\n siblingCount,\n DEFAULT_SIBLING_COUNT,\n );\n const totalPageNumbers = safeSiblingCount * 2 + 5;\n\n if (safeTotalPages <= totalPageNumbers) {\n return Array.from({ length: safeTotalPages }, (_, i) => i + 1);\n }\n\n const leftSiblingIndex = Math.max(safeCurrentPage - safeSiblingCount, 1);\n const rightSiblingIndex = Math.min(\n safeCurrentPage + safeSiblingCount,\n safeTotalPages,\n );\n\n const shouldShowLeftEllipsis = leftSiblingIndex > 2;\n const shouldShowRightEllipsis = rightSiblingIndex < safeTotalPages - 1;\n\n if (!shouldShowLeftEllipsis && shouldShowRightEllipsis) {\n const leftItemCount = 3 + 2 * safeSiblingCount;\n const leftRange = Array.from({ length: leftItemCount }, (_, i) => i + 1);\n return [...leftRange, 'ellipsis', safeTotalPages];\n }\n\n if (shouldShowLeftEllipsis && !shouldShowRightEllipsis) {\n const rightItemCount = 3 + 2 * safeSiblingCount;\n const rightRange = Array.from(\n { length: rightItemCount },\n (_, i) => safeTotalPages - rightItemCount + i + 1,\n );\n return [1, 'ellipsis', ...rightRange];\n }\n\n const middleRange = Array.from(\n { length: rightSiblingIndex - leftSiblingIndex + 1 },\n (_, i) => leftSiblingIndex + i,\n );\n return [1, 'ellipsis', ...middleRange, 'ellipsis', safeTotalPages];\n}\n\nfunction getPaginationPageKey(\n page: PaginationPageItem,\n pages: PaginationPageItem[],\n position: number,\n): React.Key {\n if (page !== 'ellipsis') return page;\n\n return `ellipsis:${pages[position - 1] ?? 'start'}:${pages[position + 1] ?? 'end'}`;\n}\n\n/* ============================================\n Shared Sub-components\n ============================================ */\n\nconst btnBase =\n 'relative inline-flex items-center justify-center font-medium shrink-0 select-none outline-none transition-[color,background-color,border-color,box-shadow] duration-150 ease-out focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50';\n\nconst expandedHitAreaClass =\n 'before:absolute before:left-1/2 before:top-1/2 before:h-full before:min-h-11 before:w-full before:min-w-11 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-[inherit] before:content-[\"\"]';\n\ninterface PageButtonProps {\n page: number;\n isActive: boolean;\n size: PaginationSize;\n variant: PaginationVariant;\n shape: PaginationShape;\n activeColor: ActiveColor;\n onClick: () => void;\n}\n\nfunction PageButton({\n page,\n isActive,\n size,\n variant,\n shape,\n activeColor,\n onClick,\n}: PageButtonProps) {\n const s = sizeMap[size];\n return (\n <button\n type=\"button\"\n onClick={onClick}\n aria-current={isActive ? 'page' : undefined}\n className={cn(\n btnBase,\n expandedHitAreaClass,\n s.sq,\n s.text,\n shapeRadius(shape),\n isActive ? activeColorMap[activeColor] : variantClasses(variant),\n )}\n >\n {page}\n </button>\n );\n}\n\nPageButton.displayName = 'PageButton';\n\nfunction EllipsisIndicator({\n size,\n shape,\n}: {\n size: PaginationSize;\n shape: PaginationShape;\n}) {\n const s = sizeMap[size];\n return (\n <span\n aria-hidden\n className={cn(\n 'inline-flex items-center justify-center text-muted-foreground shrink-0',\n s.sq,\n shapeRadius(shape),\n )}\n >\n <MoreHorizontal className={s.icon} />\n </span>\n );\n}\n\nEllipsisIndicator.displayName = 'EllipsisIndicator';\n\ninterface NavButtonProps {\n direction: 'previous' | 'next';\n disabled: boolean;\n size: PaginationSize;\n variant: PaginationVariant;\n prevNextStyle: PrevNextStyle;\n text: string;\n onClick: () => void;\n}\n\nfunction NavButton({\n direction,\n disabled,\n size,\n variant,\n prevNextStyle,\n text,\n onClick,\n}: NavButtonProps) {\n const s = sizeMap[size];\n const isIconOnly = prevNextStyle === 'icon-only';\n const Icon = direction === 'previous' ? ChevronLeft : ChevronRight;\n\n return (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n aria-label={\n direction === 'previous' ? 'Go to previous page' : 'Go to next page'\n }\n className={cn(\n btnBase,\n expandedHitAreaClass,\n 'rounded-xl',\n isIconOnly ? s.sq : [s.h, s.pxNav, s.gap],\n s.text,\n variantClasses(variant),\n )}\n >\n {direction === 'previous' && (\n <Icon className={cn(s.icon, 'rtl:rotate-180')} />\n )}\n {!isIconOnly && <span>{text}</span>}\n {direction === 'next' && (\n <Icon className={cn(s.icon, 'rtl:rotate-180')} />\n )}\n </button>\n );\n}\n\nNavButton.displayName = 'NavButton';\n\nfunction IconNavButton({\n direction,\n disabled,\n size,\n onClick,\n className: extraClassName,\n}: {\n direction: 'previous' | 'next' | 'first' | 'last';\n disabled: boolean;\n size: PaginationSize;\n onClick: () => void;\n className?: string;\n}) {\n const s = sizeMap[size];\n const Icon = iconNavIcons[direction];\n\n return (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n aria-label={iconNavLabels[direction]}\n className={cn(\n btnBase,\n expandedHitAreaClass,\n 'rounded-xl text-secondary-foreground hover:bg-muted',\n s.sq,\n extraClassName,\n )}\n >\n <Icon className={cn(s.icon, 'rtl:rotate-180')} />\n </button>\n );\n}\n\nIconNavButton.displayName = 'IconNavButton';\n\nfunction PageInfo({\n currentPage,\n totalPages,\n size,\n}: {\n currentPage: number;\n totalPages: number;\n size: PaginationSize;\n}) {\n const s = sizeMap[size];\n return (\n <span className={cn('text-muted-foreground whitespace-nowrap', s.text)}>\n Page <span className=\"text-foreground\">{currentPage}</span> of{' '}\n <span className=\"text-foreground\">{totalPages}</span>\n </span>\n );\n}\n\nPageInfo.displayName = 'PageInfo';\n\nfunction PageNumberButtons({\n currentPage,\n totalPages,\n siblingCount,\n size,\n variant,\n shape,\n activeColor,\n onPageChange,\n}: {\n currentPage: number;\n totalPages: number;\n siblingCount: number;\n size: PaginationSize;\n variant: PaginationVariant;\n shape: PaginationShape;\n activeColor: ActiveColor;\n onPageChange: (page: number) => void;\n}) {\n const pages = generatePageNumbers(currentPage, totalPages, siblingCount);\n return (\n <>\n {pages.map((page, position) =>\n page === 'ellipsis' ? (\n <EllipsisIndicator\n key={getPaginationPageKey(page, pages, position)}\n size={size}\n shape={shape}\n />\n ) : (\n <PageButton\n key={page}\n page={page}\n isActive={page === currentPage}\n size={size}\n variant={variant}\n shape={shape}\n activeColor={activeColor}\n onClick={() => onPageChange(page)}\n />\n ),\n )}\n </>\n );\n}\n\n/* ============================================\n Shared Props for Type Components\n ============================================ */\n\ninterface TypeComponentProps {\n currentPage: number;\n totalPages: number;\n siblingCount: number;\n size: PaginationSize;\n variant: PaginationVariant;\n shape: PaginationShape;\n prevNextStyle: PrevNextStyle;\n activeColor: ActiveColor;\n previousText: string;\n nextText: string;\n onPageChange: (page: number) => void;\n showPageNumbers: boolean;\n itemsPerPage?: number;\n perPageOptions?: number[];\n onPerPageChange?: (perPage: number) => void;\n}\n\n/* ============================================\n Type: default\n < Previous 1 2 [3] 4 ... Next >\n ============================================ */\n\nfunction DefaultPagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n variant,\n shape,\n prevNextStyle,\n activeColor,\n previousText,\n nextText,\n onPageChange,\n showPageNumbers,\n}: TypeComponentProps) {\n return (\n <div className=\"flex items-center gap-1\">\n <NavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n variant={variant}\n prevNextStyle={prevNextStyle}\n text={previousText}\n onClick={() => onPageChange(currentPage - 1)}\n />\n {showPageNumbers && (\n <PageNumberButtons\n currentPage={currentPage}\n totalPages={totalPages}\n siblingCount={siblingCount}\n size={size}\n variant={variant}\n shape={shape}\n activeColor={activeColor}\n onPageChange={onPageChange}\n />\n )}\n <NavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n variant={variant}\n prevNextStyle={prevNextStyle}\n text={nextText}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: previous-next\n < Previous Next >\n ============================================ */\n\nfunction PreviousNextPagination({\n currentPage,\n totalPages,\n size,\n variant,\n previousText,\n nextText,\n onPageChange,\n}: TypeComponentProps) {\n return (\n <div className=\"flex w-full items-center justify-between\">\n <NavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n variant={variant}\n prevNextStyle=\"icon-text\"\n text={previousText}\n onClick={() => onPageChange(currentPage - 1)}\n />\n <NavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n variant={variant}\n prevNextStyle=\"icon-text\"\n text={nextText}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: with-buttons\n [< Previous] [1] [2] [3] [4] [Next >]\n ============================================ */\n\nfunction WithButtonsPagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n shape,\n activeColor,\n previousText,\n nextText,\n onPageChange,\n showPageNumbers,\n}: TypeComponentProps) {\n return (\n <div className=\"flex items-start gap-1.5\">\n <NavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n variant=\"outlined\"\n prevNextStyle=\"icon-text\"\n text={previousText}\n onClick={() => onPageChange(currentPage - 1)}\n />\n {showPageNumbers && (\n <PageNumberButtons\n currentPage={currentPage}\n totalPages={totalPages}\n siblingCount={siblingCount}\n size={size}\n variant=\"outlined\"\n shape={shape}\n activeColor={activeColor}\n onPageChange={onPageChange}\n />\n )}\n <NavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n variant=\"outlined\"\n prevNextStyle=\"icon-text\"\n text={nextText}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: combine\n [< | 1 | 2 | 3 | 4 | >]\n ============================================ */\n\nfunction CombinePagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n onPageChange,\n}: TypeComponentProps) {\n const pages = generatePageNumbers(currentPage, totalPages, siblingCount);\n const s = sizeMap[size];\n\n const cellBase = cn(btnBase, 'border-y border-s border-input', s.sq, s.text);\n\n return (\n <div className=\"inline-flex items-start\">\n <button\n type=\"button\"\n onClick={() => onPageChange(currentPage - 1)}\n disabled={currentPage <= 1}\n aria-label=\"Go to previous page\"\n className={cn(\n cellBase,\n 'rounded-s-lg text-secondary-foreground hover:bg-muted',\n )}\n >\n <ChevronLeft className={cn(s.icon, 'rtl:rotate-180')} />\n </button>\n\n {pages.map((page, position) => (\n <button\n key={getPaginationPageKey(page, pages, position)}\n type=\"button\"\n onClick={() => page !== 'ellipsis' && onPageChange(page as number)}\n disabled={page === 'ellipsis'}\n aria-current={page === currentPage ? 'page' : undefined}\n aria-label={page === 'ellipsis' ? 'More pages' : `Go to page ${page}`}\n className={cn(\n cellBase,\n page === currentPage\n ? 'bg-accent text-accent-foreground'\n : 'text-foreground hover:bg-muted',\n page === 'ellipsis' && 'pointer-events-none',\n )}\n >\n {page === 'ellipsis' ? <MoreHorizontal className={s.icon} /> : page}\n </button>\n ))}\n\n <button\n type=\"button\"\n onClick={() => onPageChange(currentPage + 1)}\n disabled={currentPage >= totalPages}\n aria-label=\"Go to next page\"\n className={cn(\n cellBase,\n 'rounded-e-lg border-e text-secondary-foreground hover:bg-muted',\n )}\n >\n <ChevronRight className={cn(s.icon, 'rtl:rotate-180')} />\n </button>\n </div>\n );\n}\n\n/* ============================================\n Type: combine-steps\n [< | 5/25 | >]\n ============================================ */\n\nfunction CombineStepsPagination({\n currentPage,\n totalPages,\n size,\n onPageChange,\n}: TypeComponentProps) {\n const s = sizeMap[size];\n\n const cellBase = cn(btnBase, 'border-y border-s border-border', s.sq);\n\n return (\n <div className=\"inline-flex items-start\">\n <button\n type=\"button\"\n onClick={() => onPageChange(currentPage - 1)}\n disabled={currentPage <= 1}\n aria-label=\"Go to previous page\"\n className={cn(\n cellBase,\n 'rounded-s-md text-secondary-foreground hover:bg-muted',\n )}\n >\n <ChevronLeft className={cn(s.icon, 'rtl:rotate-180')} />\n </button>\n\n <div\n className={cn(\n 'inline-flex items-center justify-center border-y border-s border-input',\n s.h,\n 'px-4',\n s.text,\n 'font-medium text-foreground',\n )}\n >\n <span>{currentPage}</span>\n <span className=\"text-muted-foreground\">/{totalPages}</span>\n </div>\n\n <button\n type=\"button\"\n onClick={() => onPageChange(currentPage + 1)}\n disabled={currentPage >= totalPages}\n aria-label=\"Go to next page\"\n className={cn(\n cellBase,\n 'rounded-e-md border-e text-secondary-foreground hover:bg-muted',\n )}\n >\n <ChevronRight className={cn(s.icon, 'rtl:rotate-180')} />\n </button>\n </div>\n );\n}\n\n/* ============================================\n Type: minimal\n < 1 2 [3] 4 >\n ============================================ */\n\nfunction MinimalPagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n shape,\n activeColor,\n onPageChange,\n showPageNumbers,\n}: TypeComponentProps) {\n return (\n <div className=\"flex items-center gap-1.5\">\n <IconNavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n onClick={() => onPageChange(currentPage - 1)}\n />\n {showPageNumbers && (\n <PageNumberButtons\n currentPage={currentPage}\n totalPages={totalPages}\n siblingCount={siblingCount}\n size={size}\n variant=\"default\"\n shape={shape}\n activeColor={activeColor}\n onPageChange={onPageChange}\n />\n )}\n <IconNavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: first-last\n << First < 1 2 [3] 4 > Last >>\n ============================================ */\n\nfunction FirstLastPagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n shape,\n activeColor,\n onPageChange,\n showPageNumbers,\n}: TypeComponentProps) {\n const s = sizeMap[size];\n\n return (\n <div className=\"flex items-center gap-1.5\">\n <button\n type=\"button\"\n onClick={() => onPageChange(1)}\n disabled={currentPage <= 1}\n className={cn(\n btnBase,\n expandedHitAreaClass,\n 'rounded-md text-secondary-foreground hover:bg-muted',\n s.h,\n s.pxNav,\n s.gap,\n s.text,\n )}\n >\n <ChevronsLeft className={cn(s.icon, 'rtl:rotate-180')} />\n <span>First</span>\n </button>\n\n <IconNavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n onClick={() => onPageChange(currentPage - 1)}\n />\n\n {showPageNumbers && (\n <PageNumberButtons\n currentPage={currentPage}\n totalPages={totalPages}\n siblingCount={siblingCount}\n size={size}\n variant=\"default\"\n shape={shape}\n activeColor={activeColor}\n onPageChange={onPageChange}\n />\n )}\n\n <IconNavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n onClick={() => onPageChange(currentPage + 1)}\n />\n\n <button\n type=\"button\"\n onClick={() => onPageChange(totalPages)}\n disabled={currentPage >= totalPages}\n className={cn(\n btnBase,\n expandedHitAreaClass,\n 'rounded-md text-secondary-foreground hover:bg-muted',\n s.h,\n s.pxNav,\n s.gap,\n s.text,\n )}\n >\n <span>Last</span>\n <ChevronsRight className={cn(s.icon, 'rtl:rotate-180')} />\n </button>\n </div>\n );\n}\n\n/* ============================================\n Type: page-number\n Page 1 of 10 [< Previous] 1 2 3 4 [Next >]\n ============================================ */\n\nfunction PageNumberPagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n shape,\n activeColor,\n previousText,\n nextText,\n onPageChange,\n showPageNumbers,\n}: TypeComponentProps) {\n return (\n <div className=\"flex w-full items-center justify-between\">\n <PageInfo currentPage={currentPage} totalPages={totalPages} size={size} />\n <div className=\"flex items-center gap-1\">\n <NavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n variant=\"default\"\n prevNextStyle=\"icon-text\"\n text={previousText}\n onClick={() => onPageChange(currentPage - 1)}\n />\n {showPageNumbers && (\n <PageNumberButtons\n currentPage={currentPage}\n totalPages={totalPages}\n siblingCount={siblingCount}\n size={size}\n variant=\"default\"\n shape={shape}\n activeColor={activeColor}\n onPageChange={onPageChange}\n />\n )}\n <NavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n variant=\"default\"\n prevNextStyle=\"icon-text\"\n text={nextText}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n </div>\n );\n}\n\n/* ============================================\n Type: left-right-chevron\n < Page 1 of 10 >\n ============================================ */\n\nfunction LeftRightChevronPagination({\n currentPage,\n totalPages,\n size,\n onPageChange,\n}: TypeComponentProps) {\n return (\n <div className=\"flex w-full items-center justify-between gap-1\">\n <IconNavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n onClick={() => onPageChange(currentPage - 1)}\n />\n <PageInfo currentPage={currentPage} totalPages={totalPages} size={size} />\n <IconNavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: page-dropdown\n Page 1 of 10 < Previous 1 2 [3] 4 [10/page v]\n ============================================ */\n\nfunction PageDropdownPagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n shape,\n activeColor,\n previousText,\n onPageChange,\n showPageNumbers,\n itemsPerPage,\n perPageOptions,\n onPerPageChange,\n}: TypeComponentProps) {\n const s = sizeMap[size];\n\n return (\n <div className=\"flex items-center gap-1.5\">\n <PageInfo currentPage={currentPage} totalPages={totalPages} size={size} />\n\n <NavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n variant=\"default\"\n prevNextStyle=\"icon-text\"\n text={previousText}\n onClick={() => onPageChange(currentPage - 1)}\n />\n\n {showPageNumbers && (\n <PageNumberButtons\n currentPage={currentPage}\n totalPages={totalPages}\n siblingCount={siblingCount}\n size={size}\n variant=\"default\"\n shape={shape}\n activeColor={activeColor}\n onPageChange={onPageChange}\n />\n )}\n\n {onPerPageChange && (\n <div\n className={cn(\n 'relative inline-flex items-center justify-center rounded-md border border-border font-medium',\n s.h,\n 'px-4',\n s.gap,\n s.text,\n 'text-foreground',\n )}\n >\n <select\n value={itemsPerPage}\n onChange={(e) => onPerPageChange(Number(e.target.value))}\n className=\"absolute inset-0 cursor-pointer opacity-0\"\n aria-label=\"Items per page\"\n >\n {(perPageOptions ?? [10, 20, 50]).map((opt) => (\n <option key={opt} value={opt}>\n {opt}/page\n </option>\n ))}\n </select>\n <span>{itemsPerPage ?? 10}/page</span>\n <ChevronDown className={s.icon} />\n </div>\n )}\n </div>\n );\n}\n\n/* ============================================\n Type: page-dropdown-nav\n < [Page 1 v] >\n ============================================ */\n\nfunction PageDropdownNavPagination({\n currentPage,\n totalPages,\n size,\n onPageChange,\n}: TypeComponentProps) {\n const s = sizeMap[size];\n\n return (\n <div className=\"flex items-center gap-1\">\n <IconNavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n onClick={() => onPageChange(currentPage - 1)}\n />\n\n <div\n className={cn(\n 'relative inline-flex items-center justify-center rounded-xl border border-border font-medium',\n s.h,\n 'px-4',\n s.gap,\n s.text,\n 'text-foreground',\n )}\n >\n <select\n value={currentPage}\n onChange={(e) => onPageChange(Number(e.target.value))}\n className=\"absolute inset-0 cursor-pointer opacity-0\"\n aria-label=\"Select page\"\n >\n {Array.from({ length: totalPages }, (_, i) => (\n <option key={i + 1} value={i + 1}>\n Page {i + 1}\n </option>\n ))}\n </select>\n <span>Page {currentPage}</span>\n <ChevronDown className={s.icon} />\n </div>\n\n <IconNavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: with-underline\n 1 2 _3_ 4 5 6\n ============================================ */\n\nfunction WithUnderlinePagination({\n currentPage,\n totalPages,\n siblingCount,\n size,\n onPageChange,\n}: TypeComponentProps) {\n const pages = generatePageNumbers(currentPage, totalPages, siblingCount);\n const s = sizeMap[size];\n\n return (\n <div className=\"flex items-start gap-1\">\n {pages.map((page, position) =>\n page === 'ellipsis' ? (\n <EllipsisIndicator\n key={getPaginationPageKey(page, pages, position)}\n size={size}\n shape=\"square\"\n />\n ) : (\n <button\n key={page}\n type=\"button\"\n onClick={() => onPageChange(page)}\n aria-current={page === currentPage ? 'page' : undefined}\n className={cn(\n btnBase,\n expandedHitAreaClass,\n s.sq,\n s.text,\n page === currentPage\n ? 'border-b-2 border-foreground text-foreground'\n : 'text-foreground hover:bg-muted',\n )}\n >\n {page}\n </button>\n ),\n )}\n </div>\n );\n}\n\n/* ============================================\n Type: outline\n [< Previous] [Next >]\n ============================================ */\n\nfunction OutlinePagination({\n currentPage,\n totalPages,\n size,\n previousText,\n nextText,\n onPageChange,\n}: TypeComponentProps) {\n return (\n <div className=\"flex items-center gap-1\">\n <NavButton\n direction=\"previous\"\n disabled={currentPage <= 1}\n size={size}\n variant=\"outlined\"\n prevNextStyle=\"icon-text\"\n text={previousText}\n onClick={() => onPageChange(currentPage - 1)}\n />\n <NavButton\n direction=\"next\"\n disabled={currentPage >= totalPages}\n size={size}\n variant=\"outlined\"\n prevNextStyle=\"icon-text\"\n text={nextText}\n onClick={() => onPageChange(currentPage + 1)}\n />\n </div>\n );\n}\n\n/* ============================================\n Type: box-style\n [Previous | Next]\n ============================================ */\n\nfunction BoxStylePagination({\n currentPage,\n totalPages,\n size,\n previousText,\n nextText,\n onPageChange,\n}: TypeComponentProps) {\n const s = sizeMap[size];\n\n return (\n <div className=\"inline-flex items-center\">\n <button\n type=\"button\"\n onClick={() => onPageChange(currentPage - 1)}\n disabled={currentPage <= 1}\n className={cn(\n btnBase,\n 'rounded-s-md border border-border bg-background text-foreground hover:bg-muted',\n s.h,\n s.pxNav,\n s.gap,\n s.text,\n )}\n >\n {previousText}\n </button>\n <button\n type=\"button\"\n onClick={() => onPageChange(currentPage + 1)}\n disabled={currentPage >= totalPages}\n className={cn(\n btnBase,\n 'rounded-e-md border border-s-0 border-border bg-primary/10 text-foreground hover:bg-muted',\n s.h,\n s.pxNav,\n s.gap,\n s.text,\n )}\n >\n {nextText}\n </button>\n </div>\n );\n}\n\n/* ============================================\n Legacy Type Mapping\n ============================================ */\n\ntype ResolvedType = Exclude<\n PaginationType,\n | 'page-default'\n | 'page-minimal'\n | 'card-default'\n | 'card-minimal'\n | 'card-button-group'\n>;\n\nfunction resolveLegacyProps(type: PaginationType): {\n resolvedType: ResolvedType;\n card: boolean;\n overrideVariant?: PaginationVariant;\n} {\n switch (type) {\n case 'page-default':\n return { resolvedType: 'default', card: false };\n case 'page-minimal':\n return {\n resolvedType: 'outline',\n card: false,\n overrideVariant: 'outlined',\n };\n case 'card-default':\n return {\n resolvedType: 'default',\n card: true,\n overrideVariant: 'outlined',\n };\n case 'card-minimal':\n return { resolvedType: 'page-number', card: true };\n case 'card-button-group':\n return { resolvedType: 'combine', card: false };\n default:\n return { resolvedType: type, card: false };\n }\n}\n\n/* ============================================\n Type Component Registry\n ============================================ */\n\nconst typeComponents: Record<\n ResolvedType,\n React.ComponentType<TypeComponentProps>\n> = {\n default: DefaultPagination,\n 'previous-next': PreviousNextPagination,\n 'with-buttons': WithButtonsPagination,\n combine: CombinePagination,\n 'combine-steps': CombineStepsPagination,\n minimal: MinimalPagination,\n 'first-last': FirstLastPagination,\n 'page-number': PageNumberPagination,\n 'left-right-chevron': LeftRightChevronPagination,\n 'page-dropdown': PageDropdownPagination,\n 'page-dropdown-nav': PageDropdownNavPagination,\n 'with-underline': WithUnderlinePagination,\n outline: OutlinePagination,\n 'box-style': BoxStylePagination,\n};\n\n/* ============================================\n Main Pagination Component\n ============================================ */\n\ninterface PaginationProps extends React.ComponentProps<'nav'> {\n /** Pagination layout type */\n type?: PaginationType;\n /** Size of pagination elements */\n size?: PaginationSize;\n /** Visual variant of inactive buttons */\n variant?: PaginationVariant;\n /** Shape of page number buttons */\n shape?: PaginationShape;\n /** Style of previous/next buttons */\n prevNextStyle?: PrevNextStyle;\n /** Current active page (1-indexed) */\n currentPage?: number;\n /** Total number of pages */\n totalPages?: number;\n /** Number of sibling pages to show around current page */\n siblingCount?: number;\n /** Callback when page changes */\n onPageChange?: (page: number) => void;\n /** Show page numbers */\n showPageNumbers?: boolean;\n /** Previous button text */\n previousText?: string;\n /** Next button text */\n nextText?: string;\n /** Items per page (for page-dropdown type display) */\n itemsPerPage?: number;\n /** Items per page options */\n perPageOptions?: number[];\n /** Callback when items per page changes */\n onPerPageChange?: (perPage: number) => void;\n /** Color of the active page indicator */\n activeColor?: ActiveColor;\n}\n\nfunction Pagination({\n className,\n type = 'default',\n size = 'md',\n variant = 'default',\n shape = 'square',\n prevNextStyle = 'icon-text',\n currentPage = 1,\n totalPages = 10,\n siblingCount = 1,\n onPageChange,\n showPageNumbers = true,\n previousText = 'Previous',\n nextText = 'Next',\n itemsPerPage,\n perPageOptions,\n onPerPageChange,\n activeColor = 'primary',\n ...props\n}: PaginationProps) {\n const safeSize = getPaginationSize(size);\n const safeTotalPages = getPositiveInteger(totalPages, DEFAULT_PAGE_TOTAL);\n const safeCurrentPage = getCurrentPage(currentPage, safeTotalPages);\n const safeSiblingCount = getNonNegativeInteger(\n siblingCount,\n DEFAULT_SIBLING_COUNT,\n );\n const safePerPageOptions = getPerPageOptions(perPageOptions);\n const safeItemsPerPage = getItemsPerPage(itemsPerPage, safePerPageOptions);\n const { resolvedType, card, overrideVariant } = resolveLegacyProps(type);\n const finalVariant = overrideVariant ?? variant;\n const finalShape: PaginationShape = shape === 'circle' ? 'rounded' : shape;\n\n const handlePageChange = (page: number) => {\n if (!onPageChange || !Number.isFinite(page)) {\n return;\n }\n\n const nextPage = Math.floor(page);\n if (nextPage >= 1 && nextPage <= safeTotalPages) {\n onPageChange(nextPage);\n }\n };\n\n const typeProps: TypeComponentProps = {\n currentPage: safeCurrentPage,\n totalPages: safeTotalPages,\n siblingCount: safeSiblingCount,\n size: safeSize,\n variant: finalVariant,\n shape: finalShape,\n prevNextStyle,\n activeColor,\n previousText,\n nextText,\n onPageChange: handlePageChange,\n showPageNumbers,\n itemsPerPage: safeItemsPerPage,\n perPageOptions: safePerPageOptions,\n onPerPageChange,\n };\n\n const TypeComponent =\n typeComponents[resolvedType as ResolvedType] ?? DefaultPagination;\n\n return (\n <nav\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\n 'flex w-full',\n card &&\n 'rounded-xl border border-border bg-background p-4 dark:border-border dark:bg-muted',\n className,\n )}\n {...props}\n >\n <TypeComponent {...typeProps} />\n </nav>\n );\n}\n\n/* ============================================\n Display Names\n ============================================ */\n\nPagination.displayName = 'Pagination';\n\n/* ============================================\n Exports\n ============================================ */\n\nexport type {\n ActiveColor,\n PaginationAlignment,\n PaginationDotsProps,\n PaginationDotsSize,\n PaginationDotsStyle,\n PaginationProps,\n PaginationShape,\n PaginationSize,\n PaginationType,\n PaginationVariant,\n PrevNextStyle,\n};\n\nexport {\n Pagination,\n PaginationDots,\n paginationDotIndicatorVariants,\n paginationDotsVariants,\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
package/dist/wc/Switch.js CHANGED
@@ -3,8 +3,8 @@ import { i as ge, t as fe } from "./vendor/react.js";
3
3
  import { n as r } from "./utils.js";
4
4
  import { t as re } from "./createLucideIcon.js";
5
5
  import { t as ke } from "./check.js";
6
- import { t as ve } from "./x.js";
7
- import { c as be, o as we, r as ye, t as ne, u as je } from "./useRenderElement.js";
6
+ import { t as be } from "./x.js";
7
+ import { c as ve, o as we, r as ye, t as ne, u as je } from "./useRenderElement.js";
8
8
  import { r as Ce } from "./useStableCallback.js";
9
9
  import { l as Ne } from "./floating-ui.utils.dom.js";
10
10
  import { t as Te, v as _e } from "./createBaseUIEventDetails.js";
@@ -74,20 +74,20 @@ var ee = /* @__PURE__ */ (function(t) {
74
74
  return t ? { [ee.checked]: "" } : { [ee.unchecked]: "" };
75
75
  }
76
76
  }, e = fe(), Qe = /* @__PURE__ */ o.forwardRef(function(n, a) {
77
- const { checked: u, className: c, defaultChecked: p, "aria-labelledby": i, form: f, id: m, inputRef: j, name: V, nativeButton: C = !1, onCheckedChange: $, readOnly: b = !1, required: N = !1, disabled: S = !1, render: U, uncheckedValue: T, value: _, style: P, ...K } = n, { clearErrors: B } = We(), { state: R, setTouched: q, setDirty: w, validityData: x, setFilled: E, setFocused: h, validationMode: I, disabled: k, name: H, validation: l } = Ve(), { labelId: O } = Me(), s = k || S, F = H ?? V, y = o.useRef(null), J = we(y, j, l.inputRef), W = o.useRef(null), Y = Fe(), Q = ze({
77
+ const { checked: u, className: c, defaultChecked: p, "aria-labelledby": i, form: f, id: m, inputRef: j, name: V, nativeButton: C = !1, onCheckedChange: $, readOnly: v = !1, required: N = !1, disabled: S = !1, render: U, uncheckedValue: T, value: _, style: P, ...K } = n, { clearErrors: B } = We(), { state: R, setTouched: q, setDirty: w, validityData: x, setFilled: E, setFocused: h, validationMode: I, disabled: k, name: H, validation: l } = Ve(), { labelId: O } = Me(), s = k || S, F = H ?? V, y = o.useRef(null), J = we(y, j, l.inputRef), W = o.useRef(null), Y = Fe(), Q = ze({
78
78
  id: m,
79
79
  implicit: !1,
80
80
  controlRef: W
81
- }), Z = C ? void 0 : Q, [v, de] = Pe({
81
+ }), Z = C ? void 0 : Q, [b, de] = Pe({
82
82
  controlled: u,
83
83
  default: !!p,
84
84
  name: "Switch",
85
85
  state: "checked"
86
86
  });
87
- Se(W, Y, v, void 0, !s, V), Ce(() => {
87
+ Se(W, Y, b, void 0, !s, V), Ce(() => {
88
88
  y.current && E(y.current.checked);
89
- }, [y, E]), Je(v, () => {
90
- B(F), w(v !== x.initialValue), E(v), l.change(v);
89
+ }, [y, E]), Je(b, () => {
90
+ B(F), w(b !== x.initialValue), E(b), l.change(b);
91
91
  });
92
92
  const { getButtonProps: ce, buttonRef: le } = Re({
93
93
  disabled: s,
@@ -95,8 +95,8 @@ var ee = /* @__PURE__ */ (function(t) {
95
95
  }), he = Oe(i, O, y, !C, Z), ue = {
96
96
  id: C ? Q : Y,
97
97
  role: "switch",
98
- "aria-checked": v,
99
- "aria-readonly": b || void 0,
98
+ "aria-checked": b,
99
+ "aria-readonly": v || void 0,
100
100
  "aria-required": N || void 0,
101
101
  "aria-labelledby": he,
102
102
  onFocus() {
@@ -107,7 +107,7 @@ var ee = /* @__PURE__ */ (function(t) {
107
107
  !d || s || (q(!0), h(!1), I === "onBlur" && l.commit(d.checked));
108
108
  },
109
109
  onClick(d) {
110
- if (b || s) return;
110
+ if (v || s) return;
111
111
  d.preventDefault();
112
112
  const z = y.current;
113
113
  z && z.dispatchEvent(new (Ne(z)).PointerEvent("click", {
@@ -119,7 +119,7 @@ var ee = /* @__PURE__ */ (function(t) {
119
119
  }));
120
120
  }
121
121
  }, pe = ye({
122
- checked: v,
122
+ checked: b,
123
123
  disabled: s,
124
124
  form: f,
125
125
  id: Z,
@@ -132,7 +132,7 @@ var ee = /* @__PURE__ */ (function(t) {
132
132
  ref: J,
133
133
  onChange(d) {
134
134
  if (d.nativeEvent.defaultPrevented) return;
135
- if (b) {
135
+ if (v) {
136
136
  d.preventDefault();
137
137
  return;
138
138
  }
@@ -142,17 +142,17 @@ var ee = /* @__PURE__ */ (function(t) {
142
142
  onFocus() {
143
143
  W.current?.focus();
144
144
  }
145
- }, (d) => l.getValidationProps(s, d), _ !== void 0 ? { value: _ } : be), L = o.useMemo(() => ({
145
+ }, (d) => l.getValidationProps(s, d), _ !== void 0 ? { value: _ } : ve), L = o.useMemo(() => ({
146
146
  ...R,
147
- checked: v,
147
+ checked: b,
148
148
  disabled: s,
149
- readOnly: b,
149
+ readOnly: v,
150
150
  required: N
151
151
  }), [
152
152
  R,
153
- v,
154
- s,
155
153
  b,
154
+ s,
155
+ v,
156
156
  N
157
157
  ]), me = ne("span", n, {
158
158
  state: L,
@@ -173,7 +173,7 @@ var ee = /* @__PURE__ */ (function(t) {
173
173
  value: L,
174
174
  children: [
175
175
  me,
176
- !v && F && T !== void 0 && /* @__PURE__ */ (0, e.jsx)("input", {
176
+ !b && F && T !== void 0 && /* @__PURE__ */ (0, e.jsx)("input", {
177
177
  type: "hidden",
178
178
  form: f,
179
179
  name: F,
@@ -418,7 +418,7 @@ function ut({ isLight: t, onThemeChange: n, sizes: a }) {
418
418
  "aria-label": `Switch to ${t ? "dark" : "light"} theme`,
419
419
  onClick: () => n(t ? "dark" : "light"),
420
420
  className: r("relative rounded-full transition-[colors,box-shadow] hover:shadow-[0_0_0_3px_var(--ring)/0.1] active:scale-[0.97]", a.track, g, M, t ? "bg-input" : "bg-primary"),
421
- children: /* @__PURE__ */ (0, e.jsx)("div", { className: r("absolute top-1/2 -translate-y-1/2 rounded-full shadow-md group-active:shadow-sm transition-all", a.indicator, g, t ? "bg-card" : "bg-primary-foreground", t ? "left-0.5" : "right-0.5") })
421
+ children: /* @__PURE__ */ (0, e.jsx)("div", { className: r("absolute top-1/2 -translate-y-1/2 rounded-full shadow-md group-active:shadow-sm transition-all", a.indicator, g, t ? "bg-card" : "bg-background", t ? "left-0.5" : "right-0.5") })
422
422
  }), /* @__PURE__ */ (0, e.jsx)("div", {
423
423
  className: r(a.icon, "text-[var(--muted-foreground)]"),
424
424
  children: t ? /* @__PURE__ */ (0, e.jsx)(D, { className: "size-full" }) : /* @__PURE__ */ (0, e.jsx)(G, { className: "size-full" })
@@ -491,7 +491,7 @@ var xt = {
491
491
  "theme-switch": "switch",
492
492
  "theme-pill": "pill",
493
493
  "theme-segmented": "segmented"
494
- }, oe = o.forwardRef(({ variant: t, size: n = "md", label: a, orientation: u = "vertical", checked: c, onCheckedChange: p, className: i, description: f, labelPosition: m, switchStyle: j, withIcon: V, thumbIconOn: C, thumbIconOff: $, showOnOff: b, onLabel: N, offLabel: S, defaultChecked: U, ...T }, _) => {
494
+ }, oe = o.forwardRef(({ variant: t, size: n = "md", label: a, orientation: u = "vertical", checked: c, onCheckedChange: p, className: i, description: f, labelPosition: m, switchStyle: j, withIcon: V, thumbIconOn: C, thumbIconOff: $, showOnOff: v, onLabel: N, offLabel: S, defaultChecked: U, ...T }, _) => {
495
495
  const P = typeof i == "function" ? void 0 : i, [K, B] = (0, o.useState)(!1);
496
496
  (0, o.useEffect)(() => {
497
497
  B(!0);
@@ -563,7 +563,7 @@ oe.displayName = "ThemeVariantRenderer";
563
563
  function gt(t) {
564
564
  return !t.startsWith("theme-");
565
565
  }
566
- var X = o.forwardRef(({ label: t, description: n, labelPosition: a = "right", orientation: u, className: c, id: p, size: i = "md", variant: f = "primary", switchStyle: m = "solid", withIcon: j, thumbIconOn: V, thumbIconOff: C, showOnOff: $, onLabel: b, offLabel: N, checked: S, defaultChecked: U = !1, onCheckedChange: T, ..._ }, P) => {
566
+ var X = o.forwardRef(({ label: t, description: n, labelPosition: a = "right", orientation: u, className: c, id: p, size: i = "md", variant: f = "primary", switchStyle: m = "solid", withIcon: j, thumbIconOn: V, thumbIconOff: C, showOnOff: $, onLabel: v, offLabel: N, checked: S, defaultChecked: U = !1, onCheckedChange: T, ..._ }, P) => {
567
567
  const K = o.useId(), B = p || K, [R, q] = o.useState(U), w = S !== void 0, x = w ? S : R, E = o.useCallback((W) => {
568
568
  w || q(W), T?.(W);
569
569
  }, [w, T]);
@@ -578,7 +578,7 @@ var X = o.forwardRef(({ label: t, description: n, labelPosition: a = "right", or
578
578
  className: c,
579
579
  ..._
580
580
  });
581
- const h = f, I = $ || !!b || !!N, k = I ? rt : et, H = I ? nt : at, l = m === "solid" ? r("data-unchecked:bg-input dark:data-unchecked:bg-input/80 border-transparent", it[h]) : r("data-unchecked:bg-transparent data-checked:bg-transparent border-input", st[h]), O = m === "solid" ? "bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground" : r("bg-input dark:bg-foreground", ot[h]), s = j || V || C, F = s ? V || /* @__PURE__ */ (0, e.jsx)(ke, { className: te[i] }) : null, y = s ? C || /* @__PURE__ */ (0, e.jsx)(ve, { className: te[i] }) : null, J = /* @__PURE__ */ (0, e.jsxs)(Qe, {
581
+ const h = f, I = $ || !!v || !!N, k = I ? rt : et, H = I ? nt : at, l = m === "solid" ? r("data-unchecked:bg-input dark:data-unchecked:bg-input/80 border-transparent", it[h]) : r("data-unchecked:bg-transparent data-checked:bg-transparent border-input", st[h]), O = m === "solid" ? "bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-background" : r("bg-input dark:bg-foreground", ot[h]), s = j || V || C, F = s ? V || /* @__PURE__ */ (0, e.jsx)(ke, { className: te[i] }) : null, y = s ? C || /* @__PURE__ */ (0, e.jsx)(be, { className: te[i] }) : null, J = /* @__PURE__ */ (0, e.jsxs)(Qe, {
582
582
  ref: P,
583
583
  id: B,
584
584
  "data-slot": "switch",
@@ -592,7 +592,7 @@ var X = o.forwardRef(({ label: t, description: n, labelPosition: a = "right", or
592
592
  children: [I && /* @__PURE__ */ (0, e.jsxs)(e.Fragment, { children: [/* @__PURE__ */ (0, e.jsx)("span", {
593
593
  "aria-hidden": "true",
594
594
  className: r("absolute font-semibold transition-opacity duration-200 ease-smooth motion-reduce:transition-none", ae[i], "start-1.5", x ? "opacity-100" : "opacity-0", m === "solid" ? "text-primary-foreground" : "text-current"),
595
- children: b || "ON"
595
+ children: v || "ON"
596
596
  }), /* @__PURE__ */ (0, e.jsx)("span", {
597
597
  "aria-hidden": "true",
598
598
  className: r("absolute font-semibold transition-opacity duration-200 ease-smooth motion-reduce:transition-none", ae[i], "end-1.5", x ? "opacity-0" : "opacity-100", m === "solid" ? "text-muted-foreground" : "text-current"),