@payfit/unity-components 3.1.14 → 3.1.16

package/dist/esm/components/data-table/parts/DataTableRoot.d.ts

@@ -1,37 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare const dataTableRoot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
-export type DataTableRootProps = PropsWithChildren;
-/**
- * The DataTableRoot component provides positioning and layout context for DataTable components.
- * It serves as the container for DataTable, DataTableBulkActions, and other related components.
- * @param {DataTableRootProps} props - The props for the DataTableRoot component
- * @example
- * ```tsx
- * import { DataTableRoot, DataTable, DataTableBulkActions } from '@payfit/unity-components'
- *
- * function Example() {
- *   return (
- *     <DataTableRoot>
- *       <DataTable table={table}>
- *         {row => (
- *           <TableRow key={row.id} isSelected={row.getIsSelected()}>
- *             {row.getVisibleCells().map(cell => (
- *               <TableCell key={cell.id}>
- *                 {flexRender(cell.column.columnDef.cell, cell.getContext())}
- *               </TableCell>
- *             ))}
- *           </TableRow>
- *         )}
- *       </DataTable>
- *       <DataTableBulkActions table={table} actions={actions} />
- *     </DataTableRoot>
- *   )
- * }
- * ```
- * @see {@link DataTableRootProps} for all available props
- * @see Source code in [Github](https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/data-table)
- */
-declare const DataTableRoot: import('react').ForwardRefExoticComponent<{
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
-export { DataTableRoot };

package/dist/esm/components/data-table/parts/DataTableRoot.js

@@ -1,13 +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/data-table/parts/DataTableRoot.tsx
-var r = t({ base: ["uy:relative uy:overflow-hidden"] }), i = e(({ children: e, ...t }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	className: r(),
-	...t,
-	children: e
-}));
-i.displayName = "DataTableRoot";
-//#endregion
-export { i as DataTableRoot, r as dataTableRoot };

package/dist/esm/components/date-calendar/DateCalendar.js

