@payfit/unity-components 3.1.14 → 3.1.16

package/dist/esm/components/navigation-card/parts/NavigationCardLabel.d.ts

@@ -1,32 +0,0 @@
-import { TextProps } from '../../text/Text.js';
-export type NavigationCardLabelProps = Omit<TextProps, 'variant' | 'color' | 'className' | 'style'>;
-/**
- * Displays the primary label text for a NavigationCard component.
- * Use this component to provide the main identifying text for your navigation card, which serves as the accessible label for the entire card.
- * The label automatically connects to the parent NavigationCard for proper accessibility semantics.
- * @param {NavigationCardLabelProps} props - Standard text element props (excluding variant, color, className, and style which are preset)
- * @example
- * ```tsx
- * import { RawNavigationCard, NavigationCardLabel } from '@payfit/unity-components'
- *
- * function Example() {
- *   return (
- *     <RawNavigationCard href="/team">
- *       <NavigationCardLabel>Team Members</NavigationCardLabel>
- *     </RawNavigationCard>
- *   )
- * }
- * ```
- * @remarks
- * - Must be used within a `NavigationCard` component to function correctly
- * - The label text is styled with the "action" typography variant for consistency
- * - Automatically receives proper accessibility IDs from the parent NavigationCard
- * - Supports all standard HTML text element props except styling props which are managed by the component
- * @see {@link NavigationCardLabelProps} for all available props
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/navigation-card/parts GitHub}
- * @see Design specs {@link https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library?node-id=14505-64292 Figma}
- * @see Design docs in {@link https://www.payfit.design/ Payfit.design}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/navigation-navigationcard-navigationcardlabel--docs unity-components.payfit.io}
- */
-declare const NavigationCardLabel: import('react').ForwardRefExoticComponent<NavigationCardLabelProps & import('react').RefAttributes<HTMLElement>>;
-export { NavigationCardLabel };

package/dist/esm/components/navigation-card/parts/NavigationCardLabel.js

@@ -1,19 +0,0 @@
-import { Text as e } from "../../text/Text.js";
-import { useNavigationCardContext as t } from "../NavigationCard.context.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/navigation-card/parts/NavigationCardLabel.tsx
-var i = n((n, i) => {
-	let { labelId: a } = t();
-	return /* @__PURE__ */ r(e, {
-		id: a,
-		...n,
-		ref: i,
-		variant: "action",
-		color: "content.neutral",
-		className: "uy:group-aria-disabled:text-content-neutral-disabled"
-	});
-});
-i.displayName = "NavigationCardLabel";
-//#endregion
-export { i as NavigationCardLabel };

package/dist/esm/components/number-field/TanstackNumberField.d.ts

@@ -1,74 +0,0 @@
-import { ReactNode } from 'react';
-import { LabelProps } from '../label/Label.js';
-import { TanstackNumberInputProps } from '../number-input/TanstackNumberInput.js';
-/**
- * Base props shared by the TanstackNumberField, including label and field adornments.
- * Inherits `isRequired` and `requiredVariant` from {@link LabelProps} to control
- * the required indicator in the label.
- */
-export interface FieldProps extends Pick<LabelProps, 'isRequired' | 'requiredVariant'> {
-    /** The plain-text label associated with the number input (required for a11y). */
-    label: string;
-    /** Optional helper text displayed above the control to guide the user. */
-    helperText?: ReactNode;
-    /** Optional contextual link rendered below the control for additional info. */
-    contextualLink?: ReactNode;
-}
-/**
- * Props for {@link TanstackNumberField}.
- *
- * Combines field chrome (label, helper/contextual link, feedback) with the
- * input behavior from {@link TanstackNumberInput}. All value/validation aspects
- * are handled by the TanStack Form field context, so you should not pass `name`,
- * `value`, `defaultValue`, or `isInvalid` here.
- */
-export type NumberFieldProps = FieldProps & TanstackNumberInputProps;
-/**
- * TanstackNumberField renders a complete number field for TanStack forms:
- * label, helper text, the numeric input itself, feedback message, and an
- * optional contextual link.
- *
- * Behavior
- * - Integrates with the TanStack Form field via `<form.AppField name="…">`.
- * - Uses {@link TanstackNumberInput} for the numeric control and forwards visual
- *   props such as `withControls`, `minValue`, `maxValue`, `step`, `formatOptions`,
- *   `prefix`, `suffix`, and state props (`isReadOnly`, `isDisabled`, `isLoading`).
- * - Invalid state is derived from the field meta (touched + !isValid) and is
- *   displayed through the underlying input and feedback area.
- *
- * Accessibility
- * - The surrounding {@link TanstackFormField} provides `aria-labelledby`,
- *   `aria-describedby` (helper/feedback), and `aria-details` wiring so the input
- *   is fully accessible out of the box.
- *
- * Example
- * ```tsx
- * import { useTanstackUnityForm } from "@/hooks/use-tanstack-form"
- * import { TanstackNumberField } from "@/components/number-field/TanstackNumberField"
- *
- * const form = useTanstackUnityForm<{ amount: number }>({ validators: {} })
- *
- * <form.AppForm>
- *   <form.Form>
- *     <form.AppField name="amount">
- *       {() => (
- *         <TanstackNumberField
- *           label="Amount"
- *           withControls
- *           minValue={0}
- *           step={5}
- *           helperText="Enter a positive amount"
- *         />
- *       )}
- *     </form.AppField>
- *   </form.Form>
- * </form.AppForm>
- * ```
- * @see TanstackNumberInput for the underlying numeric control
- * @see TanstackFormField for the a11y and layout context
- * @see useTanstackUnityForm to create a form and field context
- * @returns A composite field bound to the current TanStack form field
- */
-declare const TanstackNumberField: import('react').ForwardRefExoticComponent<FieldProps & TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
-export type { NumberFieldProps as TanstackNumberFieldProps };
-export { TanstackNumberField };

