jaci-ui 0.9.4 → 1.0.0

package/dist/components/option-selector/option-selector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"option-selector.cjs","names":["optionSelector","cx"],"sources":["../../../src/components/option-selector/option-selector.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useState } from \"react\";\nimport type { ChangeEventHandler, ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { optionSelector } from \"../../styled-system/recipes\";\n\nexport interface OptionSelectorOption {\n  /** Stable value submitted by the option. */\n  value: string;\n  /** Optional visible text. Use `children` for a richer option body. */\n  label?: ReactNode;\n  /** Custom content such as an icon, preview or illustration. */\n  children?: ReactNode;\n  /** Disables only this option. */\n  disabled?: boolean;\n  /** Explicit id for the native input and its label. */\n  id?: string;\n}\n\nexport type OptionSelectorValue = string | string[];\n\nexport interface OptionSelectorProps\n  extends Omit<ComponentPropsWithoutRef<\"fieldset\">, \"children\" | \"onChange\"> {\n  /** Optional icon displayed next to the legend. */\n  icon?: ReactNode;\n  /** Accessible and visible group label. */\n  label?: ReactNode;\n  /** Supporting text announced with the group. */\n  description?: ReactNode;\n  /** Options rendered as custom selectable cards. */\n  options?: OptionSelectorOption[];\n  /** Name used by the native radio/checkbox inputs and form submission. */\n  name?: string;\n  /** Select multiple options with checkboxes instead of one radio option. */\n  multiple?: boolean;\n  /** Controlled selection. A string is used for one option and an array for many. */\n  value?: OptionSelectorValue;\n  /** Initial selection for an uncontrolled selector. */\n  defaultValue?: OptionSelectorValue;\n  /** Called with the next selected value after an option changes. */\n  onValueChange?: (value: OptionSelectorValue) => void;\n  /** Native change event callback. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Layout of the option cards. Defaults to the horizontal layout. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Responsive number of columns in the option grid. */\n  columns?: 1 | 2 | 3 | 4;\n  children?: ReactNode;\n}\n\nfunction getMultipleValues(value: OptionSelectorValue | undefined) {\n  if (Array.isArray(value)) {\n    return value;\n  }\n\n  return value === undefined ? [] : [value];\n}\n\nfunction getSingleValue(value: OptionSelectorValue | undefined) {\n  return Array.isArray(value) ? value[0] : value;\n}\n\nfunction isSelected(value: string, selected: OptionSelectorValue | undefined, multiple: boolean) {\n  return multiple\n    ? getMultipleValues(selected).includes(value)\n    : getSingleValue(selected) === value;\n}\n\nexport const OptionSelector = forwardRef<HTMLFieldSetElement, OptionSelectorProps>(\n  function OptionSelector(\n    {\n      children,\n      className,\n      columns = 1,\n      defaultValue,\n      description,\n      disabled = false,\n      icon,\n      id,\n      label,\n      multiple = false,\n      name,\n      onChange,\n      onValueChange,\n      options = [],\n      orientation = \"horizontal\",\n      value: controlledValue,\n      ...props\n    },\n    ref,\n  ) {\n    const generatedId = useId();\n    const baseId = id ?? generatedId;\n    const descriptionId = description ? `${baseId}-description` : undefined;\n    const inputName = name ?? `${baseId}-options`;\n    const [uncontrolledValue, setUncontrolledValue] = useState<OptionSelectorValue>(() =>\n      multiple ? getMultipleValues(defaultValue) : (getSingleValue(defaultValue) ?? \"\"),\n    );\n    const selectedValue = controlledValue === undefined ? uncontrolledValue : controlledValue;\n    const styles = optionSelector({\n      orientation,\n      columns: String(columns) as \"1\" | \"2\" | \"3\" | \"4\",\n    });\n\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        aria-describedby={props[\"aria-describedby\"] ?? descriptionId}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"option-selector\"\n        data-slot=\"option-selector\"\n        disabled={disabled}\n        id={id}\n      >\n        {label || icon ? (\n          <legend className={styles.legend} data-slot=\"option-selector-legend\">\n            {icon ? (\n              <span aria-hidden=\"true\" className={styles.icon} data-slot=\"option-selector-icon\">\n                {icon}\n              </span>\n            ) : null}\n            <span className={styles.label} data-slot=\"option-selector-label\">\n              {label}\n            </span>\n          </legend>\n        ) : null}\n        {description ? (\n          <p\n            className={styles.description}\n            data-slot=\"option-selector-description\"\n            id={descriptionId}\n          >\n            {description}\n          </p>\n        ) : null}\n        <div className={styles.options} data-slot=\"option-selector-options\">\n          {options.map((option, index) => {\n            const optionDisabled = disabled || Boolean(option.disabled);\n            const selected = isSelected(option.value, selectedValue, multiple);\n            const optionId = option.id ?? `${baseId}-option-${index}`;\n\n            return (\n              <label\n                className={styles.option}\n                data-disabled={optionDisabled || undefined}\n                data-selected={selected || undefined}\n                data-slot=\"option-selector-option\"\n                htmlFor={optionId}\n                key={option.value}\n              >\n                <input\n                  aria-label={typeof option.label === \"string\" ? option.label : undefined}\n                  checked={selected}\n                  className={styles.input}\n                  data-slot=\"option-selector-input\"\n                  disabled={optionDisabled}\n                  id={optionId}\n                  name={inputName}\n                  onChange={(event) => {\n                    const nextValue = multiple\n                      ? event.currentTarget.checked\n                        ? [...getMultipleValues(selectedValue), option.value]\n                        : getMultipleValues(selectedValue).filter(\n                            (current) => current !== option.value,\n                          )\n                      : option.value;\n\n                    setUncontrolledValue(nextValue);\n                    onValueChange?.(nextValue);\n                    onChange?.(event);\n                  }}\n                  type={multiple ? \"checkbox\" : \"radio\"}\n                  value={option.value}\n                />\n                <span className={styles.content}>\n                  {option.children}\n                  {option.label ? (\n                    <span className={styles.optionLabel} data-slot=\"option-selector-option-label\">\n                      {option.label}\n                    </span>\n                  ) : null}\n                </span>\n              </label>\n            );\n          })}\n          {children}\n        </div>\n      </fieldset>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"option-selector.cjs","names":["forwardRef","useId","useState","optionSelector","cx"],"sources":["../../../src/components/option-selector/option-selector.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useState } from \"react\";\nimport type { ChangeEventHandler, ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { optionSelector } from \"../../styled-system/recipes\";\n\nexport interface OptionSelectorOption {\n  /** Stable value submitted by the option. */\n  value: string;\n  /** Optional visible text. Use `children` for a richer option body. */\n  label?: ReactNode;\n  /** Custom content such as an icon, preview or illustration. */\n  children?: ReactNode;\n  /** Disables only this option. */\n  disabled?: boolean;\n  /** Explicit id for the native input and its label. */\n  id?: string;\n}\n\nexport type OptionSelectorValue = string | string[];\n\nexport interface OptionSelectorProps\n  extends Omit<ComponentPropsWithoutRef<\"fieldset\">, \"children\" | \"onChange\"> {\n  /** Optional icon displayed next to the legend. */\n  icon?: ReactNode;\n  /** Accessible and visible group label. */\n  label?: ReactNode;\n  /** Supporting text announced with the group. */\n  description?: ReactNode;\n  /** Options rendered as custom selectable cards. */\n  options?: OptionSelectorOption[];\n  /** Name used by the native radio/checkbox inputs and form submission. */\n  name?: string;\n  /** Select multiple options with checkboxes instead of one radio option. */\n  multiple?: boolean;\n  /** Controlled selection. A string is used for one option and an array for many. */\n  value?: OptionSelectorValue;\n  /** Initial selection for an uncontrolled selector. */\n  defaultValue?: OptionSelectorValue;\n  /** Called with the next selected value after an option changes. */\n  onValueChange?: (value: OptionSelectorValue) => void;\n  /** Native change event callback. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Layout of the option cards. Defaults to the horizontal layout. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Responsive number of columns in the option grid. */\n  columns?: 1 | 2 | 3 | 4;\n  children?: ReactNode;\n}\n\nfunction getMultipleValues(value: OptionSelectorValue | undefined) {\n  if (Array.isArray(value)) {\n    return value;\n  }\n\n  return value === undefined ? [] : [value];\n}\n\nfunction getSingleValue(value: OptionSelectorValue | undefined) {\n  return Array.isArray(value) ? value[0] : value;\n}\n\nfunction isSelected(value: string, selected: OptionSelectorValue | undefined, multiple: boolean) {\n  return multiple\n    ? getMultipleValues(selected).includes(value)\n    : getSingleValue(selected) === value;\n}\n\nexport const OptionSelector = forwardRef<HTMLFieldSetElement, OptionSelectorProps>(\n  function OptionSelector(\n    {\n      children,\n      className,\n      columns = 1,\n      defaultValue,\n      description,\n      disabled = false,\n      icon,\n      id,\n      label,\n      multiple = false,\n      name,\n      onChange,\n      onValueChange,\n      options = [],\n      orientation = \"horizontal\",\n      value: controlledValue,\n      ...props\n    },\n    ref,\n  ) {\n    const generatedId = useId();\n    const baseId = id ?? generatedId;\n    const descriptionId = description ? `${baseId}-description` : undefined;\n    const inputName = name ?? `${baseId}-options`;\n    const [uncontrolledValue, setUncontrolledValue] = useState<OptionSelectorValue>(() =>\n      multiple ? getMultipleValues(defaultValue) : (getSingleValue(defaultValue) ?? \"\"),\n    );\n    const selectedValue = controlledValue === undefined ? uncontrolledValue : controlledValue;\n    const styles = optionSelector({\n      orientation,\n      columns: String(columns) as \"1\" | \"2\" | \"3\" | \"4\",\n    });\n\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        aria-describedby={props[\"aria-describedby\"] ?? descriptionId}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"option-selector\"\n        data-slot=\"option-selector\"\n        disabled={disabled}\n        id={id}\n      >\n        {label || icon ? (\n          <legend className={styles.legend} data-slot=\"option-selector-legend\">\n            {icon ? (\n              <span aria-hidden=\"true\" className={styles.icon} data-slot=\"option-selector-icon\">\n                {icon}\n              </span>\n            ) : null}\n            <span className={styles.label} data-slot=\"option-selector-label\">\n              {label}\n            </span>\n          </legend>\n        ) : null}\n        {description ? (\n          <p\n            className={styles.description}\n            data-slot=\"option-selector-description\"\n            id={descriptionId}\n          >\n            {description}\n          </p>\n        ) : null}\n        <div className={styles.options} data-slot=\"option-selector-options\">\n          {options.map((option, index) => {\n            const optionDisabled = disabled || Boolean(option.disabled);\n            const selected = isSelected(option.value, selectedValue, multiple);\n            const optionId = option.id ?? `${baseId}-option-${index}`;\n\n            return (\n              <label\n                className={styles.option}\n                data-disabled={optionDisabled || undefined}\n                data-selected={selected || undefined}\n                data-slot=\"option-selector-option\"\n                htmlFor={optionId}\n                key={option.value}\n              >\n                <input\n                  aria-label={typeof option.label === \"string\" ? option.label : undefined}\n                  checked={selected}\n                  className={styles.input}\n                  data-slot=\"option-selector-input\"\n                  disabled={optionDisabled}\n                  id={optionId}\n                  name={inputName}\n                  onChange={(event) => {\n                    const nextValue = multiple\n                      ? event.currentTarget.checked\n                        ? [...getMultipleValues(selectedValue), option.value]\n                        : getMultipleValues(selectedValue).filter(\n                            (current) => current !== option.value,\n                          )\n                      : option.value;\n\n                    setUncontrolledValue(nextValue);\n                    onValueChange?.(nextValue);\n                    onChange?.(event);\n                  }}\n                  type={multiple ? \"checkbox\" : \"radio\"}\n                  value={option.value}\n                />\n                <span className={styles.content}>\n                  {option.children}\n                  {option.label ? (\n                    <span className={styles.optionLabel} data-slot=\"option-selector-option-label\">\n                      {option.label}\n                    </span>\n                  ) : null}\n                </span>\n              </label>\n            );\n          })}\n          {children}\n        </div>\n      </fieldset>\n    );\n  },\n);\n"],"mappings":"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"}

package/dist/components/option-selector/option-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"option-selector.js","names":[],"sources":["../../../src/components/option-selector/option-selector.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useState } from \"react\";\nimport type { ChangeEventHandler, ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { optionSelector } from \"../../styled-system/recipes\";\n\nexport interface OptionSelectorOption {\n  /** Stable value submitted by the option. */\n  value: string;\n  /** Optional visible text. Use `children` for a richer option body. */\n  label?: ReactNode;\n  /** Custom content such as an icon, preview or illustration. */\n  children?: ReactNode;\n  /** Disables only this option. */\n  disabled?: boolean;\n  /** Explicit id for the native input and its label. */\n  id?: string;\n}\n\nexport type OptionSelectorValue = string | string[];\n\nexport interface OptionSelectorProps\n  extends Omit<ComponentPropsWithoutRef<\"fieldset\">, \"children\" | \"onChange\"> {\n  /** Optional icon displayed next to the legend. */\n  icon?: ReactNode;\n  /** Accessible and visible group label. */\n  label?: ReactNode;\n  /** Supporting text announced with the group. */\n  description?: ReactNode;\n  /** Options rendered as custom selectable cards. */\n  options?: OptionSelectorOption[];\n  /** Name used by the native radio/checkbox inputs and form submission. */\n  name?: string;\n  /** Select multiple options with checkboxes instead of one radio option. */\n  multiple?: boolean;\n  /** Controlled selection. A string is used for one option and an array for many. */\n  value?: OptionSelectorValue;\n  /** Initial selection for an uncontrolled selector. */\n  defaultValue?: OptionSelectorValue;\n  /** Called with the next selected value after an option changes. */\n  onValueChange?: (value: OptionSelectorValue) => void;\n  /** Native change event callback. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Layout of the option cards. Defaults to the horizontal layout. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Responsive number of columns in the option grid. */\n  columns?: 1 | 2 | 3 | 4;\n  children?: ReactNode;\n}\n\nfunction getMultipleValues(value: OptionSelectorValue | undefined) {\n  if (Array.isArray(value)) {\n    return value;\n  }\n\n  return value === undefined ? [] : [value];\n}\n\nfunction getSingleValue(value: OptionSelectorValue | undefined) {\n  return Array.isArray(value) ? value[0] : value;\n}\n\nfunction isSelected(value: string, selected: OptionSelectorValue | undefined, multiple: boolean) {\n  return multiple\n    ? getMultipleValues(selected).includes(value)\n    : getSingleValue(selected) === value;\n}\n\nexport const OptionSelector = forwardRef<HTMLFieldSetElement, OptionSelectorProps>(\n  function OptionSelector(\n    {\n      children,\n      className,\n      columns = 1,\n      defaultValue,\n      description,\n      disabled = false,\n      icon,\n      id,\n      label,\n      multiple = false,\n      name,\n      onChange,\n      onValueChange,\n      options = [],\n      orientation = \"horizontal\",\n      value: controlledValue,\n      ...props\n    },\n    ref,\n  ) {\n    const generatedId = useId();\n    const baseId = id ?? generatedId;\n    const descriptionId = description ? `${baseId}-description` : undefined;\n    const inputName = name ?? `${baseId}-options`;\n    const [uncontrolledValue, setUncontrolledValue] = useState<OptionSelectorValue>(() =>\n      multiple ? getMultipleValues(defaultValue) : (getSingleValue(defaultValue) ?? \"\"),\n    );\n    const selectedValue = controlledValue === undefined ? uncontrolledValue : controlledValue;\n    const styles = optionSelector({\n      orientation,\n      columns: String(columns) as \"1\" | \"2\" | \"3\" | \"4\",\n    });\n\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        aria-describedby={props[\"aria-describedby\"] ?? descriptionId}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"option-selector\"\n        data-slot=\"option-selector\"\n        disabled={disabled}\n        id={id}\n      >\n        {label || icon ? (\n          <legend className={styles.legend} data-slot=\"option-selector-legend\">\n            {icon ? (\n              <span aria-hidden=\"true\" className={styles.icon} data-slot=\"option-selector-icon\">\n                {icon}\n              </span>\n            ) : null}\n            <span className={styles.label} data-slot=\"option-selector-label\">\n              {label}\n            </span>\n          </legend>\n        ) : null}\n        {description ? (\n          <p\n            className={styles.description}\n            data-slot=\"option-selector-description\"\n            id={descriptionId}\n          >\n            {description}\n          </p>\n        ) : null}\n        <div className={styles.options} data-slot=\"option-selector-options\">\n          {options.map((option, index) => {\n            const optionDisabled = disabled || Boolean(option.disabled);\n            const selected = isSelected(option.value, selectedValue, multiple);\n            const optionId = option.id ?? `${baseId}-option-${index}`;\n\n            return (\n              <label\n                className={styles.option}\n                data-disabled={optionDisabled || undefined}\n                data-selected={selected || undefined}\n                data-slot=\"option-selector-option\"\n                htmlFor={optionId}\n                key={option.value}\n              >\n                <input\n                  aria-label={typeof option.label === \"string\" ? option.label : undefined}\n                  checked={selected}\n                  className={styles.input}\n                  data-slot=\"option-selector-input\"\n                  disabled={optionDisabled}\n                  id={optionId}\n                  name={inputName}\n                  onChange={(event) => {\n                    const nextValue = multiple\n                      ? event.currentTarget.checked\n                        ? [...getMultipleValues(selectedValue), option.value]\n                        : getMultipleValues(selectedValue).filter(\n                            (current) => current !== option.value,\n                          )\n                      : option.value;\n\n                    setUncontrolledValue(nextValue);\n                    onValueChange?.(nextValue);\n                    onChange?.(event);\n                  }}\n                  type={multiple ? \"checkbox\" : \"radio\"}\n                  value={option.value}\n                />\n                <span className={styles.content}>\n                  {option.children}\n                  {option.label ? (\n                    <span className={styles.optionLabel} data-slot=\"option-selector-option-label\">\n                      {option.label}\n                    </span>\n                  ) : null}\n                </span>\n              </label>\n            );\n          })}\n          {children}\n        </div>\n      </fieldset>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"option-selector.js","names":[],"sources":["../../../src/components/option-selector/option-selector.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useState } from \"react\";\nimport type { ChangeEventHandler, ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { optionSelector } from \"../../styled-system/recipes\";\n\nexport interface OptionSelectorOption {\n  /** Stable value submitted by the option. */\n  value: string;\n  /** Optional visible text. Use `children` for a richer option body. */\n  label?: ReactNode;\n  /** Custom content such as an icon, preview or illustration. */\n  children?: ReactNode;\n  /** Disables only this option. */\n  disabled?: boolean;\n  /** Explicit id for the native input and its label. */\n  id?: string;\n}\n\nexport type OptionSelectorValue = string | string[];\n\nexport interface OptionSelectorProps\n  extends Omit<ComponentPropsWithoutRef<\"fieldset\">, \"children\" | \"onChange\"> {\n  /** Optional icon displayed next to the legend. */\n  icon?: ReactNode;\n  /** Accessible and visible group label. */\n  label?: ReactNode;\n  /** Supporting text announced with the group. */\n  description?: ReactNode;\n  /** Options rendered as custom selectable cards. */\n  options?: OptionSelectorOption[];\n  /** Name used by the native radio/checkbox inputs and form submission. */\n  name?: string;\n  /** Select multiple options with checkboxes instead of one radio option. */\n  multiple?: boolean;\n  /** Controlled selection. A string is used for one option and an array for many. */\n  value?: OptionSelectorValue;\n  /** Initial selection for an uncontrolled selector. */\n  defaultValue?: OptionSelectorValue;\n  /** Called with the next selected value after an option changes. */\n  onValueChange?: (value: OptionSelectorValue) => void;\n  /** Native change event callback. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Layout of the option cards. Defaults to the horizontal layout. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Responsive number of columns in the option grid. */\n  columns?: 1 | 2 | 3 | 4;\n  children?: ReactNode;\n}\n\nfunction getMultipleValues(value: OptionSelectorValue | undefined) {\n  if (Array.isArray(value)) {\n    return value;\n  }\n\n  return value === undefined ? [] : [value];\n}\n\nfunction getSingleValue(value: OptionSelectorValue | undefined) {\n  return Array.isArray(value) ? value[0] : value;\n}\n\nfunction isSelected(value: string, selected: OptionSelectorValue | undefined, multiple: boolean) {\n  return multiple\n    ? getMultipleValues(selected).includes(value)\n    : getSingleValue(selected) === value;\n}\n\nexport const OptionSelector = forwardRef<HTMLFieldSetElement, OptionSelectorProps>(\n  function OptionSelector(\n    {\n      children,\n      className,\n      columns = 1,\n      defaultValue,\n      description,\n      disabled = false,\n      icon,\n      id,\n      label,\n      multiple = false,\n      name,\n      onChange,\n      onValueChange,\n      options = [],\n      orientation = \"horizontal\",\n      value: controlledValue,\n      ...props\n    },\n    ref,\n  ) {\n    const generatedId = useId();\n    const baseId = id ?? generatedId;\n    const descriptionId = description ? `${baseId}-description` : undefined;\n    const inputName = name ?? `${baseId}-options`;\n    const [uncontrolledValue, setUncontrolledValue] = useState<OptionSelectorValue>(() =>\n      multiple ? getMultipleValues(defaultValue) : (getSingleValue(defaultValue) ?? \"\"),\n    );\n    const selectedValue = controlledValue === undefined ? uncontrolledValue : controlledValue;\n    const styles = optionSelector({\n      orientation,\n      columns: String(columns) as \"1\" | \"2\" | \"3\" | \"4\",\n    });\n\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        aria-describedby={props[\"aria-describedby\"] ?? descriptionId}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"option-selector\"\n        data-slot=\"option-selector\"\n        disabled={disabled}\n        id={id}\n      >\n        {label || icon ? (\n          <legend className={styles.legend} data-slot=\"option-selector-legend\">\n            {icon ? (\n              <span aria-hidden=\"true\" className={styles.icon} data-slot=\"option-selector-icon\">\n                {icon}\n              </span>\n            ) : null}\n            <span className={styles.label} data-slot=\"option-selector-label\">\n              {label}\n            </span>\n          </legend>\n        ) : null}\n        {description ? (\n          <p\n            className={styles.description}\n            data-slot=\"option-selector-description\"\n            id={descriptionId}\n          >\n            {description}\n          </p>\n        ) : null}\n        <div className={styles.options} data-slot=\"option-selector-options\">\n          {options.map((option, index) => {\n            const optionDisabled = disabled || Boolean(option.disabled);\n            const selected = isSelected(option.value, selectedValue, multiple);\n            const optionId = option.id ?? `${baseId}-option-${index}`;\n\n            return (\n              <label\n                className={styles.option}\n                data-disabled={optionDisabled || undefined}\n                data-selected={selected || undefined}\n                data-slot=\"option-selector-option\"\n                htmlFor={optionId}\n                key={option.value}\n              >\n                <input\n                  aria-label={typeof option.label === \"string\" ? option.label : undefined}\n                  checked={selected}\n                  className={styles.input}\n                  data-slot=\"option-selector-input\"\n                  disabled={optionDisabled}\n                  id={optionId}\n                  name={inputName}\n                  onChange={(event) => {\n                    const nextValue = multiple\n                      ? event.currentTarget.checked\n                        ? [...getMultipleValues(selectedValue), option.value]\n                        : getMultipleValues(selectedValue).filter(\n                            (current) => current !== option.value,\n                          )\n                      : option.value;\n\n                    setUncontrolledValue(nextValue);\n                    onValueChange?.(nextValue);\n                    onChange?.(event);\n                  }}\n                  type={multiple ? \"checkbox\" : \"radio\"}\n                  value={option.value}\n                />\n                <span className={styles.content}>\n                  {option.children}\n                  {option.label ? (\n                    <span className={styles.optionLabel} data-slot=\"option-selector-option-label\">\n                      {option.label}\n                    </span>\n                  ) : null}\n                </span>\n              </label>\n            );\n          })}\n          {children}\n        </div>\n      </fieldset>\n    );\n  },\n);\n"],"mappings":"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"}