@@ -1,123 +0,0 @@
-import { IconButton as e } from "../icon-button/IconButton.js";
-import { calendarBase as t } from "./DateCalendar.variants.js";
-import { useMonthsList as n } from "./hooks/useMonthsList.js";
-import { useYearsList as r } from "./hooks/useYearsList.js";
-import { DateSegmentSelect as i } from "./parts/DateSegmentSelect.js";
-import { useState as a } from "react";
-import { uyTv as o } from "@payfit/unity-themes";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useIntl as l } from "react-intl";
-import { getLocalTimeZone as u, isToday as d, today as f } from "@internationalized/date";
-import { Calendar as p, CalendarCell as m, CalendarGrid as h, CalendarGridBody as g, CalendarGridHeader as _, CalendarHeaderCell as v, Heading as y } from "react-aria-components/Calendar";
-//#region src/components/date-calendar/DateCalendar.tsx
-var b = o({
-	extend: t,
-	slots: {
-		calendarGrid: "uy:border-spacing-25",
-		calendarCell: [
-			"uy:data-[selected]:bg-surface-form-active",
-			"",
-			"",
-			"uy:data-[selected]:text-content-form-active",
-			"uy:data-[today]:data-[selected]:after:bg-border-form-active"
-		]
-	},
-	variants: { isDisabled: { true: { calendarCell: "uy:data-[selected]:bg-transparent uy:data-[selected]:text-content-neutral-disabled" } } }
-});
-function x({ value: t, defaultValue: o, minValue: x, maxValue: S, onChange: C, onFocusChange: w, ...T }) {
-	let E = l(), D = f(u()), O = n(), k = r({
-		startYear: x?.year,
-		endYear: S?.year
-	}), [A, j] = a(t ?? o ?? null), [M, N] = a(() => {
-		let e = t ?? o ?? D;
-		return x && e.compare(x) < 0 ? x : S && e.compare(S) > 0 ? S : e;
-	}), P = (e) => {
-		N((t) => t.set({ month: parseInt(e, 10) }));
-	}, F = (e) => {
-		N((t) => t.set({ year: parseInt(e, 10) }));
-	}, { base: I, calendarWrapper: L, dialogHeader: R, dialogHeaderGroup: z, calendarGrid: B, calendarHeaderCell: V, calendarCell: H } = b({
-		isDisabled: T.isDisabled,
-		isInteractive: !T.isDisabled && !T.isReadOnly
-	}), U = "outlined", W = "primary";
-	return /* @__PURE__ */ s("div", {
-		className: I(),
-		"data-dd-privacy": "mask",
-		children: /* @__PURE__ */ s(p, {
-			...T,
-			minValue: x,
-			maxValue: S,
-			value: A,
-			defaultValue: o,
-			onChange: (e) => {
-				j(e), C?.(e);
-			},
-			focusedValue: M,
-			onFocusChange: (e) => {
-				N(e), w?.(e);
-			},
-			children: /* @__PURE__ */ c("div", {
-				className: L(),
-				children: [/* @__PURE__ */ c("header", {
-					className: R(),
-					children: [
-						/* @__PURE__ */ s(y, { className: "uy:sr-only" }),
-						/* @__PURE__ */ c("div", {
-							className: z({ className: "uy:pl-100 uy:gap-200" }),
-							children: [/* @__PURE__ */ s(i, {
-								type: "month",
-								items: O,
-								value: M.month.toString(),
-								onChange: P,
-								isDisabled: T.isDisabled
-							}), /* @__PURE__ */ s(i, {
-								type: "year",
-								items: k,
-								value: M.year.toString(),
-								onChange: F,
-								isDisabled: T.isDisabled
-							})]
-						}),
-						/* @__PURE__ */ c("div", {
-							className: z({ className: "uy:ml-auto uy:gap-100" }),
-							children: [/* @__PURE__ */ s(e, {
-								slot: "previous",
-								icon: "CaretLeftOutlined",
-								color: W,
-								label: E.formatMessage({
-									id: "unity:component:common:previous",
-									defaultMessage: "Previous"
-								}),
-								variant: U,
-								isDisabled: T.isDisabled
-							}), /* @__PURE__ */ s(e, {
-								slot: "next",
-								icon: "CaretRightOutlined",
-								color: W,
-								label: E.formatMessage({
-									id: "unity:component:common:next",
-									defaultMessage: "Next"
-								}),
-								variant: U,
-								isDisabled: T.isDisabled
-							})]
-						})
-					]
-				}), /* @__PURE__ */ c(h, {
-					className: B(),
-					weekdayStyle: "short",
-					children: [/* @__PURE__ */ s(_, { children: (e) => /* @__PURE__ */ s(v, {
-						className: V(),
-						children: e
-					}) }), /* @__PURE__ */ s(g, { children: (e) => /* @__PURE__ */ s(m, {
-						date: e,
-						"data-today": d(e, u()) ? !0 : void 0,
-						className: H()
-					}) })]
-				})]
-			})
-		})
-	});
-}
-x.displayName = "DateCalendar";
-//#endregion
-export { x as DateCalendar };

package/dist/esm/components/date-calendar/DateCalendar.variants.js