package/dist/esm/components/number-field/TanstackNumberField.js

@@ -1,31 +0,0 @@
-import { TanstackFormFeedbackText as e } from "../form-field/parts/TanstackFormFeedbackText.js";
-import { TanstackFormField as t } from "../form-field/TanstackFormField.js";
-import { TanstackFormHelperText as n } from "../form-field/parts/TanstackFormHelperText.js";
-import { TanstackFormLabel as r } from "../form-field/parts/TanstackFormLabel.js";
-import { TanstackNumberInput as i } from "../number-input/TanstackNumberInput.js";
-import { forwardRef as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/number-field/TanstackNumberField.tsx
-function c({ label: a, helperText: c, contextualLink: l, isRequired: u, isLoading: d, isDisabled: f, isReadOnly: p, requiredVariant: m, ...h }, g) {
-	return /* @__PURE__ */ s(t, { children: [
-		/* @__PURE__ */ o(r, {
-			requiredVariant: m,
-			isRequired: u,
-			children: a
-		}),
-		c && /* @__PURE__ */ o(n, { children: c }),
-		/* @__PURE__ */ o(i, {
-			ref: g,
-			isLoading: d,
-			isDisabled: f,
-			isReadOnly: p,
-			...h
-		}),
-		/* @__PURE__ */ o(e, {}),
-		l
-	] });
-}
-var l = a(c);
-l.displayName = "TanstackNumberField";
-//#endregion
-export { l as TanstackNumberField };

package/dist/esm/components/number-input/NumberInput.js

@@ -1,162 +0,0 @@
-import { Icon as e } from "../icon/Icon.js";
-import { Spinner as t } from "../spinner/Spinner.js";
-import { CircularIconButton as n } from "../icon-button/CircularIconButton.js";
-import { forwardRef as r } from "react";
-import { uyTv as i } from "@payfit/unity-themes";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Group as s } from "react-aria-components/Group";
-import { useIntl as c } from "react-intl";
-import "@payfit/unity-icons";
-import { Input as l } from "react-aria-components/Input";
-import { NumberField as u } from "react-aria-components/NumberField";
-//#region src/components/number-input/NumberInput.tsx
-var d = i({
-	slots: {
-		base: [
-			"uy:group uy:flex uy:h-5.5 uy:sm:h-500 uy:border uy:border-solid uy:rounded-100 uy:sm:rounded-75",
-			"uy:focus-within:outline-none uy:focus-within:ring-2 uy:focus-within:ring-utility-focus-ring uy:focus-within:ring-offset-2",
-			"uy:active:border-border-form-active"
-		],
-		wrapper: ["uy:flex uy:gap-50 uy:flex-grow uy:flex-nowrap uy:pt-125 uy:sm:pt-100 uy:pb-125 uy:sm:pb-100 uy:pl-150 uy:pr-150 uy:rounded-100 uy:sm:rounded-75 uy:max-w-full uy:justify-between uy:items-center"],
-		input: ["uy:w-full uy:flex-1 uy:outline-none uy:typography-body uy:min-w-0 uy:max-w-full", "uy:placeholder:text-content-neutral-lowest"],
-		prefix: ["uy:flex-grow-0 uy:content-center uy:pt-125 uy:sm:pt-100 uy:pb-125 uy:sm:pb-100 uy:pl-150 uy:pr-150 uy:border-r uy:border-solid uy:rounded-l-100 uy:sm:rounded-l-75", "uy:active:border-border-form-active"],
-		suffix: ["uy:flex-grow-0 uy:content-center uy:pt-125 uy:sm:pt-100 uy:pb-125 uy:sm:pb-100 uy:pl-150 uy:pr-150 uy:border-l uy:border-solid uy:rounded-r-100 uy:sm:rounded-r-75", "uy:active:border-border-form-active"],
-		state: ["uy:flex uy:gap-50 uy:items-center uy:shrink-0 uy:text-content-neutral-disabled"],
-		controls: ["uy:flex uy:gap-50"]
-	},
-	variants: { isReadOnly: {
-		true: {
-			base: ["uy:border-border-form-disabled uy:bg-surface-form-disabled"],
-			prefix: ["uy:bg-surface-form-disabled uy:border-border-form-disabled uy:text-content-form-read-only"],
-			wrapper: ["uy:bg-surface-form-disabled uy:text-content-form-disabled", "uy:group-data-[invalid=true]:bg-surface-form-error"],
-			input: ["uy:bg-surface-form-disabled uy:text-content-form-read-only"],
-			suffix: ["uy:bg-surface-form-disabled uy:border-border-form-disabled uy:text-content-form-read-only"]
-		},
-		false: {
-			base: [
-				"uy:border-border-form-enabled uy:bg-surface-form-enabled",
-				"uy:data-[invalid=true]:border-border-form-error uy:data-[invalid=true]:bg-surface-form-error",
-				"uy:data-[disabled=true]:border-border-form-disabled uy:data-[disabled=true]:bg-surface-form-disabled uy:data-[disabled=true]:cursor-not-allowed"
-			],
-			prefix: [
-				"uy:bg-surface-neutral-low uy:border-border-form-enabled uy:text-content-form-enabled",
-				"uy:group-data-[invalid=true]:bg-surface-form-error uy:group-data-[invalid=true]:border-border-form-error",
-				"uy:group-data-[disabled=true]:bg-surface-form-disabled uy:group-data-[disabled=true]:border-border-form-disabled uy:group-data-[disabled=true]:text-content-form-disabled uy:data-[disabled=true]:cursor-not-allowed"
-			],
-			suffix: [
-				"uy:bg-surface-neutral-low uy:border-border-form-enabled uy:text-content-form-enabled",
-				"uy:group-data-[invalid=true]:bg-surface-form-error uy:group-data-[invalid=true]:border-border-form-error",
-				"uy:group-data-[disabled=true]:bg-surface-form-disabled uy:group-data-[disabled=true]:border-border-form-disabled uy:group-data-[disabled=true]:text-content-form-disabled uy:data-[disabled=true]:cursor-not-allowed"
-			],
-			wrapper: [
-				"uy:border-border-form-enabled uy:bg-surface-form-enabled",
-				"uy:group-data-[invalid=true]:bg-surface-form-error uy:group-data-[invalid=true]:border-border-form-error",
-				"uy:group-data-[disabled=true]:bg-surface-form-disabled uy:group-data-[disabled=true]:text-content-form-disabled uy:data-[disabled=true]:cursor-not-allowed"
-			],
-			input: [
-				"uy:text-content-form-enabled uy:bg-surface-form-enabled",
-				"uy:group-data-[invalid=true]:bg-surface-form-error",
-				"uy:group-data-[disabled=true]:bg-surface-form-disabled uy:group-data-[disabled=true]:text-content-form-disabled uy:data-[disabled=true]:cursor-not-allowed"
-			],
-			state: ["uy:group-data-[invalid=true]:text-content-form-error"],
-			button: "uy:data-[disabled=true]:cursor-not-allowed"
-		}
-	} }
-}), f = r(({ withControls: r = !1, defaultValue: i, formatOptions: f, isDisabled: p, isInvalid: m, isLoading: h, isReadOnly: g, isRequired: _, maxValue: v, minValue: y, prefix: b, onBlur: x, onChange: S, onClearButtonPress: C, step: w, suffix: T, value: E, ...D }, O) => {
-	let { base: k, wrapper: A, input: j, prefix: M, suffix: N, state: P, controls: F } = d({ isReadOnly: g }), I = c(), L = (E !== void 0 && !isNaN(E) || i !== void 0 && !isNaN(i)) && !r && !h && !g && !p;
-	return /* @__PURE__ */ o(u, {
-		ref: O,
-		className: k(),
-		value: E,
-		defaultValue: i,
-		minValue: y,
-		maxValue: v,
-		step: w,
-		isDisabled: p,
-		isReadOnly: g,
-		isInvalid: m,
-		isRequired: _,
-		"aria-busy": h,
-		onChange: S,
-		formatOptions: f,
-		onBlur: x,
-		...D,
-		children: [
-			b ? /* @__PURE__ */ a("span", {
-				className: M(),
-				children: b
-			}) : null,
-			/* @__PURE__ */ o(s, {
-				className: A(),
-				children: [
-					/* @__PURE__ */ a(l, {
-						ref: O,
-						className: j()
-					}),
-					/* @__PURE__ */ o("div", {
-						className: P(),
-						children: [
-							h && /* @__PURE__ */ a(t, {
-								color: "inherit",
-								size: "small",
-								label: I.formatMessage({
-									id: "unity:component:common:loading:label",
-									defaultMessage: "Loading..."
-								})
-							}),
-							m && /* @__PURE__ */ a(e, {
-								src: "WarningCircleOutlined",
-								color: "content.form.invalid",
-								alt: I.formatMessage({
-									id: "unity:component:form-field:form-input:error:alt",
-									defaultMessage: "Error"
-								})
-							}),
-							L && /* @__PURE__ */ a(n, {
-								title: I.formatMessage({
-									id: "unity:component:common:clear:title",
-									defaultMessage: "Clear"
-								}),
-								icon: "CloseOutlined",
-								onPress: () => {
-									C?.();
-								}
-							})
-						]
-					}),
-					r && /* @__PURE__ */ o("div", {
-						className: F(),
-						children: [/* @__PURE__ */ a(n, {
-							asElement: "button",
-							icon: "MinusOutlined",
-							slot: "decrement",
-							color: "content.neutral",
-							isDisabled: y !== void 0 && E === y,
-							title: I.formatMessage({
-								id: "unity:component:form-field:number-input:decrement:title",
-								defaultMessage: "decrement"
-							})
-						}), /* @__PURE__ */ a(n, {
-							asElement: "button",
-							icon: "PlusOutlined",
-							slot: "increment",
-							color: "content.neutral",
-							isDisabled: v !== void 0 && E === v,
-							title: I.formatMessage({
-								id: "unity:component:form-field:number-input:increment:title",
-								defaultMessage: "increment"
-							})
-						})]
-					})
-				]
-			}),
-			T ? /* @__PURE__ */ a("span", {
-				className: N(),
-				children: T
-			}) : null
-		]
-	});
-});
-f.displayName = "NumberInput";
-//#endregion
-export { f as NumberInput, d as numberInput };

