jaci-ui 0.3.0 → 0.5.0

package/dist/components/field/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":["Field","BaseField"],"sources":["../../../src/components/field/field.tsx"],"sourcesContent":["\"use client\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode, Ref } from \"react\";\nimport type { FieldRoot as BaseFieldRoot } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { field } from \"../../styled-system/recipes\";\nimport { JaciFormContext } from \"../form\";\n\nexport type FieldValidationMode = \"onSubmit\" | \"onBlur\" | \"onChange\";\n\ninterface FieldContextValue {\n  errors: ReactNode[];\n  insideField: boolean;\n  invalid: boolean;\n  name: string | undefined;\n}\n\nconst FieldContext = createContext<FieldContextValue>({\n  errors: [],\n  insideField: false,\n  invalid: false,\n  name: undefined,\n});\n\nfunction normalizeErrors(errors: ReactNode | ReactNode[] | undefined): ReactNode[] {\n  if (errors === undefined || errors === null || errors === false) {\n    return [];\n  }\n\n  return Array.isArray(errors) ? errors : [errors];\n}\n\nfunction renderErrors(errors: ReactNode[]) {\n  if (errors.length <= 1) {\n    return errors[0];\n  }\n\n  return (\n    <ul>\n      {errors.map((error, index) => (\n        <li key={typeof error === \"string\" ? error : index}>{error}</li>\n      ))}\n    </ul>\n  );\n}\n\nexport interface FieldProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Field name used to resolve errors supplied to the parent Form. */\n  name?: string;\n  /** Direct error content, useful outside a Form or with custom validation. */\n  errors?: ReactNode | ReactNode[];\n  /** Disables the field and its Base UI validation state. */\n  disabled?: boolean;\n  /** Native/Base UI validation callback. */\n  validate?: BaseFieldRoot.Props[\"validate\"];\n  /** Validation timing used by the parent Form. */\n  validationMode?: FieldValidationMode;\n  /** Debounce duration for `validationMode=\"onChange\"`. */\n  validationDebounceTime?: number;\n  /** Controlled dirty/touched state for integrations with external form state. */\n  dirty?: boolean;\n  touched?: boolean;\n  /** Imperative field validation actions. */\n  actionsRef?: BaseFieldRoot.Props[\"actionsRef\"];\n  children?: ReactNode;\n}\n\nexport interface FieldLabelProps extends ComponentPropsWithoutRef<\"label\"> {\n  htmlFor: string;\n}\n\nexport const Field = forwardRef<HTMLDivElement, FieldProps>(function Field(\n  {\n    actionsRef,\n    children,\n    className,\n    dirty,\n    disabled = false,\n    errors: directErrors,\n    invalid: invalidProp = false,\n    name,\n    touched,\n    validate,\n    validationDebounceTime,\n    validationMode,\n    ...props\n  },\n  ref,\n) {\n  const { errors: formErrors } = useContext(JaciFormContext);\n  const formError = name ? formErrors[name] : undefined;\n  const errors =\n    directErrors === undefined ? normalizeErrors(formError) : normalizeErrors(directErrors);\n  const invalid = invalidProp || errors.length > 0;\n  const styles = field({ invalid });\n\n  return (\n    <FieldContext.Provider value={{ errors, insideField: true, invalid, name }}>\n      <BaseField.Root\n        {...props}\n        ref={ref}\n        actionsRef={actionsRef}\n        className={cx(styles.root, className)}\n        data-invalid={invalid || undefined}\n        data-jaci-component=\"field\"\n        data-slot=\"field\"\n        disabled={disabled}\n        dirty={dirty}\n        invalid={invalid}\n        name={name}\n        touched={touched}\n        validate={validate}\n        validationDebounceTime={validationDebounceTime}\n        validationMode={validationMode}\n      >\n        {children}\n      </BaseField.Root>\n    </FieldContext.Provider>\n  );\n});\n\nexport const FieldLabel = forwardRef<HTMLLabelElement, FieldLabelProps>(function FieldLabel(\n  { children, className, htmlFor, ...props },\n  ref,\n) {\n  const { insideField, invalid } = useContext(FieldContext);\n\n  const labelProps = {\n    ...props,\n    className: cx(field({ invalid }).label, className),\n    \"data-slot\": \"field-label\",\n    htmlFor,\n  };\n\n  if (!insideField) {\n    return (\n      <label {...labelProps} ref={ref} htmlFor={htmlFor}>\n        {children}\n      </label>\n    );\n  }\n\n  return (\n    <BaseField.Label {...labelProps} ref={ref as Ref<HTMLElement>}>\n      {children}\n    </BaseField.Label>\n  );\n});\n\nexport const FieldDescription = forwardRef<HTMLParagraphElement, ComponentPropsWithoutRef<\"p\">>(\n  function FieldDescription({ className, ...props }, ref) {\n    const { insideField, invalid } = useContext(FieldContext);\n    const descriptionProps = {\n      ...props,\n      className: cx(field({ invalid }).description, className),\n      \"data-slot\": \"field-description\",\n    };\n\n    if (!insideField) {\n      return <p {...descriptionProps} ref={ref} />;\n    }\n\n    return <BaseField.Description {...descriptionProps} ref={ref} />;\n  },\n);\n\nexport interface FieldErrorProps extends Omit<ComponentPropsWithoutRef<\"p\">, \"children\"> {\n  children?: ReactNode;\n  match?: boolean | keyof ValidityState;\n}\n\nexport const FieldError = forwardRef<HTMLParagraphElement, FieldErrorProps>(function FieldError(\n  { children, className, match, ...props },\n  ref,\n) {\n  const { errors, insideField, invalid } = useContext(FieldContext);\n  const content = children ?? renderErrors(errors);\n\n  if (!insideField) {\n    if (content === undefined || content === null || content === false) {\n      return null;\n    }\n\n    return (\n      <p\n        {...props}\n        ref={ref}\n        className={cx(field({ invalid }).error, className)}\n        data-slot=\"field-error\"\n        role=\"alert\"\n      >\n        {content}\n      </p>\n    );\n  }\n\n  return (\n    <BaseField.Error\n      {...props}\n      ref={ref as Ref<HTMLDivElement>}\n      className={cx(field({ invalid }).error, className)}\n      data-slot=\"field-error\"\n      match={match ?? (invalid ? true : undefined)}\n      render={<p />}\n      role=\"alert\"\n    >\n      {content}\n    </BaseField.Error>\n  );\n});\n\nexport function useFieldState() {\n  return useContext(FieldContext);\n}\n"],"mappings":"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"}
+{"version":3,"file":"field.js","names":["FieldRoot","Field","BaseField"],"sources":["../../../src/components/field/field.tsx"],"sourcesContent":["\"use client\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { createContext, forwardRef, useCallback, useContext, useId, useRef, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode, Ref } from \"react\";\nimport type { FieldRoot as BaseFieldRoot } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { field } from \"../../styled-system/recipes\";\nimport { JaciFormContext } from \"../form\";\n\nexport type FieldValidationMode = \"onSubmit\" | \"onBlur\" | \"onChange\";\n\ninterface FieldContextValue {\n  controlId: string | undefined;\n  descriptionId: string | undefined;\n  dirty: boolean;\n  errorId: string | undefined;\n  errors: ReactNode[];\n  insideField: boolean;\n  invalid: boolean;\n  labelId: string | undefined;\n  name: string | undefined;\n  pending: boolean;\n  touched: boolean;\n  valid: boolean | null;\n}\n\nconst FieldContext = createContext<FieldContextValue>({\n  controlId: undefined,\n  descriptionId: undefined,\n  dirty: false,\n  errorId: undefined,\n  errors: [],\n  insideField: false,\n  invalid: false,\n  labelId: undefined,\n  name: undefined,\n  pending: false,\n  touched: false,\n  valid: null,\n});\n\nfunction normalizeErrors(errors: ReactNode | ReactNode[] | undefined): ReactNode[] {\n  if (errors === undefined || errors === null || errors === false) {\n    return [];\n  }\n\n  return Array.isArray(errors) ? errors : [errors];\n}\n\nfunction renderErrors(errors: ReactNode[]) {\n  if (errors.length <= 1) {\n    return errors[0];\n  }\n\n  return (\n    <ul>\n      {errors.map((error, index) => (\n        <li key={typeof error === \"string\" ? error : index}>{error}</li>\n      ))}\n    </ul>\n  );\n}\n\nexport interface FieldProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Field name used to resolve errors supplied to the parent Form. */\n  name?: string;\n  /** Direct error content, useful outside a Form or with custom validation. */\n  errors?: ReactNode | ReactNode[];\n  /** Disables the field and its Base UI validation state. */\n  disabled?: boolean;\n  /** Native/Base UI validation callback. */\n  validate?: BaseFieldRoot.Props[\"validate\"];\n  /** Validation timing used by the parent Form. */\n  validationMode?: FieldValidationMode;\n  /** Debounce duration for `validationMode=\"onChange\"`. */\n  validationDebounceTime?: number;\n  /** Controlled dirty/touched state for integrations with external form state. */\n  dirty?: boolean;\n  touched?: boolean;\n  /** Marks the field as awaiting asynchronous validation. */\n  pending?: boolean;\n  /** Imperative field validation actions. */\n  actionsRef?: BaseFieldRoot.Props[\"actionsRef\"];\n  children?: ReactNode;\n}\n\nexport interface FieldLabelProps extends ComponentPropsWithoutRef<\"label\"> {\n  htmlFor?: string;\n}\n\nconst FieldRoot = forwardRef<HTMLDivElement, FieldProps>(function Field(\n  {\n    actionsRef,\n    children,\n    className,\n    dirty,\n    disabled = false,\n    errors: directErrors,\n    invalid: invalidProp = false,\n    name,\n    pending: pendingProp = false,\n    touched,\n    validate,\n    validationDebounceTime,\n    validationMode,\n    ...props\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const controlId = `${generatedId}-control`;\n  const labelId = `${generatedId}-label`;\n  const descriptionId = `${generatedId}-description`;\n  const errorId = `${generatedId}-error`;\n  const [pendingValidation, setPendingValidation] = useState(false);\n  const [validationErrors, setValidationErrors] = useState<ReactNode[]>([]);\n  const [validationValid, setValidationValid] = useState<boolean | null>(null);\n  const validationSequence = useRef(0);\n  const { errors: formErrors } = useContext(JaciFormContext);\n  const formError = name ? formErrors[name] : undefined;\n  const externalErrors =\n    directErrors === undefined ? normalizeErrors(formError) : normalizeErrors(directErrors);\n  const errors =\n    directErrors !== undefined || formError !== undefined ? externalErrors : validationErrors;\n  const invalid = invalidProp || errors.length > 0;\n  const pending = pendingProp || pendingValidation;\n  const wrappedValidate = useCallback<NonNullable<BaseFieldRoot.Props[\"validate\"]>>(\n    (value, formValues) => {\n      const sequence = ++validationSequence.current;\n      if (!validate) return null;\n      const result = validate(value, formValues);\n      if (!result || typeof result !== \"object\" || !(\"then\" in result)) {\n        const resultErrors = normalizeErrors(result);\n        setValidationErrors(resultErrors);\n        setValidationValid(resultErrors.length === 0);\n        setPendingValidation(false);\n        return result;\n      }\n      setValidationErrors([]);\n      setValidationValid(null);\n      setPendingValidation(true);\n      return Promise.resolve(result)\n        .then((validationResult) => {\n          if (sequence !== validationSequence.current) return null;\n          const resultErrors = normalizeErrors(validationResult);\n          setValidationErrors(resultErrors);\n          setValidationValid(resultErrors.length === 0);\n          return validationResult;\n        })\n        .finally(() => {\n          if (sequence === validationSequence.current) setPendingValidation(false);\n        });\n    },\n    [validate],\n  );\n  const styles = field({ invalid });\n\n  return (\n    <FieldContext.Provider\n      value={{\n        controlId,\n        descriptionId,\n        dirty: dirty ?? false,\n        errorId,\n        errors,\n        insideField: true,\n        invalid,\n        labelId,\n        name,\n        pending,\n        touched: touched ?? false,\n        valid: invalid ? false : validationValid,\n      }}\n    >\n      <BaseField.Root\n        {...props}\n        ref={ref}\n        actionsRef={actionsRef}\n        className={cx(styles.root, className)}\n        aria-busy={pending || undefined}\n        data-dirty={dirty || undefined}\n        data-invalid={invalid || undefined}\n        data-jaci-component=\"field\"\n        data-pending={pending || undefined}\n        data-slot=\"field\"\n        data-touched={touched || undefined}\n        disabled={disabled}\n        dirty={dirty}\n        invalid={invalid}\n        name={name}\n        touched={touched}\n        {...(validate ? { validate: wrappedValidate } : {})}\n        validationDebounceTime={validationDebounceTime}\n        validationMode={validationMode}\n      >\n        {children}\n      </BaseField.Root>\n    </FieldContext.Provider>\n  );\n});\n\nexport interface FieldControlProps extends ComponentPropsWithoutRef<typeof BaseField.Control> {}\n\nexport const FieldControl = forwardRef<HTMLElement, FieldControlProps>(function FieldControl(\n  {\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-errormessage\": ariaErrorMessage,\n    \"aria-invalid\": ariaInvalid,\n    \"aria-labelledby\": ariaLabelledBy,\n    className,\n    id,\n    ...props\n  },\n  ref,\n) {\n  const { controlId, descriptionId, errorId, invalid, labelId, pending, insideField } =\n    useContext(FieldContext);\n  const describedBy =\n    [ariaDescribedBy, descriptionId, invalid ? errorId : undefined].filter(Boolean).join(\" \") ||\n    undefined;\n  const labelledBy = [ariaLabelledBy, labelId].filter(Boolean).join(\" \") || undefined;\n  const controlProps = {\n    ...props,\n    \"aria-busy\": pending || undefined,\n    \"aria-describedby\": describedBy,\n    \"aria-errormessage\": ariaErrorMessage ?? (invalid ? errorId : undefined),\n    \"aria-invalid\": ariaInvalid ?? (invalid || undefined),\n    \"aria-labelledby\": labelledBy,\n    className,\n    \"data-pending\": pending || undefined,\n    id: id ?? controlId,\n  };\n  if (!insideField) return <BaseField.Control {...controlProps} ref={ref} />;\n  return <BaseField.Control {...controlProps} ref={ref} />;\n});\n\nexport const FieldLabel = forwardRef<HTMLLabelElement, FieldLabelProps>(function FieldLabel(\n  { children, className, htmlFor, ...props },\n  ref,\n) {\n  const { controlId, insideField, invalid, labelId } = useContext(FieldContext);\n\n  const labelProps = {\n    ...props,\n    className: cx(field({ invalid }).label, className),\n    \"data-slot\": \"field-label\",\n    htmlFor: htmlFor ?? controlId,\n    id: props.id ?? labelId,\n  };\n\n  if (!insideField) {\n    return (\n      <label {...labelProps} ref={ref} htmlFor={htmlFor ?? controlId}>\n        {children}\n      </label>\n    );\n  }\n\n  return (\n    <BaseField.Label {...labelProps} ref={ref as Ref<HTMLElement>}>\n      {children}\n    </BaseField.Label>\n  );\n});\n\nexport const FieldDescription = forwardRef<HTMLParagraphElement, ComponentPropsWithoutRef<\"p\">>(\n  function FieldDescription({ className, ...props }, ref) {\n    const { descriptionId, insideField, invalid } = useContext(FieldContext);\n    const descriptionProps = {\n      ...props,\n      className: cx(field({ invalid }).description, className),\n      \"data-slot\": \"field-description\",\n      id: props.id ?? descriptionId,\n    };\n\n    if (!insideField) {\n      return <p {...descriptionProps} ref={ref} />;\n    }\n\n    return <BaseField.Description {...descriptionProps} ref={ref} />;\n  },\n);\n\nexport interface FieldErrorProps extends Omit<ComponentPropsWithoutRef<\"p\">, \"children\"> {\n  children?: ReactNode;\n  match?: boolean | keyof ValidityState;\n}\n\nexport const FieldError = forwardRef<HTMLParagraphElement, FieldErrorProps>(function FieldError(\n  { children, className, match, ...props },\n  ref,\n) {\n  const { errorId, errors, insideField, invalid } = useContext(FieldContext);\n  const content = children ?? renderErrors(errors);\n\n  if (!insideField) {\n    if (content === undefined || content === null || content === false) {\n      return null;\n    }\n\n    return (\n      <p\n        {...props}\n        ref={ref}\n        className={cx(field({ invalid }).error, className)}\n        data-slot=\"field-error\"\n        id={props.id ?? errorId}\n        role=\"alert\"\n      >\n        {content}\n      </p>\n    );\n  }\n\n  return (\n    <BaseField.Error\n      {...props}\n      ref={ref as Ref<HTMLDivElement>}\n      className={cx(field({ invalid }).error, className)}\n      data-slot=\"field-error\"\n      id={props.id ?? errorId}\n      match={match ?? (invalid ? true : undefined)}\n      render={<p />}\n      role=\"alert\"\n    >\n      {content}\n    </BaseField.Error>\n  );\n});\n\nexport function useFieldState() {\n  return useContext(FieldContext);\n}\n\nexport const Field = Object.assign(FieldRoot, {\n  Root: FieldRoot,\n  Control: FieldControl,\n  Label: FieldLabel,\n  Description: FieldDescription,\n  Error: FieldError,\n});\n"],"mappings":"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"}