@@ -1,34 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-//#region src/components/date-calendar/DateCalendar.variants.ts
-var t = e({
-	slots: {
-		base: "",
-		calendarWrapper: "uy:flex uy:flex-col uy:gap-100",
-		dialogHeader: "uy:flex uy:items-center uy:h-500 uy:w-full",
-		dialogHeaderGroup: "uy:flex uy:items-center",
-		calendarGrid: "uy:border-separate uy:w-full",
-		calendarHeaderCell: "uy:typography-body-small-strong uy:text-content-neutral-low uy:w-[44px] uy:h-[44px] uy:p-[1px] uy:uppercase",
-		calendarCell: [
-			"uy:typography-body uy:relative uy:text-content-form-enabled uy:w-[44px] uy:h-[44px] uy:p-[1px] uy:outline-hidden uy:cursor-pointer uy:rounded-circle uy:flex uy:items-center uy:justify-center",
-			"uy:data-[outside-month]:text-content-neutral-disabled uy:data-[outside-month]:cursor-not-allowed uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:cursor-not-allowed uy:data-[unavailable]:text-content-neutral-disabled uy:data-[unavailable]:cursor-not-allowed",
-			"uy:data-[today]:after:content-[''] uy:data-[today]:after:absolute uy:data-[today]:after:bottom-[6px] uy:data-[today]:after:w-[6px] uy:data-[today]:after:h-[6px] uy:data-[today]:after:rounded-circle",
-			"",
-			"uy:data-[today]:after:bg-border-form-active"
-		]
-	},
-	variants: {
-		isDisabled: { true: { calendarHeaderCell: "uy:text-content-form-disabled" } },
-		isInteractive: { true: { calendarCell: [
-			"uy:hover:bg-surface-neutral-hover uy:active:bg-surface-form-active",
-			"uy:data-[pressed]:bg-surface-neutral-pressed uy:data-[focus-visible]:outline-2 uy:data-[focus-visible]:outline-solid uy:data-[focus-visible]:outline-utility-focus-ring uy:data-[focus-visible]:outline-offset-2",
-			"uy:active:text-content-form-active",
-			"uy:data-[disabled]:hover:bg-transparent uy:data-[unavailable]:hover:bg-transparent uy:data-[outside-month]:hover:bg-transparent"
-		] } }
-	},
-	defaultVariants: {
-		isDisabled: !1,
-		isInteractive: !0
-	}
-});
-//#endregion
-export { t as calendarBase };

package/dist/esm/components/date-calendar/hooks/useMonthsList.js

@@ -1,19 +0,0 @@
-import { useMemo as e } from "react";
-import { CalendarDate as t, createCalendar as n, getLocalTimeZone as r, today as i } from "@internationalized/date";
-import { useLocale as a } from "react-aria-components/I18nProvider";
-//#region src/components/date-calendar/hooks/useMonthsList.ts
-function o() {
-	let { locale: o } = a(), s = new Intl.DateTimeFormat().resolvedOptions().calendar, c = n(s);
-	return e(() => {
-		let e = i(r()), n = new t(c, e.year, e.month, e.day);
-		return Array.from({ length: c.getMonthsInYear(n) }).map((e, i) => {
-			let a = new t(c, n.year, i + 1, 1);
-			return {
-				id: a.month.toString(),
-				name: a.toDate(r()).toLocaleString(o, { month: "long" })
-			};
-		});
-	}, [o, c]);
-}
-//#endregion
-export { o as useMonthsList };

package/dist/esm/components/date-calendar/hooks/useYearsList.js

@@ -1,24 +0,0 @@
-import { useMemo as e } from "react";
-import { CalendarDate as t, createCalendar as n, getLocalTimeZone as r, today as i } from "@internationalized/date";
-import { useLocale as a } from "react-aria-components/I18nProvider";
-//#region src/components/date-calendar/hooks/useYearsList.ts
-function o({ yearsBefore: o = 100, yearsAfter: s = 30, startYear: c, endYear: l } = {}) {
-	let { locale: u } = a(), d = i(r()), f = new Intl.DateTimeFormat().resolvedOptions().calendar, p = n(f), m = new t(p, d.year, d.month, d.day), h = c, g = l;
-	return h === void 0 && (h = m.year - o), g === void 0 && (g = m.year + s), e(() => Array.from({ length: g - h + 1 }).map((e, n) => {
-		let i = h + n, a = new t(p, i, 1, 1);
-		return {
-			id: i.toString(),
-			name: a.toDate(r()).toLocaleString(u, {
-				year: "numeric",
-				calendar: p.identifier
-			})
-		};
-	}), [
-		u,
-		p,
-		g,
-		h
-	]);
-}
-//#endregion
-export { o as useYearsList };

package/dist/esm/components/date-calendar/parts/DateSegmentSelect.js