package/dist/components/pagination/pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.cjs","names":["cx","pagination"],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pagination } from \"../../styled-system/recipes\";\n\nexport type PaginationDensity = \"compact\" | \"comfortable\";\n\ninterface PaginationContextValue {\n  density: PaginationDensity;\n  goTo: (page: number) => void;\n  page: number | undefined;\n  pageCount: number | undefined;\n}\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n  return useContext(PaginationContext);\n}\n\nexport interface PaginationRootProps extends Omit<ComponentPropsWithoutRef<\"nav\">, \"children\"> {\n  children?: ReactNode;\n  defaultPage?: number;\n  density?: PaginationDensity;\n  onPageChange?: (page: number) => void;\n  page?: number;\n  pageCount?: number;\n  showFirstLast?: boolean;\n  siblingCount?: number;\n}\n\nexport const PaginationRoot = forwardRef<HTMLElement, PaginationRootProps>(function PaginationRoot(\n  {\n    children,\n    \"aria-label\": ariaLabel,\n    className,\n    defaultPage = 1,\n    density = \"comfortable\",\n    onPageChange,\n    page: controlledPage,\n    pageCount,\n    showFirstLast = false,\n    siblingCount = 1,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);\n  const page = pageCount\n    ? Math.min(Math.max(controlledPage ?? uncontrolledPage, 1), pageCount)\n    : controlledPage;\n  const goTo = useCallback(\n    (nextPage: number) => {\n      if (!pageCount) return;\n      const next = Math.min(Math.max(nextPage, 1), pageCount);\n      if (controlledPage === undefined) setUncontrolledPage(next);\n      onPageChange?.(next);\n    },\n    [controlledPage, onPageChange, pageCount],\n  );\n  const context = useMemo(\n    () => ({ density, goTo, page, pageCount }),\n    [density, goTo, page, pageCount],\n  );\n\n  return (\n    <PaginationContext.Provider value={context}>\n      <nav\n        {...props}\n        aria-label={ariaLabel ?? \"Pagination\"}\n        ref={ref}\n        className={cx(pagination({ density }).root, className)}\n        data-density={density}\n        data-jaci-component=\"pagination\"\n        data-slot=\"pagination\"\n      >\n        {children ??\n          (pageCount ? (\n            <PaginationGenerated\n              page={page ?? 1}\n              pageCount={pageCount}\n              showFirstLast={showFirstLast}\n              siblingCount={siblingCount}\n            />\n          ) : null)}\n      </nav>\n    </PaginationContext.Provider>\n  );\n});\n\nexport type PaginationListProps = ComponentPropsWithoutRef<\"ul\">;\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  function PaginationList({ className, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <ul\n        {...props}\n        ref={ref}\n        className={cx(pagination({ density: context?.density }).list, className)}\n        data-slot=\"pagination-list\"\n      />\n    );\n  },\n);\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\">;\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  function PaginationItem({ className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        ref={ref}\n        className={cx(pagination().item, className)}\n        data-slot=\"pagination-item\"\n      />\n    );\n  },\n);\n\nexport interface PaginationLinkProps extends ComponentPropsWithoutRef<\"a\"> {\n  active?: boolean;\n  disabled?: boolean;\n  page?: number | undefined;\n}\n\ntype PaginationAnchorSlot =\n  | \"pagination-link\"\n  | \"pagination-first\"\n  | \"pagination-last\"\n  | \"pagination-previous\"\n  | \"pagination-next\";\n\ninterface PaginationAnchorProps extends PaginationLinkProps {\n  slot: PaginationAnchorSlot;\n}\n\nfunction getAnchorClassName(\n  active: boolean,\n  disabled: boolean,\n  density: PaginationDensity | undefined,\n  slot: PaginationAnchorSlot,\n) {\n  const styles = pagination({ active, density, disabled });\n  if (slot === \"pagination-previous\") return cx(styles.link, styles.previous);\n  if (slot === \"pagination-next\") return cx(styles.link, styles.next);\n  if (slot === \"pagination-first\") return cx(styles.link, styles.first);\n  if (slot === \"pagination-last\") return cx(styles.link, styles.last);\n  return styles.link;\n}\n\nconst PaginationAnchor = forwardRef<HTMLAnchorElement, PaginationAnchorProps>(\n  function PaginationAnchor(\n    {\n      active: activeProp,\n      \"aria-current\": ariaCurrent,\n      className,\n      disabled: disabledProp = false,\n      href,\n      onClick,\n      page,\n      slot,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    const context = usePaginationContext();\n    const active = activeProp ?? (page !== undefined && context?.page === page);\n    const disabled = Boolean(disabledProp || (page !== undefined && context?.pageCount === 1));\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        className={cx(\n          getAnchorClassName(Boolean(active), disabled, context?.density, slot),\n          className,\n        )}\n        data-active={active || undefined}\n        data-disabled={disabled || undefined}\n        data-page={page}\n        data-slot={slot}\n        href={disabled ? undefined : href}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n          }\n          if (page !== undefined && context?.pageCount) {\n            event.preventDefault();\n            context.goTo(page);\n          }\n          onClick?.(event);\n        }}\n        tabIndex={disabled ? -1 : tabIndex}\n      />\n    );\n  },\n);\n\nexport const PaginationLink = forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  function PaginationLink(props, ref) {\n    return <PaginationAnchor {...props} ref={ref} slot=\"pagination-link\" />;\n  },\n);\n\nexport interface PaginationPreviousProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationPrevious = forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\n  function PaginationPrevious({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page - 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to previous page\"}\n        disabled={props.disabled ?? (targetPage !== undefined && targetPage < 1)}\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"prev\"}\n        slot=\"pagination-previous\"\n      >\n        {children ?? (\n          <>\n            <span aria-hidden=\"true\">‹</span>\n            <span>Previous</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationNextProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationNext = forwardRef<HTMLAnchorElement, PaginationNextProps>(\n  function PaginationNext({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page + 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to next page\"}\n        disabled={\n          props.disabled ??\n          (targetPage !== undefined && targetPage > (context?.pageCount ?? Infinity))\n        }\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"next\"}\n        slot=\"pagination-next\"\n      >\n        {children ?? (\n          <>\n            <span>Next</span>\n            <span aria-hidden=\"true\">›</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationFirstProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationFirst = forwardRef<HTMLAnchorElement, PaginationFirstProps>(\n  function PaginationFirst({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to first page\"}\n        page={page ?? 1}\n        ref={ref}\n        slot=\"pagination-first\"\n      >\n        {children ?? \"First\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationLastProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationLast = forwardRef<HTMLAnchorElement, PaginationLastProps>(\n  function PaginationLast({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to last page\"}\n        page={page ?? context?.pageCount}\n        ref={ref}\n        slot=\"pagination-last\"\n      >\n        {children ?? \"Last\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport type PaginationEllipsisProps = ComponentPropsWithoutRef<\"span\">;\nexport const PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  function PaginationEllipsis({ children = \"…\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(pagination().ellipsis, className)}\n        data-slot=\"pagination-ellipsis\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\ntype PaginationPageItem = number | \"ellipsis\";\n\nfunction getPageItems(page: number, pageCount: number, siblingCount: number): PaginationPageItem[] {\n  const visible = new Set<number>([1, pageCount]);\n  for (let index = page - siblingCount; index <= page + siblingCount; index += 1) {\n    if (index > 0 && index <= pageCount) visible.add(index);\n  }\n  const pages = [...visible].sort((left, right) => left - right);\n  const items: PaginationPageItem[] = [];\n  pages.forEach((value, index) => {\n    const previous = pages[index - 1];\n    if (previous !== undefined && value - previous > 1) items.push(\"ellipsis\");\n    items.push(value);\n  });\n  return items;\n}\n\nfunction PaginationGenerated({\n  page,\n  pageCount,\n  showFirstLast,\n  siblingCount,\n}: {\n  page: number;\n  pageCount: number;\n  showFirstLast: boolean;\n  siblingCount: number;\n}) {\n  const pageItems = getPageItems(page, pageCount, siblingCount);\n  return (\n    <PaginationList>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationFirst disabled={page <= 1} />\n        </PaginationItem>\n      ) : null}\n      <PaginationItem>\n        <PaginationPrevious disabled={page <= 1} />\n      </PaginationItem>\n      {pageItems.map((item, index) =>\n        item === \"ellipsis\" ? (\n          <PaginationItem\n            key={`ellipsis-${pageItems.slice(0, index).filter((value) => value === \"ellipsis\").length + 1}`}\n          >\n            <PaginationEllipsis />\n          </PaginationItem>\n        ) : (\n          <PaginationItem key={item}>\n            <PaginationLink page={item}>{item}</PaginationLink>\n          </PaginationItem>\n        ),\n      )}\n      <PaginationItem>\n        <PaginationNext disabled={page >= pageCount} />\n      </PaginationItem>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationLast disabled={page >= pageCount} />\n        </PaginationItem>\n      ) : null}\n    </PaginationList>\n  );\n}\n\nexport const Pagination = {\n  Root: PaginationRoot,\n  List: PaginationList,\n  Item: PaginationItem,\n  Link: PaginationLink,\n  First: PaginationFirst,\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  Last: PaginationLast,\n  Ellipsis: PaginationEllipsis,\n};\n"],"mappings":"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"}
+{"version":3,"file":"pagination.cjs","names":["createContext","useContext","forwardRef","useState","useCallback","useMemo","cx","pagination"],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pagination } from \"../../styled-system/recipes\";\n\nexport type PaginationDensity = \"compact\" | \"comfortable\";\n\ninterface PaginationContextValue {\n  density: PaginationDensity;\n  goTo: (page: number) => void;\n  page: number | undefined;\n  pageCount: number | undefined;\n}\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n  return useContext(PaginationContext);\n}\n\nexport interface PaginationRootProps extends Omit<ComponentPropsWithoutRef<\"nav\">, \"children\"> {\n  children?: ReactNode;\n  defaultPage?: number;\n  density?: PaginationDensity;\n  onPageChange?: (page: number) => void;\n  page?: number;\n  pageCount?: number;\n  showFirstLast?: boolean;\n  siblingCount?: number;\n}\n\nexport const PaginationRoot = forwardRef<HTMLElement, PaginationRootProps>(function PaginationRoot(\n  {\n    children,\n    \"aria-label\": ariaLabel,\n    className,\n    defaultPage = 1,\n    density = \"comfortable\",\n    onPageChange,\n    page: controlledPage,\n    pageCount,\n    showFirstLast = false,\n    siblingCount = 1,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);\n  const page = pageCount\n    ? Math.min(Math.max(controlledPage ?? uncontrolledPage, 1), pageCount)\n    : controlledPage;\n  const goTo = useCallback(\n    (nextPage: number) => {\n      if (!pageCount) return;\n      const next = Math.min(Math.max(nextPage, 1), pageCount);\n      if (controlledPage === undefined) setUncontrolledPage(next);\n      onPageChange?.(next);\n    },\n    [controlledPage, onPageChange, pageCount],\n  );\n  const context = useMemo(\n    () => ({ density, goTo, page, pageCount }),\n    [density, goTo, page, pageCount],\n  );\n\n  return (\n    <PaginationContext.Provider value={context}>\n      <nav\n        {...props}\n        aria-label={ariaLabel ?? \"Pagination\"}\n        ref={ref}\n        className={cx(pagination({ density }).root, className)}\n        data-density={density}\n        data-jaci-component=\"pagination\"\n        data-slot=\"pagination\"\n      >\n        {children ??\n          (pageCount ? (\n            <PaginationGenerated\n              page={page ?? 1}\n              pageCount={pageCount}\n              showFirstLast={showFirstLast}\n              siblingCount={siblingCount}\n            />\n          ) : null)}\n      </nav>\n    </PaginationContext.Provider>\n  );\n});\n\nexport type PaginationListProps = ComponentPropsWithoutRef<\"ul\">;\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  function PaginationList({ className, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <ul\n        {...props}\n        ref={ref}\n        className={cx(pagination({ density: context?.density }).list, className)}\n        data-slot=\"pagination-list\"\n      />\n    );\n  },\n);\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\">;\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  function PaginationItem({ className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        ref={ref}\n        className={cx(pagination().item, className)}\n        data-slot=\"pagination-item\"\n      />\n    );\n  },\n);\n\nexport interface PaginationLinkProps extends ComponentPropsWithoutRef<\"a\"> {\n  active?: boolean;\n  disabled?: boolean;\n  page?: number | undefined;\n}\n\ntype PaginationAnchorSlot =\n  | \"pagination-link\"\n  | \"pagination-first\"\n  | \"pagination-last\"\n  | \"pagination-previous\"\n  | \"pagination-next\";\n\ninterface PaginationAnchorProps extends PaginationLinkProps {\n  slot: PaginationAnchorSlot;\n}\n\nfunction getAnchorClassName(\n  active: boolean,\n  disabled: boolean,\n  density: PaginationDensity | undefined,\n  slot: PaginationAnchorSlot,\n) {\n  const styles = pagination({ active, density, disabled });\n  if (slot === \"pagination-previous\") return cx(styles.link, styles.previous);\n  if (slot === \"pagination-next\") return cx(styles.link, styles.next);\n  if (slot === \"pagination-first\") return cx(styles.link, styles.first);\n  if (slot === \"pagination-last\") return cx(styles.link, styles.last);\n  return styles.link;\n}\n\nconst PaginationAnchor = forwardRef<HTMLAnchorElement, PaginationAnchorProps>(\n  function PaginationAnchor(\n    {\n      active: activeProp,\n      \"aria-current\": ariaCurrent,\n      className,\n      disabled: disabledProp = false,\n      href,\n      onClick,\n      page,\n      slot,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    const context = usePaginationContext();\n    const active = activeProp ?? (page !== undefined && context?.page === page);\n    const disabled = Boolean(disabledProp || (page !== undefined && context?.pageCount === 1));\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        className={cx(\n          getAnchorClassName(Boolean(active), disabled, context?.density, slot),\n          className,\n        )}\n        data-active={active || undefined}\n        data-disabled={disabled || undefined}\n        data-page={page}\n        data-slot={slot}\n        href={disabled ? undefined : href}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n          }\n          if (page !== undefined && context?.pageCount) {\n            event.preventDefault();\n            context.goTo(page);\n          }\n          onClick?.(event);\n        }}\n        tabIndex={disabled ? -1 : tabIndex}\n      />\n    );\n  },\n);\n\nexport const PaginationLink = forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  function PaginationLink(props, ref) {\n    return <PaginationAnchor {...props} ref={ref} slot=\"pagination-link\" />;\n  },\n);\n\nexport interface PaginationPreviousProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationPrevious = forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\n  function PaginationPrevious({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page - 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to previous page\"}\n        disabled={props.disabled ?? (targetPage !== undefined && targetPage < 1)}\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"prev\"}\n        slot=\"pagination-previous\"\n      >\n        {children ?? (\n          <>\n            <span aria-hidden=\"true\">‹</span>\n            <span>Previous</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationNextProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationNext = forwardRef<HTMLAnchorElement, PaginationNextProps>(\n  function PaginationNext({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page + 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to next page\"}\n        disabled={\n          props.disabled ??\n          (targetPage !== undefined && targetPage > (context?.pageCount ?? Infinity))\n        }\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"next\"}\n        slot=\"pagination-next\"\n      >\n        {children ?? (\n          <>\n            <span>Next</span>\n            <span aria-hidden=\"true\">›</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationFirstProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationFirst = forwardRef<HTMLAnchorElement, PaginationFirstProps>(\n  function PaginationFirst({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to first page\"}\n        page={page ?? 1}\n        ref={ref}\n        slot=\"pagination-first\"\n      >\n        {children ?? \"First\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationLastProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationLast = forwardRef<HTMLAnchorElement, PaginationLastProps>(\n  function PaginationLast({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to last page\"}\n        page={page ?? context?.pageCount}\n        ref={ref}\n        slot=\"pagination-last\"\n      >\n        {children ?? \"Last\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport type PaginationEllipsisProps = ComponentPropsWithoutRef<\"span\">;\nexport const PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  function PaginationEllipsis({ children = \"…\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(pagination().ellipsis, className)}\n        data-slot=\"pagination-ellipsis\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\ntype PaginationPageItem = number | \"ellipsis\";\n\nfunction getPageItems(page: number, pageCount: number, siblingCount: number): PaginationPageItem[] {\n  const visible = new Set<number>([1, pageCount]);\n  for (let index = page - siblingCount; index <= page + siblingCount; index += 1) {\n    if (index > 0 && index <= pageCount) visible.add(index);\n  }\n  const pages = [...visible].sort((left, right) => left - right);\n  const items: PaginationPageItem[] = [];\n  pages.forEach((value, index) => {\n    const previous = pages[index - 1];\n    if (previous !== undefined && value - previous > 1) items.push(\"ellipsis\");\n    items.push(value);\n  });\n  return items;\n}\n\nfunction PaginationGenerated({\n  page,\n  pageCount,\n  showFirstLast,\n  siblingCount,\n}: {\n  page: number;\n  pageCount: number;\n  showFirstLast: boolean;\n  siblingCount: number;\n}) {\n  const pageItems = getPageItems(page, pageCount, siblingCount);\n  return (\n    <PaginationList>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationFirst disabled={page <= 1} />\n        </PaginationItem>\n      ) : null}\n      <PaginationItem>\n        <PaginationPrevious disabled={page <= 1} />\n      </PaginationItem>\n      {pageItems.map((item, index) =>\n        item === \"ellipsis\" ? (\n          <PaginationItem\n            key={`ellipsis-${pageItems.slice(0, index).filter((value) => value === \"ellipsis\").length + 1}`}\n          >\n            <PaginationEllipsis />\n          </PaginationItem>\n        ) : (\n          <PaginationItem key={item}>\n            <PaginationLink page={item}>{item}</PaginationLink>\n          </PaginationItem>\n        ),\n      )}\n      <PaginationItem>\n        <PaginationNext disabled={page >= pageCount} />\n      </PaginationItem>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationLast disabled={page >= pageCount} />\n        </PaginationItem>\n      ) : null}\n    </PaginationList>\n  );\n}\n\nexport const Pagination = {\n  Root: PaginationRoot,\n  List: PaginationList,\n  Item: PaginationItem,\n  Link: PaginationLink,\n  First: PaginationFirst,\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  Last: PaginationLast,\n  Ellipsis: PaginationEllipsis,\n};\n"],"mappings":"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"}

