@payfit/unity-components 3.1.14 → 3.1.15

package/dist/esm/components/date-range-picker-field/test-utils.js

@@ -1,38 +0,0 @@
-import { CalendarDate as e } from "@internationalized/date";
-import { userEvent as t, within as n } from "storybook/test";
-//#region src/components/date-range-picker-field/test-utils.ts
-var r = (r) => {
-	let i = (e) => {
-		let t = n(r.canvasElement).getAllByLabelText(e, {
-			exact: !1,
-			selector: "span"
-		});
-		if (t.length !== 6) throw Error(`Date range field for ${e} not found. Expected 6 segments, got ${t.length}`);
-		return {
-			start: t.slice(0, 3),
-			end: t.slice(3, 6)
-		};
-	}, a = async (e, n) => {
-		await t.type(e.find((e) => e.getAttribute("data-type") === "day"), String(n.day)), await t.type(e.find((e) => e.getAttribute("data-type") === "month"), String(n.month)), await t.type(e.find((e) => e.getAttribute("data-type") === "year"), String(n.year));
-	}, o = (t) => {
-		let n = (e) => parseInt(t.find((t) => t.getAttribute("data-type") === e)?.textContent ?? "");
-		return new e(n("year"), n("month"), n("day"));
-	};
-	return {
-		fillCalendarDateRange: async ({ labelText: e, startDate: t, endDate: n }) => {
-			await r.step(`Fill date range picker ${e}`, async () => {
-				let { start: r, end: o } = i(e);
-				await a(r, t), await a(o, n);
-			});
-		},
-		getCalendarDateRangeValue: ({ labelText: e }) => {
-			let { start: t, end: n } = i(e);
-			return {
-				start: o(t),
-				end: o(n)
-			};
-		}
-	};
-};
-//#endregion
-export { r as getTestingUtilsDateRangePicker };

package/dist/esm/components/definition-list/DefinitionList.context.js