@@ -1,63 +0,0 @@
-import { useState as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useIntl as r } from "react-intl";
-import { IconSprite as i } from "@payfit/unity-icons";
-import { useId as a } from "react-aria/useId";
-//#region src/components/date-calendar/parts/DateSegmentSelect.tsx
-function o({ items: o, value: s, onChange: c, type: l, isDisabled: u = !1 }) {
-	let d = (e) => () => o.find((t) => t.id === e)?.name ?? Array.from({ length: 3 }).join("\0"), f = a(), p = r(), [m, h] = e(d(s)), g = `${f}-calendar-${l}-select-label`, _ = `${f}-calendar-${l}-select`, v = `${f}-calendar-${l}-select-description`, y = l === "month" ? "unity:component:form-field:date-picker:segment-select:month:label" : "unity:component:form-field:date-picker:segment-select:year:label", b = l === "month" ? "unity:component:form-field:date-picker:segment-select:month:description" : "unity:component:form-field:date-picker:segment-select:year:description";
-	return /* @__PURE__ */ n("div", {
-		className: "uy:isolation-isolate uy:relative uy:inline-flex uy:items-center uy:cursor-pointer",
-		children: [
-			/* @__PURE__ */ t("label", {
-				id: g,
-				htmlFor: _,
-				className: "uy:sr-only",
-				"aria-hidden": "true",
-				children: p.formatMessage({
-					id: y,
-					defaultMessage: `Change current ${l}`
-				})
-			}),
-			/* @__PURE__ */ t("select", {
-				id: _,
-				value: s,
-				onChange: (e) => {
-					c(e.target.value), h(d(e.target.value));
-				},
-				disabled: u,
-				className: "uy:appearance-none uy:box-border uy:w-[var(--uy-selected-item-width)] uy:bg-transparent uy:border-none uy:rounded-50 uy:capitalize uy:text-content-form-enabled uy:typography-action-large uy:cursor-pointer uy:pr-300 uy:disabled:text-content-form-disabled uy:data-[focus-visible='true']:outline-2 uy:data-[focus-visible='true']:outline-offset-2 uy:data-[focus-visible='true']:outline-utility-focus-ring [background-color:transparent] [-webkit-tap-highlight-color:transparent]",
-				style: { "--uy-selected-item-width": `calc(var(--uy-spacing-300) + ${m.length}ch)` },
-				"aria-labelledby": g,
-				"aria-describedby": v,
-				children: o.map((e) => /* @__PURE__ */ t("option", {
-					value: e.id,
-					children: e.name
-				}, e.id))
-			}),
-			/* @__PURE__ */ t("div", {
-				className: "uy:absolute uy:right-0 uy:pointer-events-none uy:text-content-neutral-low",
-				children: /* @__PURE__ */ t(i, {
-					src: "CaretDownOutlined",
-					width: 20,
-					height: 20,
-					color: "inherit",
-					role: "presentation",
-					className: u ? "uy:text-content-form-disabled" : ""
-				})
-			}),
-			/* @__PURE__ */ t("span", {
-				id: v,
-				className: "uy:sr-only",
-				"aria-hidden": "true",
-				children: p.formatMessage({
-					id: b,
-					defaultMessage: `Press Enter or Space to change ${l}, then use up and down arrows to select a ${l}`
-				})
-			})
-		]
-	});
-}
-o.displayName = "DateSegmentSelect";
-//#endregion
-export { o as DateSegmentSelect };

package/dist/esm/components/date-picker/DatePicker.js

