@spark-ui/components 16.0.3 → 16.1.1-beta.0

package/dist/input/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/input/InputGroupContext.ts","../../src/input/InputClearButton.tsx","../../src/input/InputGroup.styles.ts","../../src/input/InputGroup.tsx","../../src/input/InputAddon.styles.ts","../../src/input/InputAddon.tsx","../../src/input/InputLeadingAddon.tsx","../../src/input/InputIcon.tsx","../../src/input/InputLeadingIcon.tsx","../../src/input/InputTrailingAddon.tsx","../../src/input/InputTrailingIcon.tsx","../../src/input/Input.styles.ts","../../src/input/Input.tsx","../../src/input/index.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nexport interface InputGroupContextValue {\n  disabled?: boolean\n  readOnly?: boolean\n  hasLeadingIcon: boolean\n  hasTrailingIcon: boolean\n  hasLeadingAddon: boolean\n  hasTrailingAddon: boolean\n  hasClearButton: boolean\n  state: null | undefined | 'error' | 'alert' | 'success'\n  isStandalone?: boolean\n  onClear: () => void\n}\n\nexport const InputGroupContext = createContext<Partial<InputGroupContextValue> | null>(null)\n\nexport const useInputGroup = () => {\n  const context = useContext(InputGroupContext)\n\n  return context || { isStandalone: true }\n}\n","import { DeleteOutline } from '@spark-ui/icons/DeleteOutline'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, MouseEventHandler, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport interface InputClearButtonProps extends ComponentPropsWithoutRef<'button'> {\n  'aria-label': string\n  inline?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nconst Root = ({\n  className,\n  tabIndex = -1,\n  onClick,\n  inline = false,\n  ref,\n  ...others\n}: InputClearButtonProps) => {\n  const { onClear, hasTrailingIcon } = useInputGroup()\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = event => {\n    if (onClick) {\n      onClick(event)\n    }\n\n    if (onClear) {\n      onClear()\n    }\n  }\n\n  return (\n    <button\n      ref={ref}\n      data-spark-component=\"input-clear-button\"\n      className={cx(\n        className,\n        'pointer-events-auto absolute',\n        inline ? 'h-sz-44 top-0 -translate-y-0' : 'top-1/2 -translate-y-1/2',\n        'inline-flex h-full items-center justify-center outline-hidden',\n        'text-neutral hover:text-neutral-hovered',\n        hasTrailingIcon ? 'right-3xl px-sz-12' : 'pl-md pr-lg right-0'\n      )}\n      tabIndex={tabIndex}\n      onClick={handleClick}\n      type=\"button\"\n      {...others}\n    >\n      <Icon size=\"sm\">\n        <DeleteOutline />\n      </Icon>\n    </button>\n  )\n}\n\nexport const InputClearButton = Object.assign(Root, {\n  id: 'ClearButton',\n})\n\nRoot.displayName = 'InputGroup.ClearButton'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputGroupStyles = cva(['relative inline-flex w-full'], {\n  variants: {\n    /**\n     * When `true`, prevents the user from interacting.\n     */\n    disabled: {\n      true: [\n        'cursor-not-allowed',\n        'relative',\n        'after:absolute',\n        'after:top-0',\n        'after:h-full',\n        'after:w-full',\n        'after:border-sm after:border-outline',\n        'after:rounded-lg',\n      ],\n      false: 'after:hidden',\n    },\n    /**\n     * Sets the component as interactive or not.\n     */\n    readOnly: {\n      true: [\n        'relative',\n        'after:absolute',\n        'after:top-0',\n        'after:h-full',\n        'after:w-full',\n        'after:border-sm after:border-outline',\n        'after:rounded-lg',\n      ],\n      false: 'after:hidden',\n    },\n  },\n})\n\nexport type InputGroupStylesProps = VariantProps<typeof inputGroupStyles>\n","/* eslint-disable max-lines-per-function */\n\nimport { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useCombinedState } from '@spark-ui/hooks/use-combined-state'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport {\n  ChangeEventHandler,\n  Children,\n  cloneElement,\n  ComponentPropsWithoutRef,\n  DetailedReactHTMLElement,\n  FC,\n  isValidElement,\n  PropsWithChildren,\n  ReactElement,\n  Ref,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\n\nimport { InputProps } from './Input'\nimport { inputGroupStyles, InputGroupStylesProps } from './InputGroup.styles'\nimport { InputGroupContext } from './InputGroupContext'\n\nexport interface InputGroupProps extends ComponentPropsWithoutRef<'div'>, InputGroupStylesProps {\n  /**\n   * Use `state` prop to assign a specific state to the group, choosing from: `error`, `alert` and `success`. By doing so, the outline styles will be updated.\n   */\n  state?: 'error' | 'alert' | 'success'\n  /**\n   * Function handler to be executed after the input has been cleared.\n   */\n  onClear?: () => void\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const InputGroup = ({\n  className,\n  children: childrenProp,\n  state: stateProp,\n  disabled: disabledProp,\n  readOnly: readOnlyProp,\n  onClear,\n  ref: forwardedRef,\n  ...others\n}: PropsWithChildren<InputGroupProps>) => {\n  const getElementId = (element?: ReactElement) => {\n    return element ? (element.type as FC & { id?: string }).id : ''\n  }\n\n  const findElement = (...values: string[]) => {\n    return children.find(child => values.includes(getElementId(child) || ''))\n  }\n\n  const children = Children.toArray(childrenProp).filter(isValidElement)\n  const input = findElement('Input') as\n    | DetailedReactHTMLElement<InputProps, HTMLInputElement>\n    | undefined\n  const props = input?.props || {}\n\n  const inputRef = useRef<HTMLInputElement>(null!)\n  const onClearRef = useRef(onClear)\n  const ref = useMergeRefs<HTMLInputElement>(input?.ref, inputRef)\n  const [value, onChange] = useCombinedState(\n    props.value as string,\n    props.defaultValue as string,\n    props.onValueChange\n  )\n\n  // Data derivated from FormField context\n  const field = useFormFieldControl()\n  const state = field.state ?? stateProp\n  const disabled = field.disabled || !!disabledProp\n  const readOnly = field.readOnly || !!readOnlyProp\n\n  // InputGroup elements (in visual order)\n  const leadingAddon = findElement('LeadingAddon')\n  const leadingIcon = findElement('LeadingIcon')\n  const clearButton = findElement('ClearButton')\n  const trailingIcon = findElement('TrailingIcon')\n  const trailingAddon = findElement('TrailingAddon')\n\n  // Acknowledge which subComponents are used in the compound context\n  const hasLeadingAddon = !!leadingAddon\n  const hasTrailingAddon = !!trailingAddon\n  const hasLeadingIcon = !!leadingIcon\n  const hasTrailingIcon = !!trailingIcon\n  const hasClearButton = !!value && !!clearButton && !disabled && !readOnly\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = event => {\n    if (props.onChange) {\n      props.onChange(event)\n    }\n\n    onChange(event.target.value)\n  }\n\n  const handleClear = useCallback(() => {\n    if (onClearRef.current) {\n      onClearRef.current()\n    }\n\n    onChange('')\n\n    inputRef.current.focus()\n  }, [onChange])\n\n  const current = useMemo(() => {\n    return {\n      state,\n      disabled,\n      readOnly,\n      hasLeadingIcon,\n      hasTrailingIcon,\n      hasLeadingAddon,\n      hasTrailingAddon,\n      hasClearButton,\n      onClear: handleClear,\n    }\n  }, [\n    state,\n    disabled,\n    readOnly,\n    hasLeadingIcon,\n    hasTrailingIcon,\n    hasLeadingAddon,\n    hasTrailingAddon,\n    hasClearButton,\n    handleClear,\n  ])\n\n  useEffect(() => {\n    onClearRef.current = onClear\n  }, [onClear])\n\n  // Preserve the input value when cloning. Some libraries like React Hook Form\n  // only expose a ref (via `register`) without direct value access, so we need\n  // to manually retrieve the value from the ref to avoid losing it.\n  const inputRefValue = inputRef.current?.value\n\n  return (\n    <InputGroupContext.Provider value={current}>\n      <div\n        data-spark-component=\"input-group\"\n        ref={forwardedRef}\n        className={inputGroupStyles({ disabled, readOnly, className })}\n        {...others}\n      >\n        {hasLeadingAddon && leadingAddon}\n\n        <div className=\"relative inline-flex w-full\">\n          {input &&\n            cloneElement(input, {\n              value: value ?? inputRefValue ?? '',\n              ref,\n              defaultValue: undefined,\n              onChange: handleChange,\n            })}\n\n          {leadingIcon}\n\n          {hasClearButton && clearButton}\n\n          {trailingIcon}\n        </div>\n\n        {hasTrailingAddon && trailingAddon}\n      </div>\n    </InputGroupContext.Provider>\n  )\n}\n\nInputGroup.displayName = 'InputGroup'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputAddonStyles = cva(\n  [\n    'overflow-hidden',\n    'border-sm',\n    'shrink-0',\n    'h-full',\n    'focus-visible:relative focus-visible:z-raised',\n    'mx-0',\n  ],\n  {\n    variants: {\n      /**\n       * Change the component to the HTML tag or custom component of the only child.\n       */\n      asChild: { false: ['flex', 'items-center', 'px-lg'] },\n      intent: {\n        neutral: 'border-outline',\n        error: 'border-error',\n        alert: 'border-alert',\n        success: 'border-success',\n      },\n      /**\n       * Disable the input addon, preventing user interaction and adding opacity.\n       */\n      disabled: {\n        true: ['pointer-events-none border-outline!'],\n      },\n      /**\n       * Changes input addon styles based on the read only status from the input.\n       */\n      readOnly: {\n        true: ['pointer-events-none'],\n      },\n      /**\n       * Main style of the input addon.\n       */\n      design: {\n        text: '',\n        solid: '',\n        inline: '',\n      },\n    },\n    compoundVariants: [\n      {\n        disabled: false,\n        readOnly: false,\n        design: 'text',\n        class: ['bg-surface', 'text-on-surface'],\n      },\n      {\n        disabled: true,\n        design: 'text',\n        class: ['text-on-surface/dim-3'],\n      },\n      {\n        disabled: true,\n        design: ['solid', 'inline'],\n        class: ['opacity-dim-3'],\n      },\n    ],\n    defaultVariants: {\n      intent: 'neutral',\n    },\n  }\n)\n\nexport type InputAddonStylesProps = VariantProps<typeof inputAddonStyles>\n","import { Children, type ComponentPropsWithoutRef, type PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { inputAddonStyles, type InputAddonStylesProps } from './InputAddon.styles'\nimport { useInputGroup } from './InputGroupContext'\n\nexport interface InputAddonProps\n  extends ComponentPropsWithoutRef<'div'>,\n    Omit<InputAddonStylesProps, 'intent' | 'disabled'> {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const InputAddon = ({\n  asChild: asChildProp,\n  className,\n  children,\n  ref,\n  ...others\n}: PropsWithChildren<InputAddonProps>) => {\n  const { state, disabled, readOnly } = useInputGroup()\n\n  const isRawText = typeof children === 'string'\n  const asChild = !!(isRawText ? false : asChildProp)\n  const child = isRawText ? children : Children.only(children)\n  const Component = asChild && !isRawText ? Slot : 'div'\n\n  const getDesign = (): InputAddonStylesProps['design'] => {\n    if (isRawText) return 'text'\n\n    return asChild ? 'solid' : 'inline'\n  }\n\n  const design = getDesign()\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"input-addon\"\n      className={inputAddonStyles({\n        className,\n        intent: state,\n        disabled,\n        readOnly,\n        asChild,\n        design,\n      })}\n      {...(disabled && { tabIndex: -1 })}\n      {...others}\n    >\n      {child}\n    </Component>\n  )\n}\n\nInputAddon.displayName = 'InputGroup.Addon'\n","import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { InputAddon, InputAddonProps } from './InputAddon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport type InputLeadingAddonProps = InputAddonProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nconst Root = ({ className, ref, ...others }: InputLeadingAddonProps) => {\n  const { disabled, readOnly } = useInputGroup()\n  const isInactive = disabled || readOnly\n\n  return (\n    <div className={cx('rounded-l-lg', isInactive ? 'bg-on-surface/dim-5' : null)}>\n      <InputAddon\n        ref={ref}\n        className={cx(className, 'rounded-r-0! mr-[-1px] rounded-l-lg')}\n        {...others}\n      />\n    </div>\n  )\n}\n\nexport const InputLeadingAddon = Object.assign(Root, {\n  id: 'LeadingAddon',\n})\n\nRoot.displayName = 'InputGroup.LeadingAddon'\n","import { cx } from 'class-variance-authority'\n\nimport { Icon, type IconProps } from '../icon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport type InputIconProps = IconProps\n\nexport const InputIcon = ({ className, intent, children, ...others }: InputIconProps) => {\n  const { disabled, readOnly } = useInputGroup()\n  const isInactive = disabled || readOnly\n\n  return (\n    <Icon\n      data-spark-component=\"input-icon\"\n      intent={intent}\n      className={cx(\n        className,\n        'pointer-events-none absolute top-[calc(var(--spacing-sz-44)/2)] -translate-y-1/2',\n        intent ? undefined : 'text-neutral peer-focus:text-outline-high',\n        isInactive ? 'opacity-dim-3' : undefined\n      )}\n      {...others}\n    >\n      {children}\n    </Icon>\n  )\n}\n\nInputIcon.displayName = 'InputGroup.Icon'\n","import { cx } from 'class-variance-authority'\n\nimport { InputIcon, InputIconProps } from './InputIcon'\n\nexport type InputLeadingIconProps = InputIconProps\n\nexport const InputLeadingIcon = ({ className, ...others }: InputLeadingIconProps) => (\n  <InputIcon className={cx(className, 'left-lg text-body-1')} {...others} />\n)\n\nInputLeadingIcon.id = 'LeadingIcon'\nInputLeadingIcon.displayName = 'InputGroup.LeadingIcon'\n","import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { InputAddon, InputAddonProps } from './InputAddon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport type InputTrailingAddonProps = InputAddonProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nconst Root = ({ className, ref, ...others }: InputTrailingAddonProps) => {\n  const { disabled, readOnly } = useInputGroup()\n  const isInactive = disabled || readOnly\n\n  return (\n    <div className={cx('rounded-r-lg', isInactive ? 'bg-on-surface/dim-5' : null)}>\n      <InputAddon\n        ref={ref}\n        className={cx(className, 'rounded-l-0! ml-[-1px] rounded-r-lg')}\n        {...others}\n      />\n    </div>\n  )\n}\n\nexport const InputTrailingAddon = Object.assign(Root, {\n  id: 'TrailingAddon',\n})\n\nRoot.displayName = 'InputGroup.TrailingAddon'\n","import { cx } from 'class-variance-authority'\n\nimport { InputIcon, InputIconProps } from './InputIcon'\n\nexport type InputTrailingIconProps = InputIconProps\n\nexport const InputTrailingIcon = ({ className, ...others }: InputTrailingIconProps) => (\n  <InputIcon className={cx(className, 'right-lg text-body-1')} {...others} />\n)\n\nInputTrailingIcon.id = 'TrailingIcon'\nInputTrailingIcon.displayName = 'InputGroup.TrailingIcon'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputStyles = cva(\n  [\n    'relative',\n    'border-sm',\n    'peer',\n    'w-full',\n    'appearance-none outline-hidden',\n    'bg-surface',\n    'text-ellipsis text-body-1 text-on-surface',\n    'caret-neutral',\n    '[&:-webkit-autofill]:[-webkit-text-fill-color:var(--color-on-surface)]',\n    'autofill:shadow-surface autofill:shadow-[inset_0_0_0px_1000px]',\n    'disabled:cursor-not-allowed disabled:border-outline disabled:bg-on-surface/dim-5 disabled:text-on-surface/dim-3',\n    'read-only:cursor-default read-only:pointer-events-none read-only:bg-on-surface/dim-5',\n    'focus:ring-1 focus:ring-inset focus:ring-focus focus:border-focus',\n  ],\n  {\n    variants: {\n      /**\n       * Change the component to the HTML tag or custom component of the only child.\n       */\n      asChild: {\n        true: ['min-h-sz-44'],\n        false: ['h-sz-44'],\n      },\n      /**\n       * Color scheme of the button.\n       */\n      intent: {\n        neutral: ['border-outline', 'default:hover:border-outline-high'],\n        success: ['default:border-success'],\n        alert: ['default:border-alert'],\n        error: ['default:border-error'],\n      },\n      /**\n       * Sets if there is an addon before the input text.\n       */\n      hasLeadingAddon: {\n        true: ['rounded-l-0'],\n        false: ['rounded-l-lg'],\n      },\n      /**\n       * Sets if there is an addon after the input text.\n       */\n      hasTrailingAddon: {\n        true: ['rounded-r-0'],\n        false: ['rounded-r-lg'],\n      },\n      /**\n       * Sets if there is an icon before the input text.\n       */\n      hasLeadingIcon: {\n        true: ['pl-3xl'],\n        false: ['pl-lg'],\n      },\n      /**\n       * Sets if there is an icon after the input text.\n       */\n      hasTrailingIcon: { true: '' },\n      /**\n       * Sets if there is a button to clear the input text.\n       */\n      hasClearButton: { true: '' },\n    },\n    compoundVariants: [\n      {\n        hasTrailingIcon: false,\n        hasClearButton: false,\n        class: 'pr-lg',\n      },\n      {\n        hasTrailingIcon: true,\n        hasClearButton: false,\n        class: 'pr-3xl',\n      },\n      {\n        hasTrailingIcon: false,\n        hasClearButton: true,\n        class: 'pr-3xl',\n      },\n      {\n        hasTrailingIcon: true,\n        hasClearButton: true,\n        class: 'pr-[calc(var(--spacing-3xl)*2)]',\n      },\n    ],\n    defaultVariants: {\n      intent: 'neutral',\n    },\n  }\n)\n\nexport type InputStylesProps = VariantProps<typeof inputStyles>\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { ChangeEventHandler, ComponentPropsWithoutRef, KeyboardEventHandler, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { inputStyles } from './Input.styles'\nimport { useInputGroup } from './InputGroupContext'\n\ntype InputPrimitiveProps = ComponentPropsWithoutRef<'input'>\n\nexport interface InputProps extends InputPrimitiveProps {\n  asChild?: boolean\n  onValueChange?: (value: string) => void\n  ref?: Ref<HTMLInputElement>\n}\n\nconst Root = ({\n  className,\n  asChild = false,\n  onValueChange,\n  onChange,\n  onKeyDown,\n  disabled: disabledProp,\n  readOnly: readOnlyProp,\n  ref,\n  ...others\n}: InputProps) => {\n  const field = useFormFieldControl()\n  const group = useInputGroup()\n\n  const { id, name, isInvalid, isRequired, description } = field\n  const {\n    hasLeadingAddon,\n    hasTrailingAddon,\n    hasLeadingIcon,\n    hasTrailingIcon,\n    hasClearButton,\n    onClear,\n  } = group\n  const Component = asChild ? Slot : 'input'\n  const state = field.state || group.state\n  const disabled = field.disabled || group.disabled || disabledProp\n  const readOnly = field.readOnly || group.readOnly || readOnlyProp\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = event => {\n    if (onChange) {\n      onChange(event)\n    }\n\n    if (onValueChange) {\n      onValueChange(event.target.value)\n    }\n  }\n\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = event => {\n    if (onKeyDown) {\n      onKeyDown(event)\n    }\n\n    if (hasClearButton && onClear && event.key === 'Escape') {\n      onClear()\n    }\n  }\n\n  return (\n    <Component\n      data-spark-component=\"input\"\n      ref={ref}\n      id={id}\n      name={name}\n      className={inputStyles({\n        asChild,\n        className,\n        intent: state,\n        hasLeadingAddon: !!hasLeadingAddon,\n        hasTrailingAddon: !!hasTrailingAddon,\n        hasLeadingIcon: !!hasLeadingIcon,\n        hasTrailingIcon: !!hasTrailingIcon,\n        hasClearButton: !!hasClearButton,\n      })}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={isRequired}\n      aria-describedby={description}\n      aria-invalid={isInvalid}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      {...others}\n    />\n  )\n}\n\nexport const Input = Object.assign(Root, {\n  id: 'Input',\n})\n\nRoot.displayName = 'Input'\n","import { InputClearButton } from './InputClearButton'\nimport { InputGroup as Root } from './InputGroup'\nimport { InputLeadingAddon } from './InputLeadingAddon'\nimport { InputLeadingIcon } from './InputLeadingIcon'\nimport { InputTrailingAddon } from './InputTrailingAddon'\nimport { InputTrailingIcon } from './InputTrailingIcon'\n\nexport * from './Input'\n\nexport const InputGroup: typeof Root & {\n  LeadingAddon: typeof InputLeadingAddon\n  TrailingAddon: typeof InputTrailingAddon\n  LeadingIcon: typeof InputLeadingIcon\n  TrailingIcon: typeof InputTrailingIcon\n  ClearButton: typeof InputClearButton\n} = Object.assign(Root, {\n  LeadingAddon: InputLeadingAddon,\n  TrailingAddon: InputTrailingAddon,\n  LeadingIcon: InputLeadingIcon,\n  TrailingIcon: InputTrailingIcon,\n  ClearButton: InputClearButton,\n})\n\nInputGroup.displayName = 'InputGroup'\nInputLeadingAddon.displayName = 'InputGroup.LeadingAddon'\nInputTrailingAddon.displayName = 'InputGroup.TrailingAddon'\nInputLeadingIcon.displayName = 'InputGroup.LeadingIcon'\nInputTrailingIcon.displayName = 'InputGroup.TrailingIcon'\nInputClearButton.displayName = 'InputGroup.ClearButton'\n\nexport { useInputGroup } from './InputGroupContext'\nexport { type InputGroupProps } from './InputGroup'\nexport { type InputLeadingIconProps } from './InputLeadingIcon'\nexport { type InputTrailingIconProps } from './InputTrailingIcon'\nexport { type InputLeadingAddonProps } from './InputLeadingAddon'\nexport { type InputTrailingAddonProps } from './InputTrailingAddon'\nexport { type InputClearButtonProps } from './InputClearButton'\n"],"names":["InputGroupContext","createContext","useInputGroup","useContext","Root","className","tabIndex","onClick","inline","ref","others","onClear","hasTrailingIcon","handleClick","event","jsx","cx","Icon","DeleteOutline","InputClearButton","inputGroupStyles","cva","InputGroup","childrenProp","stateProp","disabledProp","readOnlyProp","forwardedRef","getElementId","element","findElement","values","children","child","Children","isValidElement","input","props","inputRef","useRef","onClearRef","useMergeRefs","value","onChange","useCombinedState","field","useFormFieldControl","state","disabled","readOnly","leadingAddon","leadingIcon","clearButton","trailingIcon","trailingAddon","hasLeadingAddon","hasTrailingAddon","hasLeadingIcon","hasClearButton","handleChange","handleClear","useCallback","current","useMemo","useEffect","inputRefValue","jsxs","cloneElement","inputAddonStyles","InputAddon","asChildProp","isRawText","asChild","Component","Slot","design","InputLeadingAddon","InputIcon","intent","InputLeadingIcon","InputTrailingAddon","InputTrailingIcon","inputStyles","onValueChange","onKeyDown","group","id","name","isInvalid","isRequired","description","handleKeyDown","Input"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/input/InputGroupContext.ts","../../src/input/InputClearButton.tsx","../../src/input/InputGroup.styles.ts","../../src/input/InputGroup.tsx","../../src/input/InputAddon.styles.ts","../../src/input/InputAddon.tsx","../../src/input/InputLeadingAddon.tsx","../../src/input/InputIcon.tsx","../../src/input/InputLeadingIcon.tsx","../../src/input/InputTrailingAddon.tsx","../../src/input/InputTrailingIcon.tsx","../../src/input/Input.styles.ts","../../src/input/Input.tsx","../../src/input/index.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nexport interface InputGroupContextValue {\n  disabled?: boolean\n  readOnly?: boolean\n  hasLeadingIcon: boolean\n  hasTrailingIcon: boolean\n  hasLeadingAddon: boolean\n  hasTrailingAddon: boolean\n  hasClearButton: boolean\n  state: null | undefined | 'error' | 'alert' | 'success'\n  isStandalone?: boolean\n  onClear: () => void\n}\n\nexport const InputGroupContext = createContext<Partial<InputGroupContextValue> | null>(null)\n\nexport const useInputGroup = () => {\n  const context = useContext(InputGroupContext)\n\n  return context || { isStandalone: true }\n}\n","import { DeleteOutline } from '@spark-ui/icons/DeleteOutline'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, MouseEventHandler, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport interface InputClearButtonProps extends ComponentPropsWithoutRef<'button'> {\n  'aria-label': string\n  inline?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nconst Root = ({\n  className,\n  tabIndex = -1,\n  onClick,\n  inline = false,\n  ref,\n  ...others\n}: InputClearButtonProps) => {\n  const { onClear, hasTrailingIcon } = useInputGroup()\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = event => {\n    if (onClick) {\n      onClick(event)\n    }\n\n    if (onClear) {\n      onClear()\n    }\n  }\n\n  return (\n    <button\n      ref={ref}\n      data-spark-component=\"input-clear-button\"\n      className={cx(\n        className,\n        'pointer-events-auto absolute',\n        inline ? 'h-sz-44 top-0 -translate-y-0' : 'top-1/2 -translate-y-1/2',\n        'inline-flex h-full items-center justify-center outline-hidden',\n        'text-neutral hover:text-neutral-hovered',\n        hasTrailingIcon ? 'right-3xl px-sz-12' : 'pl-md pr-lg right-0'\n      )}\n      tabIndex={tabIndex}\n      onClick={handleClick}\n      type=\"button\"\n      {...others}\n    >\n      <Icon size=\"sm\">\n        <DeleteOutline />\n      </Icon>\n    </button>\n  )\n}\n\nexport const InputClearButton = Object.assign(Root, {\n  id: 'ClearButton',\n})\n\nRoot.displayName = 'InputGroup.ClearButton'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputGroupStyles = cva(['relative inline-flex w-full'], {\n  variants: {\n    /**\n     * When `true`, prevents the user from interacting.\n     */\n    disabled: {\n      true: [\n        'cursor-not-allowed',\n        'relative',\n        'after:absolute',\n        'after:top-0',\n        'after:h-full',\n        'after:w-full',\n        'after:border-sm after:border-outline',\n        'after:rounded-lg',\n      ],\n      false: 'after:hidden',\n    },\n    /**\n     * Sets the component as interactive or not.\n     */\n    readOnly: {\n      true: [\n        'relative',\n        'after:absolute',\n        'after:top-0',\n        'after:h-full',\n        'after:w-full',\n        'after:border-sm after:border-outline',\n        'after:rounded-lg',\n      ],\n      false: 'after:hidden',\n    },\n  },\n})\n\nexport type InputGroupStylesProps = VariantProps<typeof inputGroupStyles>\n","/* eslint-disable max-lines-per-function */\n\nimport { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useCombinedState } from '@spark-ui/hooks/use-combined-state'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport {\n  ChangeEventHandler,\n  Children,\n  cloneElement,\n  ComponentPropsWithoutRef,\n  DetailedReactHTMLElement,\n  FC,\n  isValidElement,\n  PropsWithChildren,\n  ReactElement,\n  Ref,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\n\nimport { InputProps } from './Input'\nimport { inputGroupStyles, InputGroupStylesProps } from './InputGroup.styles'\nimport { InputGroupContext } from './InputGroupContext'\n\nexport interface InputGroupProps extends ComponentPropsWithoutRef<'div'>, InputGroupStylesProps {\n  /**\n   * Use `state` prop to assign a specific state to the group, choosing from: `error`, `alert` and `success`. By doing so, the outline styles will be updated.\n   */\n  state?: 'error' | 'alert' | 'success'\n  /**\n   * Function handler to be executed after the input has been cleared.\n   */\n  onClear?: () => void\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const InputGroup = ({\n  className,\n  children: childrenProp,\n  state: stateProp,\n  disabled: disabledProp,\n  readOnly: readOnlyProp,\n  onClear,\n  ref: forwardedRef,\n  ...others\n}: PropsWithChildren<InputGroupProps>) => {\n  const getElementId = (element?: ReactElement) => {\n    return element ? (element.type as FC & { id?: string }).id : ''\n  }\n\n  const findElement = (...values: string[]) => {\n    return children.find(child => values.includes(getElementId(child) || ''))\n  }\n\n  const children = Children.toArray(childrenProp).filter(isValidElement)\n  const input = findElement('Input') as\n    | DetailedReactHTMLElement<InputProps, HTMLInputElement>\n    | undefined\n  const props = input?.props || {}\n\n  const inputRef = useRef<HTMLInputElement>(null!)\n  const onClearRef = useRef(onClear)\n  const ref = useMergeRefs<HTMLInputElement>(input?.ref, inputRef)\n  const [value, onChange] = useCombinedState(\n    props.value as string,\n    props.defaultValue as string,\n    props.onValueChange\n  )\n\n  // Data derivated from FormField context\n  const field = useFormFieldControl()\n  const state = field.state ?? stateProp\n  const disabled = field.disabled || !!disabledProp\n  const readOnly = field.readOnly || !!readOnlyProp\n\n  // InputGroup elements (in visual order)\n  const leadingAddon = findElement('LeadingAddon')\n  const leadingIcon = findElement('LeadingIcon')\n  const clearButton = findElement('ClearButton')\n  const trailingIcon = findElement('TrailingIcon')\n  const trailingAddon = findElement('TrailingAddon')\n\n  // Acknowledge which subComponents are used in the compound context\n  const hasLeadingAddon = !!leadingAddon\n  const hasTrailingAddon = !!trailingAddon\n  const hasLeadingIcon = !!leadingIcon\n  const hasTrailingIcon = !!trailingIcon\n  const hasClearButton = !!value && !!clearButton && !disabled && !readOnly\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = event => {\n    if (props.onChange) {\n      props.onChange(event)\n    }\n\n    onChange(event.target.value)\n  }\n\n  const handleClear = useCallback(() => {\n    if (onClearRef.current) {\n      onClearRef.current()\n    }\n\n    onChange('')\n\n    inputRef.current.focus()\n  }, [onChange])\n\n  const current = useMemo(() => {\n    return {\n      state,\n      disabled,\n      readOnly,\n      hasLeadingIcon,\n      hasTrailingIcon,\n      hasLeadingAddon,\n      hasTrailingAddon,\n      hasClearButton,\n      onClear: handleClear,\n    }\n  }, [\n    state,\n    disabled,\n    readOnly,\n    hasLeadingIcon,\n    hasTrailingIcon,\n    hasLeadingAddon,\n    hasTrailingAddon,\n    hasClearButton,\n    handleClear,\n  ])\n\n  useEffect(() => {\n    onClearRef.current = onClear\n  }, [onClear])\n\n  // Preserve the input value when cloning. Some libraries like React Hook Form\n  // only expose a ref (via `register`) without direct value access, so we need\n  // to manually retrieve the value from the ref to avoid losing it.\n  const inputRefValue = inputRef.current?.value\n\n  return (\n    <InputGroupContext.Provider value={current}>\n      <div\n        data-spark-component=\"input-group\"\n        ref={forwardedRef}\n        className={inputGroupStyles({ disabled, readOnly, className })}\n        {...others}\n      >\n        {hasLeadingAddon && leadingAddon}\n\n        <div className=\"relative inline-flex w-full\">\n          {input &&\n            cloneElement(input, {\n              value: value ?? inputRefValue ?? '',\n              ref,\n              defaultValue: undefined,\n              onChange: handleChange,\n            })}\n\n          {leadingIcon}\n\n          {hasClearButton && clearButton}\n\n          {trailingIcon}\n        </div>\n\n        {hasTrailingAddon && trailingAddon}\n      </div>\n    </InputGroupContext.Provider>\n  )\n}\n\nInputGroup.displayName = 'InputGroup'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputAddonStyles = cva(\n  [\n    'overflow-hidden',\n    'border-sm',\n    'shrink-0',\n    'h-full',\n    'focus-visible:relative focus-visible:z-raised',\n    'mx-0',\n  ],\n  {\n    variants: {\n      /**\n       * Change the component to the HTML tag or custom component of the only child.\n       */\n      asChild: { false: ['flex', 'items-center', 'px-lg'] },\n      intent: {\n        neutral: 'border-outline',\n        error: 'border-error',\n        alert: 'border-alert',\n        success: 'border-success',\n      },\n      /**\n       * Disable the input addon, preventing user interaction and adding opacity.\n       */\n      disabled: {\n        true: ['pointer-events-none border-outline!'],\n      },\n      /**\n       * Changes input addon styles based on the read only status from the input.\n       */\n      readOnly: {\n        true: ['pointer-events-none'],\n      },\n      /**\n       * Main style of the input addon.\n       */\n      design: {\n        text: '',\n        solid: '',\n        inline: '',\n      },\n    },\n    compoundVariants: [\n      {\n        disabled: false,\n        readOnly: false,\n        design: 'text',\n        class: ['bg-surface', 'text-on-surface'],\n      },\n      {\n        disabled: true,\n        design: 'text',\n        class: ['text-on-surface/dim-3'],\n      },\n      {\n        disabled: true,\n        design: ['solid', 'inline'],\n        class: ['opacity-dim-3'],\n      },\n    ],\n    defaultVariants: {\n      intent: 'neutral',\n    },\n  }\n)\n\nexport type InputAddonStylesProps = VariantProps<typeof inputAddonStyles>\n","import { Children, type ComponentPropsWithoutRef, type PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { inputAddonStyles, type InputAddonStylesProps } from './InputAddon.styles'\nimport { useInputGroup } from './InputGroupContext'\n\nexport interface InputAddonProps\n  extends ComponentPropsWithoutRef<'div'>,\n    Omit<InputAddonStylesProps, 'intent' | 'disabled'> {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const InputAddon = ({\n  asChild: asChildProp,\n  className,\n  children,\n  ref,\n  ...others\n}: PropsWithChildren<InputAddonProps>) => {\n  const { state, disabled, readOnly } = useInputGroup()\n\n  const isRawText = typeof children === 'string'\n  const asChild = !!(isRawText ? false : asChildProp)\n  const child = isRawText ? children : Children.only(children)\n  const Component = asChild && !isRawText ? Slot : 'div'\n\n  const getDesign = (): InputAddonStylesProps['design'] => {\n    if (isRawText) return 'text'\n\n    return asChild ? 'solid' : 'inline'\n  }\n\n  const design = getDesign()\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"input-addon\"\n      className={inputAddonStyles({\n        className,\n        intent: state,\n        disabled,\n        readOnly,\n        asChild,\n        design,\n      })}\n      {...(disabled && { tabIndex: -1 })}\n      {...others}\n    >\n      {child}\n    </Component>\n  )\n}\n\nInputAddon.displayName = 'InputGroup.Addon'\n","import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { InputAddon, InputAddonProps } from './InputAddon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport type InputLeadingAddonProps = InputAddonProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nconst Root = ({ className, ref, ...others }: InputLeadingAddonProps) => {\n  const { disabled, readOnly } = useInputGroup()\n  const isInactive = disabled || readOnly\n\n  return (\n    <div className={cx('rounded-l-full', isInactive ? 'bg-on-surface/dim-5' : null)}>\n      <InputAddon\n        ref={ref}\n        className={cx(className, 'rounded-r-0! -mr-px rounded-l-full')}\n        {...others}\n      />\n    </div>\n  )\n}\n\nexport const InputLeadingAddon = Object.assign(Root, {\n  id: 'LeadingAddon',\n})\n\nRoot.displayName = 'InputGroup.LeadingAddon'\n","import { cx } from 'class-variance-authority'\n\nimport { Icon, type IconProps } from '../icon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport type InputIconProps = IconProps\n\nexport const InputIcon = ({ className, intent, children, ...others }: InputIconProps) => {\n  const { disabled, readOnly } = useInputGroup()\n  const isInactive = disabled || readOnly\n\n  return (\n    <Icon\n      data-spark-component=\"input-icon\"\n      intent={intent}\n      className={cx(\n        className,\n        'pointer-events-none absolute top-[calc(var(--spacing-sz-44)/2)] -translate-y-1/2',\n        intent ? undefined : 'text-neutral peer-focus:text-outline-high',\n        isInactive ? 'opacity-dim-3' : undefined\n      )}\n      {...others}\n    >\n      {children}\n    </Icon>\n  )\n}\n\nInputIcon.displayName = 'InputGroup.Icon'\n","import { cx } from 'class-variance-authority'\n\nimport { InputIcon, InputIconProps } from './InputIcon'\n\nexport type InputLeadingIconProps = InputIconProps\n\nexport const InputLeadingIcon = ({ className, ...others }: InputLeadingIconProps) => (\n  <InputIcon className={cx(className, 'left-lg text-body-1')} {...others} />\n)\n\nInputLeadingIcon.id = 'LeadingIcon'\nInputLeadingIcon.displayName = 'InputGroup.LeadingIcon'\n","import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { InputAddon, InputAddonProps } from './InputAddon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport type InputTrailingAddonProps = InputAddonProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nconst Root = ({ className, ref, ...others }: InputTrailingAddonProps) => {\n  const { disabled, readOnly } = useInputGroup()\n  const isInactive = disabled || readOnly\n\n  return (\n    <div className={cx('rounded-r-full', isInactive ? 'bg-on-surface/dim-5' : null)}>\n      <InputAddon\n        ref={ref}\n        className={cx(className, 'rounded-l-0! -ml-px rounded-r-full')}\n        {...others}\n      />\n    </div>\n  )\n}\n\nexport const InputTrailingAddon = Object.assign(Root, {\n  id: 'TrailingAddon',\n})\n\nRoot.displayName = 'InputGroup.TrailingAddon'\n","import { cx } from 'class-variance-authority'\n\nimport { InputIcon, InputIconProps } from './InputIcon'\n\nexport type InputTrailingIconProps = InputIconProps\n\nexport const InputTrailingIcon = ({ className, ...others }: InputTrailingIconProps) => (\n  <InputIcon className={cx(className, 'right-lg text-body-1')} {...others} />\n)\n\nInputTrailingIcon.id = 'TrailingIcon'\nInputTrailingIcon.displayName = 'InputGroup.TrailingIcon'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputStyles = cva(\n  [\n    'relative',\n    'border-sm',\n    'peer',\n    'w-full',\n    'appearance-none outline-hidden',\n    'bg-surface',\n    'text-ellipsis text-body-1 text-on-surface',\n    'caret-neutral',\n    '[&:-webkit-autofill]:[-webkit-text-fill-color:var(--color-on-surface)]',\n    'autofill:shadow-surface autofill:shadow-[inset_0_0_0px_1000px]',\n    'disabled:cursor-not-allowed disabled:border-outline disabled:bg-on-surface/dim-5 disabled:text-on-surface/dim-3',\n    'read-only:cursor-default read-only:pointer-events-none read-only:bg-on-surface/dim-5',\n    'focus:ring-1 focus:ring-inset focus:ring-focus focus:border-focus',\n  ],\n  {\n    variants: {\n      /**\n       * Change the component to the HTML tag or custom component of the only child.\n       */\n      asChild: {\n        true: ['min-h-sz-44'],\n        false: ['h-sz-44'],\n      },\n      /**\n       * Color scheme of the button.\n       */\n      intent: {\n        neutral: ['border-outline', 'default:hover:border-outline-high'],\n        success: ['default:border-success'],\n        alert: ['default:border-alert'],\n        error: ['default:border-error'],\n      },\n      /**\n       * Sets if there is an addon before the input text.\n       */\n      hasLeadingAddon: {\n        true: ['rounded-l-0'],\n        false: ['rounded-l-full'],\n      },\n      /**\n       * Sets if there is an addon after the input text.\n       */\n      hasTrailingAddon: {\n        true: ['rounded-r-0'],\n        false: ['rounded-r-full'],\n      },\n      /**\n       * Sets if there is an icon before the input text.\n       */\n      hasLeadingIcon: {\n        true: ['pl-3xl'],\n        false: ['pl-lg'],\n      },\n      /**\n       * Sets if there is an icon after the input text.\n       */\n      hasTrailingIcon: { true: '' },\n      /**\n       * Sets if there is a button to clear the input text.\n       */\n      hasClearButton: { true: '' },\n    },\n    compoundVariants: [\n      {\n        hasTrailingIcon: false,\n        hasClearButton: false,\n        class: 'pr-lg',\n      },\n      {\n        hasTrailingIcon: true,\n        hasClearButton: false,\n        class: 'pr-3xl',\n      },\n      {\n        hasTrailingIcon: false,\n        hasClearButton: true,\n        class: 'pr-3xl',\n      },\n      {\n        hasTrailingIcon: true,\n        hasClearButton: true,\n        class: 'pr-[calc(var(--spacing-3xl)*2)]',\n      },\n    ],\n    defaultVariants: {\n      intent: 'neutral',\n    },\n  }\n)\n\nexport type InputStylesProps = VariantProps<typeof inputStyles>\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { ChangeEventHandler, ComponentPropsWithoutRef, KeyboardEventHandler, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { inputStyles } from './Input.styles'\nimport { useInputGroup } from './InputGroupContext'\n\ntype InputPrimitiveProps = ComponentPropsWithoutRef<'input'>\n\nexport interface InputProps extends InputPrimitiveProps {\n  asChild?: boolean\n  onValueChange?: (value: string) => void\n  ref?: Ref<HTMLInputElement>\n}\n\nconst Root = ({\n  className,\n  asChild = false,\n  onValueChange,\n  onChange,\n  onKeyDown,\n  disabled: disabledProp,\n  readOnly: readOnlyProp,\n  ref,\n  ...others\n}: InputProps) => {\n  const field = useFormFieldControl()\n  const group = useInputGroup()\n\n  const { id, name, isInvalid, isRequired, description } = field\n  const {\n    hasLeadingAddon,\n    hasTrailingAddon,\n    hasLeadingIcon,\n    hasTrailingIcon,\n    hasClearButton,\n    onClear,\n  } = group\n  const Component = asChild ? Slot : 'input'\n  const state = field.state || group.state\n  const disabled = field.disabled || group.disabled || disabledProp\n  const readOnly = field.readOnly || group.readOnly || readOnlyProp\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = event => {\n    if (onChange) {\n      onChange(event)\n    }\n\n    if (onValueChange) {\n      onValueChange(event.target.value)\n    }\n  }\n\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = event => {\n    if (onKeyDown) {\n      onKeyDown(event)\n    }\n\n    if (hasClearButton && onClear && event.key === 'Escape') {\n      onClear()\n    }\n  }\n\n  return (\n    <Component\n      data-spark-component=\"input\"\n      ref={ref}\n      id={id}\n      name={name}\n      className={inputStyles({\n        asChild,\n        className,\n        intent: state,\n        hasLeadingAddon: !!hasLeadingAddon,\n        hasTrailingAddon: !!hasTrailingAddon,\n        hasLeadingIcon: !!hasLeadingIcon,\n        hasTrailingIcon: !!hasTrailingIcon,\n        hasClearButton: !!hasClearButton,\n      })}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={isRequired}\n      aria-describedby={description}\n      aria-invalid={isInvalid}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      {...others}\n    />\n  )\n}\n\nexport const Input = Object.assign(Root, {\n  id: 'Input',\n})\n\nRoot.displayName = 'Input'\n","import { InputClearButton } from './InputClearButton'\nimport { InputGroup as Root } from './InputGroup'\nimport { InputLeadingAddon } from './InputLeadingAddon'\nimport { InputLeadingIcon } from './InputLeadingIcon'\nimport { InputTrailingAddon } from './InputTrailingAddon'\nimport { InputTrailingIcon } from './InputTrailingIcon'\n\nexport * from './Input'\n\nexport const InputGroup: typeof Root & {\n  LeadingAddon: typeof InputLeadingAddon\n  TrailingAddon: typeof InputTrailingAddon\n  LeadingIcon: typeof InputLeadingIcon\n  TrailingIcon: typeof InputTrailingIcon\n  ClearButton: typeof InputClearButton\n} = Object.assign(Root, {\n  LeadingAddon: InputLeadingAddon,\n  TrailingAddon: InputTrailingAddon,\n  LeadingIcon: InputLeadingIcon,\n  TrailingIcon: InputTrailingIcon,\n  ClearButton: InputClearButton,\n})\n\nInputGroup.displayName = 'InputGroup'\nInputLeadingAddon.displayName = 'InputGroup.LeadingAddon'\nInputTrailingAddon.displayName = 'InputGroup.TrailingAddon'\nInputLeadingIcon.displayName = 'InputGroup.LeadingIcon'\nInputTrailingIcon.displayName = 'InputGroup.TrailingIcon'\nInputClearButton.displayName = 'InputGroup.ClearButton'\n\nexport { useInputGroup } from './InputGroupContext'\nexport { type InputGroupProps } from './InputGroup'\nexport { type InputLeadingIconProps } from './InputLeadingIcon'\nexport { type InputTrailingIconProps } from './InputTrailingIcon'\nexport { type InputLeadingAddonProps } from './InputLeadingAddon'\nexport { type InputTrailingAddonProps } from './InputTrailingAddon'\nexport { type InputClearButtonProps } from './InputClearButton'\n"],"names":["InputGroupContext","createContext","useInputGroup","useContext","Root","className","tabIndex","onClick","inline","ref","others","onClear","hasTrailingIcon","handleClick","event","jsx","cx","Icon","DeleteOutline","InputClearButton","inputGroupStyles","cva","InputGroup","childrenProp","stateProp","disabledProp","readOnlyProp","forwardedRef","getElementId","element","findElement","values","children","child","Children","isValidElement","input","props","inputRef","useRef","onClearRef","useMergeRefs","value","onChange","useCombinedState","field","useFormFieldControl","state","disabled","readOnly","leadingAddon","leadingIcon","clearButton","trailingIcon","trailingAddon","hasLeadingAddon","hasTrailingAddon","hasLeadingIcon","hasClearButton","handleChange","handleClear","useCallback","current","useMemo","useEffect","inputRefValue","jsxs","cloneElement","inputAddonStyles","InputAddon","asChildProp","isRawText","asChild","Component","Slot","design","InputLeadingAddon","InputIcon","intent","InputLeadingIcon","InputTrailingAddon","InputTrailingIcon","inputStyles","onValueChange","onKeyDown","group","id","name","isInvalid","isRequired","description","handleKeyDown","Input"],"mappings":"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"}

package/dist/link-box/index.mjs

@@ -1,26 +1,26 @@
 import { jsx as i } from "react/jsx-runtime";
 import { cx as t } from "class-variance-authority";
-import { a as s } from "../Slot-D2Bbf8Gw.mjs";
-const l = ({ className: e, asChild: o, ref: a, ...n }) => /* @__PURE__ */ i(
+import { S as s } from "../Slot-DLY1rJrG.mjs";
+const l = ({ className: e, asChild: o, ref: n, ...a }) => /* @__PURE__ */ i(
   o ? s : "div",
   {
-    ref: a,
+    ref: n,
     "data-spark-component": "link-box",
     className: t("default:relative", e),
-    ...n
+    ...a
   }
 );
 l.displayName = "LinkBox";
-const k = ({ className: e, asChild: o, ref: a, ...n }) => /* @__PURE__ */ i(
+const k = ({ className: e, asChild: o, ref: n, ...a }) => /* @__PURE__ */ i(
   o ? s : "a",
   {
-    ref: a,
+    ref: n,
     "data-spark-component": "link-box-link",
     className: t(
       "before:z-base static before:absolute before:top-0 before:left-0 before:block before:size-full before:content-['']",
       e
     ),
-    ...n
+    ...a
   }
 );
 k.displayName = "LinkBox.Link";

package/dist/pagination/PaginationFirstPageTrigger.d.ts

@@ -1,11 +1,17 @@
 import { ComponentPropsWithoutRef, Ref } from 'react';
-interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
     href: string;
-}
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-export type FirstPageTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type FirstPageTriggerProps = (AnchorProps | ButtonProps) & {
     'aria-label': string;
     ref?: Ref<HTMLButtonElement>;
 };

package/dist/pagination/PaginationItem.d.ts

@@ -1,17 +1,31 @@
-import { ComponentPropsWithoutRef, Ref } from 'react';
-interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+import { ComponentPropsWithoutRef, ReactElement, Ref } from 'react';
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
     href: string;
-}
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-export type ItemProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type ItemProps = (AnchorProps | ButtonProps) & {
     'aria-label': string;
     value: number;
     ref?: Ref<HTMLButtonElement>;
 };
-export declare const Item: {
-    ({ children, value, className, href, ref, ...props }: ItemProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+/**
+ * A numbered page item.
+ * Should be used within `Pagination.Pages` to ensure proper functionality and accessibility.
+ *
+ * Can be rendered as an anchor or a button :
+ * - Set a `href` prop to render the item as an anchor element.
+ * - When using `href`, the `asChild` prop isn’t available since the component will already be rendered as an anchor element.
+ */
+export declare function Item({ children, value, className, href, ref, ...props }: ItemProps): ReactElement;
+export declare namespace Item {
+    var displayName: string;
+}
 export {};

package/dist/pagination/PaginationLastPageTrigger.d.ts

@@ -1,11 +1,17 @@
 import { ComponentPropsWithoutRef, Ref } from 'react';
-interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
     href: string;
-}
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-export type LastPageTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type LastPageTriggerProps = (AnchorProps | ButtonProps) & {
     'aria-label': string;
     ref?: Ref<HTMLButtonElement>;
 };

package/dist/pagination/PaginationNextTrigger.d.ts

@@ -1,11 +1,17 @@
 import { ComponentPropsWithoutRef, Ref } from 'react';
-interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
     href: string;
-}
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-export type NextTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type NextTriggerProps = (AnchorProps | ButtonProps) & {
     'aria-label': string;
     ref?: Ref<HTMLButtonElement>;
 };

package/dist/pagination/PaginationPrevTrigger.d.ts

@@ -1,11 +1,17 @@
 import { ComponentPropsWithoutRef, Ref } from 'react';
-interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
     href: string;
-}
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-export type PrevTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type PrevTriggerProps = (AnchorProps | ButtonProps) & {
     'aria-label': string;
     ref?: Ref<HTMLButtonElement>;
 };

package/dist/pagination/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("@zag-js/pagination"),u=require("@zag-js/react"),h=require("react"),A=require("class-variance-authority"),D=require("@spark-ui/icons/ArrowDoubleLeft"),x=require("../Icon-CF0W0LKr.js"),P=require("../IconButton-D3g86WpZ.js"),I=require("../Button-B6rA3-e5.js"),M=require("@spark-ui/icons/ArrowDoubleRight"),R=require("@spark-ui/icons/ArrowVerticalRight"),O=require("@spark-ui/icons/ArrowVerticalLeft");function F(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const v=F(C);function E(e,i,n){const r=(n-1)/2;let a=Math.max(0,i-r),s=Math.min(e.length,i+r+1);return s-a<n&&(a=Math.max(0,Math.min(a,e.length-n)),s=Math.min(e.length,a+n)),e.slice(a,s)}const L=h.createContext(null),V=({children:e,count:i,visiblePageItems:n=7,pageSize:r,page:a,onPageChange:s,noEllipsis:l,type:c="link"})=>{const g=l?1/0:Math.max(0,Math.floor((n-5)/2)),d=h.useId(),p=u.useMachine(v.machine,{id:d,count:i,siblingCount:g,pageSize:r,page:a,onPageChange:s,type:c}),o=v.connect(p,u.normalizeProps),B=l?E(o.pages,o.page-1,n):o.pages;return t.jsx(L.Provider,{value:{type:c,pagination:{...o,pages:B,getFirstPageTriggerProps:()=>({...o.getPrevTriggerProps(),id:`${o.getRootProps().id}:first`,"data-part":"first-page-trigger",onClick:o.goToFirstPage}),getLastPageTriggerProps:()=>({...o.getNextTriggerProps(),id:`${o.getRootProps().id}:last`,"data-part":"last-page-trigger",onClick:o.goToLastPage})}},children:e})},m=()=>{const e=h.useContext(L);if(!e)throw Error("usePagination must be used within a Pagination provider");return e},q=({children:e,visiblePageItems:i=5,type:n="link",noEllipsis:r=!1,className:a,...s})=>t.jsx(V,{visiblePageItems:i,noEllipsis:r,type:n,...s,children:t.jsx(z,{className:a,children:e})}),z=({children:e,className:i})=>{const{pagination:n}=m(),r=n.getRootProps();return t.jsx("nav",{"data-spark-component":"pagination",...r,className:i,children:t.jsx("ul",{className:"gap-md flex flex-wrap",children:e})})};q.displayName="Pagination";const j=({children:e,index:i,className:n,ref:r,...a})=>{const{pagination:s}=m(),l=s.getEllipsisProps({index:i}),c={className:A.cx("flex size-sz-44 items-center justify-center",n),...a},g=u.mergeProps(l,c);return t.jsx("li",{children:t.jsx("span",{"data-spark-component":"pagination-ellipsis",ref:r,...g,children:e||"…"})})};j.displayName="Pagination.Ellipsis";const b=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getFirstPageTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-first-page-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(D.ArrowDoubleLeft,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};b.displayName="Pagination.FirstPageTrigger";const y=({children:e,value:i,className:n,href:r,ref:a,...s})=>{const{pagination:l}=m(),c=l.getItemProps({type:"page",value:i}),g={"data-spark-component":"pagination-item",intent:"support",design:c["aria-current"]==="page"?"filled":"contrast",className:n,...s},d=u.mergeProps(c,g);return t.jsx("li",{children:r?t.jsx(I.Button,{ref:a,...d,asChild:!0,children:t.jsx("a",{href:r,children:e||i})}):t.jsx(I.Button,{ref:a,...d,children:e||i})})};y.displayName="Pagination.Item";const k=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getLastPageTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-last-page-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(M.ArrowDoubleRight,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};k.displayName="Pagination.LastPageTrigger";const N=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getNextTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-next-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(R.ArrowVerticalRight,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};N.displayName="Pagination.NextTrigger";const T=({children:e})=>{const{pagination:i}=m();return e(i)};T.displayName="Pagination.Pages";const f=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getPrevTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-prev-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(O.ArrowVerticalLeft,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};f.displayName="Pagination.PrevTrigger";const w=Object.assign(q,{PrevTrigger:f,NextTrigger:N,Pages:T,Item:y,Ellipsis:j,FirstPageTrigger:b,LastPageTrigger:k});w.displayName="Pagination";f.displayName="Pagination.PrevTrigger";N.displayName="Pagination.NextTrigger";T.displayName="Pagination.Pages";y.displayName="Pagination.Item";j.displayName="Pagination.Ellipsis";b.displayName="Pagination.FirstPageTrigger";k.displayName="Pagination.LastPageTrigger";exports.Pagination=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("@zag-js/pagination"),u=require("@zag-js/react"),h=require("react"),A=require("class-variance-authority"),D=require("@spark-ui/icons/ArrowDoubleLeft"),x=require("../Icon-CF0W0LKr.js"),P=require("../IconButton-D5fk89W-.js"),I=require("../Button-BIAkZTRR.js"),M=require("@spark-ui/icons/ArrowDoubleRight"),R=require("@spark-ui/icons/ArrowVerticalRight"),O=require("@spark-ui/icons/ArrowVerticalLeft");function F(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const v=F(C);function E(e,i,n){const r=(n-1)/2;let a=Math.max(0,i-r),s=Math.min(e.length,i+r+1);return s-a<n&&(a=Math.max(0,Math.min(a,e.length-n)),s=Math.min(e.length,a+n)),e.slice(a,s)}const L=h.createContext(null),V=({children:e,count:i,visiblePageItems:n=7,pageSize:r,page:a,onPageChange:s,noEllipsis:l,type:c="link"})=>{const g=l?1/0:Math.max(0,Math.floor((n-5)/2)),d=h.useId(),p=u.useMachine(v.machine,{id:d,count:i,siblingCount:g,pageSize:r,page:a,onPageChange:s,type:c}),o=v.connect(p,u.normalizeProps),B=l?E(o.pages,o.page-1,n):o.pages;return t.jsx(L.Provider,{value:{type:c,pagination:{...o,pages:B,getFirstPageTriggerProps:()=>({...o.getPrevTriggerProps(),id:`${o.getRootProps().id}:first`,"data-part":"first-page-trigger",onClick:o.goToFirstPage}),getLastPageTriggerProps:()=>({...o.getNextTriggerProps(),id:`${o.getRootProps().id}:last`,"data-part":"last-page-trigger",onClick:o.goToLastPage})}},children:e})},m=()=>{const e=h.useContext(L);if(!e)throw Error("usePagination must be used within a Pagination provider");return e},q=({children:e,visiblePageItems:i=5,type:n="link",noEllipsis:r=!1,className:a,...s})=>t.jsx(V,{visiblePageItems:i,noEllipsis:r,type:n,...s,children:t.jsx(z,{className:a,children:e})}),z=({children:e,className:i})=>{const{pagination:n}=m(),r=n.getRootProps();return t.jsx("nav",{"data-spark-component":"pagination",...r,className:i,children:t.jsx("ul",{className:"gap-md flex flex-wrap",children:e})})};q.displayName="Pagination";const j=({children:e,index:i,className:n,ref:r,...a})=>{const{pagination:s}=m(),l=s.getEllipsisProps({index:i}),c={className:A.cx("flex size-sz-44 items-center justify-center",n),...a},g=u.mergeProps(l,c);return t.jsx("li",{children:t.jsx("span",{"data-spark-component":"pagination-ellipsis",ref:r,...g,children:e||"…"})})};j.displayName="Pagination.Ellipsis";const b=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getFirstPageTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-first-page-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(D.ArrowDoubleLeft,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};b.displayName="Pagination.FirstPageTrigger";function y({children:e,value:i,className:n,href:r,ref:a,...s}){const{pagination:l}=m(),c=l.getItemProps({type:"page",value:i}),g={"data-spark-component":"pagination-item",intent:"support",design:c["aria-current"]==="page"?"filled":"contrast",className:n,...s},d=u.mergeProps(c,g);return t.jsx("li",{children:r?t.jsx(I.Button,{ref:a,...d,asChild:!0,children:t.jsx("a",{href:r,children:e||i})}):t.jsx(I.Button,{ref:a,...d,children:e||i})})}y.displayName="Pagination.Item";const k=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getLastPageTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-last-page-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(M.ArrowDoubleRight,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};k.displayName="Pagination.LastPageTrigger";const N=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getNextTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-next-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(R.ArrowVerticalRight,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};N.displayName="Pagination.NextTrigger";const T=({children:e})=>{const{pagination:i}=m();return e(i)};T.displayName="Pagination.Pages";const f=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getPrevTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-prev-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(O.ArrowVerticalLeft,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};f.displayName="Pagination.PrevTrigger";const w=Object.assign(q,{PrevTrigger:f,NextTrigger:N,Pages:T,Item:y,Ellipsis:j,FirstPageTrigger:b,LastPageTrigger:k});w.displayName="Pagination";f.displayName="Pagination.PrevTrigger";N.displayName="Pagination.NextTrigger";T.displayName="Pagination.Pages";y.displayName="Pagination.Item";j.displayName="Pagination.Ellipsis";b.displayName="Pagination.FirstPageTrigger";k.displayName="Pagination.LastPageTrigger";exports.Pagination=w;
 //# sourceMappingURL=index.js.map

package/dist/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/pagination/utils.ts","../../src/pagination/PaginationContext.tsx","../../src/pagination/Pagination.tsx","../../src/pagination/PaginationEllipsis.tsx","../../src/pagination/PaginationFirstPageTrigger.tsx","../../src/pagination/PaginationItem.tsx","../../src/pagination/PaginationLastPageTrigger.tsx","../../src/pagination/PaginationNextTrigger.tsx","../../src/pagination/PaginationPages.tsx","../../src/pagination/PaginationPrevTrigger.tsx","../../src/pagination/index.ts"],"sourcesContent":["export function sliceArrayWithIndex(arr: any[], index: number, length: number) {\n  const relativeElements = (length - 1) / 2\n\n  let start = Math.max(0, index - relativeElements)\n  let end = Math.min(arr.length, index + relativeElements + 1)\n\n  if (end - start < length) {\n    start = Math.max(0, Math.min(start, arr.length - length))\n    end = Math.min(arr.length, start + length)\n  }\n\n  return arr.slice(start, end)\n}\n","import * as pagination from '@zag-js/pagination'\nimport { normalizeProps, type PropTypes, useMachine } from '@zag-js/react'\nimport { createContext, type ReactNode, useContext, useId } from 'react'\n\nimport { sliceArrayWithIndex } from './utils'\n\nexport interface PaginationContextState<T extends PropTypes = PropTypes> {\n  type: pagination.Props['type']\n  pagination: pagination.Api<T> & {\n    getFirstPageTriggerProps: () => ReturnType<pagination.Api<T>['getPrevTriggerProps']> & {\n      'data-part': string\n      onClick: () => void\n    }\n    getLastPageTriggerProps: () => ReturnType<pagination.Api<T>['getNextTriggerProps']> & {\n      'data-part': string\n      onClick: () => void\n    }\n  }\n}\n\nconst PaginationContext = createContext<PaginationContextState | null>(null)\n\nexport interface PaginationProviderProps {\n  children: ReactNode\n  /**\n   * Total number of data items available across all pages.\n   */\n  count: number\n  /**\n   * Maximum amount of items displayed on a single page.\n   */\n  pageSize: number\n  /**\n   * Number of visible pages (or ellipsis) between previous and next page triggers.\n   */\n  visiblePageItems?: number\n  /**\n   * The current page (active page)\n   */\n  page?: pagination.Props['page']\n  /**\n   * If your pagination contains buttons instead of links, set `type` to `button`, extra attributes will be applied on page items for a11y.\n   */\n  type?: pagination.Props['type']\n  onPageChange?: pagination.Props['onPageChange']\n  noEllipsis?: boolean\n}\n\nexport const PaginationProvider = ({\n  children,\n  count,\n  visiblePageItems = 7,\n  pageSize,\n  page,\n  onPageChange,\n  noEllipsis,\n  type = 'link',\n}: PaginationProviderProps) => {\n  /**\n   * Here `Infinity` is used because we apply a custom slice ourselves to manage the \"no ellipsis\" version.\n   * It means Zag won't filter out any page item, allowing us to apply our own slicing logic.\n   */\n  const siblingCount = noEllipsis ? Infinity : Math.max(0, Math.floor((visiblePageItems - 5) / 2))\n\n  const id = useId()\n\n  const service = useMachine(pagination.machine, {\n    id,\n    count,\n    siblingCount,\n    pageSize,\n    page,\n    onPageChange,\n    type,\n  })\n\n  const api = pagination.connect(service, normalizeProps)\n  const pages = noEllipsis\n    ? sliceArrayWithIndex(api.pages, api.page - 1, visiblePageItems)\n    : api.pages\n\n  return (\n    <PaginationContext.Provider\n      value={{\n        type,\n        pagination: {\n          ...api,\n          pages,\n          // Extending ZagJS anatomy\n          getFirstPageTriggerProps: () => {\n            return {\n              ...api.getPrevTriggerProps(),\n              id: `${api.getRootProps().id}:first`,\n              'data-part': 'first-page-trigger',\n              onClick: api.goToFirstPage,\n            }\n          },\n          getLastPageTriggerProps: () => {\n            return {\n              ...api.getNextTriggerProps(),\n              id: `${api.getRootProps().id}:last`,\n              'data-part': 'last-page-trigger',\n              onClick: api.goToLastPage,\n            }\n          },\n        },\n      }}\n    >\n      {children}\n    </PaginationContext.Provider>\n  )\n}\n\nexport const usePagination = () => {\n  const context = useContext(PaginationContext)\n\n  if (!context) {\n    throw Error('usePagination must be used within a Pagination provider')\n  }\n\n  return context\n}\n","import { ReactNode } from 'react'\n\nimport {\n  PaginationProvider,\n  type PaginationProviderProps,\n  usePagination,\n} from './PaginationContext'\n\nexport type PaginationProps = PaginationProviderProps & { className?: string }\n\nexport const Pagination = ({\n  children,\n  visiblePageItems = 5,\n  type = 'link',\n  noEllipsis = false,\n  className,\n  ...rest\n}: PaginationProps) => {\n  return (\n    <PaginationProvider\n      visiblePageItems={visiblePageItems}\n      noEllipsis={noEllipsis}\n      type={type}\n      {...rest}\n    >\n      <PaginationWrapper className={className}>{children}</PaginationWrapper>\n    </PaginationProvider>\n  )\n}\n\nconst PaginationWrapper = ({\n  children,\n  className,\n}: {\n  children: ReactNode\n  className?: string\n}) => {\n  const { pagination } = usePagination()\n\n  const props = pagination.getRootProps()\n\n  return (\n    <nav data-spark-component=\"pagination\" {...props} className={className}>\n      <ul className=\"gap-md flex flex-wrap\">{children}</ul>\n    </nav>\n  )\n}\n\nPagination.displayName = 'Pagination'\n","import { mergeProps } from '@zag-js/react'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithRef } from 'react'\n\nimport { usePagination } from './PaginationContext'\n\ninterface EllipsisProps extends ComponentPropsWithRef<'span'> {\n  index: number\n}\n\nexport const Ellipsis = ({ children, index, className, ref, ...rest }: EllipsisProps) => {\n  const { pagination } = usePagination()\n  const apiProps = pagination.getEllipsisProps({ index })\n  const localProps = {\n    className: cx('flex size-sz-44 items-center justify-center', className),\n    ...rest,\n  }\n\n  const mergedProps = mergeProps(apiProps, localProps)\n\n  return (\n    <li>\n      <span data-spark-component=\"pagination-ellipsis\" ref={ref} {...mergedProps}>\n        {children || '\\u2026'}\n      </span>\n    </li>\n  )\n}\n\nEllipsis.displayName = 'Pagination.Ellipsis'\n","import { ArrowDoubleLeft } from '@spark-ui/icons/ArrowDoubleLeft'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type FirstPageTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const FirstPageTrigger = ({\n  children,\n  className,\n  href,\n  ref,\n  ...props\n}: FirstPageTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getFirstPageTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-first-page-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowDoubleLeft />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nFirstPageTrigger.displayName = 'Pagination.FirstPageTrigger'\n","import { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Button } from '../button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type ItemProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  value: number\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const Item = ({ children, value, className, href, ref, ...props }: ItemProps) => {\n  const { pagination } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getItemProps({ type: 'page', value })\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-item',\n    intent: 'support',\n    design: apiProps['aria-current'] === 'page' ? 'filled' : 'contrast',\n    className,\n    ...props,\n  }\n\n  const mergedProps = mergeProps(apiProps, localProps)\n\n  return (\n    <li>\n      {href ? (\n        <Button ref={ref} {...mergedProps} asChild>\n          <a href={href}>{children || value}</a>\n        </Button>\n      ) : (\n        <Button ref={ref} {...mergedProps}>\n          {children || value}\n        </Button>\n      )}\n    </li>\n  )\n}\n\nItem.displayName = 'Pagination.Item'\n","import { ArrowDoubleRight } from '@spark-ui/icons/ArrowDoubleRight'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type LastPageTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const LastPageTrigger = ({\n  children,\n  className,\n  href,\n  ref,\n  ...props\n}: LastPageTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getLastPageTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-last-page-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowDoubleRight />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nLastPageTrigger.displayName = 'Pagination.LastPageTrigger'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type NextTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const NextTrigger = ({ children, className, href, ref, ...props }: NextTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getNextTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-next-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowVerticalRight />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nNextTrigger.displayName = 'Pagination.NextTrigger'\n","import * as pagination from '@zag-js/pagination'\nimport { ReactNode } from 'react'\n\nimport { usePagination } from './PaginationContext'\n\n// Extract the 'page' type element from the pagination API's 'pages' array.\ntype PageItem = Extract<pagination.Api['pages'][number], { type: 'page' }>\n\n// Define a type that conditionally tweaks the pagination API\n// based on the generic T parameter.\ntype TweakedPaginationApi<T extends 'noEllipsis' | ''> = Omit<pagination.Api, 'pages'> & {\n  pages: T extends 'noEllipsis' ? PageItem[] : pagination.Api['pages']\n}\n\ninterface PagesProps<T extends 'noEllipsis' | ''> {\n  children: (pagination: TweakedPaginationApi<T>) => ReactNode\n}\n\nexport const Pages = <T extends 'noEllipsis' | '' = ''>({ children }: PagesProps<T>) => {\n  const { pagination } = usePagination()\n\n  return children(pagination as TweakedPaginationApi<T>)\n}\n\nPages.displayName = 'Pagination.Pages'\n","import { ArrowVerticalLeft } from '@spark-ui/icons/ArrowVerticalLeft'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type PrevTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const PrevTrigger = ({ children, className, href, ref, ...props }: PrevTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getPrevTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-prev-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowVerticalLeft />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nPrevTrigger.displayName = 'Pagination.PrevTrigger'\n","import type { FC } from 'react'\n\nimport { Pagination as Root, type PaginationProps } from './Pagination'\nimport { Ellipsis } from './PaginationEllipsis'\nimport { FirstPageTrigger } from './PaginationFirstPageTrigger'\nimport { Item } from './PaginationItem'\nimport { LastPageTrigger } from './PaginationLastPageTrigger'\nimport { NextTrigger } from './PaginationNextTrigger'\nimport { Pages } from './PaginationPages'\nimport { PrevTrigger } from './PaginationPrevTrigger'\n\nexport const Pagination: FC<PaginationProps> & {\n  PrevTrigger: typeof PrevTrigger\n  NextTrigger: typeof NextTrigger\n  Pages: typeof Pages\n  Item: typeof Item\n  Ellipsis: typeof Ellipsis\n  FirstPageTrigger: typeof FirstPageTrigger\n  LastPageTrigger: typeof LastPageTrigger\n} = Object.assign(Root, {\n  PrevTrigger,\n  NextTrigger,\n  Pages,\n  Item,\n  Ellipsis,\n  FirstPageTrigger,\n  LastPageTrigger,\n})\n\nPagination.displayName = 'Pagination'\n\nPrevTrigger.displayName = 'Pagination.PrevTrigger'\nNextTrigger.displayName = 'Pagination.NextTrigger'\nPages.displayName = 'Pagination.Pages'\nItem.displayName = 'Pagination.Item'\nEllipsis.displayName = 'Pagination.Ellipsis'\nFirstPageTrigger.displayName = 'Pagination.FirstPageTrigger'\nLastPageTrigger.displayName = 'Pagination.LastPageTrigger'\n"],"names":["sliceArrayWithIndex","arr","index","length","relativeElements","start","end","PaginationContext","createContext","PaginationProvider","children","count","visiblePageItems","pageSize","page","onPageChange","noEllipsis","type","siblingCount","id","useId","service","useMachine","pagination","api","normalizeProps","pages","jsx","usePagination","context","useContext","Pagination","className","rest","PaginationWrapper","props","Ellipsis","ref","apiProps","localProps","cx","mergedProps","mergeProps","FirstPageTrigger","href","shouldDisableLink","content","Icon","ArrowDoubleLeft","IconButton","Item","value","Button","LastPageTrigger","ArrowDoubleRight","NextTrigger","ArrowVerticalRight","Pages","PrevTrigger","ArrowVerticalLeft","Root"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/pagination/utils.ts","../../src/pagination/PaginationContext.tsx","../../src/pagination/Pagination.tsx","../../src/pagination/PaginationEllipsis.tsx","../../src/pagination/PaginationFirstPageTrigger.tsx","../../src/pagination/PaginationItem.tsx","../../src/pagination/PaginationLastPageTrigger.tsx","../../src/pagination/PaginationNextTrigger.tsx","../../src/pagination/PaginationPages.tsx","../../src/pagination/PaginationPrevTrigger.tsx","../../src/pagination/index.ts"],"sourcesContent":["export function sliceArrayWithIndex(arr: any[], index: number, length: number) {\n  const relativeElements = (length - 1) / 2\n\n  let start = Math.max(0, index - relativeElements)\n  let end = Math.min(arr.length, index + relativeElements + 1)\n\n  if (end - start < length) {\n    start = Math.max(0, Math.min(start, arr.length - length))\n    end = Math.min(arr.length, start + length)\n  }\n\n  return arr.slice(start, end)\n}\n","import * as pagination from '@zag-js/pagination'\nimport { normalizeProps, type PropTypes, useMachine } from '@zag-js/react'\nimport { createContext, type ReactNode, useContext, useId } from 'react'\n\nimport { sliceArrayWithIndex } from './utils'\n\nexport interface PaginationContextState<T extends PropTypes = PropTypes> {\n  type: pagination.Props['type']\n  pagination: pagination.Api<T> & {\n    getFirstPageTriggerProps: () => ReturnType<pagination.Api<T>['getPrevTriggerProps']> & {\n      'data-part': string\n      onClick: () => void\n    }\n    getLastPageTriggerProps: () => ReturnType<pagination.Api<T>['getNextTriggerProps']> & {\n      'data-part': string\n      onClick: () => void\n    }\n  }\n}\n\nconst PaginationContext = createContext<PaginationContextState | null>(null)\n\nexport interface PaginationProviderProps {\n  children: ReactNode\n  /**\n   * Total number of data items available across all pages.\n   */\n  count: number\n  /**\n   * Maximum amount of items displayed on a single page.\n   */\n  pageSize: number\n  /**\n   * Number of visible pages (or ellipsis) between previous and next page triggers.\n   */\n  visiblePageItems?: number\n  /**\n   * The current page (active page)\n   */\n  page?: pagination.Props['page']\n  /**\n   * If your pagination contains buttons instead of links, set `type` to `button`, extra attributes will be applied on page items for a11y.\n   */\n  type?: pagination.Props['type']\n  onPageChange?: pagination.Props['onPageChange']\n  noEllipsis?: boolean\n}\n\nexport const PaginationProvider = ({\n  children,\n  count,\n  visiblePageItems = 7,\n  pageSize,\n  page,\n  onPageChange,\n  noEllipsis,\n  type = 'link',\n}: PaginationProviderProps) => {\n  /**\n   * Here `Infinity` is used because we apply a custom slice ourselves to manage the \"no ellipsis\" version.\n   * It means Zag won't filter out any page item, allowing us to apply our own slicing logic.\n   */\n  const siblingCount = noEllipsis ? Infinity : Math.max(0, Math.floor((visiblePageItems - 5) / 2))\n\n  const id = useId()\n\n  const service = useMachine(pagination.machine, {\n    id,\n    count,\n    siblingCount,\n    pageSize,\n    page,\n    onPageChange,\n    type,\n  })\n\n  const api = pagination.connect(service, normalizeProps)\n  const pages = noEllipsis\n    ? sliceArrayWithIndex(api.pages, api.page - 1, visiblePageItems)\n    : api.pages\n\n  return (\n    <PaginationContext.Provider\n      value={{\n        type,\n        pagination: {\n          ...api,\n          pages,\n          // Extending ZagJS anatomy\n          getFirstPageTriggerProps: () => {\n            return {\n              ...api.getPrevTriggerProps(),\n              id: `${api.getRootProps().id}:first`,\n              'data-part': 'first-page-trigger',\n              onClick: api.goToFirstPage,\n            }\n          },\n          getLastPageTriggerProps: () => {\n            return {\n              ...api.getNextTriggerProps(),\n              id: `${api.getRootProps().id}:last`,\n              'data-part': 'last-page-trigger',\n              onClick: api.goToLastPage,\n            }\n          },\n        },\n      }}\n    >\n      {children}\n    </PaginationContext.Provider>\n  )\n}\n\nexport const usePagination = () => {\n  const context = useContext(PaginationContext)\n\n  if (!context) {\n    throw Error('usePagination must be used within a Pagination provider')\n  }\n\n  return context\n}\n","import { ReactNode } from 'react'\n\nimport {\n  PaginationProvider,\n  type PaginationProviderProps,\n  usePagination,\n} from './PaginationContext'\n\nexport type PaginationProps = PaginationProviderProps & { className?: string }\n\nexport const Pagination = ({\n  children,\n  visiblePageItems = 5,\n  type = 'link',\n  noEllipsis = false,\n  className,\n  ...rest\n}: PaginationProps) => {\n  return (\n    <PaginationProvider\n      visiblePageItems={visiblePageItems}\n      noEllipsis={noEllipsis}\n      type={type}\n      {...rest}\n    >\n      <PaginationWrapper className={className}>{children}</PaginationWrapper>\n    </PaginationProvider>\n  )\n}\n\nconst PaginationWrapper = ({\n  children,\n  className,\n}: {\n  children: ReactNode\n  className?: string\n}) => {\n  const { pagination } = usePagination()\n\n  const props = pagination.getRootProps()\n\n  return (\n    <nav data-spark-component=\"pagination\" {...props} className={className}>\n      <ul className=\"gap-md flex flex-wrap\">{children}</ul>\n    </nav>\n  )\n}\n\nPagination.displayName = 'Pagination'\n","import { mergeProps } from '@zag-js/react'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithRef } from 'react'\n\nimport { usePagination } from './PaginationContext'\n\ninterface EllipsisProps extends ComponentPropsWithRef<'span'> {\n  index: number\n}\n\nexport const Ellipsis = ({ children, index, className, ref, ...rest }: EllipsisProps) => {\n  const { pagination } = usePagination()\n  const apiProps = pagination.getEllipsisProps({ index })\n  const localProps = {\n    className: cx('flex size-sz-44 items-center justify-center', className),\n    ...rest,\n  }\n\n  const mergedProps = mergeProps(apiProps, localProps)\n\n  return (\n    <li>\n      <span data-spark-component=\"pagination-ellipsis\" ref={ref} {...mergedProps}>\n        {children || '\\u2026'}\n      </span>\n    </li>\n  )\n}\n\nEllipsis.displayName = 'Pagination.Ellipsis'\n","import { ArrowDoubleLeft } from '@spark-ui/icons/ArrowDoubleLeft'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type FirstPageTriggerProps = (AnchorProps | ButtonProps) & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const FirstPageTrigger = ({\n  children,\n  className,\n  href,\n  ref,\n  ...props\n}: FirstPageTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getFirstPageTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-first-page-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowDoubleLeft />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nFirstPageTrigger.displayName = 'Pagination.FirstPageTrigger'\n","import { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, ReactElement, Ref } from 'react'\n\nimport { Button } from '../button'\nimport { usePagination } from './PaginationContext'\n\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type ItemProps = (AnchorProps | ButtonProps) & {\n  'aria-label': string\n  value: number\n  ref?: Ref<HTMLButtonElement>\n}\n\n/**\n * A numbered page item.\n * Should be used within `Pagination.Pages` to ensure proper functionality and accessibility.\n *\n * Can be rendered as an anchor or a button :\n * - Set a `href` prop to render the item as an anchor element.\n * - When using `href`, the `asChild` prop isn’t available since the component will already be rendered as an anchor element.\n */\nexport function Item({ children, value, className, href, ref, ...props }: ItemProps): ReactElement {\n  const { pagination } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getItemProps({ type: 'page', value })\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-item',\n    intent: 'support',\n    design: apiProps['aria-current'] === 'page' ? 'filled' : 'contrast',\n    className,\n    ...props,\n  }\n\n  const mergedProps = mergeProps(apiProps, localProps)\n\n  return (\n    <li>\n      {href ? (\n        <Button ref={ref} {...mergedProps} asChild>\n          <a href={href}>{children || value}</a>\n        </Button>\n      ) : (\n        <Button ref={ref} {...mergedProps}>\n          {children || value}\n        </Button>\n      )}\n    </li>\n  )\n}\n\nItem.displayName = 'Pagination.Item'\n","import { ArrowDoubleRight } from '@spark-ui/icons/ArrowDoubleRight'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type LastPageTriggerProps = (AnchorProps | ButtonProps) & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const LastPageTrigger = ({\n  children,\n  className,\n  href,\n  ref,\n  ...props\n}: LastPageTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getLastPageTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-last-page-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowDoubleRight />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nLastPageTrigger.displayName = 'Pagination.LastPageTrigger'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type NextTriggerProps = (AnchorProps | ButtonProps) & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const NextTrigger = ({ children, className, href, ref, ...props }: NextTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getNextTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-next-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowVerticalRight />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nNextTrigger.displayName = 'Pagination.NextTrigger'\n","import * as pagination from '@zag-js/pagination'\nimport { ReactNode } from 'react'\n\nimport { usePagination } from './PaginationContext'\n\n// Extract the 'page' type element from the pagination API's 'pages' array.\ntype PageItem = Extract<pagination.Api['pages'][number], { type: 'page' }>\n\n// Define a type that conditionally tweaks the pagination API\n// based on the generic T parameter.\ntype TweakedPaginationApi<T extends 'noEllipsis' | ''> = Omit<pagination.Api, 'pages'> & {\n  pages: T extends 'noEllipsis' ? PageItem[] : pagination.Api['pages']\n}\n\ninterface PagesProps<T extends 'noEllipsis' | ''> {\n  children: (pagination: TweakedPaginationApi<T>) => ReactNode\n}\n\nexport const Pages = <T extends 'noEllipsis' | '' = ''>({ children }: PagesProps<T>) => {\n  const { pagination } = usePagination()\n\n  return children(pagination as TweakedPaginationApi<T>)\n}\n\nPages.displayName = 'Pagination.Pages'\n","import { ArrowVerticalLeft } from '@spark-ui/icons/ArrowVerticalLeft'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type PrevTriggerProps = (AnchorProps | ButtonProps) & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const PrevTrigger = ({ children, className, href, ref, ...props }: PrevTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getPrevTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-prev-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowVerticalLeft />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nPrevTrigger.displayName = 'Pagination.PrevTrigger'\n","import type { FC } from 'react'\n\nimport { Pagination as Root, type PaginationProps } from './Pagination'\nimport { Ellipsis } from './PaginationEllipsis'\nimport { FirstPageTrigger } from './PaginationFirstPageTrigger'\nimport { Item } from './PaginationItem'\nimport { LastPageTrigger } from './PaginationLastPageTrigger'\nimport { NextTrigger } from './PaginationNextTrigger'\nimport { Pages } from './PaginationPages'\nimport { PrevTrigger } from './PaginationPrevTrigger'\n\nexport const Pagination: FC<PaginationProps> & {\n  PrevTrigger: typeof PrevTrigger\n  NextTrigger: typeof NextTrigger\n  Pages: typeof Pages\n  Item: typeof Item\n  Ellipsis: typeof Ellipsis\n  FirstPageTrigger: typeof FirstPageTrigger\n  LastPageTrigger: typeof LastPageTrigger\n} = Object.assign(Root, {\n  PrevTrigger,\n  NextTrigger,\n  Pages,\n  Item,\n  Ellipsis,\n  FirstPageTrigger,\n  LastPageTrigger,\n})\n\nPagination.displayName = 'Pagination'\n\nPrevTrigger.displayName = 'Pagination.PrevTrigger'\nNextTrigger.displayName = 'Pagination.NextTrigger'\nPages.displayName = 'Pagination.Pages'\nItem.displayName = 'Pagination.Item'\nEllipsis.displayName = 'Pagination.Ellipsis'\nFirstPageTrigger.displayName = 'Pagination.FirstPageTrigger'\nLastPageTrigger.displayName = 'Pagination.LastPageTrigger'\n"],"names":["sliceArrayWithIndex","arr","index","length","relativeElements","start","end","PaginationContext","createContext","PaginationProvider","children","count","visiblePageItems","pageSize","page","onPageChange","noEllipsis","type","siblingCount","id","useId","service","useMachine","pagination","api","normalizeProps","pages","jsx","usePagination","context","useContext","Pagination","className","rest","PaginationWrapper","props","Ellipsis","ref","apiProps","localProps","cx","mergedProps","mergeProps","FirstPageTrigger","href","shouldDisableLink","content","Icon","ArrowDoubleLeft","IconButton","Item","value","Button","LastPageTrigger","ArrowDoubleRight","NextTrigger","ArrowVerticalRight","Pages","PrevTrigger","ArrowVerticalLeft","Root"],"mappings":"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"}