package/dist/esm/components/number-input/TanstackNumberInput.d.ts

@@ -1,58 +0,0 @@
-import { NumberProps } from './NumberInput.js';
-/**
- * Props for the TanstackNumberInput component.
- *
- * This type mirrors {@link NumberProps} from the Unity NumberInput, while omitting
- * the properties that are managed by the TanStack Form field context:
- * - `name` — provided by <form.AppField name="…"/>
- * - `value` and `defaultValue` — driven by the form field state
- * - `isInvalid` — derived from the field meta (touched + !isValid)
- *
- * You can still pass all other visual/behavioral props supported by the base
- * NumberInput (e.g. `withControls`, `minValue`, `maxValue`, `step`, `prefix`, `suffix`,
- * `formatOptions`, `isReadOnly`, `isDisabled`, `isLoading`, etc.).
- */
-export type TanstackNumberInputProps = Omit<NumberProps, 'name' | 'value' | 'defaultValue' | 'isInvalid'>;
-/**
- * TanstackNumberInput is a controlled numeric input wired to a TanStack Form field.
- * It composes the Unity {@link NumberInput} and synchronizes value, invalid state,
- * and events through the TanStack field API.
- *
- * Behavior
- * - Value is controlled by the form field state (`field.state.value`).
- * - Invalid state is derived from `meta`: when the field is touched and invalid,
- *   the underlying input receives `isInvalid` and proper a11y attributes.
- * - `onChange` forwards the new numeric value to the form via `field.handleChange`.
- * - `onBlur` triggers `field.handleBlur`.
- * - The clear action sets the value to `NaN` by default, then calls an optional
- *   `onClearButtonPress` handler.
- *
- * Accessibility
- * - `aria-labelledby`, `aria-describedby` (helper and feedback), and `aria-details`
- *   are provided via the TanstackFormField a11y context.
- *
- * Example:
- * ```tsx
- * import { useTanstackUnityForm } from "@/hooks/use-tanstack-form"
- * import { TanstackNumberInput } from "@/components/number-input/TanstackNumberInput"
- *
- * function ExampleField() {
- *   const form = useTanstackUnityForm<{ amount: number }>({ validators: {} })
- *   return (
- *     <form.AppForm>
- *       <form.Form>
- *         <form.AppField name="amount">
- *           {() => <TanstackNumberInput aria-label="Amount" withControls />}
- *         </form.AppField>
- *       </form.Form>
- *     </form.AppForm>
- *   )
- * }
- * ```
- * @see NumberInput for the underlying visual component and props
- * @see TanstackFormField for the enclosing a11y wiring
- * @see useTanstackUnityForm for creating the form context
- * @returns A Unity NumberInput controlled by the TanStack form field
- */
-declare const TanstackNumberInput: import('react').ForwardRefExoticComponent<TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
-export { TanstackNumberInput };