@@ -1,131 +0,0 @@
-import { Icon as e } from "../icon/Icon.js";
-import { DateCalendar as t } from "../date-calendar/DateCalendar.js";
-import { DateInput as n } from "./parts/DateInput.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 { useIntl as s } from "react-intl";
-import { Dialog as c } from "react-aria-components/Dialog";
-import { Button as l, DatePicker as u, Group as d, Popover as f } from "react-aria-components/DatePicker";
-//#region src/components/date-picker/DatePicker.tsx
-var p = 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:active:border-border-form-active uy:data-[focus-visible=true]:border-border-form-active uy:data-[open=true]:border-border-form-active"],
-		inputWrapper: [
-			"uy:flex uy:grow uy:rounded-100 uy:sm:rounded-75 uy:outline-none",
-			"uy:focus-within:outline-2 uy:focus-within:outline-solid uy:focus-within:outline-utility-focus-ring uy:focus-within:outline-offset-3",
-			"uy:group-[:has(button:focus)]:data-[focus-within]:outline-none uy:group-[:has(button:focus)]:data-[focus-within]:outline-offset-0 uy:group-[:has(button:focus)]:data-[focus-within]:outline-transparent"
-		],
-		suffix: [
-			"uy:flex-grow-0 uy:content-center uy:p-125 uy:border-l uy:border-solid uy:rounded-r-100 uy:sm:rounded-r-75 uy:text-content-neutral-low",
-			"uy:hover:bg-surface-neutral-hover uy:active:bg-surface-neutral-pressed uy:active:border-border-form-active uy:data-[pressed=true]:not-group-data-[open=true]:bg-surface-neutral-pressed uy:data-[pressed=true]:not-group-data-[open=true]:border-border-form-active uy:group-data-[open=true]:border-border-form-active",
-			"uy:focus-visible:outline-2 uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-3"
-		]
-	},
-	variants: {
-		isInvalid: { true: {
-			base: "uy:border-border-form-error uy:bg-surface-form-error",
-			suffix: "uy:bg-surface-form-error uy:border-border-form-error"
-		} },
-		isReadOnly: { true: {
-			base: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
-			inputWrapper: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
-			suffix: "uy:bg-surface-form-disabled uy:border-border-form-disabled uy:text-content-form-disabled"
-		} },
-		isDisabled: { true: {
-			base: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
-			inputWrapper: "uy:bg-surface-form-disabled uy:text-content-form-disabled",
-			suffix: "uy:bg-surface-form-disabled uy:border-border-form-disabled uy:text-content-form-disabled"
-		} }
-	},
-	compoundVariants: [{
-		isInvalid: !1,
-		isDisabled: !1,
-		isReadOnly: !1,
-		className: {
-			base: "uy:border-border-form-enabled uy:bg-surface-form-enabled",
-			suffix: "uy:border-border-form-enabled uy:bg-surface-neutral uy:text-content-neutral-low"
-		}
-	}]
-}), m = i({
-	base: "uy:w-[356px] uy:overflow-auto uy:shadow-300 uy:border uy:border-solid uy:border-border-neutral uy:bg-surface-neutral uy:rounded-md uy:sm:rounded-75",
-	variants: {
-		isEntering: { true: "uy:animate-in uy:fade-in uy:data-[placement-bottom]:slide-in-from-top-1 uy:data-[placement-top]:slide-in-from-bottom-1 uy:duration-200 uy:ease-out" },
-		isExiting: { true: "uy:animate-out uy:fade-out uy:data-[placement-bottom]:slide-out-to-top-1 uy:data-[placement-top]:slide-out-to-bottom-1 uy:duration-150 uy:ease-in" }
-	}
-}), h = r(({ value: r, defaultValue: i, isInvalid: h, isLoading: g, isDisabled: _, isReadOnly: v, onClearButtonPress: y, onBlur: b, onFocus: x, onChange: S, onOpenChange: C, id: w, "aria-label": T, "aria-labelledby": E, "aria-describedby": D, "aria-details": O, ...k }, A) => {
-	let j = s(), { base: M, inputWrapper: N, suffix: P } = p({
-		isInvalid: !!h,
-		isReadOnly: !!v,
-		isDisabled: !!_
-	}), F = (e) => {
-		S?.(e);
-	}, I = (e) => {
-		C?.(e), e ? x?.() : b?.();
-	}, L = (e) => k.isDateUnavailable ? k.isDateUnavailable(e) : !1, R = () => {
-		y?.();
-	};
-	return /* @__PURE__ */ o(u, {
-		ref: A,
-		"data-dd-privacy": "mask",
-		...k,
-		className: M(),
-		value: r,
-		defaultValue: i,
-		minValue: k.minValue,
-		maxValue: k.maxValue,
-		isReadOnly: !!v,
-		isDisabled: !!_,
-		onChange: F,
-		onFocus: x,
-		onBlur: b,
-		onOpenChange: I,
-		isDateUnavailable: L,
-		"aria-label": T,
-		"aria-labelledby": E,
-		"aria-describedby": D,
-		"aria-details": O,
-		children: [/* @__PURE__ */ o(d, {
-			className: N(),
-			id: w,
-			children: [/* @__PURE__ */ a(n, {
-				isLoading: g,
-				isDisabled: _,
-				isReadOnly: v,
-				isInvalid: h,
-				onClearButtonPress: R
-			}), /* @__PURE__ */ a(l, {
-				className: P(),
-				isDisabled: v || _,
-				children: /* @__PURE__ */ a(e, {
-					src: "CalendarBlankOutlined",
-					color: "inherit",
-					alt: j.formatMessage({
-						id: "unity:component:form-field:date-picker:calendar-button",
-						defaultMessage: "Open Calendar"
-					})
-				})
-			})]
-		}), /* @__PURE__ */ a(f, {
-			className: ({ isEntering: e, isExiting: t }) => m({
-				isEntering: e,
-				isExiting: t
-			}),
-			children: /* @__PURE__ */ a(c, {
-				className: "uy:p-150",
-				"data-dd-privacy": "mask",
-				children: /* @__PURE__ */ a(t, {
-					value: r,
-					defaultValue: i,
-					minValue: k.minValue,
-					maxValue: k.maxValue,
-					onChange: F,
-					firstDayOfWeek: k.firstDayOfWeek
-				})
-			})
-		})]
-	});
-});
-h.displayName = "DatePicker";
-//#endregion
-export { h as DatePicker };