@@ -1,13 +0,0 @@
-import { createContext as e, useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/definition-list/DefinitionList.context.tsx
-var r = e(void 0), i = ({ children: e, layout: t }) => /* @__PURE__ */ n(r.Provider, {
-	value: { layout: t },
-	children: e
-}), a = () => {
-	let e = t(r);
-	if (!e) throw Error("useDefinitionListContext must be used within a DefinitionList");
-	return e;
-};
-//#endregion
-export { i as DefinitionListContextProvider, a as useDefinitionListContext };

package/dist/esm/components/definition-list/DefinitionList.js

@@ -1,24 +0,0 @@
-import { DefinitionListContextProvider as e } from "./DefinitionList.context.js";
-import * as t from "react";
-import { uyTv as n } from "@payfit/unity-themes";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/definition-list/DefinitionList.tsx
-var i = n({
-	base: "uy:flex uy:flex-col",
-	variants: { layout: {
-		horizontal: ["uy:gap-y-100", "uy:grid uy:grid-cols-[auto_1fr] uy:gap-x-1000"],
-		vertical: "uy:gap-200"
-	} },
-	defaultVariants: { layout: "horizontal" }
-}), a = t.forwardRef(({ layout: t = "vertical", children: n, ...a }, o) => /* @__PURE__ */ r(e, {
-	layout: t,
-	children: /* @__PURE__ */ r("dl", {
-		ref: o,
-		className: i({ layout: t }),
-		...a,
-		children: n
-	})
-}));
-a.displayName = "DefinitionList";
-//#endregion
-export { a as DefinitionList };

package/dist/esm/components/definition-list/parts/DefinitionItem.js

@@ -1,50 +0,0 @@
-import { Text as e } from "../../text/Text.js";
-import { useDefinitionListContext as t } from "../DefinitionList.context.js";
-import { forwardRef as n } from "react";
-import { uyTv as r } from "@payfit/unity-themes";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/definition-list/parts/DefinitionItem.tsx
-var o = r({
-	slots: {
-		base: "uy:flex",
-		term: "uy:items-center uy:flex uy:gap-25",
-		description: "uy:flex-1 uy:typography-body"
-	},
-	variants: {
-		layout: {
-			horizontal: { base: ["uy:grid uy:grid-cols-subgrid uy:col-span-2"] },
-			vertical: { base: "uy:flex-col uy:gap-25" }
-		},
-		verticalAlign: {
-			start: { base: "uy:items-start" },
-			center: { base: "uy:items-center" }
-		}
-	},
-	defaultVariants: { layout: "horizontal" }
-}), s = n(({ term: n, termSuffix: r, description: s, verticalAlign: c, ...l }, u) => {
-	let { layout: d } = t(), { base: f, term: p, description: m } = o({
-		layout: d,
-		verticalAlign: c
-	});
-	return /* @__PURE__ */ a("div", {
-		ref: u,
-		className: f(),
-		...l,
-		children: [/* @__PURE__ */ a("dt", {
-			className: p(),
-			children: [/* @__PURE__ */ i(e, {
-				variant: "bodyStrong",
-				color: "inherit",
-				asElement: "span",
-				children: n
-			}), r]
-		}), /* @__PURE__ */ i("dd", {
-			className: m(),
-			"data-dd-privacy": "mask",
-			children: s
-		})]
-	});
-});
-s.displayName = "DefinitionItem";
-//#endregion
-export { s as DefinitionItem };

package/dist/esm/components/definition-tooltip/DefinitionTooltip.js

@@ -1,26 +0,0 @@
-import { Tooltip as e } from "../tooltip/Tooltip.js";
-import { Text as t } from "../text/Text.js";
-import { forwardRef as n } from "react";
-import { uyTv as r } from "@payfit/unity-themes";
-import { jsx as i } from "react/jsx-runtime";
-import { Focusable as a } from "react-aria-components/Focusable";
-//#region src/components/definition-tooltip/DefinitionTooltip.tsx
-var o = r({ base: [
-	"uy:text-content-neutral-enabled uy:rounded-50 uy:py-75",
-	"uy:hover:text-content-neutral-hover",
-	"uy:active:text-content-neutral-active",
-	"uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-offset-2 uy:focus-visible:outline-utility-focus-ring uy:focus-visible:text-content-neutral-focus"
-] }), s = n(({ children: n, title: r, asElement: s = "span", ...c }, l) => /* @__PURE__ */ i(e, {
-	title: r,
-	...c,
-	children: /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(t, {
-		variant: "actionInfo",
-		asElement: s,
-		role: "button",
-		className: o(),
-		children: n
-	}) })
-}));
-s.displayName = "DefinitionTooltip";
-//#endregion
-export { s as DefinitionTooltip };

package/dist/esm/components/dialog/Dialog.js