package/dist/esm/components/number-input/TanstackNumberInput.js

@@ -1,33 +0,0 @@
-import { NumberInput as e } from "./NumberInput.js";
-import { useFieldContext as t } from "../../hooks/tanstack-form-context.js";
-import { useFieldA11yContext as n } from "../form-field/TanstackFormField.context.js";
-import { forwardRef as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-//#region src/components/number-input/TanstackNumberInput.tsx
-var a = r(({ onClearButtonPress: r, onBlur: a, onChange: o, isReadOnly: s, isDisabled: c, ...l }, u) => {
-	let d = t(), f = n(), p = d.state.meta.isTouched && !d.state.meta.isValid, m = [f.helperTextId, f.feedbackTextId].filter(Boolean).join(" ");
-	return /* @__PURE__ */ i(e, {
-		...l,
-		ref: u,
-		id: f.inputId,
-		value: d.state.value,
-		onChange: (e) => {
-			d.handleChange(e), o?.(e);
-		},
-		onBlur: (e) => {
-			d.handleBlur(), a?.(e);
-		},
-		onClearButtonPress: () => {
-			d.setValue(NaN), r?.();
-		},
-		isReadOnly: s,
-		isDisabled: c,
-		isInvalid: p,
-		"aria-labelledby": f.labelId,
-		"aria-describedby": m.length > 0 ? m : void 0,
-		"aria-details": f.contextualLinkId
-	});
-});
-a.displayName = "TanstackNumberInput";
-//#endregion
-export { a as TanstackNumberInput };

package/dist/esm/components/page/Page.js

@@ -1,34 +0,0 @@
-import { forwardRef as e } from "react";
-import { uyTv as t } from "@payfit/unity-themes";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/page/Page.tsx
-var r = t({
-	base: ["uy:min-h-dvh uy:flex uy:flex-col uy:gap-400", "uy:[&:has([data-unity-fab])]:pb-[200px] uy:[&:has([data-unity-fab])]:md:pb-0"],
-	variants: { variant: {
-		default: [
-			"uy:px-200 uy:py-300 uy:md:p-300 uy:lg:p-500",
-			"uy:md:ml-100",
-			"uy:bg-surface-neutral uy:md:border uy:md:border-solid uy:md:border-border-neutral-low uy:border-r-0 uy:md:rounded-l-300",
-			"uy:md:shadow-[-1px_-1px_2px_-1px_var(--uy-color-utility-shadow-300)]"
-		],
-		legacy__midnight: [
-			"uy:bg-transparent",
-			"uy:md:mt-250 uy:md:mr-300",
-			"uy:md:ml-100"
-		]
-	} },
-	defaultVariants: { variant: "default" }
-}), i = e(({ children: e, variant: t, ...i }, a) => {
-	let o = r({ variant: t });
-	return /* @__PURE__ */ n("main", {
-		...i,
-		ref: a,
-		className: o,
-		"data-dd-privacy": "allow",
-		"data-unity-page": t,
-		children: e
-	});
-});
-i.displayName = "Page";
-//#endregion
-export { i as Page, r as page };

package/dist/esm/components/page/parts/PageHeader.js

@@ -1,31 +0,0 @@
-import { forwardRef as e } from "react";
-import { uyTv as t } from "@payfit/unity-themes";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/page/parts/PageHeader.tsx
-var i = t({ slots: {
-	base: "uy:flex uy:flex-col uy:gap-400",
-	headingActionsWrapper: "uy:flex uy:flex-col uy:gap-400 uy:md:flex-row",
-	titles: "uy:flex uy:flex-col uy:gap-100 uy:flex-1",
-	actions: "uy:flex uy:flex-row uy:gap-100"
-} }), a = e(({ children: e, actions: t, renderBreadcrumbs: a, ...o }, s) => {
-	let { base: c, titles: l, headingActionsWrapper: u, actions: d } = i();
-	return /* @__PURE__ */ r("header", {
-		"data-dd-privacy": "allow",
-		...o,
-		ref: s,
-		className: c(),
-		children: [a?.(), /* @__PURE__ */ r("div", {
-			className: u(),
-			children: [/* @__PURE__ */ n("div", {
-				className: l(),
-				children: e
-			}), t && /* @__PURE__ */ n("div", {
-				className: d(),
-				children: t
-			})]
-		})]
-	});
-});
-a.displayName = "PageHeader";
-//#endregion
-export { a as PageHeader, i as pageHeader };

package/dist/esm/components/page/parts/PageHeading.js

@@ -1,17 +0,0 @@
-import { Text as e } from "../../text/Text.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/page/parts/PageHeading.tsx
-var r = t(({ variant: t, ...r }, i) => {
-	let a = t === "title" ? "h1" : "subtitle", o = t === "title" ? "content.neutral" : "content.neutral.low";
-	return /* @__PURE__ */ n(e, {
-		"data-dd-privacy": "mask",
-		...r,
-		ref: i,
-		variant: a,
-		color: o
-	});
-});
-r.displayName = "PageHeading";
-//#endregion
-export { r as PageHeading };

package/dist/esm/components/pagination/Pagination.js

@@ -1,78 +0,0 @@
-import { PaginationJumpDialog as e } from "../client-side-pagination/parts/PaginationJumpDialog.js";
-import { PaginationContext as t } from "./PaginationContext.js";
-import { forwardRef as n, useCallback as r, useRef as i } from "react";
-import { uyTv as a } from "@payfit/unity-themes";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useIntl as c } from "react-intl";
-import { useId as l } from "react-aria/useId";
-import { useOverlayTriggerState as u } from "react-stately/useOverlayTriggerState";
-//#region src/components/pagination/Pagination.tsx
-var d = a({ slots: { base: "uy:flex uy:gap-100 uy:relative" } }), f = n(({ children: n, pageCount: a, currentPage: f, onPageChange: p, ...m }, h) => {
-	let g = l(), _ = c(), v = u({}), y = i(/* @__PURE__ */ new Map()), b = { paginationLabel: _.formatMessage({
-		id: "unity:component:pagination:label",
-		defaultMessage: "Pagination"
-	}) }, x = { paginationListId: `uy:pagination-${g}__list` }, S = r((e) => {
-		p(e, f, Math.sign(e - f)), v.close(), requestAnimationFrame(() => {
-			let t = y.current.get(e);
-			t && t.focus();
-		});
-	}, [
-		p,
-		v,
-		y,
-		f
-	]), C = r((e) => {
-		e.preventDefault();
-		let t = f;
-		switch (e.key) {
-			case "ArrowLeft":
-			case "ArrowDown":
-				t = Math.max(1, f - 1);
-				break;
-			case "ArrowRight":
-			case "ArrowUp":
-				t = a === -1 ? f + 1 : Math.min(f + 1, a);
-				break;
-			case "Home":
-				t = 1;
-				break;
-			case "End":
-				a !== -1 && (t = a);
-				break;
-		}
-		t !== f && (p(t, f, Math.sign(t - f)), setTimeout(() => {
-			let e = y.current.get(t);
-			e && e.focus();
-		}, 0));
-	}, [
-		a,
-		f,
-		p
-	]), { base: w } = d();
-	return /* @__PURE__ */ o(t.Provider, {
-		value: {
-			pageCount: a,
-			currentPage: f,
-			onPageChange: p,
-			a11yIds: x,
-			pageRefs: y,
-			onKeyDown: C
-		},
-		children: /* @__PURE__ */ s("nav", {
-			"data-dd-privacy": "allow",
-			...m,
-			ref: h,
-			className: w(),
-			"aria-label": b.paginationLabel,
-			"aria-describedby": x.paginationListId,
-			children: [/* @__PURE__ */ o(e, {
-				pageCount: a,
-				onJumpToPage: S,
-				state: v
-			}), n]
-		})
-	});
-});
-f.displayName = "Pagination";
-//#endregion
-export { f as Pagination, d as pagination };