package/dist/components/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pagination } from \"../../styled-system/recipes\";\n\nexport type PaginationDensity = \"compact\" | \"comfortable\";\n\ninterface PaginationContextValue {\n  density: PaginationDensity;\n  goTo: (page: number) => void;\n  page: number | undefined;\n  pageCount: number | undefined;\n}\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n  return useContext(PaginationContext);\n}\n\nexport interface PaginationRootProps extends Omit<ComponentPropsWithoutRef<\"nav\">, \"children\"> {\n  children?: ReactNode;\n  defaultPage?: number;\n  density?: PaginationDensity;\n  onPageChange?: (page: number) => void;\n  page?: number;\n  pageCount?: number;\n  showFirstLast?: boolean;\n  siblingCount?: number;\n}\n\nexport const PaginationRoot = forwardRef<HTMLElement, PaginationRootProps>(function PaginationRoot(\n  {\n    children,\n    \"aria-label\": ariaLabel,\n    className,\n    defaultPage = 1,\n    density = \"comfortable\",\n    onPageChange,\n    page: controlledPage,\n    pageCount,\n    showFirstLast = false,\n    siblingCount = 1,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);\n  const page = pageCount\n    ? Math.min(Math.max(controlledPage ?? uncontrolledPage, 1), pageCount)\n    : controlledPage;\n  const goTo = useCallback(\n    (nextPage: number) => {\n      if (!pageCount) return;\n      const next = Math.min(Math.max(nextPage, 1), pageCount);\n      if (controlledPage === undefined) setUncontrolledPage(next);\n      onPageChange?.(next);\n    },\n    [controlledPage, onPageChange, pageCount],\n  );\n  const context = useMemo(\n    () => ({ density, goTo, page, pageCount }),\n    [density, goTo, page, pageCount],\n  );\n\n  return (\n    <PaginationContext.Provider value={context}>\n      <nav\n        {...props}\n        aria-label={ariaLabel ?? \"Pagination\"}\n        ref={ref}\n        className={cx(pagination({ density }).root, className)}\n        data-density={density}\n        data-jaci-component=\"pagination\"\n        data-slot=\"pagination\"\n      >\n        {children ??\n          (pageCount ? (\n            <PaginationGenerated\n              page={page ?? 1}\n              pageCount={pageCount}\n              showFirstLast={showFirstLast}\n              siblingCount={siblingCount}\n            />\n          ) : null)}\n      </nav>\n    </PaginationContext.Provider>\n  );\n});\n\nexport type PaginationListProps = ComponentPropsWithoutRef<\"ul\">;\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  function PaginationList({ className, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <ul\n        {...props}\n        ref={ref}\n        className={cx(pagination({ density: context?.density }).list, className)}\n        data-slot=\"pagination-list\"\n      />\n    );\n  },\n);\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\">;\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  function PaginationItem({ className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        ref={ref}\n        className={cx(pagination().item, className)}\n        data-slot=\"pagination-item\"\n      />\n    );\n  },\n);\n\nexport interface PaginationLinkProps extends ComponentPropsWithoutRef<\"a\"> {\n  active?: boolean;\n  disabled?: boolean;\n  page?: number | undefined;\n}\n\ntype PaginationAnchorSlot =\n  | \"pagination-link\"\n  | \"pagination-first\"\n  | \"pagination-last\"\n  | \"pagination-previous\"\n  | \"pagination-next\";\n\ninterface PaginationAnchorProps extends PaginationLinkProps {\n  slot: PaginationAnchorSlot;\n}\n\nfunction getAnchorClassName(\n  active: boolean,\n  disabled: boolean,\n  density: PaginationDensity | undefined,\n  slot: PaginationAnchorSlot,\n) {\n  const styles = pagination({ active, density, disabled });\n  if (slot === \"pagination-previous\") return cx(styles.link, styles.previous);\n  if (slot === \"pagination-next\") return cx(styles.link, styles.next);\n  if (slot === \"pagination-first\") return cx(styles.link, styles.first);\n  if (slot === \"pagination-last\") return cx(styles.link, styles.last);\n  return styles.link;\n}\n\nconst PaginationAnchor = forwardRef<HTMLAnchorElement, PaginationAnchorProps>(\n  function PaginationAnchor(\n    {\n      active: activeProp,\n      \"aria-current\": ariaCurrent,\n      className,\n      disabled: disabledProp = false,\n      href,\n      onClick,\n      page,\n      slot,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    const context = usePaginationContext();\n    const active = activeProp ?? (page !== undefined && context?.page === page);\n    const disabled = Boolean(disabledProp || (page !== undefined && context?.pageCount === 1));\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        className={cx(\n          getAnchorClassName(Boolean(active), disabled, context?.density, slot),\n          className,\n        )}\n        data-active={active || undefined}\n        data-disabled={disabled || undefined}\n        data-page={page}\n        data-slot={slot}\n        href={disabled ? undefined : href}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n          }\n          if (page !== undefined && context?.pageCount) {\n            event.preventDefault();\n            context.goTo(page);\n          }\n          onClick?.(event);\n        }}\n        tabIndex={disabled ? -1 : tabIndex}\n      />\n    );\n  },\n);\n\nexport const PaginationLink = forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  function PaginationLink(props, ref) {\n    return <PaginationAnchor {...props} ref={ref} slot=\"pagination-link\" />;\n  },\n);\n\nexport interface PaginationPreviousProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationPrevious = forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\n  function PaginationPrevious({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page - 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to previous page\"}\n        disabled={props.disabled ?? (targetPage !== undefined && targetPage < 1)}\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"prev\"}\n        slot=\"pagination-previous\"\n      >\n        {children ?? (\n          <>\n            <span aria-hidden=\"true\">‹</span>\n            <span>Previous</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationNextProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationNext = forwardRef<HTMLAnchorElement, PaginationNextProps>(\n  function PaginationNext({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page + 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to next page\"}\n        disabled={\n          props.disabled ??\n          (targetPage !== undefined && targetPage > (context?.pageCount ?? Infinity))\n        }\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"next\"}\n        slot=\"pagination-next\"\n      >\n        {children ?? (\n          <>\n            <span>Next</span>\n            <span aria-hidden=\"true\">›</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationFirstProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationFirst = forwardRef<HTMLAnchorElement, PaginationFirstProps>(\n  function PaginationFirst({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to first page\"}\n        page={page ?? 1}\n        ref={ref}\n        slot=\"pagination-first\"\n      >\n        {children ?? \"First\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationLastProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationLast = forwardRef<HTMLAnchorElement, PaginationLastProps>(\n  function PaginationLast({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to last page\"}\n        page={page ?? context?.pageCount}\n        ref={ref}\n        slot=\"pagination-last\"\n      >\n        {children ?? \"Last\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport type PaginationEllipsisProps = ComponentPropsWithoutRef<\"span\">;\nexport const PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  function PaginationEllipsis({ children = \"…\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(pagination().ellipsis, className)}\n        data-slot=\"pagination-ellipsis\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\ntype PaginationPageItem = number | \"ellipsis\";\n\nfunction getPageItems(page: number, pageCount: number, siblingCount: number): PaginationPageItem[] {\n  const visible = new Set<number>([1, pageCount]);\n  for (let index = page - siblingCount; index <= page + siblingCount; index += 1) {\n    if (index > 0 && index <= pageCount) visible.add(index);\n  }\n  const pages = [...visible].sort((left, right) => left - right);\n  const items: PaginationPageItem[] = [];\n  pages.forEach((value, index) => {\n    const previous = pages[index - 1];\n    if (previous !== undefined && value - previous > 1) items.push(\"ellipsis\");\n    items.push(value);\n  });\n  return items;\n}\n\nfunction PaginationGenerated({\n  page,\n  pageCount,\n  showFirstLast,\n  siblingCount,\n}: {\n  page: number;\n  pageCount: number;\n  showFirstLast: boolean;\n  siblingCount: number;\n}) {\n  const pageItems = getPageItems(page, pageCount, siblingCount);\n  return (\n    <PaginationList>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationFirst disabled={page <= 1} />\n        </PaginationItem>\n      ) : null}\n      <PaginationItem>\n        <PaginationPrevious disabled={page <= 1} />\n      </PaginationItem>\n      {pageItems.map((item, index) =>\n        item === \"ellipsis\" ? (\n          <PaginationItem\n            key={`ellipsis-${pageItems.slice(0, index).filter((value) => value === \"ellipsis\").length + 1}`}\n          >\n            <PaginationEllipsis />\n          </PaginationItem>\n        ) : (\n          <PaginationItem key={item}>\n            <PaginationLink page={item}>{item}</PaginationLink>\n          </PaginationItem>\n        ),\n      )}\n      <PaginationItem>\n        <PaginationNext disabled={page >= pageCount} />\n      </PaginationItem>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationLast disabled={page >= pageCount} />\n        </PaginationItem>\n      ) : null}\n    </PaginationList>\n  );\n}\n\nexport const Pagination = {\n  Root: PaginationRoot,\n  List: PaginationList,\n  Item: PaginationItem,\n  Link: PaginationLink,\n  First: PaginationFirst,\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  Last: PaginationLast,\n  Ellipsis: PaginationEllipsis,\n};\n"],"mappings":"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"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pagination } from \"../../styled-system/recipes\";\n\nexport type PaginationDensity = \"compact\" | \"comfortable\";\n\ninterface PaginationContextValue {\n  density: PaginationDensity;\n  goTo: (page: number) => void;\n  page: number | undefined;\n  pageCount: number | undefined;\n}\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n  return useContext(PaginationContext);\n}\n\nexport interface PaginationRootProps extends Omit<ComponentPropsWithoutRef<\"nav\">, \"children\"> {\n  children?: ReactNode;\n  defaultPage?: number;\n  density?: PaginationDensity;\n  onPageChange?: (page: number) => void;\n  page?: number;\n  pageCount?: number;\n  showFirstLast?: boolean;\n  siblingCount?: number;\n}\n\nexport const PaginationRoot = forwardRef<HTMLElement, PaginationRootProps>(function PaginationRoot(\n  {\n    children,\n    \"aria-label\": ariaLabel,\n    className,\n    defaultPage = 1,\n    density = \"comfortable\",\n    onPageChange,\n    page: controlledPage,\n    pageCount,\n    showFirstLast = false,\n    siblingCount = 1,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);\n  const page = pageCount\n    ? Math.min(Math.max(controlledPage ?? uncontrolledPage, 1), pageCount)\n    : controlledPage;\n  const goTo = useCallback(\n    (nextPage: number) => {\n      if (!pageCount) return;\n      const next = Math.min(Math.max(nextPage, 1), pageCount);\n      if (controlledPage === undefined) setUncontrolledPage(next);\n      onPageChange?.(next);\n    },\n    [controlledPage, onPageChange, pageCount],\n  );\n  const context = useMemo(\n    () => ({ density, goTo, page, pageCount }),\n    [density, goTo, page, pageCount],\n  );\n\n  return (\n    <PaginationContext.Provider value={context}>\n      <nav\n        {...props}\n        aria-label={ariaLabel ?? \"Pagination\"}\n        ref={ref}\n        className={cx(pagination({ density }).root, className)}\n        data-density={density}\n        data-jaci-component=\"pagination\"\n        data-slot=\"pagination\"\n      >\n        {children ??\n          (pageCount ? (\n            <PaginationGenerated\n              page={page ?? 1}\n              pageCount={pageCount}\n              showFirstLast={showFirstLast}\n              siblingCount={siblingCount}\n            />\n          ) : null)}\n      </nav>\n    </PaginationContext.Provider>\n  );\n});\n\nexport type PaginationListProps = ComponentPropsWithoutRef<\"ul\">;\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  function PaginationList({ className, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <ul\n        {...props}\n        ref={ref}\n        className={cx(pagination({ density: context?.density }).list, className)}\n        data-slot=\"pagination-list\"\n      />\n    );\n  },\n);\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\">;\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  function PaginationItem({ className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        ref={ref}\n        className={cx(pagination().item, className)}\n        data-slot=\"pagination-item\"\n      />\n    );\n  },\n);\n\nexport interface PaginationLinkProps extends ComponentPropsWithoutRef<\"a\"> {\n  active?: boolean;\n  disabled?: boolean;\n  page?: number | undefined;\n}\n\ntype PaginationAnchorSlot =\n  | \"pagination-link\"\n  | \"pagination-first\"\n  | \"pagination-last\"\n  | \"pagination-previous\"\n  | \"pagination-next\";\n\ninterface PaginationAnchorProps extends PaginationLinkProps {\n  slot: PaginationAnchorSlot;\n}\n\nfunction getAnchorClassName(\n  active: boolean,\n  disabled: boolean,\n  density: PaginationDensity | undefined,\n  slot: PaginationAnchorSlot,\n) {\n  const styles = pagination({ active, density, disabled });\n  if (slot === \"pagination-previous\") return cx(styles.link, styles.previous);\n  if (slot === \"pagination-next\") return cx(styles.link, styles.next);\n  if (slot === \"pagination-first\") return cx(styles.link, styles.first);\n  if (slot === \"pagination-last\") return cx(styles.link, styles.last);\n  return styles.link;\n}\n\nconst PaginationAnchor = forwardRef<HTMLAnchorElement, PaginationAnchorProps>(\n  function PaginationAnchor(\n    {\n      active: activeProp,\n      \"aria-current\": ariaCurrent,\n      className,\n      disabled: disabledProp = false,\n      href,\n      onClick,\n      page,\n      slot,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    const context = usePaginationContext();\n    const active = activeProp ?? (page !== undefined && context?.page === page);\n    const disabled = Boolean(disabledProp || (page !== undefined && context?.pageCount === 1));\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        className={cx(\n          getAnchorClassName(Boolean(active), disabled, context?.density, slot),\n          className,\n        )}\n        data-active={active || undefined}\n        data-disabled={disabled || undefined}\n        data-page={page}\n        data-slot={slot}\n        href={disabled ? undefined : href}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n          }\n          if (page !== undefined && context?.pageCount) {\n            event.preventDefault();\n            context.goTo(page);\n          }\n          onClick?.(event);\n        }}\n        tabIndex={disabled ? -1 : tabIndex}\n      />\n    );\n  },\n);\n\nexport const PaginationLink = forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  function PaginationLink(props, ref) {\n    return <PaginationAnchor {...props} ref={ref} slot=\"pagination-link\" />;\n  },\n);\n\nexport interface PaginationPreviousProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationPrevious = forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\n  function PaginationPrevious({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page - 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to previous page\"}\n        disabled={props.disabled ?? (targetPage !== undefined && targetPage < 1)}\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"prev\"}\n        slot=\"pagination-previous\"\n      >\n        {children ?? (\n          <>\n            <span aria-hidden=\"true\">‹</span>\n            <span>Previous</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationNextProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationNext = forwardRef<HTMLAnchorElement, PaginationNextProps>(\n  function PaginationNext({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page + 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to next page\"}\n        disabled={\n          props.disabled ??\n          (targetPage !== undefined && targetPage > (context?.pageCount ?? Infinity))\n        }\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"next\"}\n        slot=\"pagination-next\"\n      >\n        {children ?? (\n          <>\n            <span>Next</span>\n            <span aria-hidden=\"true\">›</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationFirstProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationFirst = forwardRef<HTMLAnchorElement, PaginationFirstProps>(\n  function PaginationFirst({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to first page\"}\n        page={page ?? 1}\n        ref={ref}\n        slot=\"pagination-first\"\n      >\n        {children ?? \"First\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationLastProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationLast = forwardRef<HTMLAnchorElement, PaginationLastProps>(\n  function PaginationLast({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to last page\"}\n        page={page ?? context?.pageCount}\n        ref={ref}\n        slot=\"pagination-last\"\n      >\n        {children ?? \"Last\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport type PaginationEllipsisProps = ComponentPropsWithoutRef<\"span\">;\nexport const PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  function PaginationEllipsis({ children = \"…\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(pagination().ellipsis, className)}\n        data-slot=\"pagination-ellipsis\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\ntype PaginationPageItem = number | \"ellipsis\";\n\nfunction getPageItems(page: number, pageCount: number, siblingCount: number): PaginationPageItem[] {\n  const visible = new Set<number>([1, pageCount]);\n  for (let index = page - siblingCount; index <= page + siblingCount; index += 1) {\n    if (index > 0 && index <= pageCount) visible.add(index);\n  }\n  const pages = [...visible].sort((left, right) => left - right);\n  const items: PaginationPageItem[] = [];\n  pages.forEach((value, index) => {\n    const previous = pages[index - 1];\n    if (previous !== undefined && value - previous > 1) items.push(\"ellipsis\");\n    items.push(value);\n  });\n  return items;\n}\n\nfunction PaginationGenerated({\n  page,\n  pageCount,\n  showFirstLast,\n  siblingCount,\n}: {\n  page: number;\n  pageCount: number;\n  showFirstLast: boolean;\n  siblingCount: number;\n}) {\n  const pageItems = getPageItems(page, pageCount, siblingCount);\n  return (\n    <PaginationList>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationFirst disabled={page <= 1} />\n        </PaginationItem>\n      ) : null}\n      <PaginationItem>\n        <PaginationPrevious disabled={page <= 1} />\n      </PaginationItem>\n      {pageItems.map((item, index) =>\n        item === \"ellipsis\" ? (\n          <PaginationItem\n            key={`ellipsis-${pageItems.slice(0, index).filter((value) => value === \"ellipsis\").length + 1}`}\n          >\n            <PaginationEllipsis />\n          </PaginationItem>\n        ) : (\n          <PaginationItem key={item}>\n            <PaginationLink page={item}>{item}</PaginationLink>\n          </PaginationItem>\n        ),\n      )}\n      <PaginationItem>\n        <PaginationNext disabled={page >= pageCount} />\n      </PaginationItem>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationLast disabled={page >= pageCount} />\n        </PaginationItem>\n      ) : null}\n    </PaginationList>\n  );\n}\n\nexport const Pagination = {\n  Root: PaginationRoot,\n  List: PaginationList,\n  Item: PaginationItem,\n  Link: PaginationLink,\n  First: PaginationFirst,\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  Last: PaginationLast,\n  Ellipsis: PaginationEllipsis,\n};\n"],"mappings":"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"}