@@ -1,107 +0,0 @@
-import { CircularIconButton as e } from "../icon-button/CircularIconButton.js";
-import { DialogButton as t } from "./parts/DialogActions/DialogButton.js";
-import { Children as n, isValidElement as r, useContext 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 { Dialog as u, DialogContext as d, DialogTrigger as f, OverlayTriggerStateContext as p } from "react-aria-components/Dialog";
-import { Modal as m, ModalOverlay as h } from "react-aria-components/Modal";
-//#region src/components/dialog/Dialog.tsx
-var g = a({
-	slots: {
-		overlay: [
-			"uy:@container",
-			"uy:fixed uy:inset-0 uy:z-30 uy:overflow-y-auto",
-			"uy:min-h-full",
-			"uy:flex uy:items-end uy:md:items-center uy:md:justify-center uy:md:text-center",
-			"uy:bg-utility-backdrop",
-			"uy:data-[entering]:animate-fade-in uy:data-[exiting]:animate-fade-out"
-		],
-		wrapper: [
-			"uy:w-full uy:max-h-[95dvh] uy:md:max-h-[82dvh] uy:relative uy:isolate",
-			"uy:m-0",
-			"uy:rounded-t-300 uy:md:rounded-200",
-			"uy:overflow-hidden uy:bg-white uy:p-300 uy:pt-400 uy:md:p-400",
-			"uy:text-left uy:align-middle uy:shadow-400",
-			"uy:bg-surface-neutral",
-			"uy:data-[entering]:animate-slide-up-fade-in uy:data-[exiting]:animate-slide-down-fade-out",
-			"uy:md:[animation-delay:100ms] uy:md:data-[entering]:animate-zoom-in uy:md:data-[exiting]:animate-zoom-out"
-		],
-		content: [
-			"uy:group/dialog",
-			"uy:grid",
-			"uy:grid-rows-[auto_minmax(0,1fr)_auto]",
-			"uy:min-h-0 uy:max-h-[calc(95dvh-var(--uy-spacing-400)-var(--uy-spacing-300))]",
-			"uy:outline-none"
-		],
-		dismissIcon: ["uy:absolute uy:right-200 uy:top-200 uy:z-20"]
-	},
-	variants: { size: {
-		sm: {
-			wrapper: "uy:md:w-4/12 uy:md:max-w-62.5",
-			content: ["uy:md:max-h-[calc(82dvh-(var(--uy-spacing-400)*2))]"]
-		},
-		md: {
-			wrapper: "uy:md:w-5/12 uy:md:max-w-80",
-			content: ["uy:md:max-h-[calc(82dvh-(var(--uy-spacing-400)*2))]"]
-		},
-		lg: {
-			wrapper: "uy:md:w-11/12 uy:md:max-w-[1000px] uy:md:rounded-300 uy:md:pt-9 uy:md:px-500 uy:md:pb-400",
-			content: ["uy:md:max-h-[calc(82dvh-(var(--uy-spacing)*9)-var(--uy-spacing-400))]"],
-			dismissIcon: "uy:md:right-300 uy:md:top-300"
-		}
-	} },
-	defaultVariants: { size: "md" }
-}), _ = (e) => n.toArray(e).some((e) => r(e) ? r(e) && e.type === t && e.props.variant === "danger" ? !0 : _(e.props.children) : !1);
-function v({ children: e, isOpen: t, onOpenChange: n, isDismissable: r = !0, size: i = "md", ...a }) {
-	let s = c(), u = l(), { overlay: f, wrapper: p, content: _, dismissIcon: v } = g({ size: i });
-	return /* @__PURE__ */ o(h, {
-		isDismissable: r,
-		isOpen: t,
-		onOpenChange: n,
-		className: f(),
-		children: /* @__PURE__ */ o(m, {
-			className: p(),
-			"data-unity-dialog": !0,
-			"data-dd-privacy": "allow",
-			children: /* @__PURE__ */ o(d.Provider, {
-				value: { "aria-describedby": u },
-				children: /* @__PURE__ */ o(y, {
-					"aria-label": a["aria-label"],
-					dialogContentId: u,
-					contentClassName: _(),
-					dismissIconClassName: v(),
-					dismissButtonLabel: s.formatMessage({ id: "unity:component:common:close:label" }),
-					isDismissable: r,
-					size: i,
-					children: e
-				})
-			})
-		})
-	});
-}
-var y = ({ children: t, dialogContentId: n, contentClassName: r, dismissIconClassName: a, dismissButtonLabel: c, isDismissable: l, size: d, ...f }) => {
-	let m = i(p), h = typeof t == "function" ? t({ close: () => m?.close() }) : t;
-	return /* @__PURE__ */ s(u, {
-		role: _(h) ? "alertdialog" : "dialog",
-		"aria-modal": "true",
-		className: r,
-		"aria-label": f["aria-label"],
-		"aria-describedby": n,
-		"data-unity-slot": "dialog",
-		"data-unity-size": d,
-		children: [l && /* @__PURE__ */ o(e, {
-			icon: "CloseOutlined",
-			color: "content.neutral.low",
-			title: c,
-			className: a,
-			slot: "close",
-			size: "large",
-			asElement: "button"
-		}), h]
-	});
-};
-v.displayName = "Dialog", f.displayName = "DialogTrigger";
-//#endregion
-export { v as Dialog, f as DialogTrigger, g as dialog };

package/dist/esm/components/dialog/parts/DialogActions/DialogButton.js

@@ -1,43 +0,0 @@
-import { Button as e } from "../../../button/Button.js";
-import { useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { OverlayTriggerStateContext as r } from "react-aria-components/Dialog";
-//#region src/components/dialog/parts/DialogActions/DialogButton.tsx
-var i = ({ children: i, variant: a, onPress: o, isLoading: s, icon: c, ...l }) => {
-	let u = t(r);
-	switch (a) {
-		case "close": return /* @__PURE__ */ n(e, {
-			...l,
-			prefixIcon: c,
-			variant: "secondary",
-			onPress: (e) => {
-				o && o(e), u?.close();
-			},
-			children: i
-		});
-		case "confirm": return /* @__PURE__ */ n(e, {
-			...l,
-			prefixIcon: c,
-			variant: "primary",
-			isLoading: s,
-			onPress: (e) => {
-				o && o(e);
-			},
-			children: i
-		});
-		case "danger": return /* @__PURE__ */ n(e, {
-			...l,
-			variant: "primary",
-			color: "danger",
-			isLoading: s,
-			prefixIcon: c ?? "WarningCircleOutlined",
-			onPress: (e) => {
-				o && o(e);
-			},
-			children: i
-		});
-	}
-};
-i.displayName = "DialogButton";
-//#endregion
-export { i as DialogButton };

package/dist/esm/components/dialog/parts/DialogActions.js

@@ -1,10 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/dialog/parts/DialogActions.tsx
-var t = ({ children: t }) => /* @__PURE__ */ e("div", {
-	className: "uy:flex uy:flex-col-reverse uy:md:flex-row uy:md:justify-end uy:md:items-start uy:gap-150 uy:md:gap-100 uy:self-stretch uy:mt-500",
-	"data-dd-privacy": "allow",
-	children: t
-});
-t.displayName = "DialogActions";
-//#endregion
-export { t as DialogActions };

package/dist/esm/components/dialog/parts/DialogContent.js

@@ -1,18 +0,0 @@
-import { forwardRef as e } from "react";
-import { jsx as t } from "react/jsx-runtime";
-import { DialogContext as n } from "react-aria-components/Dialog";
-import { useContextProps as r } from "react-aria-components/slots";
-//#region src/components/dialog/parts/DialogContent.tsx
-var i = e((e, i) => {
-	[e] = r(e, i, n);
-	let { children: a, ...o } = e;
-	return /* @__PURE__ */ t("div", {
-		id: o["aria-describedby"],
-		"data-dd-privacy": "mask",
-		className: "uy:typography-body uy:-m-50 uy:min-h-0 uy:overflow-y-auto uy:p-50 uy:text-content-neutral",
-		children: a
-	});
-});
-i.displayName = "DialogContent";
-//#endregion
-export { i as DialogContent };

package/dist/esm/components/dialog/parts/DialogTitle.js

@@ -1,17 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-import { jsx as t } from "react/jsx-runtime";
-import { Heading as n } from "react-aria-components/Heading";
-//#region src/components/dialog/parts/DialogTitle.tsx
-var r = e({ base: [
-	"uy:typography-h2 uy:md:typography-h3",
-	"uy:md:group-data-[unity-size=lg]/dialog:typography-h1",
-	"uy:mb-200"
-] }), i = ({ children: e }) => /* @__PURE__ */ t(n, {
-	slot: "title",
-	className: r(),
-	"data-dd-privacy": "allow",
-	children: e
-});
-i.displayName = "DialogTitle";
-//#endregion
-export { i as DialogTitle };

package/dist/esm/components/dialog/test-utils.js

@@ -1,49 +0,0 @@
-import { expect as e, screen as t, userEvent as n, waitFor as r, within as i } from "storybook/test";
-//#region src/components/dialog/test-utils.ts
-var a = (a, o) => {
-	let s = async ({ title: e }) => await r(() => {
-		let n = t.queryByRole("dialog", { name: e }) ?? t.queryByRole("alertdialog", { name: e });
-		if (!n) throw Error(`Dialog with title: "${e}" not found in the page`);
-		return n;
-	}), c = async (e, t) => {
-		await n.click(i(e).getByRole("button", { name: t }), { delay: 100 });
-	};
-	return {
-		findDialog: s,
-		closeDialog: async ({ title: e, closeButtonLabel: t }) => {
-			await a.step("Close dialog", async () => {
-				let n = await s({ title: e });
-				await c(n, t);
-			});
-		},
-		closeDialogWithDismissButton: async ({ title: e, dismissButtonLabel: t = o.formatMessage({ id: "unity:component:common:close:label" }) }) => {
-			await a.step("Close dialog", async () => {
-				let n = await s({ title: e });
-				await c(n, t);
-			});
-		},
-		assertDialogIsClosed: async (t) => {
-			await r(async () => {
-				await e(t).not.toBeInTheDocument();
-			}, { timeout: 1e3 });
-		},
-		assertElementExistsInDialog: async ({ title: t, content: n, primaryActionLabel: r, secondaryActionLabel: o }) => {
-			let c = await s({ title: t });
-			n && await a.step(`Check if "${n}" is in the dialog`, async () => {
-				await e(i(c).getByText(n)).toBeInTheDocument();
-			}), r && await a.step(`Check if "${r}" is in the dialog`, async () => {
-				await e(i(c).getByRole("button", { name: r })).toBeInTheDocument();
-			}), o && await a.step(`Check if "${o}" is in the dialog`, async () => {
-				await e(i(c).getByRole("button", { name: o })).toBeInTheDocument();
-			});
-		},
-		triggerPrimaryAction: async ({ title: e, primaryActionLabel: t }) => {
-			let r = await s({ title: e });
-			await a.step(`Trigger the primary action "${t}" of the dialog`, async () => {
-				await n.click(i(r).getByRole("button", { name: t }));
-			});
-		}
-	};
-};
-//#endregion
-export { a as getTestingUtilsDialog };

package/dist/esm/components/empty-state/EmptyState.d.ts

@@ -1,48 +0,0 @@
-import { PropsWithChildren } from 'react';
-export interface EmptyStateProps extends PropsWithChildren {
-    /**
-     * The ARIA role for the empty state container.
-     * @default 'status'
-     */
-    role?: string;
-    /**
-     * Additional CSS class names.
-     */
-    className?: string;
-}
-/**
- * EmptyState communicates the absence of data or content to users while providing clear guidance on next steps.
- * Use this component when there's no data to display, when filters return no results, when a feature requires prerequisites, or when celebrating task completion.
- * The component provides a flexible composition system through its parts (`EmptyStateIcon`, `EmptyStateContent`, `EmptyStateActions`) for creating custom empty states, as well as preset components for common scenarios.
- * @param {EmptyStateProps} props - The component props including optional `role` and `className`.
- * @example
- * ```tsx
- * import { EmptyState, EmptyStateIcon, EmptyStateContent, EmptyStateActions, Button } from '@payfit/unity-components'
- *
- * function DocumentList() {
- *   return (
- *     <EmptyState>
- *       <EmptyStateIcon icon="DocumentOutlined" variant="neutral" />
- *       <EmptyStateContent
- *         title="No documents yet"
- *         description="Create your first document to get started."
- *       />
- *       <EmptyStateActions>
- *         <Button variant="ghost">Create document</Button>
- *       </EmptyStateActions>
- *     </EmptyState>
- *   )
- * }
- * ```
- * @remarks
- * - The component is composable through its part components for maximum flexibility
- * - For common use cases, use preset components like `EmptyStateGetStarted`, `EmptyStateNoSearchResults`, etc.
- * - The component uses `role="status"` by default for accessibility, announcing changes to screen readers
- * - All empty state presets include built-in internationalization support
- * @see {@link EmptyStateProps} for all available props
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/empty-state GitHub}
- * @see Design specs in {@link https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library?node-id=16600-5334 Figma}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/component-reference-emptystate--docs unity-components.payfit.io}
- */
-declare const EmptyState: import('react').ForwardRefExoticComponent<EmptyStateProps & import('react').RefAttributes<HTMLDivElement>>;
-export { EmptyState };

package/dist/esm/components/empty-state/EmptyState.js

@@ -1,20 +0,0 @@
-import { emptyState as e } from "./EmptyState.variants.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/empty-state/EmptyState.tsx
-var r = t(({ children: t, role: r = "status", className: i, ...a }, o) => {
-	let { base: s } = e();
-	return /* @__PURE__ */ n("div", {
-		"data-dd-privacy": "allow",
-		ref: o,
-		role: r,
-		className: s({ className: i }),
-		"aria-live": "polite",
-		"aria-atomic": "true",
-		...a,
-		children: t
-	});
-});
-r.displayName = "EmptyState";
-//#endregion
-export { r as EmptyState };

package/dist/esm/components/empty-state/EmptyState.variants.js

@@ -1,17 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-//#region src/components/empty-state/EmptyState.variants.ts
-var t = e({ slots: {
-	base: "uy:flex uy:flex-col uy:items-center uy:justify-center uy:w-full uy:min-h-30 uy:gap-250 uy:py-400",
-	iconContainer: "",
-	content: "uy:flex uy:flex-col uy:items-center uy:gap-100 uy:max-w-60",
-	actions: "uy:flex uy:flex-col uy:items-center uy:gap-100"
-} }), n = e({
-	base: "uy:flex uy:items-center uy:justify-center uy:rounded-125 uy:p-100",
-	variants: { variant: {
-		neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral-low",
-		success: "uy:bg-surface-success-lowest uy:text-content-success"
-	} },
-	defaultVariants: { variant: "neutral" }
-});
-//#endregion
-export { t as emptyState, n as emptyStateIcon };

package/dist/esm/components/empty-state/parts/EmptyStateActions.d.ts

@@ -1,39 +0,0 @@
-import { PropsWithChildren } from 'react';
-export type EmptyStateActionsProps = PropsWithChildren;
-/**
- * EmptyStateActions provides an actionable path forward by containing buttons, links, or other interactive elements.
- * Use this component to help users resolve the empty state by offering clear next steps or alternative actions.
- * The component arranges action elements vertically with consistent spacing. Place buttons or links as children to guide users toward resolving the empty state. This will display them in a centered, stacked layout.
- * @param {EmptyStateActionsProps} props - The component children containing action elements.
- * @example
- * ```tsx
- * import { EmptyState, EmptyStateContent, EmptyStateActions, Button } from '@payfit/unity-components'
- *
- * function NoDocuments() {
- *   return (
- *     <EmptyState>
- *       <EmptyStateContent
- *         title="No documents yet"
- *         description="Upload your first document to get started."
- *       />
- *       <EmptyStateActions>
- *         <Button variant="ghost" onPress={handleUpload}>
- *           Upload document
- *         </Button>
- *       </EmptyStateActions>
- *     </EmptyState>
- *   )
- * }
- * ```
- * @remarks
- * - The component returns null if no children are provided
- * - Multiple actions are stacked vertically for clarity
- * - Limit to 1-2 primary actions to avoid overwhelming users
- * - Use ghost or secondary button variants to maintain visual hierarchy
- * @see {@link EmptyStateActionsProps} for all available props
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/empty-state GitHub}
- */
-declare const EmptyStateActions: import('react').ForwardRefExoticComponent<{
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
-export { EmptyStateActions };

package/dist/esm/components/empty-state/parts/EmptyStateActions.js

@@ -1,12 +0,0 @@
-import { forwardRef as e } from "react";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/empty-state/parts/EmptyStateActions.tsx
-var n = e(({ children: e, ...n }, r) => e ? /* @__PURE__ */ t("div", {
-	ref: r,
-	className: "uy:flex uy:flex-col uy:items-center uy:gap-100",
-	...n,
-	children: e
-}) : null);
-n.displayName = "EmptyStateActions";
-//#endregion
-export { n as EmptyStateActions };

package/dist/esm/components/empty-state/parts/EmptyStateContent.d.ts

@@ -1,47 +0,0 @@
-import { ReactNode } from 'react';
-import { TextProps } from '../../text/Text.js';
-export interface EmptyStateContentProps {
-    /**
-     * The main title text for the empty state.
-     */
-    title?: ReactNode;
-    /**
-     * Semantic element used for the title while retaining the EmptyState typography.
-     * @default 'h4'
-     */
-    titleAsElement?: TextProps['asElement'];
-    /**
-     * Additional descriptive text providing context about the empty state.
-     */
-    description?: ReactNode;
-}
-/**
- * EmptyStateContent communicates the reason for the empty state through a title and optional description.
- * Use this component to provide clear messaging about why content is absent and guide users on what they can do next.
- * The component displays a heading for the primary message and an optional description for additional context. Set the `title` prop to provide the main message, and use the `description` prop to add supportive details, suggestions, or next steps.
- * @param {EmptyStateContentProps} props - The component props including optional `title` and `description`.
- * @example
- * ```tsx
- * import { EmptyState, EmptyStateContent } from '@payfit/unity-components'
- *
- * function SearchResults() {
- *   return (
- *     <EmptyState>
- *       <EmptyStateContent
- *         title="No results found"
- *         description="Try adjusting your search or filters to find what you're looking for."
- *       />
- *     </EmptyState>
- *   )
- * }
- * ```
- * @remarks
- * - The content is automatically centered and constrained to optimal reading width
- * - The component returns null if both title and description are empty
- * - Keep titles concise (2-5 words) and descriptions under 2 sentences for best readability
- * - Use positive, actionable language to guide users forward
- * @see {@link EmptyStateContentProps} for all available props
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/empty-state GitHub}
- */
-declare const EmptyStateContent: import('react').ForwardRefExoticComponent<EmptyStateContentProps & import('react').RefAttributes<HTMLDivElement>>;
-export { EmptyStateContent };

package/dist/esm/components/empty-state/parts/EmptyStateContent.js

@@ -1,22 +0,0 @@
-import { Text as e } from "../../text/Text.js";
-import { forwardRef as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/empty-state/parts/EmptyStateContent.tsx
-var i = t(({ title: t, titleAsElement: i, description: a, ...o }, s) => !t && !a ? null : /* @__PURE__ */ r("div", {
-	ref: s,
-	className: "uy:flex uy:flex-col uy:items-center uy:gap-100 uy:text-center",
-	...o,
-	children: [t && /* @__PURE__ */ n(e, {
-		variant: "h4",
-		asElement: i,
-		color: "content.neutral",
-		children: t
-	}), a && /* @__PURE__ */ n(e, {
-		variant: "body",
-		color: "content.neutral.low",
-		children: a
-	})]
-}));
-i.displayName = "EmptyStateContent";
-//#endregion
-export { i as EmptyStateContent };

package/dist/esm/components/empty-state/parts/EmptyStateIcon.d.ts

@@ -1,41 +0,0 @@
-import { UnityIcon } from '@payfit/unity-icons';
-import { VariantProps } from '@payfit/unity-themes';
-import { emptyStateIcon } from '../EmptyState.variants.js';
-export interface EmptyStateIconProps extends VariantProps<typeof emptyStateIcon> {
-    /**
-     * The Unity icon to display.
-     */
-    icon: UnityIcon;
-    /**
-     * The visual style of the icon container.
-     * @default 'neutral'
-     */
-    variant?: 'neutral' | 'success';
-}
-/**
- * EmptyStateIcon provides visual representation for empty states through an icon in a styled container.
- * Use this component to reinforce the message of your empty state with appropriate iconography.
- * The component displays Unity icons in a circular container with background color based on the variant. Use the `neutral` variant for standard empty states and informational messages, and the `success` variant to celebrate completed tasks or positive outcomes.
- * @param {EmptyStateIconProps} props - The component props including the `icon` name and optional `variant`.
- * @example
- * ```tsx
- * import { EmptyState, EmptyStateIcon, EmptyStateContent } from '@payfit/unity-components'
- *
- * function NoDocuments() {
- *   return (
- *     <EmptyState>
- *       <EmptyStateIcon icon="DocumentOutlined" variant="neutral" />
- *       <EmptyStateContent title="No documents found" />
- *     </EmptyState>
- *   )
- * }
- * ```
- * @remarks
- * - The icon is automatically sized to 24px for consistency across empty states
- * - The icon has `aria-hidden="true"` as it's decorative and shouldn't be announced by screen readers
- * - Choose icons that clearly represent the empty state context
- * @see {@link EmptyStateIconProps} for all available props
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/empty-state GitHub}
- */
-declare const EmptyStateIcon: import('react').ForwardRefExoticComponent<EmptyStateIconProps & import('react').RefAttributes<HTMLDivElement>>;
-export { EmptyStateIcon };