package/dist/esm/components/pagination/PaginationContext.js

@@ -1,9 +0,0 @@
-import { createContext as e, useContext as t } from "react";
-//#region src/components/pagination/PaginationContext.tsx
-var n = e(null), r = () => {
-	let e = t(n);
-	if (!e) throw Error("usePaginationContext must be used within a Pagination component");
-	return e;
-};
-//#endregion
-export { n as PaginationContext, r as usePaginationContext };

package/dist/esm/components/pagination/hooks/use-pagination-state.js

@@ -1,21 +0,0 @@
-import { useCallback as e, useState as t } from "react";
-//#region src/components/pagination/hooks/use-pagination-state.ts
-function n({ pageCount: n, initialPage: r = 1, onPageChange: i }) {
-	let [a, o] = t(r), s = a - 1, c = a + 1, l = e((e) => {
-		i && i(e, a, Math.sign(e - a)), o(Math.max(1, Math.min(n, e)));
-	}, [
-		a,
-		n,
-		i
-	]);
-	return {
-		currentPage: a,
-		previousPage: s,
-		nextPage: c,
-		goToPage: e((e) => {
-			l(e === "previous" ? a - 1 : e === "next" ? a + 1 : e);
-		}, [a, l])
-	};
-}
-//#endregion
-export { n as usePaginationState };