package/dist/components/pin-input/pin-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pin-input.cjs","names":["pinInput","cx"],"sources":["../../../src/components/pin-input/pin-input.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type {\n  ClipboardEvent,\n  CompositionEvent,\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MutableRefObject,\n  ReactNode,\n} from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pinInput } from \"../../styled-system/recipes\";\n\ninterface PinInputContextValue {\n  disabled: boolean;\n  id: string;\n  invalid: boolean;\n  inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n  length: number;\n  onInput: (index: number, value: string) => void;\n  onCompositionEnd: (index: number, event: CompositionEvent<HTMLInputElement>) => void;\n  onCompositionStart: () => void;\n  onKeyDown: (index: number, event: KeyboardEvent<HTMLInputElement>) => void;\n  onPaste: (index: number, event: ClipboardEvent<HTMLInputElement>) => void;\n  otp: boolean;\n  styles: ReturnType<typeof pinInput>;\n  type: \"text\" | \"password\";\n  value: string;\n}\n\nconst PinInputContext = createContext<PinInputContextValue | null>(null);\n\nfunction digitKey(index: number) {\n  return `digit-${index}`;\n}\n\nfunction usePinInputContext() {\n  const context = useContext(PinInputContext);\n  if (!context) throw new Error(\"PinInput parts must be rendered inside PinInput.Root.\");\n  return context;\n}\n\nexport interface PinInputRootProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"defaultValue\"> {\n  length: number;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n  type?: \"text\" | \"password\";\n  otp?: boolean;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  name?: string;\n  children?: ReactNode;\n}\n\nexport const PinInputRoot = forwardRef<HTMLDivElement, PinInputRootProps>(function PinInputRoot(\n  {\n    autoFocus = false,\n    children,\n    className,\n    defaultValue = \"\",\n    disabled = false,\n    id: providedId,\n    invalid = false,\n    length,\n    name,\n    onValueChange,\n    onComplete,\n    otp = false,\n    type = \"text\",\n    value: controlledValue,\n    ...props\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = providedId ?? generatedId;\n  const styles = pinInput();\n  const safeLength = Math.max(1, Math.floor(length));\n  const [uncontrolledValue, setUncontrolledValue] = useState(() =>\n    defaultValue.slice(0, safeLength),\n  );\n  const value = (controlledValue ?? uncontrolledValue).slice(0, safeLength);\n  const inputRefs = useRef<Array<HTMLInputElement | null>>([]);\n  const composingRef = useRef(false);\n  const updateValue = useCallback(\n    (next: string) => {\n      const normalized = next.slice(0, safeLength);\n      if (controlledValue === undefined) setUncontrolledValue(normalized);\n      onValueChange?.(normalized);\n      if (normalized.length === safeLength) onComplete?.(normalized);\n    },\n    [controlledValue, onComplete, onValueChange, safeLength],\n  );\n  const normalize = useCallback(\n    (next: string) => {\n      const characters = Array.from(next);\n      return (otp ? characters.filter((character) => /[0-9]/u.test(character)) : characters)\n        .join(\"\")\n        .slice(0, safeLength);\n    },\n    [otp, safeLength],\n  );\n  const focusIndex = useCallback(\n    (index: number) => {\n      inputRefs.current[Math.max(0, Math.min(safeLength - 1, index))]?.focus();\n    },\n    [safeLength],\n  );\n  const onInput = useCallback(\n    (index: number, nextCharacter: string) => {\n      if (composingRef.current) return;\n      const characters = Array.from(value);\n      const next = normalize(nextCharacter).slice(-1);\n      characters[index] = next;\n      const nextValue = characters.join(\"\").slice(0, safeLength);\n      updateValue(nextValue);\n      if (next) focusIndex(index + 1);\n    },\n    [focusIndex, normalize, safeLength, updateValue, value],\n  );\n  const onCompositionStart = useCallback(() => {\n    composingRef.current = true;\n  }, []);\n  const onCompositionEnd = useCallback(\n    (index: number, event: CompositionEvent<HTMLInputElement>) => {\n      composingRef.current = false;\n      onInput(index, event.currentTarget.value);\n    },\n    [onInput],\n  );\n  const onPaste = useCallback(\n    (index: number, event: ClipboardEvent<HTMLInputElement>) => {\n      event.preventDefault();\n      const pasted = normalize(event.clipboardData.getData(\"text\"));\n      if (!pasted) return;\n      const characters = Array.from(value);\n      Array.from(pasted).forEach((character, offset) => {\n        if (index + offset < safeLength) characters[index + offset] = character;\n      });\n      const nextValue = characters.join(\"\").slice(0, safeLength);\n      updateValue(nextValue);\n      focusIndex(Math.min(safeLength - 1, index + pasted.length));\n    },\n    [focusIndex, normalize, safeLength, updateValue, value],\n  );\n  const onKeyDown = useCallback(\n    (index: number, event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Backspace\" && !event.currentTarget.value && index > 0) {\n        event.preventDefault();\n        const characters = Array.from(value);\n        characters[index - 1] = \"\";\n        updateValue(characters.join(\"\"));\n        focusIndex(index - 1);\n      } else if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        focusIndex(index - 1);\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        focusIndex(index + 1);\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        focusIndex(0);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        focusIndex(safeLength - 1);\n      }\n    },\n    [focusIndex, safeLength, updateValue, value],\n  );\n  const context: PinInputContextValue = {\n    disabled,\n    id,\n    invalid,\n    inputRefs,\n    length: safeLength,\n    onInput,\n    onCompositionEnd,\n    onCompositionStart,\n    onKeyDown,\n    onPaste,\n    otp,\n    styles,\n    type,\n    value,\n  };\n\n  useEffect(() => {\n    if (autoFocus) inputRefs.current[0]?.focus();\n  }, [autoFocus]);\n\n  return (\n    <div\n      {...props}\n      className={cx(styles.root, className)}\n      data-disabled={disabled || undefined}\n      data-invalid={invalid || undefined}\n      data-jaci-component=\"pin-input\"\n      data-slot=\"pin-input\"\n      id={id}\n      ref={ref}\n    >\n      <PinInputContext.Provider value={context}>{children}</PinInputContext.Provider>\n      {name ? (\n        <input\n          aria-hidden=\"true\"\n          className={styles.hiddenInput}\n          disabled={disabled}\n          name={name}\n          tabIndex={-1}\n          value={value}\n          readOnly\n        />\n      ) : null}\n    </div>\n  );\n});\n\nexport type PinInputLabelProps = ComponentPropsWithoutRef<\"label\">;\nexport const PinInputLabel = forwardRef<HTMLLabelElement, PinInputLabelProps>(\n  function PinInputLabel({ className, ...props }, ref) {\n    const { id, styles } = usePinInputContext();\n    return (\n      // biome-ignore lint/a11y/noLabelWithoutControl: the generated Inputs slot supplies the control.\n      <label\n        {...props}\n        className={cx(styles.label, className)}\n        data-slot=\"pin-input-label\"\n        htmlFor={props.htmlFor ?? `${id}-0`}\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type PinInputControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const PinInputControl = forwardRef<HTMLDivElement, PinInputControlProps>(\n  function PinInputControl({ className, ...props }, ref) {\n    const { styles } = usePinInputContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.control, className)}\n        data-slot=\"pin-input-control\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type PinInputInputsProps = ComponentPropsWithoutRef<\"div\">;\nexport const PinInputInputs = forwardRef<HTMLDivElement, PinInputInputsProps>(\n  function PinInputInputs({ className, ...props }, ref) {\n    const { length, styles } = usePinInputContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.inputs, className)}\n        data-slot=\"pin-input-inputs\"\n        ref={ref}\n      >\n        {Array.from({ length }, (_, index) => (\n          <PinInputInput index={index} key={digitKey(index)} />\n        ))}\n      </div>\n    );\n  },\n);\n\nexport interface PinInputInputProps\n  extends Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"defaultValue\" | \"onChange\" | \"onKeyDown\" | \"onPaste\" | \"type\" | \"value\"\n  > {\n  index: number;\n}\nexport const PinInputInput = forwardRef<HTMLInputElement, PinInputInputProps>(\n  function PinInputInput(\n    {\n      className,\n      index,\n      id,\n      onCompositionEnd: onInputCompositionEnd,\n      onCompositionStart: onInputCompositionStart,\n      ...props\n    },\n    ref,\n  ) {\n    const {\n      disabled,\n      id: rootId,\n      inputRefs,\n      invalid,\n      length,\n      onInput,\n      onCompositionEnd,\n      onCompositionStart,\n      onKeyDown,\n      onPaste,\n      otp,\n      styles,\n      type,\n      value,\n    } = usePinInputContext();\n    return (\n      <input\n        {...props}\n        aria-label={props[\"aria-label\"] ?? `Digit ${index + 1} of ${length}`}\n        aria-invalid={invalid || undefined}\n        autoComplete={otp ? \"one-time-code\" : props.autoComplete}\n        className={cx(styles.input, className)}\n        data-slot=\"pin-input-input\"\n        disabled={disabled || props.disabled}\n        id={id ?? `${rootId}-${index}`}\n        inputMode={otp ? \"numeric\" : props.inputMode}\n        maxLength={1}\n        onChange={(event) => onInput(index, event.currentTarget.value)}\n        onCompositionEnd={(event) => {\n          onCompositionEnd(index, event);\n          onInputCompositionEnd?.(event);\n        }}\n        onCompositionStart={(event) => {\n          onCompositionStart();\n          onInputCompositionStart?.(event);\n        }}\n        onKeyDown={(event) => onKeyDown(index, event)}\n        onPaste={(event) => onPaste(index, event)}\n        ref={(node) => {\n          inputRefs.current[index] = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        type={type}\n        value={Array.from(value)[index] ?? \"\"}\n      />\n    );\n  },\n);\n\nexport type PinInputDescriptionProps = ComponentPropsWithoutRef<\"p\">;\nexport const PinInputDescription = forwardRef<HTMLParagraphElement, PinInputDescriptionProps>(\n  function PinInputDescription({ className, ...props }, ref) {\n    const { styles } = usePinInputContext();\n    return (\n      <p\n        {...props}\n        className={cx(styles.description, className)}\n        data-slot=\"pin-input-description\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type PinInputErrorProps = ComponentPropsWithoutRef<\"p\">;\nexport const PinInputError = forwardRef<HTMLParagraphElement, PinInputErrorProps>(\n  function PinInputError({ className, ...props }, ref) {\n    const { styles } = usePinInputContext();\n    return (\n      <p\n        {...props}\n        className={cx(styles.error, className)}\n        data-slot=\"pin-input-error\"\n        role=\"alert\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type PinInputHiddenInputProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"name\" | \"type\" | \"value\"\n>;\nexport const PinInputHiddenInput = forwardRef<HTMLInputElement, PinInputHiddenInputProps>(\n  function PinInputHiddenInput(props, ref) {\n    const { disabled, styles, value } = usePinInputContext();\n    return (\n      <input\n        {...props}\n        aria-hidden=\"true\"\n        className={styles.hiddenInput}\n        disabled={disabled || props.disabled}\n        readOnly\n        ref={ref}\n        tabIndex={-1}\n        type=\"hidden\"\n        value={value}\n      />\n    );\n  },\n);\n\nexport const PinInput = {\n  Root: PinInputRoot,\n  Label: PinInputLabel,\n  Control: PinInputControl,\n  Inputs: PinInputInputs,\n  Input: PinInputInput,\n  Description: PinInputDescription,\n  Error: PinInputError,\n  HiddenInput: PinInputHiddenInput,\n};\n"],"mappings":"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"}
+{"version":3,"file":"pin-input.cjs","names":["createContext","useContext","forwardRef","useId","pinInput","useState","useRef","useCallback","cx"],"sources":["../../../src/components/pin-input/pin-input.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type {\n  ClipboardEvent,\n  CompositionEvent,\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MutableRefObject,\n  ReactNode,\n} from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pinInput } from \"../../styled-system/recipes\";\n\ninterface PinInputContextValue {\n  disabled: boolean;\n  id: string;\n  invalid: boolean;\n  inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n  length: number;\n  onInput: (index: number, value: string) => void;\n  onCompositionEnd: (index: number, event: CompositionEvent<HTMLInputElement>) => void;\n  onCompositionStart: () => void;\n  onKeyDown: (index: number, event: KeyboardEvent<HTMLInputElement>) => void;\n  onPaste: (index: number, event: ClipboardEvent<HTMLInputElement>) => void;\n  otp: boolean;\n  styles: ReturnType<typeof pinInput>;\n  type: \"text\" | \"password\";\n  value: string;\n}\n\nconst PinInputContext = createContext<PinInputContextValue | null>(null);\n\nfunction digitKey(index: number) {\n  return `digit-${index}`;\n}\n\nfunction usePinInputContext() {\n  const context = useContext(PinInputContext);\n  if (!context) throw new Error(\"PinInput parts must be rendered inside PinInput.Root.\");\n  return context;\n}\n\nexport interface PinInputRootProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"defaultValue\"> {\n  length: number;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n  type?: \"text\" | \"password\";\n  otp?: boolean;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  name?: string;\n  children?: ReactNode;\n}\n\nexport const PinInputRoot = forwardRef<HTMLDivElement, PinInputRootProps>(function PinInputRoot(\n  {\n    autoFocus = false,\n    children,\n    className,\n    defaultValue = \"\",\n    disabled = false,\n    id: providedId,\n    invalid = false,\n    length,\n    name,\n    onValueChange,\n    onComplete,\n    otp = false,\n    type = \"text\",\n    value: controlledValue,\n    ...props\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = providedId ?? generatedId;\n  const styles = pinInput();\n  const safeLength = Math.max(1, Math.floor(length));\n  const [uncontrolledValue, setUncontrolledValue] = useState(() =>\n    defaultValue.slice(0, safeLength),\n  );\n  const value = (controlledValue ?? uncontrolledValue).slice(0, safeLength);\n  const inputRefs = useRef<Array<HTMLInputElement | null>>([]);\n  const composingRef = useRef(false);\n  const updateValue = useCallback(\n    (next: string) => {\n      const normalized = next.slice(0, safeLength);\n      if (controlledValue === undefined) setUncontrolledValue(normalized);\n      onValueChange?.(normalized);\n      if (normalized.length === safeLength) onComplete?.(normalized);\n    },\n    [controlledValue, onComplete, onValueChange, safeLength],\n  );\n  const normalize = useCallback(\n    (next: string) => {\n      const characters = Array.from(next);\n      return (otp ? characters.filter((character) => /[0-9]/u.test(character)) : characters)\n        .join(\"\")\n        .slice(0, safeLength);\n    },\n    [otp, safeLength],\n  );\n  const focusIndex = useCallback(\n    (index: number) => {\n      inputRefs.current[Math.max(0, Math.min(safeLength - 1, index))]?.focus();\n    },\n    [safeLength],\n  );\n  const onInput = useCallback(\n    (index: number, nextCharacter: string) => {\n      if (composingRef.current) return;\n      const characters = Array.from(value);\n      const next = normalize(nextCharacter).slice(-1);\n      characters[index] = next;\n      const nextValue = characters.join(\"\").slice(0, safeLength);\n      updateValue(nextValue);\n      if (next) focusIndex(index + 1);\n    },\n    [focusIndex, normalize, safeLength, updateValue, value],\n  );\n  const onCompositionStart = useCallback(() => {\n    composingRef.current = true;\n  }, []);\n  const onCompositionEnd = useCallback(\n    (index: number, event: CompositionEvent<HTMLInputElement>) => {\n      composingRef.current = false;\n      onInput(index, event.currentTarget.value);\n    },\n    [onInput],\n  );\n  const onPaste = useCallback(\n    (index: number, event: ClipboardEvent<HTMLInputElement>) => {\n      event.preventDefault();\n      const pasted = normalize(event.clipboardData.getData(\"text\"));\n      if (!pasted) return;\n      const characters = Array.from(value);\n      Array.from(pasted).forEach((character, offset) => {\n        if (index + offset < safeLength) characters[index + offset] = character;\n      });\n      const nextValue = characters.join(\"\").slice(0, safeLength);\n      updateValue(nextValue);\n      focusIndex(Math.min(safeLength - 1, index + pasted.length));\n    },\n    [focusIndex, normalize, safeLength, updateValue, value],\n  );\n  const onKeyDown = useCallback(\n    (index: number, event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Backspace\" && !event.currentTarget.value && index > 0) {\n        event.preventDefault();\n        const characters = Array.from(value);\n        characters[index - 1] = \"\";\n        updateValue(characters.join(\"\"));\n        focusIndex(index - 1);\n      } else if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        focusIndex(index - 1);\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        focusIndex(index + 1);\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        focusIndex(0);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        focusIndex(safeLength - 1);\n      }\n    },\n    [focusIndex, safeLength, updateValue, value],\n  );\n  const context: PinInputContextValue = {\n    disabled,\n    id,\n    invalid,\n    inputRefs,\n    length: safeLength,\n    onInput,\n    onCompositionEnd,\n    onCompositionStart,\n    onKeyDown,\n    onPaste,\n    otp,\n    styles,\n    type,\n    value,\n  };\n\n  useEffect(() => {\n    if (autoFocus) inputRefs.current[0]?.focus();\n  }, [autoFocus]);\n\n  return (\n    <div\n      {...props}\n      className={cx(styles.root, className)}\n      data-disabled={disabled || undefined}\n      data-invalid={invalid || undefined}\n      data-jaci-component=\"pin-input\"\n      data-slot=\"pin-input\"\n      id={id}\n      ref={ref}\n    >\n      <PinInputContext.Provider value={context}>{children}</PinInputContext.Provider>\n      {name ? (\n        <input\n          aria-hidden=\"true\"\n          className={styles.hiddenInput}\n          disabled={disabled}\n          name={name}\n          tabIndex={-1}\n          value={value}\n          readOnly\n        />\n      ) : null}\n    </div>\n  );\n});\n\nexport type PinInputLabelProps = ComponentPropsWithoutRef<\"label\">;\nexport const PinInputLabel = forwardRef<HTMLLabelElement, PinInputLabelProps>(\n  function PinInputLabel({ className, ...props }, ref) {\n    const { id, styles } = usePinInputContext();\n    return (\n      // biome-ignore lint/a11y/noLabelWithoutControl: the generated Inputs slot supplies the control.\n      <label\n        {...props}\n        className={cx(styles.label, className)}\n        data-slot=\"pin-input-label\"\n        htmlFor={props.htmlFor ?? `${id}-0`}\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type PinInputControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const PinInputControl = forwardRef<HTMLDivElement, PinInputControlProps>(\n  function PinInputControl({ className, ...props }, ref) {\n    const { styles } = usePinInputContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.control, className)}\n        data-slot=\"pin-input-control\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type PinInputInputsProps = ComponentPropsWithoutRef<\"div\">;\nexport const PinInputInputs = forwardRef<HTMLDivElement, PinInputInputsProps>(\n  function PinInputInputs({ className, ...props }, ref) {\n    const { length, styles } = usePinInputContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.inputs, className)}\n        data-slot=\"pin-input-inputs\"\n        ref={ref}\n      >\n        {Array.from({ length }, (_, index) => (\n          <PinInputInput index={index} key={digitKey(index)} />\n        ))}\n      </div>\n    );\n  },\n);\n\nexport interface PinInputInputProps\n  extends Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"defaultValue\" | \"onChange\" | \"onKeyDown\" | \"onPaste\" | \"type\" | \"value\"\n  > {\n  index: number;\n}\nexport const PinInputInput = forwardRef<HTMLInputElement, PinInputInputProps>(\n  function PinInputInput(\n    {\n      className,\n      index,\n      id,\n      onCompositionEnd: onInputCompositionEnd,\n      onCompositionStart: onInputCompositionStart,\n      ...props\n    },\n    ref,\n  ) {\n    const {\n      disabled,\n      id: rootId,\n      inputRefs,\n      invalid,\n      length,\n      onInput,\n      onCompositionEnd,\n      onCompositionStart,\n      onKeyDown,\n      onPaste,\n      otp,\n      styles,\n      type,\n      value,\n    } = usePinInputContext();\n    return (\n      <input\n        {...props}\n        aria-label={props[\"aria-label\"] ?? `Digit ${index + 1} of ${length}`}\n        aria-invalid={invalid || undefined}\n        autoComplete={otp ? \"one-time-code\" : props.autoComplete}\n        className={cx(styles.input, className)}\n        data-slot=\"pin-input-input\"\n        disabled={disabled || props.disabled}\n        id={id ?? `${rootId}-${index}`}\n        inputMode={otp ? \"numeric\" : props.inputMode}\n        maxLength={1}\n        onChange={(event) => onInput(index, event.currentTarget.value)}\n        onCompositionEnd={(event) => {\n          onCompositionEnd(index, event);\n          onInputCompositionEnd?.(event);\n        }}\n        onCompositionStart={(event) => {\n          onCompositionStart();\n          onInputCompositionStart?.(event);\n        }}\n        onKeyDown={(event) => onKeyDown(index, event)}\n        onPaste={(event) => onPaste(index, event)}\n        ref={(node) => {\n          inputRefs.current[index] = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        type={type}\n        value={Array.from(value)[index] ?? \"\"}\n      />\n    );\n  },\n);\n\nexport type PinInputDescriptionProps = ComponentPropsWithoutRef<\"p\">;\nexport const PinInputDescription = forwardRef<HTMLParagraphElement, PinInputDescriptionProps>(\n  function PinInputDescription({ className, ...props }, ref) {\n    const { styles } = usePinInputContext();\n    return (\n      <p\n        {...props}\n        className={cx(styles.description, className)}\n        data-slot=\"pin-input-description\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type PinInputErrorProps = ComponentPropsWithoutRef<\"p\">;\nexport const PinInputError = forwardRef<HTMLParagraphElement, PinInputErrorProps>(\n  function PinInputError({ className, ...props }, ref) {\n    const { styles } = usePinInputContext();\n    return (\n      <p\n        {...props}\n        className={cx(styles.error, className)}\n        data-slot=\"pin-input-error\"\n        role=\"alert\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type PinInputHiddenInputProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"name\" | \"type\" | \"value\"\n>;\nexport const PinInputHiddenInput = forwardRef<HTMLInputElement, PinInputHiddenInputProps>(\n  function PinInputHiddenInput(props, ref) {\n    const { disabled, styles, value } = usePinInputContext();\n    return (\n      <input\n        {...props}\n        aria-hidden=\"true\"\n        className={styles.hiddenInput}\n        disabled={disabled || props.disabled}\n        readOnly\n        ref={ref}\n        tabIndex={-1}\n        type=\"hidden\"\n        value={value}\n      />\n    );\n  },\n);\n\nexport const PinInput = {\n  Root: PinInputRoot,\n  Label: PinInputLabel,\n  Control: PinInputControl,\n  Inputs: PinInputInputs,\n  Input: PinInputInput,\n  Description: PinInputDescription,\n  Error: PinInputError,\n  HiddenInput: PinInputHiddenInput,\n};\n"],"mappings":";;;;;;AAyCA,MAAM,mBAAA,GAAkBA,MAAAA,cAAAA,CAA2C,IAAI;AAEvE,SAAS,SAAS,OAAe;CAC/B,OAAO,SAAS;AAClB;AAEA,SAAS,qBAAqB;CAC5B,MAAM,WAAA,GAAUC,MAAAA,WAAAA,CAAW,eAAe;CAC1C,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,uDAAuD;CACrF,OAAO;AACT;AAkBA,MAAa,gBAAA,GAAeC,MAAAA,WAAAA,CAA8C,SAAS,aACjF,EACE,YAAY,OACZ,UACA,WACA,eAAe,IACf,WAAW,OACX,IAAI,YACJ,UAAU,OACV,QACA,MACA,eACA,YACA,MAAM,OACN,OAAO,QACP,OAAO,iBACP,GAAG,SAEL,KACA;CACA,MAAM,eAAA,GAAcC,MAAAA,MAAAA,CAAM;CAC1B,MAAM,KAAK,cAAc;CACzB,MAAM,SAASC,kBAAAA,SAAS;CACxB,MAAM,aAAa,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,CAAC;CACjD,MAAM,CAAC,mBAAmB,yBAAA,GAAwBC,MAAAA,SAAAA,OAChD,aAAa,MAAM,GAAG,UAAU,CAClC;CACA,MAAM,SAAS,mBAAmB,kBAAA,CAAmB,MAAM,GAAG,UAAU;CACxE,MAAM,aAAA,GAAYC,MAAAA,OAAAA,CAAuC,CAAC,CAAC;CAC3D,MAAM,gBAAA,GAAeA,MAAAA,OAAAA,CAAO,KAAK;CACjC,MAAM,eAAA,GAAcC,MAAAA,YAAAA,EACjB,SAAiB;EAChB,MAAM,aAAa,KAAK,MAAM,GAAG,UAAU;EAC3C,IAAI,oBAAoB,KAAA,GAAW,qBAAqB,UAAU;EAClE,gBAAgB,UAAU;EAC1B,IAAI,WAAW,WAAW,YAAY,aAAa,UAAU;CAC/D,GACA;EAAC;EAAiB;EAAY;EAAe;CAAU,CACzD;CACA,MAAM,aAAA,GAAYA,MAAAA,YAAAA,EACf,SAAiB;EAChB,MAAM,aAAa,MAAM,KAAK,IAAI;EAClC,QAAQ,MAAM,WAAW,QAAQ,cAAc,SAAS,KAAK,SAAS,CAAC,IAAI,WAAA,CACxE,KAAK,EAAE,CAAC,CACR,MAAM,GAAG,UAAU;CACxB,GACA,CAAC,KAAK,UAAU,CAClB;CACA,MAAM,cAAA,GAAaA,MAAAA,YAAAA,EAChB,UAAkB;EACjB,UAAU,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,aAAa,GAAG,KAAK,CAAC,EAAE,EAAE,MAAM;CACzE,GACA,CAAC,UAAU,CACb;CACA,MAAM,WAAA,GAAUA,MAAAA,YAAAA,EACb,OAAe,kBAA0B;EACxC,IAAI,aAAa,SAAS;EAC1B,MAAM,aAAa,MAAM,KAAK,KAAK;EACnC,MAAM,OAAO,UAAU,aAAa,CAAC,CAAC,MAAM,EAAE;EAC9C,WAAW,SAAS;EACpB,MAAM,YAAY,WAAW,KAAK,EAAE,CAAC,CAAC,MAAM,GAAG,UAAU;EACzD,YAAY,SAAS;EACrB,IAAI,MAAM,WAAW,QAAQ,CAAC;CAChC,GACA;EAAC;EAAY;EAAW;EAAY;EAAa;CAAK,CACxD;CACA,MAAM,sBAAA,GAAqBA,MAAAA,YAAAA,OAAkB;EAC3C,aAAa,UAAU;CACzB,GAAG,CAAC,CAAC;CACL,MAAM,oBAAA,GAAmBA,MAAAA,YAAAA,EACtB,OAAe,UAA8C;EAC5D,aAAa,UAAU;EACvB,QAAQ,OAAO,MAAM,cAAc,KAAK;CAC1C,GACA,CAAC,OAAO,CACV;CACA,MAAM,WAAA,GAAUA,MAAAA,YAAAA,EACb,OAAe,UAA4C;EAC1D,MAAM,eAAe;EACrB,MAAM,SAAS,UAAU,MAAM,cAAc,QAAQ,MAAM,CAAC;EAC5D,IAAI,CAAC,QAAQ;EACb,MAAM,aAAa,MAAM,KAAK,KAAK;EACnC,MAAM,KAAK,MAAM,CAAC,CAAC,SAAS,WAAW,WAAW;GAChD,IAAI,QAAQ,SAAS,YAAY,WAAW,QAAQ,UAAU;EAChE,CAAC;EACD,MAAM,YAAY,WAAW,KAAK,EAAE,CAAC,CAAC,MAAM,GAAG,UAAU;EACzD,YAAY,SAAS;EACrB,WAAW,KAAK,IAAI,aAAa,GAAG,QAAQ,OAAO,MAAM,CAAC;CAC5D,GACA;EAAC;EAAY;EAAW;EAAY;EAAa;CAAK,CACxD;CAyBA,MAAM,UAAgC;EACpC;EACA;EACA;EACA;EACA,QAAQ;EACR;EACA;EACA;EACA,YAAA,GAjCgBA,MAAAA,YAAAA,EACf,OAAe,UAA2C;GACzD,IAAI,MAAM,QAAQ,eAAe,CAAC,MAAM,cAAc,SAAS,QAAQ,GAAG;IACxE,MAAM,eAAe;IACrB,MAAM,aAAa,MAAM,KAAK,KAAK;IACnC,WAAW,QAAQ,KAAK;IACxB,YAAY,WAAW,KAAK,EAAE,CAAC;IAC/B,WAAW,QAAQ,CAAC;GACtB,OAAO,IAAI,MAAM,QAAQ,aAAa;IACpC,MAAM,eAAe;IACrB,WAAW,QAAQ,CAAC;GACtB,OAAO,IAAI,MAAM,QAAQ,cAAc;IACrC,MAAM,eAAe;IACrB,WAAW,QAAQ,CAAC;GACtB,OAAO,IAAI,MAAM,QAAQ,QAAQ;IAC/B,MAAM,eAAe;IACrB,WAAW,CAAC;GACd,OAAO,IAAI,MAAM,QAAQ,OAAO;IAC9B,MAAM,eAAe;IACrB,WAAW,aAAa,CAAC;GAC3B;EACF,GACA;GAAC;GAAY;GAAY;GAAa;EAAK,CAWnC;EACR;EACA;EACA;EACA;EACA;CACF;CAEA,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,WAAW,UAAU,QAAQ,EAAE,EAAE,MAAM;CAC7C,GAAG,CAAC,SAAS,CAAC;CAEd,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,GAAI;EACJ,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,iBAAe,YAAY,KAAA;EAC3B,gBAAc,WAAW,KAAA;EACzB,uBAAoB;EACpB,aAAU;EACN;EACC;EARP,UAAA,CAUE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAgB,UAAjB;GAA0B,OAAO;GAAU;EAAmC,CAAA,GAC7E,OACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;GACE,eAAY;GACZ,WAAW,OAAO;GACR;GACJ;GACN,UAAU;GACH;GACP,UAAA;EACD,CAAA,IACC,IACD;;AAET,CAAC;AAGD,MAAa,iBAAA,GAAgBN,MAAAA,WAAAA,CAC3B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAS,KAAK;CACnD,MAAM,EAAE,IAAI,WAAW,mBAAmB;CAC1C,OAEE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,GAAI;EACJ,WAAWM,WAAAA,GAAG,OAAO,OAAO,SAAS;EACrC,aAAU;EACV,SAAS,MAAM,WAAW,GAAG,GAAG;EAC3B;CACN,CAAA;AAEL,CACF;AAGA,MAAa,mBAAA,GAAkBN,MAAAA,WAAAA,CAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,MAAM,EAAE,WAAW,mBAAmB;CACtC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACJ,WAAWM,WAAAA,GAAG,OAAO,SAAS,SAAS;EACvC,aAAU;EACL;CACN,CAAA;AAEL,CACF;AAGA,MAAa,kBAAA,GAAiBN,MAAAA,WAAAA,CAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,MAAM,EAAE,QAAQ,WAAW,mBAAmB;CAC9C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACJ,WAAWM,WAAAA,GAAG,OAAO,QAAQ,SAAS;EACtC,aAAU;EACL;EAEJ,UAAA,MAAM,KAAK,EAAE,OAAO,IAAI,GAAG,UAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,EAAsB,MAA8B,GAAlB,SAAS,KAAK,CAAI,CACrD;CACE,CAAA;AAET,CACF;AASA,MAAa,iBAAA,GAAgBN,MAAAA,WAAAA,CAC3B,SAAS,cACP,EACE,WACA,OACA,IACA,kBAAkB,uBAClB,oBAAoB,yBACpB,GAAG,SAEL,KACA;CACA,MAAM,EACJ,UACA,IAAI,QACJ,WACA,SACA,QACA,SACA,kBACA,oBACA,WACA,SACA,KACA,QACA,MACA,UACE,mBAAmB;CACvB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,GAAI;EACJ,cAAY,MAAM,iBAAiB,SAAS,QAAQ,EAAE,MAAM;EAC5D,gBAAc,WAAW,KAAA;EACzB,cAAc,MAAM,kBAAkB,MAAM;EAC5C,WAAWM,WAAAA,GAAG,OAAO,OAAO,SAAS;EACrC,aAAU;EACV,UAAU,YAAY,MAAM;EAC5B,IAAI,MAAM,GAAG,OAAO,GAAG;EACvB,WAAW,MAAM,YAAY,MAAM;EACnC,WAAW;EACX,WAAW,UAAU,QAAQ,OAAO,MAAM,cAAc,KAAK;EAC7D,mBAAmB,UAAU;GAC3B,iBAAiB,OAAO,KAAK;GAC7B,wBAAwB,KAAK;EAC/B;EACA,qBAAqB,UAAU;GAC7B,mBAAmB;GACnB,0BAA0B,KAAK;EACjC;EACA,YAAY,UAAU,UAAU,OAAO,KAAK;EAC5C,UAAU,UAAU,QAAQ,OAAO,KAAK;EACxC,MAAM,SAAS;GACb,UAAU,QAAQ,SAAS;GAC3B,IAAI,OAAO,QAAQ,YAAY,IAAI,IAAI;QAClC,IAAI,KAAK,IAAI,UAAU;EAC9B;EACM;EACN,OAAO,MAAM,KAAK,KAAK,CAAC,CAAC,UAAU;CACpC,CAAA;AAEL,CACF;AAGA,MAAa,uBAAA,GAAsBN,MAAAA,WAAAA,CACjC,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,MAAM,EAAE,WAAW,mBAAmB;CACtC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,GAAI;EACJ,WAAWM,WAAAA,GAAG,OAAO,aAAa,SAAS;EAC3C,aAAU;EACL;CACN,CAAA;AAEL,CACF;AAEA,MAAa,iBAAA,GAAgBN,MAAAA,WAAAA,CAC3B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAS,KAAK;CACnD,MAAM,EAAE,WAAW,mBAAmB;CACtC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,GAAI;EACJ,WAAWM,WAAAA,GAAG,OAAO,OAAO,SAAS;EACrC,aAAU;EACV,MAAK;EACA;CACN,CAAA;AAEL,CACF;AAKA,MAAa,uBAAA,GAAsBN,MAAAA,WAAAA,CACjC,SAAS,oBAAoB,OAAO,KAAK;CACvC,MAAM,EAAE,UAAU,QAAQ,UAAU,mBAAmB;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,GAAI;EACJ,eAAY;EACZ,WAAW,OAAO;EAClB,UAAU,YAAY,MAAM;EAC5B,UAAA;EACK;EACL,UAAU;EACV,MAAK;EACE;CACR,CAAA;AAEL,CACF;AAEA,MAAa,WAAW;CACtB,MAAM;CACN,OAAO;CACP,SAAS;CACT,QAAQ;CACR,OAAO;CACP,aAAa;CACb,OAAO;CACP,aAAa;AACf"}