package/dist/esm/components/date-picker/TanstackDatePicker.d.ts

@@ -1,22 +0,0 @@
-import { DatePickerProps } from './DatePicker.js';
-export type TanstackDatePickerProps = Omit<DatePickerProps, 'value' | 'defaultValue' | 'isInvalid'>;
-/**
- * `TanstackDatePicker` is a controlled date picker wired to the TanStack Form field context.
- * It is based on the Unity `DatePicker` component.
- *
- * Example:
- * ```tsx
- * function ExampleField() {
- *   const form = useTanstackUnityForm<{ birthDate: CalendarDate | null }>({ validators: {} })
- *   return (
- *     <form>
- *       <form.AppField name="birthDate">
- *         {() => <TanstackDatePicker />}
- *       </form.AppField>
- *     </form>
- *   )
- * }
- * ```
- */
-declare const TanstackDatePicker: import('react').ForwardRefExoticComponent<TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
-export { TanstackDatePicker };

package/dist/esm/components/date-picker/TanstackDatePicker.js

@@ -1,39 +0,0 @@
-import { DatePicker as e } from "./DatePicker.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/date-picker/TanstackDatePicker.tsx
-var a = r(({ onClearButtonPress: r, onBlur: a, onFocus: o, onChange: s, onOpenChange: c, isReadOnly: l, isDisabled: u, ...d }, f) => {
-	let p = t(), m = n(), h = p.state.meta.isTouched && !p.state.meta.isValid, g = [m.helperTextId, m.feedbackTextId].filter(Boolean).join(" ");
-	return /* @__PURE__ */ i(e, {
-		...d,
-		ref: f,
-		id: m.inputId,
-		value: p.state.value,
-		onChange: (e) => {
-			p.handleChange(e), s?.(e);
-		},
-		onBlur: () => {
-			p.handleBlur(), a?.();
-		},
-		onFocus: () => {
-			o?.();
-		},
-		onOpenChange: (e) => {
-			c?.(e);
-		},
-		onClearButtonPress: () => {
-			p.setValue(null), r?.();
-		},
-		isReadOnly: l,
-		isDisabled: u,
-		isInvalid: h,
-		"aria-labelledby": m.labelId,
-		"aria-describedby": g.length > 0 ? g : void 0,
-		"aria-details": m.contextualLinkId
-	});
-});
-a.displayName = "TanstackDatePicker";
-//#endregion
-export { a as TanstackDatePicker };