package/dist/components/field/index.d.cts

@@ -1,2 +1,2 @@
-import { Field, FieldDescription, FieldError, FieldErrorProps, FieldLabel, FieldLabelProps, FieldProps, FieldValidationMode, useFieldState } from "./field.cjs";
-export { Field, FieldDescription, FieldError, type FieldErrorProps, FieldLabel, type FieldLabelProps, type FieldProps, type FieldValidationMode, useFieldState };
+import { Field, FieldControl, FieldControlProps, FieldDescription, FieldError, FieldErrorProps, FieldLabel, FieldLabelProps, FieldProps, FieldValidationMode, useFieldState } from "./field.cjs";
+export { Field, FieldControl, type FieldControlProps, FieldDescription, FieldError, type FieldErrorProps, FieldLabel, type FieldLabelProps, type FieldProps, type FieldValidationMode, useFieldState };

package/dist/components/field/index.d.ts

@@ -1,2 +1,2 @@
-import { Field, FieldDescription, FieldError, FieldErrorProps, FieldLabel, FieldLabelProps, FieldProps, FieldValidationMode, useFieldState } from "./field.js";
-export { Field, FieldDescription, FieldError, type FieldErrorProps, FieldLabel, type FieldLabelProps, type FieldProps, type FieldValidationMode, useFieldState };
+import { Field, FieldControl, FieldControlProps, FieldDescription, FieldError, FieldErrorProps, FieldLabel, FieldLabelProps, FieldProps, FieldValidationMode, useFieldState } from "./field.js";
+export { Field, FieldControl, type FieldControlProps, FieldDescription, FieldError, type FieldErrorProps, FieldLabel, type FieldLabelProps, type FieldProps, type FieldValidationMode, useFieldState };