package/dist/components/pin-input/pin-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"pin-input.js","names":[],"sources":["../../../src/components/pin-input/pin-input.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type {\n  ClipboardEvent,\n  CompositionEvent,\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MutableRefObject,\n  ReactNode,\n} from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pinInput } from \"../../styled-system/recipes\";\n\ninterface PinInputContextValue {\n  disabled: boolean;\n  id: string;\n  invalid: boolean;\n  inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n  length: number;\n  onInput: (index: number, value: string) => void;\n  onCompositionEnd: (index: number, event: CompositionEvent<HTMLInputElement>) => void;\n  onCompositionStart: () => void;\n  onKeyDown: (index: number, event: KeyboardEvent<HTMLInputElement>) => void;\n  onPaste: (index: number, event: ClipboardEvent<HTMLInputElement>) => void;\n  otp: boolean;\n  styles: ReturnType<typeof pinInput>;\n  type: \"text\" | \"password\";\n  value: string;\n}\n\nconst PinInputContext = createContext<PinInputContextValue | null>(null);\n\nfunction digitKey(index: number) {\n  return `digit-${index}`;\n}\n\nfunction usePinInputContext() {\n  const context = useContext(PinInputContext);\n  if (!context) throw new Error(\"PinInput parts must be rendered inside PinInput.Root.\");\n  return context;\n}\n\nexport interface PinInputRootProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"defaultValue\"> {\n  length: number;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n  type?: \"text\" | \"password\";\n  otp?: boolean;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  name?: string;\n  children?: ReactNode;\n}\n\nexport const PinInputRoot = forwardRef<HTMLDivElement, PinInputRootProps>(function PinInputRoot(\n  {\n    autoFocus = false,\n    children,\n    className,\n    defaultValue = \"\",\n    disabled = false,\n    id: providedId,\n    invalid = false,\n    length,\n    name,\n    onValueChange,\n    onComplete,\n    otp = false,\n    type = \"text\",\n    value: controlledValue,\n    ...props\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = providedId ?? generatedId;\n  const styles = pinInput();\n  const safeLength = Math.max(1, Math.floor(length));\n  const [uncontrolledValue, setUncontrolledValue] = useState(() =>\n    defaultValue.slice(0, safeLength),\n  );\n  const value = (controlledValue ?? uncontrolledValue).slice(0, safeLength);\n  const inputRefs = useRef<Array<HTMLInputElement | null>>([]);\n  const composingRef = useRef(false);\n  const updateValue = useCallback(\n    (next: string) => {\n      const normalized = next.slice(0, safeLength);\n      if (controlledValue === undefined) setUncontrolledValue(normalized);\n      onValueChange?.(normalized);\n      if (normalized.length === safeLength) onComplete?.(normalized);\n    },\n    [controlledValue, onComplete, onValueChange, safeLength],\n  );\n  const normalize = useCallback(\n    (next: string) => {\n      const characters = Array.from(next);\n      return (otp ? characters.filter((character) => /[0-9]/u.test(character)) : characters)\n        .join(\"\")\n        .slice(0, safeLength);\n    },\n    [otp, safeLength],\n  );\n  const focusIndex = useCallback(\n    (index: number) => {\n      inputRefs.current[Math.max(0, Math.min(safeLength - 1, index))]?.focus();\n    },\n    [safeLength],\n  );\n  const onInput = useCallback(\n    (index: number, nextCharacter: string) => {\n      if (composingRef.current) return;\n      const characters = Array.from(value);\n      const next = normalize(nextCharacter).slice(-1);\n      characters[index] = next;\n      const nextValue = characters.join(\"\").slice(0, safeLength);\n      updateValue(nextValue);\n      if (next) focusIndex(index + 1);\n    },\n    [focusIndex, normalize, safeLength, updateValue, value],\n  );\n  const onCompositionStart = useCallback(() => {\n    composingRef.current = true;\n  }, []);\n  const onCompositionEnd = useCallback(\n    (index: number, event: CompositionEvent<HTMLInputElement>) => {\n      composingRef.current = false;\n      onInput(index, event.currentTarget.value);\n    },\n    [onInput],\n  );\n  const onPaste = useCallback(\n    (index: number, event: ClipboardEvent<HTMLInputElement>) => {\n      event.preventDefault();\n      const pasted = normalize(event.clipboardData.getData(\"text\"));\n      if (!pasted) return;\n      const characters = Array.from(value);\n      Array.from(pasted).forEach((character, offset) => {\n        if (index + offset < safeLength) characters[index + offset] = character;\n      });\n      const nextValue = characters.join(\"\").slice(0, safeLength);\n      updateValue(nextValue);\n      focusIndex(Math.min(safeLength - 1, index + pasted.length));\n    },\n    [focusIndex, normalize, safeLength, updateValue, value],\n  );\n  const onKeyDown = useCallback(\n    (index: number, event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Backspace\" && !event.currentTarget.value && index > 0) {\n        event.preventDefault();\n        const characters = Array.from(value);\n        characters[index - 1] = \"\";\n        updateValue(characters.join(\"\"));\n        focusIndex(index - 1);\n      } else if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        focusIndex(index - 1);\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        focusIndex(index + 1);\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        focusIndex(0);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        focusIndex(safeLength - 1);\n      }\n    },\n    [focusIndex, safeLength, updateValue, value],\n  );\n  const context: PinInputContextValue = {\n    disabled,\n    id,\n    invalid,\n    inputRefs,\n    length: safeLength,\n    onInput,\n    onCompositionEnd,\n    onCompositionStart,\n    onKeyDown,\n    onPaste,\n    otp,\n    styles,\n    type,\n    value,\n  };\n\n  useEffect(() => {\n    if (autoFocus) inputRefs.current[0]?.focus();\n  }, [autoFocus]);\n\n  return (\n    <div\n      {...props}\n      className={cx(styles.root, className)}\n      data-disabled={disabled || undefined}\n      data-invalid={invalid || undefined}\n      data-jaci-component=\"pin-input\"\n      data-slot=\"pin-input\"\n      id={id}\n      ref={ref}\n    >\n      <PinInputContext.Provider value={context}>{children}</PinInputContext.Provider>\n      {name ? (\n        <input\n          aria-hidden=\"true\"\n          className={styles.hiddenInput}\n          disabled={disabled}\n          name={name}\n          tabIndex={-1}\n          value={value}\n          readOnly\n        />\n      ) : null}\n    </div>\n  );\n});\n\nexport type PinInputLabelProps = ComponentPropsWithoutRef<\"label\">;\nexport const PinInputLabel = forwardRef<HTMLLabelElement, PinInputLabelProps>(\n  function PinInputLabel({ className, ...props }, ref) {\n    const { id, styles } = usePinInputContext();\n    return (\n      // biome-ignore lint/a11y/noLabelWithoutControl: the generated Inputs slot supplies the control.\n      <label\n        {...props}\n        className={cx(styles.label, className)}\n        data-slot=\"pin-input-label\"\n        htmlFor={props.htmlFor ?? `${id}-0`}\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type PinInputControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const PinInputControl = forwardRef<HTMLDivElement, PinInputControlProps>(\n  function PinInputControl({ className, ...props }, ref) {\n    const { styles } = usePinInputContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.control, className)}\n        data-slot=\"pin-input-control\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type PinInputInputsProps = ComponentPropsWithoutRef<\"div\">;\nexport const PinInputInputs = forwardRef<HTMLDivElement, PinInputInputsProps>(\n  function PinInputInputs({ className, ...props }, ref) {\n    const { length, styles } = usePinInputContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.inputs, className)}\n        data-slot=\"pin-input-inputs\"\n        ref={ref}\n      >\n        {Array.from({ length }, (_, index) => (\n          <PinInputInput index={index} key={digitKey(index)} />\n        ))}\n      </div>\n    );\n  },\n);\n\nexport interface PinInputInputProps\n  extends Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"defaultValue\" | \"onChange\" | \"onKeyDown\" | \"onPaste\" | \"type\" | \"value\"\n  > {\n  index: number;\n}\nexport const PinInputInput = forwardRef<HTMLInputElement, PinInputInputProps>(\n  function PinInputInput(\n    {\n      className,\n      index,\n      id,\n      onCompositionEnd: onInputCompositionEnd,\n      onCompositionStart: onInputCompositionStart,\n      ...props\n    },\n    ref,\n  ) {\n    const {\n      disabled,\n      id: rootId,\n      inputRefs,\n      invalid,\n      length,\n      onInput,\n      onCompositionEnd,\n      onCompositionStart,\n      onKeyDown,\n      onPaste,\n      otp,\n      styles,\n      type,\n      value,\n    } = usePinInputContext();\n    return (\n      <input\n        {...props}\n        aria-label={props[\"aria-label\"] ?? `Digit ${index + 1} of ${length}`}\n        aria-invalid={invalid || undefined}\n        autoComplete={otp ? \"one-time-code\" : props.autoComplete}\n        className={cx(styles.input, className)}\n        data-slot=\"pin-input-input\"\n        disabled={disabled || props.disabled}\n        id={id ?? `${rootId}-${index}`}\n        inputMode={otp ? \"numeric\" : props.inputMode}\n        maxLength={1}\n        onChange={(event) => onInput(index, event.currentTarget.value)}\n        onCompositionEnd={(event) => {\n          onCompositionEnd(index, event);\n          onInputCompositionEnd?.(event);\n        }}\n        onCompositionStart={(event) => {\n          onCompositionStart();\n          onInputCompositionStart?.(event);\n        }}\n        onKeyDown={(event) => onKeyDown(index, event)}\n        onPaste={(event) => onPaste(index, event)}\n        ref={(node) => {\n          inputRefs.current[index] = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        type={type}\n        value={Array.from(value)[index] ?? \"\"}\n      />\n    );\n  },\n);\n\nexport type PinInputDescriptionProps = ComponentPropsWithoutRef<\"p\">;\nexport const PinInputDescription = forwardRef<HTMLParagraphElement, PinInputDescriptionProps>(\n  function PinInputDescription({ className, ...props }, ref) {\n    const { styles } = usePinInputContext();\n    return (\n      <p\n        {...props}\n        className={cx(styles.description, className)}\n        data-slot=\"pin-input-description\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type PinInputErrorProps = ComponentPropsWithoutRef<\"p\">;\nexport const PinInputError = forwardRef<HTMLParagraphElement, PinInputErrorProps>(\n  function PinInputError({ className, ...props }, ref) {\n    const { styles } = usePinInputContext();\n    return (\n      <p\n        {...props}\n        className={cx(styles.error, className)}\n        data-slot=\"pin-input-error\"\n        role=\"alert\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type PinInputHiddenInputProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"name\" | \"type\" | \"value\"\n>;\nexport const PinInputHiddenInput = forwardRef<HTMLInputElement, PinInputHiddenInputProps>(\n  function PinInputHiddenInput(props, ref) {\n    const { disabled, styles, value } = usePinInputContext();\n    return (\n      <input\n        {...props}\n        aria-hidden=\"true\"\n        className={styles.hiddenInput}\n        disabled={disabled || props.disabled}\n        readOnly\n        ref={ref}\n        tabIndex={-1}\n        type=\"hidden\"\n        value={value}\n      />\n    );\n  },\n);\n\nexport const PinInput = {\n  Root: PinInputRoot,\n  Label: PinInputLabel,\n  Control: PinInputControl,\n  Inputs: PinInputInputs,\n  Input: PinInputInput,\n  Description: PinInputDescription,\n  Error: PinInputError,\n  HiddenInput: PinInputHiddenInput,\n};\n"],"mappings":"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"}
+{"version":3,"file":"pin-input.js","names":[],"sources":["../../../src/components/pin-input/pin-input.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type {\n  ClipboardEvent,\n  CompositionEvent,\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MutableRefObject,\n  ReactNode,\n} from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pinInput } from \"../../styled-system/recipes\";\n\ninterface PinInputContextValue {\n  disabled: boolean;\n  id: string;\n  invalid: boolean;\n  inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n  length: number;\n  onInput: (index: number, value: string) => void;\n  onCompositionEnd: (index: number, event: CompositionEvent<HTMLInputElement>) => void;\n  onCompositionStart: () => void;\n  onKeyDown: (index: number, event: KeyboardEvent<HTMLInputElement>) => void;\n  onPaste: (index: number, event: ClipboardEvent<HTMLInputElement>) => void;\n  otp: boolean;\n  styles: ReturnType<typeof pinInput>;\n  type: \"text\" | \"password\";\n  value: string;\n}\n\nconst PinInputContext = createContext<PinInputContextValue | null>(null);\n\nfunction digitKey(index: number) {\n  return `digit-${index}`;\n}\n\nfunction usePinInputContext() {\n  const context = useContext(PinInputContext);\n  if (!context) throw new Error(\"PinInput parts must be rendered inside PinInput.Root.\");\n  return context;\n}\n\nexport interface PinInputRootProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"defaultValue\"> {\n  length: number;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n  type?: \"text\" | \"password\";\n  otp?: boolean;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  name?: string;\n  children?: ReactNode;\n}\n\nexport const PinInputRoot = forwardRef<HTMLDivElement, PinInputRootProps>(function PinInputRoot(\n  {\n    autoFocus = false,\n    children,\n    className,\n    defaultValue = \"\",\n    disabled = false,\n    id: providedId,\n    invalid = false,\n    length,\n    name,\n    onValueChange,\n    onComplete,\n    otp = false,\n    type = \"text\",\n    value: controlledValue,\n    ...props\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = providedId ?? generatedId;\n  const styles = pinInput();\n  const safeLength = Math.max(1, Math.floor(length));\n  const [uncontrolledValue, setUncontrolledValue] = useState(() =>\n    defaultValue.slice(0, safeLength),\n  );\n  const value = (controlledValue ?? uncontrolledValue).slice(0, safeLength);\n  const inputRefs = useRef<Array<HTMLInputElement | null>>([]);\n  const composingRef = useRef(false);\n  const updateValue = useCallback(\n    (next: string) => {\n      const normalized = next.slice(0, safeLength);\n      if (controlledValue === undefined) setUncontrolledValue(normalized);\n      onValueChange?.(normalized);\n      if (normalized.length === safeLength) onComplete?.(normalized);\n    },\n    [controlledValue, onComplete, onValueChange, safeLength],\n  );\n  const normalize = useCallback(\n    (next: string) => {\n      const characters = Array.from(next);\n      return (otp ? characters.filter((character) => /[0-9]/u.test(character)) : characters)\n        .join(\"\")\n        .slice(0, safeLength);\n    },\n    [otp, safeLength],\n  );\n  const focusIndex = useCallback(\n    (index: number) => {\n      inputRefs.current[Math.max(0, Math.min(safeLength - 1, index))]?.focus();\n    },\n    [safeLength],\n  );\n  const onInput = useCallback(\n    (index: number, nextCharacter: string) => {\n      if (composingRef.current) return;\n      const characters = Array.from(value);\n      const next = normalize(nextCharacter).slice(-1);\n      characters[index] = next;\n      const nextValue = characters.join(\"\").slice(0, safeLength);\n      updateValue(nextValue);\n      if (next) focusIndex(index + 1);\n    },\n    [focusIndex, normalize, safeLength, updateValue, value],\n  );\n  const onCompositionStart = useCallback(() => {\n    composingRef.current = true;\n  }, []);\n  const onCompositionEnd = useCallback(\n    (index: number, event: CompositionEvent<HTMLInputElement>) => {\n      composingRef.current = false;\n      onInput(index, event.currentTarget.value);\n    },\n    [onInput],\n  );\n  const onPaste = useCallback(\n    (index: number, event: ClipboardEvent<HTMLInputElement>) => {\n      event.preventDefault();\n      const pasted = normalize(event.clipboardData.getData(\"text\"));\n      if (!pasted) return;\n      const characters = Array.from(value);\n      Array.from(pasted).forEach((character, offset) => {\n        if (index + offset < safeLength) characters[index + offset] = character;\n      });\n      const nextValue = characters.join(\"\").slice(0, safeLength);\n      updateValue(nextValue);\n      focusIndex(Math.min(safeLength - 1, index + pasted.length));\n    },\n    [focusIndex, normalize, safeLength, updateValue, value],\n  );\n  const onKeyDown = useCallback(\n    (index: number, event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Backspace\" && !event.currentTarget.value && index > 0) {\n        event.preventDefault();\n        const characters = Array.from(value);\n        characters[index - 1] = \"\";\n        updateValue(characters.join(\"\"));\n        focusIndex(index - 1);\n      } else if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        focusIndex(index - 1);\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        focusIndex(index + 1);\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        focusIndex(0);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        focusIndex(safeLength - 1);\n      }\n    },\n    [focusIndex, safeLength, updateValue, value],\n  );\n  const context: PinInputContextValue = {\n    disabled,\n    id,\n    invalid,\n    inputRefs,\n    length: safeLength,\n    onInput,\n    onCompositionEnd,\n    onCompositionStart,\n    onKeyDown,\n    onPaste,\n    otp,\n    styles,\n    type,\n    value,\n  };\n\n  useEffect(() => {\n    if (autoFocus) inputRefs.current[0]?.focus();\n  }, [autoFocus]);\n\n  return (\n    <div\n      {...props}\n      className={cx(styles.root, className)}\n      data-disabled={disabled || undefined}\n      data-invalid={invalid || undefined}\n      data-jaci-component=\"pin-input\"\n      data-slot=\"pin-input\"\n      id={id}\n      ref={ref}\n    >\n      <PinInputContext.Provider value={context}>{children}</PinInputContext.Provider>\n      {name ? (\n        <input\n          aria-hidden=\"true\"\n          className={styles.hiddenInput}\n          disabled={disabled}\n          name={name}\n          tabIndex={-1}\n          value={value}\n          readOnly\n        />\n      ) : null}\n    </div>\n  );\n});\n\nexport type PinInputLabelProps = ComponentPropsWithoutRef<\"label\">;\nexport const PinInputLabel = forwardRef<HTMLLabelElement, PinInputLabelProps>(\n  function PinInputLabel({ className, ...props }, ref) {\n    const { id, styles } = usePinInputContext();\n    return (\n      // biome-ignore lint/a11y/noLabelWithoutControl: the generated Inputs slot supplies the control.\n      <label\n        {...props}\n        className={cx(styles.label, className)}\n        data-slot=\"pin-input-label\"\n        htmlFor={props.htmlFor ?? `${id}-0`}\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type PinInputControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const PinInputControl = forwardRef<HTMLDivElement, PinInputControlProps>(\n  function PinInputControl({ className, ...props }, ref) {\n    const { styles } = usePinInputContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.control, className)}\n        data-slot=\"pin-input-control\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type PinInputInputsProps = ComponentPropsWithoutRef<\"div\">;\nexport const PinInputInputs = forwardRef<HTMLDivElement, PinInputInputsProps>(\n  function PinInputInputs({ className, ...props }, ref) {\n    const { length, styles } = usePinInputContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.inputs, className)}\n        data-slot=\"pin-input-inputs\"\n        ref={ref}\n      >\n        {Array.from({ length }, (_, index) => (\n          <PinInputInput index={index} key={digitKey(index)} />\n        ))}\n      </div>\n    );\n  },\n);\n\nexport interface PinInputInputProps\n  extends Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"defaultValue\" | \"onChange\" | \"onKeyDown\" | \"onPaste\" | \"type\" | \"value\"\n  > {\n  index: number;\n}\nexport const PinInputInput = forwardRef<HTMLInputElement, PinInputInputProps>(\n  function PinInputInput(\n    {\n      className,\n      index,\n      id,\n      onCompositionEnd: onInputCompositionEnd,\n      onCompositionStart: onInputCompositionStart,\n      ...props\n    },\n    ref,\n  ) {\n    const {\n      disabled,\n      id: rootId,\n      inputRefs,\n      invalid,\n      length,\n      onInput,\n      onCompositionEnd,\n      onCompositionStart,\n      onKeyDown,\n      onPaste,\n      otp,\n      styles,\n      type,\n      value,\n    } = usePinInputContext();\n    return (\n      <input\n        {...props}\n        aria-label={props[\"aria-label\"] ?? `Digit ${index + 1} of ${length}`}\n        aria-invalid={invalid || undefined}\n        autoComplete={otp ? \"one-time-code\" : props.autoComplete}\n        className={cx(styles.input, className)}\n        data-slot=\"pin-input-input\"\n        disabled={disabled || props.disabled}\n        id={id ?? `${rootId}-${index}`}\n        inputMode={otp ? \"numeric\" : props.inputMode}\n        maxLength={1}\n        onChange={(event) => onInput(index, event.currentTarget.value)}\n        onCompositionEnd={(event) => {\n          onCompositionEnd(index, event);\n          onInputCompositionEnd?.(event);\n        }}\n        onCompositionStart={(event) => {\n          onCompositionStart();\n          onInputCompositionStart?.(event);\n        }}\n        onKeyDown={(event) => onKeyDown(index, event)}\n        onPaste={(event) => onPaste(index, event)}\n        ref={(node) => {\n          inputRefs.current[index] = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        type={type}\n        value={Array.from(value)[index] ?? \"\"}\n      />\n    );\n  },\n);\n\nexport type PinInputDescriptionProps = ComponentPropsWithoutRef<\"p\">;\nexport const PinInputDescription = forwardRef<HTMLParagraphElement, PinInputDescriptionProps>(\n  function PinInputDescription({ className, ...props }, ref) {\n    const { styles } = usePinInputContext();\n    return (\n      <p\n        {...props}\n        className={cx(styles.description, className)}\n        data-slot=\"pin-input-description\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type PinInputErrorProps = ComponentPropsWithoutRef<\"p\">;\nexport const PinInputError = forwardRef<HTMLParagraphElement, PinInputErrorProps>(\n  function PinInputError({ className, ...props }, ref) {\n    const { styles } = usePinInputContext();\n    return (\n      <p\n        {...props}\n        className={cx(styles.error, className)}\n        data-slot=\"pin-input-error\"\n        role=\"alert\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type PinInputHiddenInputProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"name\" | \"type\" | \"value\"\n>;\nexport const PinInputHiddenInput = forwardRef<HTMLInputElement, PinInputHiddenInputProps>(\n  function PinInputHiddenInput(props, ref) {\n    const { disabled, styles, value } = usePinInputContext();\n    return (\n      <input\n        {...props}\n        aria-hidden=\"true\"\n        className={styles.hiddenInput}\n        disabled={disabled || props.disabled}\n        readOnly\n        ref={ref}\n        tabIndex={-1}\n        type=\"hidden\"\n        value={value}\n      />\n    );\n  },\n);\n\nexport const PinInput = {\n  Root: PinInputRoot,\n  Label: PinInputLabel,\n  Control: PinInputControl,\n  Inputs: PinInputInputs,\n  Input: PinInputInput,\n  Description: PinInputDescription,\n  Error: PinInputError,\n  HiddenInput: PinInputHiddenInput,\n};\n"],"mappings":"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"}