package/dist/esm/components/pagination/hooks/use-pagination-window.js

@@ -1,12 +0,0 @@
-import { generatePaginationWithWindow as e } from "../utils/pagination-window.js";
-import { useMemo as t } from "react";
-//#region src/components/pagination/hooks/use-pagination-window.ts
-function n({ pageCount: n, currentPage: r, windowSize: i = 7 }) {
-	return t(() => e(n, r, i), [
-		n,
-		r,
-		i
-	]);
-}
-//#endregion
-export { n as usePaginationWindow };

package/dist/esm/components/pagination/parts/PaginationContent.js

@@ -1,26 +0,0 @@
-import { usePaginationContext as e } from "../PaginationContext.js";
-import { forwardRef as t, useMemo as n } from "react";
-import { uyTv as r } from "@payfit/unity-themes";
-import { jsx as i } from "react/jsx-runtime";
-import { useIntl as a } from "react-intl";
-//#region src/components/pagination/parts/PaginationContent.tsx
-var o = r({ base: "uy:flex uy:gap-100 uy:list-none uy:m-0 uy:p-0" }), s = t(({ children: t, ...r }, s) => {
-	let c = a(), { pageCount: l, currentPage: u, a11yIds: d } = e(), f = c.formatMessage({
-		id: "unity:component:pagination:page-list:label",
-		defaultMessage: "Page {current} of {total}"
-	}, {
-		current: u,
-		total: l
-	}), p = n(() => o(), []);
-	return /* @__PURE__ */ i("ul", {
-		...r,
-		ref: s,
-		id: d.pagesList,
-		className: p,
-		"aria-label": f,
-		children: t
-	});
-});
-s.displayName = "PaginationContent";
-//#endregion
-export { s as PaginationContent, o as paginationContent };