package/dist/components/list/list.cjs

@@ -3,8 +3,9 @@ const require_list = require("../../styled-system/recipes/list.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/list/list.tsx
-const ListRoot = (0, react.forwardRef)(function ListRoot({ children, className, gap = "md", ordered = false, variant = "plain", ...props }, ref) {
+const ListRoot = (0, react.forwardRef)(function ListRoot({ children, className, density = "comfortable", gap = "md", ordered = false, variant = "plain", ...props }, ref) {
 	const styles = require_list.list({
+		density,
 		gap,
 		variant
 	});
@@ -13,6 +14,7 @@ const ListRoot = (0, react.forwardRef)(function ListRoot({ children, className,
 		ref,
 		className: require_cx.cx(styles.root, className),
 		"data-gap": gap,
+		"data-density": density,
 		"data-jaci-component": "list",
 		"data-ordered": ordered || void 0,
 		"data-slot": "list",

package/dist/components/list/list.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"list.cjs","names":["list","cx"],"sources":["../../../src/components/list/list.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { list } from \"../../styled-system/recipes\";\n\nexport type ListVariant = \"plain\" | \"divided\" | \"card\";\nexport type ListGap = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface ListRootProps extends Omit<ComponentPropsWithoutRef<\"ul\">, \"children\"> {\n  children?: ReactNode;\n  gap?: ListGap;\n  ordered?: boolean;\n  variant?: ListVariant;\n}\n\nexport const ListRoot = forwardRef<HTMLElement, ListRootProps>(function ListRoot(\n  { children, className, gap = \"md\", ordered = false, variant = \"plain\", ...props },\n  ref,\n) {\n  const styles = list({ gap, variant });\n  const Component = ordered ? \"ol\" : \"ul\";\n\n  return (\n    <Component\n      {...props}\n      ref={ref as never}\n      className={cx(styles.root, className)}\n      data-gap={gap}\n      data-jaci-component=\"list\"\n      data-ordered={ordered || undefined}\n      data-slot=\"list\"\n      data-variant={variant}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport interface ListItemProps extends Omit<ComponentPropsWithoutRef<\"li\">, \"children\"> {\n  children?: ReactNode;\n  disabled?: boolean;\n  interactive?: boolean;\n  selected?: boolean;\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(function ListItem(\n  { children, className, disabled = false, interactive = false, selected = false, ...props },\n  ref,\n) {\n  const styles = list();\n\n  return (\n    <li\n      {...props}\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={cx(styles.item, className)}\n      data-disabled={disabled || undefined}\n      data-interactive={interactive || undefined}\n      data-selected={selected || undefined}\n      data-slot=\"list-item\"\n    >\n      {children}\n    </li>\n  );\n});\n\nexport type ListItemContentProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemContent = forwardRef<HTMLDivElement, ListItemContentProps>(\n  function ListItemContent({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().content, className)}\n        data-slot=\"list-item-content\"\n      />\n    );\n  },\n);\n\nexport type ListItemTitleProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemTitle = forwardRef<HTMLSpanElement, ListItemTitleProps>(function ListItemTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(list().title, className)}\n      data-slot=\"list-item-title\"\n    />\n  );\n});\n\nexport type ListItemDescriptionProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemDescription = forwardRef<HTMLSpanElement, ListItemDescriptionProps>(\n  function ListItemDescription({ className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(list().description, className)}\n        data-slot=\"list-item-description\"\n      />\n    );\n  },\n);\n\nexport type ListItemActionProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemAction = forwardRef<HTMLDivElement, ListItemActionProps>(\n  function ListItemAction({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().action, className)}\n        data-slot=\"list-item-action\"\n      />\n    );\n  },\n);\n\nexport const List = {\n  Root: ListRoot,\n  Item: ListItem,\n  ItemContent: ListItemContent,\n  ItemTitle: ListItemTitle,\n  ItemDescription: ListItemDescription,\n  ItemAction: ListItemAction,\n};\n"],"mappings":";;;;;AAgBA,MAAa,YAAA,GAAA,MAAA,WAAA,CAAkD,SAAS,SACtE,EAAE,UAAU,WAAW,MAAM,MAAM,UAAU,OAAO,UAAU,SAAS,GAAG,SAC1E,KACA;CACA,MAAM,SAASA,aAAAA,KAAK;EAAE;EAAK;CAAQ,CAAC;CAGpC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAHgB,UAAU,OAAO,MAGjC;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,YAAU;EACV,uBAAoB;EACpB,gBAAc,WAAW,KAAA;EACzB,aAAU;EACV,gBAAc;EAEb;CACQ,CAAA;AAEf,CAAC;AASD,MAAa,YAAA,GAAA,MAAA,WAAA,CAAoD,SAAS,SACxE,EAAE,UAAU,WAAW,WAAW,OAAO,cAAc,OAAO,WAAW,OAAO,GAAG,SACnF,KACA;CACA,MAAM,SAASD,aAAAA,KAAK;CAEpB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EACE,GAAI;EACC;EACL,iBAAe,YAAY,KAAA;EAC3B,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,iBAAe,YAAY,KAAA;EAC3B,oBAAkB,eAAe,KAAA;EACjC,iBAAe,YAAY,KAAA;EAC3B,aAAU;EAET;CACC,CAAA;AAER,CAAC;AAGD,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,SAAS,SAAS;EACvC,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,iBAAA,GAAA,MAAA,WAAA,CAAgE,SAAS,cACpF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,OAAO,SAAS;EACrC,aAAU;CACX,CAAA;AAEL,CAAC;AAGD,MAAa,uBAAA,GAAA,MAAA,WAAA,CACX,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,aAAa,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,QAAQ,SAAS;EACtC,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,OAAO;CAClB,MAAM;CACN,MAAM;CACN,aAAa;CACb,WAAW;CACX,iBAAiB;CACjB,YAAY;AACd"}
+{"version":3,"file":"list.cjs","names":["list","cx"],"sources":["../../../src/components/list/list.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { list } from \"../../styled-system/recipes\";\n\nexport type ListVariant = \"plain\" | \"divided\" | \"card\";\nexport type ListGap = \"none\" | \"sm\" | \"md\" | \"lg\";\nexport type ListDensity = \"compact\" | \"comfortable\";\n\nexport interface ListRootProps extends Omit<ComponentPropsWithoutRef<\"ul\">, \"children\"> {\n  children?: ReactNode;\n  density?: ListDensity;\n  gap?: ListGap;\n  ordered?: boolean;\n  variant?: ListVariant;\n}\n\nexport const ListRoot = forwardRef<HTMLElement, ListRootProps>(function ListRoot(\n  {\n    children,\n    className,\n    density = \"comfortable\",\n    gap = \"md\",\n    ordered = false,\n    variant = \"plain\",\n    ...props\n  },\n  ref,\n) {\n  const styles = list({ density, gap, variant });\n  const Component = ordered ? \"ol\" : \"ul\";\n\n  return (\n    <Component\n      {...props}\n      ref={ref as never}\n      className={cx(styles.root, className)}\n      data-gap={gap}\n      data-density={density}\n      data-jaci-component=\"list\"\n      data-ordered={ordered || undefined}\n      data-slot=\"list\"\n      data-variant={variant}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport interface ListItemProps extends Omit<ComponentPropsWithoutRef<\"li\">, \"children\"> {\n  children?: ReactNode;\n  disabled?: boolean;\n  interactive?: boolean;\n  selected?: boolean;\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(function ListItem(\n  { children, className, disabled = false, interactive = false, selected = false, ...props },\n  ref,\n) {\n  const styles = list();\n\n  return (\n    <li\n      {...props}\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={cx(styles.item, className)}\n      data-disabled={disabled || undefined}\n      data-interactive={interactive || undefined}\n      data-selected={selected || undefined}\n      data-slot=\"list-item\"\n    >\n      {children}\n    </li>\n  );\n});\n\nexport type ListItemContentProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemContent = forwardRef<HTMLDivElement, ListItemContentProps>(\n  function ListItemContent({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().content, className)}\n        data-slot=\"list-item-content\"\n      />\n    );\n  },\n);\n\nexport type ListItemTitleProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemTitle = forwardRef<HTMLSpanElement, ListItemTitleProps>(function ListItemTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(list().title, className)}\n      data-slot=\"list-item-title\"\n    />\n  );\n});\n\nexport type ListItemDescriptionProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemDescription = forwardRef<HTMLSpanElement, ListItemDescriptionProps>(\n  function ListItemDescription({ className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(list().description, className)}\n        data-slot=\"list-item-description\"\n      />\n    );\n  },\n);\n\nexport type ListItemActionProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemAction = forwardRef<HTMLDivElement, ListItemActionProps>(\n  function ListItemAction({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().action, className)}\n        data-slot=\"list-item-action\"\n      />\n    );\n  },\n);\n\nexport const List = {\n  Root: ListRoot,\n  Item: ListItem,\n  ItemContent: ListItemContent,\n  ItemTitle: ListItemTitle,\n  ItemDescription: ListItemDescription,\n  ItemAction: ListItemAction,\n};\n"],"mappings":";;;;;AAkBA,MAAa,YAAA,GAAA,MAAA,WAAA,CAAkD,SAAS,SACtE,EACE,UACA,WACA,UAAU,eACV,MAAM,MACN,UAAU,OACV,UAAU,SACV,GAAG,SAEL,KACA;CACA,MAAM,SAASA,aAAAA,KAAK;EAAE;EAAS;EAAK;CAAQ,CAAC;CAG7C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAHgB,UAAU,OAAO,MAGjC;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,YAAU;EACV,gBAAc;EACd,uBAAoB;EACpB,gBAAc,WAAW,KAAA;EACzB,aAAU;EACV,gBAAc;EAEb;CACQ,CAAA;AAEf,CAAC;AASD,MAAa,YAAA,GAAA,MAAA,WAAA,CAAoD,SAAS,SACxE,EAAE,UAAU,WAAW,WAAW,OAAO,cAAc,OAAO,WAAW,OAAO,GAAG,SACnF,KACA;CACA,MAAM,SAASD,aAAAA,KAAK;CAEpB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EACE,GAAI;EACC;EACL,iBAAe,YAAY,KAAA;EAC3B,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,iBAAe,YAAY,KAAA;EAC3B,oBAAkB,eAAe,KAAA;EACjC,iBAAe,YAAY,KAAA;EAC3B,aAAU;EAET;CACC,CAAA;AAER,CAAC;AAGD,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,SAAS,SAAS;EACvC,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,iBAAA,GAAA,MAAA,WAAA,CAAgE,SAAS,cACpF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,OAAO,SAAS;EACrC,aAAU;CACX,CAAA;AAEL,CAAC;AAGD,MAAa,uBAAA,GAAA,MAAA,WAAA,CACX,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,aAAa,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,QAAQ,SAAS;EACtC,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,OAAO;CAClB,MAAM;CACN,MAAM;CACN,aAAa;CACb,WAAW;CACX,iBAAiB;CACjB,YAAY;AACd"}

package/dist/components/list/list.d.cts

@@ -2,8 +2,10 @@ import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/list/list.d.ts
 type ListVariant = "plain" | "divided" | "card";
 type ListGap = "none" | "sm" | "md" | "lg";
+type ListDensity = "compact" | "comfortable";
 interface ListRootProps extends Omit<ComponentPropsWithoutRef<"ul">, "children"> {
   children?: ReactNode;
+  density?: ListDensity;
   gap?: ListGap;
   ordered?: boolean;
   variant?: ListVariant;
@@ -33,5 +35,5 @@ declare const List: {
   ItemAction: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 //#endregion
-export { List, ListGap, ListItem, ListItemAction, ListItemActionProps, ListItemContent, ListItemContentProps, ListItemDescription, ListItemDescriptionProps, ListItemProps, ListItemTitle, ListItemTitleProps, ListRoot, ListRootProps, ListVariant };
+export { List, ListDensity, ListGap, ListItem, ListItemAction, ListItemActionProps, ListItemContent, ListItemContentProps, ListItemDescription, ListItemDescriptionProps, ListItemProps, ListItemTitle, ListItemTitleProps, ListRoot, ListRootProps, ListVariant };
 //# sourceMappingURL=list.d.cts.map

package/dist/components/list/list.d.ts

@@ -2,8 +2,10 @@ import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/list/list.d.ts
 type ListVariant = "plain" | "divided" | "card";
 type ListGap = "none" | "sm" | "md" | "lg";
+type ListDensity = "compact" | "comfortable";
 interface ListRootProps extends Omit<ComponentPropsWithoutRef<"ul">, "children"> {
   children?: ReactNode;
+  density?: ListDensity;
   gap?: ListGap;
   ordered?: boolean;
   variant?: ListVariant;
@@ -33,5 +35,5 @@ declare const List: {
   ItemAction: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 //#endregion
-export { List, ListGap, ListItem, ListItemAction, ListItemActionProps, ListItemContent, ListItemContentProps, ListItemDescription, ListItemDescriptionProps, ListItemProps, ListItemTitle, ListItemTitleProps, ListRoot, ListRootProps, ListVariant };
+export { List, ListDensity, ListGap, ListItem, ListItemAction, ListItemActionProps, ListItemContent, ListItemContentProps, ListItemDescription, ListItemDescriptionProps, ListItemProps, ListItemTitle, ListItemTitleProps, ListRoot, ListRootProps, ListVariant };
 //# sourceMappingURL=list.d.ts.map

package/dist/components/list/list.js

@@ -3,8 +3,9 @@ import { list } from "../../styled-system/recipes/list.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/list/list.tsx
-const ListRoot = forwardRef(function ListRoot({ children, className, gap = "md", ordered = false, variant = "plain", ...props }, ref) {
+const ListRoot = forwardRef(function ListRoot({ children, className, density = "comfortable", gap = "md", ordered = false, variant = "plain", ...props }, ref) {
 	const styles = list({
+		density,
 		gap,
 		variant
 	});
@@ -13,6 +14,7 @@ const ListRoot = forwardRef(function ListRoot({ children, className, gap = "md",
 		ref,
 		className: cx(styles.root, className),
 		"data-gap": gap,
+		"data-density": density,
 		"data-jaci-component": "list",
 		"data-ordered": ordered || void 0,
 		"data-slot": "list",

package/dist/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":[],"sources":["../../../src/components/list/list.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { list } from \"../../styled-system/recipes\";\n\nexport type ListVariant = \"plain\" | \"divided\" | \"card\";\nexport type ListGap = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface ListRootProps extends Omit<ComponentPropsWithoutRef<\"ul\">, \"children\"> {\n  children?: ReactNode;\n  gap?: ListGap;\n  ordered?: boolean;\n  variant?: ListVariant;\n}\n\nexport const ListRoot = forwardRef<HTMLElement, ListRootProps>(function ListRoot(\n  { children, className, gap = \"md\", ordered = false, variant = \"plain\", ...props },\n  ref,\n) {\n  const styles = list({ gap, variant });\n  const Component = ordered ? \"ol\" : \"ul\";\n\n  return (\n    <Component\n      {...props}\n      ref={ref as never}\n      className={cx(styles.root, className)}\n      data-gap={gap}\n      data-jaci-component=\"list\"\n      data-ordered={ordered || undefined}\n      data-slot=\"list\"\n      data-variant={variant}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport interface ListItemProps extends Omit<ComponentPropsWithoutRef<\"li\">, \"children\"> {\n  children?: ReactNode;\n  disabled?: boolean;\n  interactive?: boolean;\n  selected?: boolean;\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(function ListItem(\n  { children, className, disabled = false, interactive = false, selected = false, ...props },\n  ref,\n) {\n  const styles = list();\n\n  return (\n    <li\n      {...props}\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={cx(styles.item, className)}\n      data-disabled={disabled || undefined}\n      data-interactive={interactive || undefined}\n      data-selected={selected || undefined}\n      data-slot=\"list-item\"\n    >\n      {children}\n    </li>\n  );\n});\n\nexport type ListItemContentProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemContent = forwardRef<HTMLDivElement, ListItemContentProps>(\n  function ListItemContent({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().content, className)}\n        data-slot=\"list-item-content\"\n      />\n    );\n  },\n);\n\nexport type ListItemTitleProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemTitle = forwardRef<HTMLSpanElement, ListItemTitleProps>(function ListItemTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(list().title, className)}\n      data-slot=\"list-item-title\"\n    />\n  );\n});\n\nexport type ListItemDescriptionProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemDescription = forwardRef<HTMLSpanElement, ListItemDescriptionProps>(\n  function ListItemDescription({ className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(list().description, className)}\n        data-slot=\"list-item-description\"\n      />\n    );\n  },\n);\n\nexport type ListItemActionProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemAction = forwardRef<HTMLDivElement, ListItemActionProps>(\n  function ListItemAction({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().action, className)}\n        data-slot=\"list-item-action\"\n      />\n    );\n  },\n);\n\nexport const List = {\n  Root: ListRoot,\n  Item: ListItem,\n  ItemContent: ListItemContent,\n  ItemTitle: ListItemTitle,\n  ItemDescription: ListItemDescription,\n  ItemAction: ListItemAction,\n};\n"],"mappings":";;;;;AAgBA,MAAa,WAAW,WAAuC,SAAS,SACtE,EAAE,UAAU,WAAW,MAAM,MAAM,UAAU,OAAO,UAAU,SAAS,GAAG,SAC1E,KACA;CACA,MAAM,SAAS,KAAK;EAAE;EAAK;CAAQ,CAAC;CAGpC,OACE,oBAHgB,UAAU,OAAO,MAGjC;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,YAAU;EACV,uBAAoB;EACpB,gBAAc,WAAW,KAAA;EACzB,aAAU;EACV,gBAAc;EAEb;CACQ,CAAA;AAEf,CAAC;AASD,MAAa,WAAW,WAAyC,SAAS,SACxE,EAAE,UAAU,WAAW,WAAW,OAAO,cAAc,OAAO,WAAW,OAAO,GAAG,SACnF,KACA;CACA,MAAM,SAAS,KAAK;CAEpB,OACE,oBAAC,MAAD;EACE,GAAI;EACC;EACL,iBAAe,YAAY,KAAA;EAC3B,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,iBAAe,YAAY,KAAA;EAC3B,oBAAkB,eAAe,KAAA;EACjC,iBAAe,YAAY,KAAA;EAC3B,aAAU;EAET;CACC,CAAA;AAER,CAAC;AAGD,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,SAAS,SAAS;EACvC,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,gBAAgB,WAAgD,SAAS,cACpF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,OAAO,SAAS;EACrC,aAAU;CACX,CAAA;AAEL,CAAC;AAGD,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,aAAa,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,QAAQ,SAAS;EACtC,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,OAAO;CAClB,MAAM;CACN,MAAM;CACN,aAAa;CACb,WAAW;CACX,iBAAiB;CACjB,YAAY;AACd"}
+{"version":3,"file":"list.js","names":[],"sources":["../../../src/components/list/list.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { list } from \"../../styled-system/recipes\";\n\nexport type ListVariant = \"plain\" | \"divided\" | \"card\";\nexport type ListGap = \"none\" | \"sm\" | \"md\" | \"lg\";\nexport type ListDensity = \"compact\" | \"comfortable\";\n\nexport interface ListRootProps extends Omit<ComponentPropsWithoutRef<\"ul\">, \"children\"> {\n  children?: ReactNode;\n  density?: ListDensity;\n  gap?: ListGap;\n  ordered?: boolean;\n  variant?: ListVariant;\n}\n\nexport const ListRoot = forwardRef<HTMLElement, ListRootProps>(function ListRoot(\n  {\n    children,\n    className,\n    density = \"comfortable\",\n    gap = \"md\",\n    ordered = false,\n    variant = \"plain\",\n    ...props\n  },\n  ref,\n) {\n  const styles = list({ density, gap, variant });\n  const Component = ordered ? \"ol\" : \"ul\";\n\n  return (\n    <Component\n      {...props}\n      ref={ref as never}\n      className={cx(styles.root, className)}\n      data-gap={gap}\n      data-density={density}\n      data-jaci-component=\"list\"\n      data-ordered={ordered || undefined}\n      data-slot=\"list\"\n      data-variant={variant}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport interface ListItemProps extends Omit<ComponentPropsWithoutRef<\"li\">, \"children\"> {\n  children?: ReactNode;\n  disabled?: boolean;\n  interactive?: boolean;\n  selected?: boolean;\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(function ListItem(\n  { children, className, disabled = false, interactive = false, selected = false, ...props },\n  ref,\n) {\n  const styles = list();\n\n  return (\n    <li\n      {...props}\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={cx(styles.item, className)}\n      data-disabled={disabled || undefined}\n      data-interactive={interactive || undefined}\n      data-selected={selected || undefined}\n      data-slot=\"list-item\"\n    >\n      {children}\n    </li>\n  );\n});\n\nexport type ListItemContentProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemContent = forwardRef<HTMLDivElement, ListItemContentProps>(\n  function ListItemContent({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().content, className)}\n        data-slot=\"list-item-content\"\n      />\n    );\n  },\n);\n\nexport type ListItemTitleProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemTitle = forwardRef<HTMLSpanElement, ListItemTitleProps>(function ListItemTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(list().title, className)}\n      data-slot=\"list-item-title\"\n    />\n  );\n});\n\nexport type ListItemDescriptionProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemDescription = forwardRef<HTMLSpanElement, ListItemDescriptionProps>(\n  function ListItemDescription({ className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(list().description, className)}\n        data-slot=\"list-item-description\"\n      />\n    );\n  },\n);\n\nexport type ListItemActionProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemAction = forwardRef<HTMLDivElement, ListItemActionProps>(\n  function ListItemAction({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().action, className)}\n        data-slot=\"list-item-action\"\n      />\n    );\n  },\n);\n\nexport const List = {\n  Root: ListRoot,\n  Item: ListItem,\n  ItemContent: ListItemContent,\n  ItemTitle: ListItemTitle,\n  ItemDescription: ListItemDescription,\n  ItemAction: ListItemAction,\n};\n"],"mappings":";;;;;AAkBA,MAAa,WAAW,WAAuC,SAAS,SACtE,EACE,UACA,WACA,UAAU,eACV,MAAM,MACN,UAAU,OACV,UAAU,SACV,GAAG,SAEL,KACA;CACA,MAAM,SAAS,KAAK;EAAE;EAAS;EAAK;CAAQ,CAAC;CAG7C,OACE,oBAHgB,UAAU,OAAO,MAGjC;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,YAAU;EACV,gBAAc;EACd,uBAAoB;EACpB,gBAAc,WAAW,KAAA;EACzB,aAAU;EACV,gBAAc;EAEb;CACQ,CAAA;AAEf,CAAC;AASD,MAAa,WAAW,WAAyC,SAAS,SACxE,EAAE,UAAU,WAAW,WAAW,OAAO,cAAc,OAAO,WAAW,OAAO,GAAG,SACnF,KACA;CACA,MAAM,SAAS,KAAK;CAEpB,OACE,oBAAC,MAAD;EACE,GAAI;EACC;EACL,iBAAe,YAAY,KAAA;EAC3B,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,iBAAe,YAAY,KAAA;EAC3B,oBAAkB,eAAe,KAAA;EACjC,iBAAe,YAAY,KAAA;EAC3B,aAAU;EAET;CACC,CAAA;AAER,CAAC;AAGD,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,SAAS,SAAS;EACvC,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,gBAAgB,WAAgD,SAAS,cACpF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,OAAO,SAAS;EACrC,aAAU;CACX,CAAA;AAEL,CAAC;AAGD,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,aAAa,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,QAAQ,SAAS;EACtC,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,OAAO;CAClB,MAAM;CACN,MAAM;CACN,aAAa;CACb,WAAW;CACX,iBAAiB;CACjB,YAAY;AACd"}

package/dist/components/pagination/index.d.cts

@@ -1,2 +1,2 @@
-import { Pagination, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationList, PaginationListProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationRoot, PaginationRootProps } from "./pagination.cjs";
-export { Pagination, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationList, type PaginationListProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps };
+import { Pagination, PaginationDensity, PaginationEllipsis, PaginationEllipsisProps, PaginationFirst, PaginationFirstProps, PaginationItem, PaginationItemProps, PaginationLast, PaginationLastProps, PaginationLink, PaginationLinkProps, PaginationList, PaginationListProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationRoot, PaginationRootProps } from "./pagination.cjs";
+export { Pagination, type PaginationDensity, PaginationEllipsis, type PaginationEllipsisProps, PaginationFirst, type PaginationFirstProps, PaginationItem, type PaginationItemProps, PaginationLast, type PaginationLastProps, PaginationLink, type PaginationLinkProps, PaginationList, type PaginationListProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps };

package/dist/components/pagination/index.d.ts

@@ -1,2 +1,2 @@
-import { Pagination, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationList, PaginationListProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationRoot, PaginationRootProps } from "./pagination.js";
-export { Pagination, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationList, type PaginationListProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps };
+import { Pagination, PaginationDensity, PaginationEllipsis, PaginationEllipsisProps, PaginationFirst, PaginationFirstProps, PaginationItem, PaginationItemProps, PaginationLast, PaginationLastProps, PaginationLink, PaginationLinkProps, PaginationList, PaginationListProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationRoot, PaginationRootProps } from "./pagination.js";
+export { Pagination, type PaginationDensity, PaginationEllipsis, type PaginationEllipsisProps, PaginationFirst, type PaginationFirstProps, PaginationItem, type PaginationItemProps, PaginationLast, type PaginationLastProps, PaginationLink, type PaginationLinkProps, PaginationList, type PaginationListProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps };

package/dist/components/pagination/pagination.cjs

@@ -1,29 +1,65 @@
+"use client";
 const require_cx = require("../../styled-system/css/cx.cjs");
 const require_pagination = require("../../styled-system/recipes/pagination.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/pagination/pagination.tsx
-/** A navigation landmark for moving between pages of a result set. */
-const PaginationRoot = (0, react.forwardRef)(function PaginationRoot({ "aria-label": ariaLabel, className, ...props }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
-		...props,
-		"aria-label": ariaLabel ?? "Pagination",
-		ref,
-		className: require_cx.cx(require_pagination.pagination().root, className),
-		"data-jaci-component": "pagination",
-		"data-slot": "pagination"
+const PaginationContext = (0, react.createContext)(null);
+function usePaginationContext() {
+	return (0, react.useContext)(PaginationContext);
+}
+const PaginationRoot = (0, react.forwardRef)(function PaginationRoot({ children, "aria-label": ariaLabel, className, defaultPage = 1, density = "comfortable", onPageChange, page: controlledPage, pageCount, showFirstLast = false, siblingCount = 1, ...props }, ref) {
+	const [uncontrolledPage, setUncontrolledPage] = (0, react.useState)(defaultPage);
+	const page = pageCount ? Math.min(Math.max(controlledPage ?? uncontrolledPage, 1), pageCount) : controlledPage;
+	const goTo = (0, react.useCallback)((nextPage) => {
+		if (!pageCount) return;
+		const next = Math.min(Math.max(nextPage, 1), pageCount);
+		if (controlledPage === void 0) setUncontrolledPage(next);
+		onPageChange?.(next);
+	}, [
+		controlledPage,
+		onPageChange,
+		pageCount
+	]);
+	const context = (0, react.useMemo)(() => ({
+		density,
+		goTo,
+		page,
+		pageCount
+	}), [
+		density,
+		goTo,
+		page,
+		pageCount
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+			...props,
+			"aria-label": ariaLabel ?? "Pagination",
+			ref,
+			className: require_cx.cx(require_pagination.pagination({ density }).root, className),
+			"data-density": density,
+			"data-jaci-component": "pagination",
+			"data-slot": "pagination",
+			children: children ?? (pageCount ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationGenerated, {
+				page: page ?? 1,
+				pageCount,
+				showFirstLast,
+				siblingCount
+			}) : null)
+		})
 	});
 });
-/** An unordered list of page controls. */
 const PaginationList = (0, react.forwardRef)(function PaginationList({ className, ...props }, ref) {
+	const context = usePaginationContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 		...props,
 		ref,
-		className: require_cx.cx(require_pagination.pagination().list, className),
+		className: require_cx.cx(require_pagination.pagination({ density: context?.density }).list, className),
 		"data-slot": "pagination-list"
 	});
 });
-/** A list item that wraps a page link, direction control, or ellipsis. */
 const PaginationItem = (0, react.forwardRef)(function PaginationItem({ className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
 		...props,
@@ -32,24 +68,31 @@ const PaginationItem = (0, react.forwardRef)(function PaginationItem({ className
 		"data-slot": "pagination-item"
 	});
 });
-function getAnchorClassName(active, disabled, slot) {
+function getAnchorClassName(active, disabled, density, slot) {
 	const styles = require_pagination.pagination({
 		active,
+		density,
 		disabled
 	});
 	if (slot === "pagination-previous") return require_cx.cx(styles.link, styles.previous);
 	if (slot === "pagination-next") return require_cx.cx(styles.link, styles.next);
+	if (slot === "pagination-first") return require_cx.cx(styles.link, styles.first);
+	if (slot === "pagination-last") return require_cx.cx(styles.link, styles.last);
 	return styles.link;
 }
-const PaginationAnchor = (0, react.forwardRef)(function PaginationAnchor({ active = false, "aria-current": ariaCurrent, className, disabled = false, href, onClick, slot, tabIndex, ...props }, ref) {
+const PaginationAnchor = (0, react.forwardRef)(function PaginationAnchor({ active: activeProp, "aria-current": ariaCurrent, className, disabled: disabledProp = false, href, onClick, page, slot, tabIndex, ...props }, ref) {
+	const context = usePaginationContext();
+	const active = activeProp ?? (page !== void 0 && context?.page === page);
+	const disabled = Boolean(disabledProp || page !== void 0 && context?.pageCount === 1);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 		...props,
 		"aria-current": ariaCurrent ?? (active ? "page" : void 0),
 		"aria-disabled": disabled || void 0,
 		ref,
-		className: require_cx.cx(getAnchorClassName(active, disabled, slot), className),
+		className: require_cx.cx(getAnchorClassName(Boolean(active), disabled, context?.density, slot), className),
 		"data-active": active || void 0,
 		"data-disabled": disabled || void 0,
+		"data-page": page,
 		"data-slot": slot,
 		href: disabled ? void 0 : href,
 		onClick: (event) => {
@@ -58,12 +101,15 @@ const PaginationAnchor = (0, react.forwardRef)(function PaginationAnchor({ activ
 				event.stopPropagation();
 				return;
 			}
+			if (page !== void 0 && context?.pageCount) {
+				event.preventDefault();
+				context.goTo(page);
+			}
 			onClick?.(event);
 		},
 		tabIndex: disabled ? -1 : tabIndex
 	});
 });
-/** A link to a numbered page. Set `active` on the current destination. */
 const PaginationLink = (0, react.forwardRef)(function PaginationLink(props, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationAnchor, {
 		...props,
@@ -71,11 +117,14 @@ const PaginationLink = (0, react.forwardRef)(function PaginationLink(props, ref)
 		slot: "pagination-link"
 	});
 });
-/** A directional link to the preceding page. */
-const PaginationPrevious = (0, react.forwardRef)(function PaginationPrevious({ "aria-label": ariaLabel, children, rel, ...props }, ref) {
+const PaginationPrevious = (0, react.forwardRef)(function PaginationPrevious({ "aria-label": ariaLabel, children, page, rel, ...props }, ref) {
+	const context = usePaginationContext();
+	const targetPage = page ?? (context?.page ? context.page - 1 : void 0);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationAnchor, {
 		...props,
 		"aria-label": ariaLabel ?? "Go to previous page",
+		disabled: props.disabled ?? (targetPage !== void 0 && targetPage < 1),
+		page: targetPage,
 		ref,
 		rel: rel ?? "prev",
 		slot: "pagination-previous",
@@ -85,11 +134,14 @@ const PaginationPrevious = (0, react.forwardRef)(function PaginationPrevious({ "
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Previous" })] })
 	});
 });
-/** A directional link to the following page. */
-const PaginationNext = (0, react.forwardRef)(function PaginationNext({ "aria-label": ariaLabel, children, rel, ...props }, ref) {
+const PaginationNext = (0, react.forwardRef)(function PaginationNext({ "aria-label": ariaLabel, children, page, rel, ...props }, ref) {
+	const context = usePaginationContext();
+	const targetPage = page ?? (context?.page ? context.page + 1 : void 0);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationAnchor, {
 		...props,
 		"aria-label": ariaLabel ?? "Go to next page",
+		disabled: props.disabled ?? (targetPage !== void 0 && targetPage > (context?.pageCount ?? Infinity)),
+		page: targetPage,
 		ref,
 		rel: rel ?? "next",
 		slot: "pagination-next",
@@ -99,7 +151,27 @@ const PaginationNext = (0, react.forwardRef)(function PaginationNext({ "aria-lab
 		})] })
 	});
 });
-/** A non-interactive marker for omitted page ranges. */
+const PaginationFirst = (0, react.forwardRef)(function PaginationFirst({ "aria-label": ariaLabel, children, page, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationAnchor, {
+		...props,
+		"aria-label": ariaLabel ?? "Go to first page",
+		page: page ?? 1,
+		ref,
+		slot: "pagination-first",
+		children: children ?? "First"
+	});
+});
+const PaginationLast = (0, react.forwardRef)(function PaginationLast({ "aria-label": ariaLabel, children, page, ...props }, ref) {
+	const context = usePaginationContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationAnchor, {
+		...props,
+		"aria-label": ariaLabel ?? "Go to last page",
+		page: page ?? context?.pageCount,
+		ref,
+		slot: "pagination-last",
+		children: children ?? "Last"
+	});
+});
 const PaginationEllipsis = (0, react.forwardRef)(function PaginationEllipsis({ children = "…", className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		...props,
@@ -110,19 +182,48 @@ const PaginationEllipsis = (0, react.forwardRef)(function PaginationEllipsis({ c
 		children
 	});
 });
+function getPageItems(page, pageCount, siblingCount) {
+	const visible = /* @__PURE__ */ new Set([1, pageCount]);
+	for (let index = page - siblingCount; index <= page + siblingCount; index += 1) if (index > 0 && index <= pageCount) visible.add(index);
+	const pages = [...visible].sort((left, right) => left - right);
+	const items = [];
+	pages.forEach((value, index) => {
+		const previous = pages[index - 1];
+		if (previous !== void 0 && value - previous > 1) items.push("ellipsis");
+		items.push(value);
+	});
+	return items;
+}
+function PaginationGenerated({ page, pageCount, showFirstLast, siblingCount }) {
+	const pageItems = getPageItems(page, pageCount, siblingCount);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PaginationList, { children: [
+		showFirstLast ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationFirst, { disabled: page <= 1 }) }) : null,
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationPrevious, { disabled: page <= 1 }) }),
+		pageItems.map((item, index) => item === "ellipsis" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationEllipsis, {}) }, `ellipsis-${pageItems.slice(0, index).filter((value) => value === "ellipsis").length + 1}`) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationLink, {
+			page: item,
+			children: item
+		}) }, item)),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationNext, { disabled: page >= pageCount }) }),
+		showFirstLast ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationLast, { disabled: page >= pageCount }) }) : null
+	] });
+}
 const Pagination = {
 	Root: PaginationRoot,
 	List: PaginationList,
 	Item: PaginationItem,
 	Link: PaginationLink,
+	First: PaginationFirst,
 	Previous: PaginationPrevious,
 	Next: PaginationNext,
+	Last: PaginationLast,
 	Ellipsis: PaginationEllipsis
 };
 //#endregion
 exports.Pagination = Pagination;
 exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationFirst = PaginationFirst;
 exports.PaginationItem = PaginationItem;
+exports.PaginationLast = PaginationLast;
 exports.PaginationLink = PaginationLink;
 exports.PaginationList = PaginationList;
 exports.PaginationNext = PaginationNext;

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.cjs","names":["cx","pagination"],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pagination } from \"../../styled-system/recipes\";\n\nexport type PaginationRootProps = ComponentPropsWithoutRef<\"nav\">;\n\n/** A navigation landmark for moving between pages of a result set. */\nexport const PaginationRoot = forwardRef<HTMLElement, PaginationRootProps>(function PaginationRoot(\n  { \"aria-label\": ariaLabel, className, ...props },\n  ref,\n) {\n  return (\n    <nav\n      {...props}\n      aria-label={ariaLabel ?? \"Pagination\"}\n      ref={ref}\n      className={cx(pagination().root, className)}\n      data-jaci-component=\"pagination\"\n      data-slot=\"pagination\"\n    />\n  );\n});\n\nexport type PaginationListProps = ComponentPropsWithoutRef<\"ul\">;\n\n/** An unordered list of page controls. */\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  function PaginationList({ className, ...props }, ref) {\n    return (\n      <ul\n        {...props}\n        ref={ref}\n        className={cx(pagination().list, className)}\n        data-slot=\"pagination-list\"\n      />\n    );\n  },\n);\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\">;\n\n/** A list item that wraps a page link, direction control, or ellipsis. */\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  /** Marks the link as the current page. */\n  active?: boolean;\n  /** Presents a non-navigable control when no destination is available. */\n  disabled?: boolean;\n}\n\ntype PaginationAnchorSlot = \"pagination-link\" | \"pagination-previous\" | \"pagination-next\";\n\ninterface PaginationAnchorProps extends PaginationLinkProps {\n  children?: ReactNode;\n  slot: PaginationAnchorSlot;\n}\n\nfunction getAnchorClassName(active: boolean, disabled: boolean, slot: PaginationAnchorSlot) {\n  const styles = pagination({ active, disabled });\n\n  if (slot === \"pagination-previous\") {\n    return cx(styles.link, styles.previous);\n  }\n\n  if (slot === \"pagination-next\") {\n    return cx(styles.link, styles.next);\n  }\n\n  return styles.link;\n}\n\nconst PaginationAnchor = forwardRef<HTMLAnchorElement, PaginationAnchorProps>(\n  function PaginationAnchor(\n    {\n      active = false,\n      \"aria-current\": ariaCurrent,\n      className,\n      disabled = false,\n      href,\n      onClick,\n      slot,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        className={cx(getAnchorClassName(active, disabled, slot), className)}\n        data-active={active || undefined}\n        data-disabled={disabled || undefined}\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\n          onClick?.(event);\n        }}\n        tabIndex={disabled ? -1 : tabIndex}\n      />\n    );\n  },\n);\n\n/** A link to a numbered page. Set `active` on the current destination. */\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}\n\n/** A directional link to the preceding page. */\nexport const PaginationPrevious = forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\n  function PaginationPrevious({ \"aria-label\": ariaLabel, children, rel, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to previous page\"}\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}\n\n/** A directional link to the following page. */\nexport const PaginationNext = forwardRef<HTMLAnchorElement, PaginationNextProps>(\n  function PaginationNext({ \"aria-label\": ariaLabel, children, rel, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to next page\"}\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 type PaginationEllipsisProps = ComponentPropsWithoutRef<\"span\">;\n\n/** A non-interactive marker for omitted page ranges. */\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\nexport const Pagination = {\n  Root: PaginationRoot,\n  List: PaginationList,\n  Item: PaginationItem,\n  Link: PaginationLink,\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  Ellipsis: PaginationEllipsis,\n};\n"],"mappings":"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"}
+{"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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"}