package/dist/components/popover/popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","names":["BasePopover","withRecipeClassName","popover","useThemePortalProps"],"sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { popover } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type PopoverRootProps<Payload = unknown> = BasePopoverRoot.Props<Payload>;\n\nexport function PopoverRoot<Payload = unknown>(props: PopoverRootProps<Payload>) {\n  return <BasePopover.Root {...props} />;\n}\n\nexport type PopoverTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\n\nexport const PopoverTrigger = forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  function PopoverTrigger({ className, ...props }, ref) {\n    return (\n      <BasePopover.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().trigger, className)}\n        data-jaci-component=\"popover\"\n        data-slot=\"popover-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport function PopoverPortal(props: ComponentPropsWithoutRef<typeof BasePopover.Portal>) {\n  return <BasePopover.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type PopoverPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\n\nexport const PopoverPositioner = forwardRef<HTMLDivElement, PopoverPositionerProps>(\n  function PopoverPositioner({ className, ...props }, ref) {\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().positioner, className)}\n        data-slot=\"popover-positioner\"\n      />\n    );\n  },\n);\n\nexport type PopoverPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\n\nexport const PopoverPopup = forwardRef<HTMLDivElement, PopoverPopupProps>(function PopoverPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().popup, className)}\n      data-jaci-component=\"popover\"\n      data-slot=\"popover-popup\"\n    />\n  );\n});\n\nexport type PopoverTitleProps = ComponentPropsWithoutRef<typeof BasePopover.Title>;\n\nexport const PopoverTitle = forwardRef<HTMLHeadingElement, PopoverTitleProps>(function PopoverTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().title, className)}\n      data-slot=\"popover-title\"\n    />\n  );\n});\n\nexport type PopoverDescriptionProps = ComponentPropsWithoutRef<typeof BasePopover.Description>;\n\nexport const PopoverDescription = forwardRef<HTMLParagraphElement, PopoverDescriptionProps>(\n  function PopoverDescription({ className, ...props }, ref) {\n    return (\n      <BasePopover.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().description, className)}\n        data-slot=\"popover-description\"\n      />\n    );\n  },\n);\n\nexport type PopoverCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\n\nexport const PopoverClose = forwardRef<HTMLButtonElement, PopoverCloseProps>(function PopoverClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BasePopover.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close popover\")}\n      ref={ref}\n      className={withRecipeClassName(popover().close, className)}\n      data-slot=\"popover-close\"\n    >\n      {children ?? \"×\"}\n    </BasePopover.Close>\n  );\n});\n\nexport type PopoverArrowProps = ComponentPropsWithoutRef<typeof BasePopover.Arrow>;\n\nexport const PopoverArrow = forwardRef<HTMLDivElement, PopoverArrowProps>(function PopoverArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().arrow, className)}\n      data-slot=\"popover-arrow\"\n    />\n  );\n});\n\nexport const Popover = {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  Portal: PopoverPortal,\n  Positioner: PopoverPositioner,\n  Popup: PopoverPopup,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n  Arrow: PopoverArrow,\n  createHandle: BasePopover.createHandle,\n};\n"],"mappings":";;;;;;;;AAcA,SAAgB,YAA+B,OAAkC;CAC/E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAIA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,SAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAGA,SAAgB,cAAc,OAA4D;CACxF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,QAAb,EAAoB,GAAIG,oBAAAA,oBAAoB,KAAK,EAAI,CAAA;AAC9D;AAIA,MAAa,qBAAA,GAAA,MAAA,WAAA,CACX,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACH,uBAAAA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,YAAY,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAA,MAAA,WAAA,CAAiE,SAAS,aACrF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,sBAAA,GAAA,MAAA,WAAA,CACX,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,aAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,aAAa,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,gBAAA,GAAA,MAAA,WAAA,CAAgE,SAAS,aACpF,EAAE,cAAc,WAAW,UAAU,WAAW,GAAG,SACnD,KACA;CACA,MAAM,kBAAkB,YAAY;CAEpC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACJ,cAAY,cAAc,kBAAkB,KAAA,IAAY;EACnD;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;YAET,YAAY;CACI,CAAA;AAEvB,CAAC;AAID,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,UAAU;CACrB,MAAM;CACN,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,aAAa;CACb,OAAO;CACP,OAAO;CACP,cAAcF,uBAAAA,QAAY;AAC5B"}
+{"version":3,"file":"popover.cjs","names":["BasePopover","forwardRef","withRecipeClassName","popover","useThemePortalProps"],"sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { popover } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type PopoverRootProps<Payload = unknown> = BasePopoverRoot.Props<Payload>;\n\nexport function PopoverRoot<Payload = unknown>(props: PopoverRootProps<Payload>) {\n  return <BasePopover.Root {...props} />;\n}\n\nexport type PopoverTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\n\nexport const PopoverTrigger = forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  function PopoverTrigger({ className, ...props }, ref) {\n    return (\n      <BasePopover.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().trigger, className)}\n        data-jaci-component=\"popover\"\n        data-slot=\"popover-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport function PopoverPortal(props: ComponentPropsWithoutRef<typeof BasePopover.Portal>) {\n  return <BasePopover.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type PopoverPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\n\nexport const PopoverPositioner = forwardRef<HTMLDivElement, PopoverPositionerProps>(\n  function PopoverPositioner({ className, ...props }, ref) {\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().positioner, className)}\n        data-slot=\"popover-positioner\"\n      />\n    );\n  },\n);\n\nexport type PopoverPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\n\nexport const PopoverPopup = forwardRef<HTMLDivElement, PopoverPopupProps>(function PopoverPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().popup, className)}\n      data-jaci-component=\"popover\"\n      data-slot=\"popover-popup\"\n    />\n  );\n});\n\nexport type PopoverTitleProps = ComponentPropsWithoutRef<typeof BasePopover.Title>;\n\nexport const PopoverTitle = forwardRef<HTMLHeadingElement, PopoverTitleProps>(function PopoverTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().title, className)}\n      data-slot=\"popover-title\"\n    />\n  );\n});\n\nexport type PopoverDescriptionProps = ComponentPropsWithoutRef<typeof BasePopover.Description>;\n\nexport const PopoverDescription = forwardRef<HTMLParagraphElement, PopoverDescriptionProps>(\n  function PopoverDescription({ className, ...props }, ref) {\n    return (\n      <BasePopover.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().description, className)}\n        data-slot=\"popover-description\"\n      />\n    );\n  },\n);\n\nexport type PopoverCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\n\nexport const PopoverClose = forwardRef<HTMLButtonElement, PopoverCloseProps>(function PopoverClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BasePopover.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close popover\")}\n      ref={ref}\n      className={withRecipeClassName(popover().close, className)}\n      data-slot=\"popover-close\"\n    >\n      {children ?? \"×\"}\n    </BasePopover.Close>\n  );\n});\n\nexport type PopoverArrowProps = ComponentPropsWithoutRef<typeof BasePopover.Arrow>;\n\nexport const PopoverArrow = forwardRef<HTMLDivElement, PopoverArrowProps>(function PopoverArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().arrow, className)}\n      data-slot=\"popover-arrow\"\n    />\n  );\n});\n\nexport const Popover = {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  Portal: PopoverPortal,\n  Positioner: PopoverPositioner,\n  Popup: PopoverPopup,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n  Arrow: PopoverArrow,\n  createHandle: BasePopover.createHandle,\n};\n"],"mappings":"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"}