package/dist/esm/components/date-picker/parts/DateInput.js

@@ -1,103 +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 { useContext as r } from "react";
-import { uyTv as i } from "@payfit/unity-themes";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useIntl as s } from "react-intl";
-import { DateInput as c, DatePickerStateContext as l, DateSegment as u } from "react-aria-components/DatePicker";
-//#region src/components/date-picker/parts/DateInput.tsx
-var d = i({
-	base: [
-		"uy:group uy:box-content uy:rounded-25 uy:px-25 uy:text-end uy:tabular-nums! uy:outline-none uy:typography-body uy:focus:bg-surface-form-active uy:focus:rounded-25",
-		"uy:data-[disabled]:text-content-form-disabled",
-		"uy:focus:text-content-form-active"
-	],
-	variants: {
-		isPlaceholder: {
-			true: ["uy:text-content-neutral-lowest-enabled"],
-			false: "uy:text-content-form-enabled"
-		},
-		isLiteral: {
-			true: "uy:text-content-neutral-lowest-enabled",
-			false: ""
-		}
-	}
-}), f = i({
-	slots: {
-		base: "uy:flex uy:gap-50 uy:flex-grow uy:py-125 uy:sm:py-100 uy:px-150 uy:rounded-100 uy:sm:rounded-75",
-		input: "uy:flex uy:gap-25 uy:w-fit uy:grow",
-		state: "uy:flex uy:gap-50 uy:items-center"
-	},
-	variants: {
-		isInvalid: { true: {
-			base: "uy:bg-surface-form-error",
-			state: "uy:text-content-form-error"
-		} },
-		isReadOnly: { true: { base: "uy:border-border-form-disabled uy:bg-surface-form-disabled" } },
-		isDisabled: { true: { base: "uy:bg-surface-form-disabled uy:text-content-form-disabled" } }
-	},
-	compoundVariants: [{
-		isInvalid: !1,
-		isDisabled: !1,
-		isReadOnly: !1,
-		className: {
-			base: "uy:border-border-form-enabled uy:bg-surface-form-enabled",
-			state: "uy:text-content-neutral-disabled"
-		}
-	}]
-});
-function p({ isLoading: i, isInvalid: p, isReadOnly: m, isDisabled: h, onClearButtonPress: g }) {
-	let _ = s(), v = r(l), { dateValue: y } = v, { base: b, input: x, state: S } = f({
-		isInvalid: !!p,
-		isReadOnly: !!m,
-		isDisabled: !!h
-	}), C = y && !i && !m && !h;
-	return /* @__PURE__ */ o("div", {
-		className: b(),
-		children: [/* @__PURE__ */ a(c, {
-			className: x(),
-			children: (e) => /* @__PURE__ */ a(u, {
-				segment: e,
-				className: d({
-					isPlaceholder: e.isPlaceholder,
-					isLiteral: e.type === "literal"
-				})
-			})
-		}), /* @__PURE__ */ o("div", {
-			className: S(),
-			children: [
-				i && /* @__PURE__ */ a(t, {
-					color: "inherit",
-					size: "small",
-					label: _.formatMessage({
-						id: "unity:component:common:loading:label",
-						defaultMessage: "Loading..."
-					})
-				}),
-				p && /* @__PURE__ */ a(e, {
-					src: "WarningCircleOutlined",
-					color: "content.form.invalid",
-					alt: _.formatMessage({
-						id: "unity:component:form-field:form-input:error:alt",
-						defaultMessage: "Error"
-					})
-				}),
-				C && /* @__PURE__ */ a(n, {
-					slot: null,
-					title: _.formatMessage({
-						id: "unity:component:common:clear:title",
-						defaultMessage: "Clear"
-					}),
-					icon: "CloseOutlined",
-					onPress: () => {
-						v?.setValue(null), g?.();
-					}
-				})
-			]
-		})]
-	});
-}
-p.displayName = "DateInput";
-//#endregion
-export { p as DateInput, f as dateInput, d as dateSegment };