package/dist/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["PopoverRoot","BasePopover","Popover"],"sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { popover } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type PopoverRootProps<Payload = unknown> = BasePopoverRoot.Props<Payload>;\n\nexport function PopoverRoot<Payload = unknown>(props: PopoverRootProps<Payload>) {\n  return <BasePopover.Root {...props} />;\n}\n\nexport type PopoverTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\n\nexport const PopoverTrigger = forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  function PopoverTrigger({ className, ...props }, ref) {\n    return (\n      <BasePopover.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().trigger, className)}\n        data-jaci-component=\"popover\"\n        data-slot=\"popover-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport function PopoverPortal(props: ComponentPropsWithoutRef<typeof BasePopover.Portal>) {\n  return <BasePopover.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type PopoverPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\n\nexport const PopoverPositioner = forwardRef<HTMLDivElement, PopoverPositionerProps>(\n  function PopoverPositioner({ className, ...props }, ref) {\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().positioner, className)}\n        data-slot=\"popover-positioner\"\n      />\n    );\n  },\n);\n\nexport type PopoverPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\n\nexport const PopoverPopup = forwardRef<HTMLDivElement, PopoverPopupProps>(function PopoverPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().popup, className)}\n      data-jaci-component=\"popover\"\n      data-slot=\"popover-popup\"\n    />\n  );\n});\n\nexport type PopoverTitleProps = ComponentPropsWithoutRef<typeof BasePopover.Title>;\n\nexport const PopoverTitle = forwardRef<HTMLHeadingElement, PopoverTitleProps>(function PopoverTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().title, className)}\n      data-slot=\"popover-title\"\n    />\n  );\n});\n\nexport type PopoverDescriptionProps = ComponentPropsWithoutRef<typeof BasePopover.Description>;\n\nexport const PopoverDescription = forwardRef<HTMLParagraphElement, PopoverDescriptionProps>(\n  function PopoverDescription({ className, ...props }, ref) {\n    return (\n      <BasePopover.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().description, className)}\n        data-slot=\"popover-description\"\n      />\n    );\n  },\n);\n\nexport type PopoverCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\n\nexport const PopoverClose = forwardRef<HTMLButtonElement, PopoverCloseProps>(function PopoverClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BasePopover.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close popover\")}\n      ref={ref}\n      className={withRecipeClassName(popover().close, className)}\n      data-slot=\"popover-close\"\n    >\n      {children ?? \"×\"}\n    </BasePopover.Close>\n  );\n});\n\nexport type PopoverArrowProps = ComponentPropsWithoutRef<typeof BasePopover.Arrow>;\n\nexport const PopoverArrow = forwardRef<HTMLDivElement, PopoverArrowProps>(function PopoverArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().arrow, className)}\n      data-slot=\"popover-arrow\"\n    />\n  );\n});\n\nexport const Popover = {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  Portal: PopoverPortal,\n  Positioner: PopoverPositioner,\n  Popup: PopoverPopup,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n  Arrow: PopoverArrow,\n  createHandle: BasePopover.createHandle,\n};\n"],"mappings":";;;;;;;;AAcA,SAAgBA,cAA+B,OAAkC;CAC/E,OAAO,oBAACC,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAIA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACA,QAAY,SAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAGA,SAAgB,cAAc,OAA4D;CACxF,OAAO,oBAACA,QAAY,QAAb,EAAoB,GAAI,oBAAoB,KAAK,EAAI,CAAA;AAC9D;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,oBAACA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,YAAY,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAe,WAAkD,SAAS,aACrF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,oBAACA,QAAY,aAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,aAAa,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAe,WAAiD,SAAS,aACpF,EAAE,cAAc,WAAW,UAAU,WAAW,GAAG,SACnD,KACA;CACA,MAAM,kBAAkB,YAAY;CAEpC,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACJ,cAAY,cAAc,kBAAkB,KAAA,IAAY;EACnD;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;YAET,YAAY;CACI,CAAA;AAEvB,CAAC;AAID,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAaC,YAAU;CACrB,MAAMF;CACN,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,aAAa;CACb,OAAO;CACP,OAAO;CACP,cAAcC,QAAY;AAC5B"}
+{"version":3,"file":"popover.js","names":["PopoverRoot","BasePopover","Popover"],"sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { popover } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type PopoverRootProps<Payload = unknown> = BasePopoverRoot.Props<Payload>;\n\nexport function PopoverRoot<Payload = unknown>(props: PopoverRootProps<Payload>) {\n  return <BasePopover.Root {...props} />;\n}\n\nexport type PopoverTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\n\nexport const PopoverTrigger = forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  function PopoverTrigger({ className, ...props }, ref) {\n    return (\n      <BasePopover.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().trigger, className)}\n        data-jaci-component=\"popover\"\n        data-slot=\"popover-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport function PopoverPortal(props: ComponentPropsWithoutRef<typeof BasePopover.Portal>) {\n  return <BasePopover.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type PopoverPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\n\nexport const PopoverPositioner = forwardRef<HTMLDivElement, PopoverPositionerProps>(\n  function PopoverPositioner({ className, ...props }, ref) {\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().positioner, className)}\n        data-slot=\"popover-positioner\"\n      />\n    );\n  },\n);\n\nexport type PopoverPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\n\nexport const PopoverPopup = forwardRef<HTMLDivElement, PopoverPopupProps>(function PopoverPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().popup, className)}\n      data-jaci-component=\"popover\"\n      data-slot=\"popover-popup\"\n    />\n  );\n});\n\nexport type PopoverTitleProps = ComponentPropsWithoutRef<typeof BasePopover.Title>;\n\nexport const PopoverTitle = forwardRef<HTMLHeadingElement, PopoverTitleProps>(function PopoverTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().title, className)}\n      data-slot=\"popover-title\"\n    />\n  );\n});\n\nexport type PopoverDescriptionProps = ComponentPropsWithoutRef<typeof BasePopover.Description>;\n\nexport const PopoverDescription = forwardRef<HTMLParagraphElement, PopoverDescriptionProps>(\n  function PopoverDescription({ className, ...props }, ref) {\n    return (\n      <BasePopover.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().description, className)}\n        data-slot=\"popover-description\"\n      />\n    );\n  },\n);\n\nexport type PopoverCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\n\nexport const PopoverClose = forwardRef<HTMLButtonElement, PopoverCloseProps>(function PopoverClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BasePopover.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close popover\")}\n      ref={ref}\n      className={withRecipeClassName(popover().close, className)}\n      data-slot=\"popover-close\"\n    >\n      {children ?? \"×\"}\n    </BasePopover.Close>\n  );\n});\n\nexport type PopoverArrowProps = ComponentPropsWithoutRef<typeof BasePopover.Arrow>;\n\nexport const PopoverArrow = forwardRef<HTMLDivElement, PopoverArrowProps>(function PopoverArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().arrow, className)}\n      data-slot=\"popover-arrow\"\n    />\n  );\n});\n\nexport const Popover = {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  Portal: PopoverPortal,\n  Positioner: PopoverPositioner,\n  Popup: PopoverPopup,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n  Arrow: PopoverArrow,\n  createHandle: BasePopover.createHandle,\n};\n"],"mappings":";;;;;;;;AAcA,SAAgBA,cAA+B,OAAkC;CAC/E,OAAO,oBAACC,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAIA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACA,QAAY,SAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAGA,SAAgB,cAAc,OAA4D;CACxF,OAAO,oBAACA,QAAY,QAAb,EAAoB,GAAI,oBAAoB,KAAK,EAAI,CAAA;AAC9D;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,oBAACA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,YAAY,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAe,WAAkD,SAAS,aACrF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,oBAACA,QAAY,aAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,aAAa,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAe,WAAiD,SAAS,aACpF,EAAE,cAAc,WAAW,UAAU,WAAW,GAAG,SACnD,KACA;CACA,MAAM,kBAAkB,YAAY;CAEpC,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACJ,cAAY,cAAc,kBAAkB,KAAA,IAAY;EACnD;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;EAET,UAAA,YAAY;CACI,CAAA;AAEvB,CAAC;AAID,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAaC,YAAU;CACrB,MAAMF;CACN,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,aAAa;CACb,OAAO;CACP,OAAO;CACP,cAAcC,QAAY;AAC5B"}

package/dist/components/progress/progress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"progress.cjs","names":["progress","cx"],"sources":["../../../src/components/progress/progress.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { progress } from \"../../styled-system/recipes\";\n\nfunction clamp(value: number, maximum: number) {\n  if (!Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.min(Math.max(value, 0), maximum);\n}\n\nexport interface ProgressProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** The current amount. Omit it, or set `indeterminate`, when it is unknown. */\n  value?: number | null;\n  /** The value that represents completion. Defaults to 100. */\n  max?: number;\n  /** Omits `aria-valuenow` and renders an in-progress visual state. */\n  indeterminate?: boolean;\n  /** A visible, automatically associated accessible label. */\n  label?: ReactNode;\n  valueLabel?: ReactNode;\n  locale?: Intl.LocalesArgument;\n  format?: Intl.NumberFormatOptions;\n  getAriaValueText?: (formattedValue: string, value: number) => string;\n}\n\n/**\n * A semantic progress bar. Provide `label` or `aria-label` so its purpose is\n * announced to assistive technology.\n */\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-valuetext\": ariaValueText,\n    className,\n    format,\n    getAriaValueText,\n    indeterminate = false,\n    label,\n    locale,\n    max = 100,\n    value = 0,\n    valueLabel,\n    ...props\n  },\n  ref,\n) {\n  const labelId = useId();\n  const maximum = Number.isFinite(max) && max > 0 ? max : 100;\n  const currentValue = clamp(value ?? 0, maximum);\n  const percentage = (currentValue / maximum) * 100;\n  const formattedValue = new Intl.NumberFormat(locale, format).format(currentValue);\n  const computedValueText = getAriaValueText?.(formattedValue, currentValue);\n  const hasVisibleLabel = label !== null && label !== undefined;\n  const labelledBy = ariaLabelledBy ?? (ariaLabel || !hasVisibleLabel ? undefined : labelId);\n  const accessibleLabel = ariaLabel ?? (labelledBy ? undefined : \"Progress\");\n  const styles = progress({ indeterminate });\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-busy={indeterminate || undefined}\n      aria-label={accessibleLabel}\n      aria-labelledby={labelledBy}\n      aria-valuemax={maximum}\n      aria-valuemin={0}\n      aria-valuenow={indeterminate ? undefined : currentValue}\n      aria-valuetext={ariaValueText ?? computedValueText}\n      className={cx(styles.root, className)}\n      data-indeterminate={indeterminate || undefined}\n      data-jaci-component=\"progress\"\n      data-slot=\"progress\"\n      role=\"progressbar\"\n    >\n      {hasVisibleLabel || valueLabel !== undefined ? (\n        <div style={{ display: \"flex\", minWidth: 0 }}>\n          {hasVisibleLabel ? (\n            <span className={styles.label} data-slot=\"progress-label\" id={labelId}>\n              {label}\n            </span>\n          ) : null}\n          {valueLabel !== undefined ? (\n            <span className={styles.value} data-slot=\"progress-value\">\n              {valueLabel}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n      <div aria-hidden=\"true\" className={styles.track} data-slot=\"progress-track\">\n        <div\n          className={styles.indicator}\n          data-indeterminate={indeterminate || undefined}\n          data-slot=\"progress-indicator\"\n          style={indeterminate ? undefined : { width: `${percentage}%` }}\n        />\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;;AAMA,SAAS,MAAM,OAAe,SAAiB;CAC7C,IAAI,CAAC,OAAO,SAAS,KAAK,GACxB,OAAO;CAGT,OAAO,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,OAAO;AAC7C;;;;;AAqBA,MAAa,YAAA,GAAA,MAAA,WAAA,CAAqD,SAAS,SACzE,EACE,cAAc,WACd,mBAAmB,gBACnB,kBAAkB,eAClB,WACA,QACA,kBACA,gBAAgB,OAChB,OACA,QACA,MAAM,KACN,QAAQ,GACR,YACA,GAAG,SAEL,KACA;CACA,MAAM,WAAA,GAAA,MAAA,MAAA,CAAgB;CACtB,MAAM,UAAU,OAAO,SAAS,GAAG,KAAK,MAAM,IAAI,MAAM;CACxD,MAAM,eAAe,MAAM,SAAS,GAAG,OAAO;CAC9C,MAAM,aAAc,eAAe,UAAW;CAC9C,MAAM,iBAAiB,IAAI,KAAK,aAAa,QAAQ,MAAM,CAAC,CAAC,OAAO,YAAY;CAChF,MAAM,oBAAoB,mBAAmB,gBAAgB,YAAY;CACzE,MAAM,kBAAkB,UAAU,QAAQ,UAAU,KAAA;CACpD,MAAM,aAAa,mBAAmB,aAAa,CAAC,kBAAkB,KAAA,IAAY;CAClF,MAAM,kBAAkB,cAAc,aAAa,KAAA,IAAY;CAC/D,MAAM,SAASA,iBAAAA,SAAS,EAAE,cAAc,CAAC;CAEzC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,aAAW,iBAAiB,KAAA;EAC5B,cAAY;EACZ,mBAAiB;EACjB,iBAAe;EACf,iBAAe;EACf,iBAAe,gBAAgB,KAAA,IAAY;EAC3C,kBAAgB,iBAAiB;EACjC,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,sBAAoB,iBAAiB,KAAA;EACrC,uBAAoB;EACpB,aAAU;EACV,MAAK;YAdP,CAgBG,mBAAmB,eAAe,KAAA,IACjC,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,UAAU;GAAE;aAA3C,CACG,kBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAW,OAAO;IAAO,aAAU;IAAiB,IAAI;cAC3D;GACG,CAAA,IACJ,MACH,eAAe,KAAA,IACd,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAW,OAAO;IAAO,aAAU;cACtC;GACG,CAAA,IACJ,IACD;OACH,MACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,eAAY;GAAO,WAAW,OAAO;GAAO,aAAU;aACzD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,WAAW,OAAO;IAClB,sBAAoB,iBAAiB,KAAA;IACrC,aAAU;IACV,OAAO,gBAAgB,KAAA,IAAY,EAAE,OAAO,GAAG,WAAW,GAAG;GAC9D,CAAA;EACE,CAAA,CACF;;AAET,CAAC"}
+{"version":3,"file":"progress.cjs","names":["forwardRef","useId","progress","cx"],"sources":["../../../src/components/progress/progress.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { progress } from \"../../styled-system/recipes\";\n\nfunction clamp(value: number, maximum: number) {\n  if (!Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.min(Math.max(value, 0), maximum);\n}\n\nexport interface ProgressProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** The current amount. Omit it, or set `indeterminate`, when it is unknown. */\n  value?: number | null;\n  /** The value that represents completion. Defaults to 100. */\n  max?: number;\n  /** Omits `aria-valuenow` and renders an in-progress visual state. */\n  indeterminate?: boolean;\n  /** A visible, automatically associated accessible label. */\n  label?: ReactNode;\n  valueLabel?: ReactNode;\n  locale?: Intl.LocalesArgument;\n  format?: Intl.NumberFormatOptions;\n  getAriaValueText?: (formattedValue: string, value: number) => string;\n}\n\n/**\n * A semantic progress bar. Provide `label` or `aria-label` so its purpose is\n * announced to assistive technology.\n */\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-valuetext\": ariaValueText,\n    className,\n    format,\n    getAriaValueText,\n    indeterminate = false,\n    label,\n    locale,\n    max = 100,\n    value = 0,\n    valueLabel,\n    ...props\n  },\n  ref,\n) {\n  const labelId = useId();\n  const maximum = Number.isFinite(max) && max > 0 ? max : 100;\n  const currentValue = clamp(value ?? 0, maximum);\n  const percentage = (currentValue / maximum) * 100;\n  const formattedValue = new Intl.NumberFormat(locale, format).format(currentValue);\n  const computedValueText = getAriaValueText?.(formattedValue, currentValue);\n  const hasVisibleLabel = label !== null && label !== undefined;\n  const labelledBy = ariaLabelledBy ?? (ariaLabel || !hasVisibleLabel ? undefined : labelId);\n  const accessibleLabel = ariaLabel ?? (labelledBy ? undefined : \"Progress\");\n  const styles = progress({ indeterminate });\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-busy={indeterminate || undefined}\n      aria-label={accessibleLabel}\n      aria-labelledby={labelledBy}\n      aria-valuemax={maximum}\n      aria-valuemin={0}\n      aria-valuenow={indeterminate ? undefined : currentValue}\n      aria-valuetext={ariaValueText ?? computedValueText}\n      className={cx(styles.root, className)}\n      data-indeterminate={indeterminate || undefined}\n      data-jaci-component=\"progress\"\n      data-slot=\"progress\"\n      role=\"progressbar\"\n    >\n      {hasVisibleLabel || valueLabel !== undefined ? (\n        <div style={{ display: \"flex\", minWidth: 0 }}>\n          {hasVisibleLabel ? (\n            <span className={styles.label} data-slot=\"progress-label\" id={labelId}>\n              {label}\n            </span>\n          ) : null}\n          {valueLabel !== undefined ? (\n            <span className={styles.value} data-slot=\"progress-value\">\n              {valueLabel}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n      <div aria-hidden=\"true\" className={styles.track} data-slot=\"progress-track\">\n        <div\n          className={styles.indicator}\n          data-indeterminate={indeterminate || undefined}\n          data-slot=\"progress-indicator\"\n          style={indeterminate ? undefined : { width: `${percentage}%` }}\n        />\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;;AAMA,SAAS,MAAM,OAAe,SAAiB;CAC7C,IAAI,CAAC,OAAO,SAAS,KAAK,GACxB,OAAO;CAGT,OAAO,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,OAAO;AAC7C;;;;;AAqBA,MAAa,YAAA,GAAWA,MAAAA,WAAAA,CAA0C,SAAS,SACzE,EACE,cAAc,WACd,mBAAmB,gBACnB,kBAAkB,eAClB,WACA,QACA,kBACA,gBAAgB,OAChB,OACA,QACA,MAAM,KACN,QAAQ,GACR,YACA,GAAG,SAEL,KACA;CACA,MAAM,WAAA,GAAUC,MAAAA,MAAAA,CAAM;CACtB,MAAM,UAAU,OAAO,SAAS,GAAG,KAAK,MAAM,IAAI,MAAM;CACxD,MAAM,eAAe,MAAM,SAAS,GAAG,OAAO;CAC9C,MAAM,aAAc,eAAe,UAAW;CAC9C,MAAM,iBAAiB,IAAI,KAAK,aAAa,QAAQ,MAAM,CAAC,CAAC,OAAO,YAAY;CAChF,MAAM,oBAAoB,mBAAmB,gBAAgB,YAAY;CACzE,MAAM,kBAAkB,UAAU,QAAQ,UAAU,KAAA;CACpD,MAAM,aAAa,mBAAmB,aAAa,CAAC,kBAAkB,KAAA,IAAY;CAClF,MAAM,kBAAkB,cAAc,aAAa,KAAA,IAAY;CAC/D,MAAM,SAASC,iBAAAA,SAAS,EAAE,cAAc,CAAC;CAEzC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,aAAW,iBAAiB,KAAA;EAC5B,cAAY;EACZ,mBAAiB;EACjB,iBAAe;EACf,iBAAe;EACf,iBAAe,gBAAgB,KAAA,IAAY;EAC3C,kBAAgB,iBAAiB;EACjC,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,sBAAoB,iBAAiB,KAAA;EACrC,uBAAoB;EACpB,aAAU;EACV,MAAK;EAdP,UAAA,CAgBG,mBAAmB,eAAe,KAAA,IACjC,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,UAAU;GAAE;GAA3C,UAAA,CACG,kBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAW,OAAO;IAAO,aAAU;IAAiB,IAAI;IAC3D,UAAA;GACG,CAAA,IACJ,MACH,eAAe,KAAA,IACd,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAW,OAAO;IAAO,aAAU;IACtC,UAAA;GACG,CAAA,IACJ,IACD;EACH,CAAA,IAAA,MACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,eAAY;GAAO,WAAW,OAAO;GAAO,aAAU;GACzD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,WAAW,OAAO;IAClB,sBAAoB,iBAAiB,KAAA;IACrC,aAAU;IACV,OAAO,gBAAgB,KAAA,IAAY,EAAE,OAAO,GAAG,WAAW,GAAG;GAC9D,CAAA;EACE,CAAA,CACF;;AAET,CAAC"}