@payfit/unity-components 3.1.14 → 3.1.16

package/dist/esm/hooks/use-tanstack-form.js

@@ -1,60 +0,0 @@
-import { fieldContext as e, formContext as t } from "./tanstack-form-context.js";
-import { TanstackForm as n } from "../components/form/TanstackForm.js";
-import { lazy as r } from "react";
-import { createFormHook as i } from "@tanstack/react-form";
-//#region src/hooks/use-tanstack-form.tsx
-var a = r(() => import("../components/checkbox-field/TanstackCheckboxField.js").then((e) => ({ default: e.TanstackCheckboxField }))), o = r(() => import("../components/form-field/parts/TanstackFormFeedbackText.js").then((e) => ({ default: e.TanstackFormFeedbackText }))), s = r(() => import("../components/form-field/parts/TanstackFormHelperText.js").then((e) => ({ default: e.TanstackFormHelperText }))), c = r(() => import("../components/form-field/parts/TanstackFormLabel.js").then((e) => ({ default: e.TanstackFormLabel }))), l = r(() => import("../components/form-field/parts/TanstackRawFormContextualLink.js").then((e) => ({ default: e.TanstackRawFormContextualLink }))), u = r(() => import("../components/form-field/TanstackFormField.js").then((e) => ({ default: e.TanstackFormField }))), d = r(() => import("../components/checkbox-group/TanstackCheckboxGroup.js").then((e) => ({ default: e.TanstackCheckboxGroup }))), f = r(() => import("../components/checkbox/TanstackCheckbox.js").then((e) => ({ default: e.TanstackCheckbox }))), p = r(() => import("../components/date-picker/TanstackDatePicker.js").then((e) => ({ default: e.TanstackDatePicker }))), m = r(() => import("../components/date-range-picker/TanstackDateRangePicker.js").then((e) => ({ default: e.TanstackDateRangePicker }))), h = r(() => import("../components/multi-select/TanstackMultiSelect.js").then((e) => ({ default: e.TanstackMultiSelect }))), g = r(() => import("../components/phone-number/TanstackPhoneNumberInput.js").then((e) => ({ default: e.TanstackPhoneNumberInput }))), _ = r(() => import("../components/phone-number-field/TanstackPhoneNumberField.js").then((e) => ({ default: e.TanstackPhoneNumberField }))), v = r(() => import("../components/number-input/TanstackNumberInput.js").then((e) => ({ default: e.TanstackNumberInput }))), y = r(() => import("../components/radio-button-group/TanstackRadioButtonGroup.js").then((e) => ({ default: e.TanstackRadioButtonGroup }))), b = r(() => import("../components/selectable-button-group/TanstackSelectableButtonGroup.js").then((e) => ({ default: e.TanstackSelectableButtonGroup }))), x = r(() => import("../components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js").then((e) => ({ default: e.TanstackSelectableCardCheckboxGroup }))), S = r(() => import("../components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.js").then((e) => ({ default: e.TanstackSelectableCardRadioGroup }))), C = r(() => import("../components/select/TanstackSelect.js").then((e) => ({ default: e.TanstackSelect }))), w = r(() => import("../components/text-area/TanstackTextArea.js").then((e) => ({ default: e.TanstackTextArea }))), T = r(() => import("../components/input/TanstackInput.js").then((e) => ({ default: e.TanstackInput }))), E = r(() => import("../components/toggle-switch-group/TanstackToggleSwitchGroup.js").then((e) => ({ default: e.TanstackToggleSwitchGroup }))), D = r(() => import("../components/toggle-switch/TanstackToggleSwitch.js").then((e) => ({ default: e.TanstackToggleSwitch }))), O = r(() => import("../components/checkbox-group-field/TanstackCheckGroupField.js").then((e) => ({ default: e.TanstackCheckGroupField }))), k = r(() => import("../components/date-picker-field/TanstackDatePickerField.js").then((e) => ({ default: e.TanstackDatePickerField }))), A = r(() => import("../components/date-range-picker-field/TanstackDateRangePickerField.js").then((e) => ({ default: e.TanstackDateRangePickerField }))), j = r(() => import("../components/multi-select-field/TanstackMultiSelectField.js").then((e) => ({ default: e.TanstackMultiSelectField }))), M = r(() => import("../components/number-field/TanstackNumberField.js").then((e) => ({ default: e.TanstackNumberField }))), N = r(() => import("../components/radio-button-group-field/TanstackRadioButtonGroupField.js").then((e) => ({ default: e.TanstackRadioButtonGroupField }))), P = r(() => import("../components/select-field/TanstackSelectField.js").then((e) => ({ default: e.TanstackSelectField }))), F = r(() => import("../components/selectable-button-group-field/TanstackSelectableButtonGroupField.js").then((e) => ({ default: e.TanstackSelectableButtonGroupField }))), I = r(() => import("../components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js").then((e) => ({ default: e.TanstackSelectableCardCheckboxGroupField }))), L = r(() => import("../components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.js").then((e) => ({ default: e.TanstackSelectableCardRadioGroupField }))), R = r(() => import("../components/text-field/TanstackTextField.js").then((e) => ({ default: e.TanstackTextField }))), z = r(() => import("../components/toggle-switch-field/TanstackToggleSwitchField.js").then((e) => ({ default: e.TanstackToggleSwitchField }))), B = r(() => import("../components/toggle-switch-group-field/TanstackToggleSwitchGroupField.js").then((e) => ({ default: e.TanstackToggleSwitchGroupField }))), V = r(() => import("../components/inline-field-group/InlineFieldGroup.js").then((e) => ({ default: e.InlineFieldGroup }))), H = r(() => import("../components/inline-field-group/parts/InlineFieldGroupHeader.js").then((e) => ({ default: e.InlineFieldGroupHeader }))), U = r(() => import("../components/inline-field-group/parts/InlineFieldGroupReadView.js").then((e) => ({ default: e.InlineFieldGroupReadView }))), W = r(() => import("../components/inline-field-group/parts/InlineFieldGroupEditView.js").then((e) => ({ default: e.InlineFieldGroupEditView }))), G = r(() => import("../components/password-field/TanstackPasswordField.js").then((e) => ({ default: e.TanstackPasswordField }))), K = r(() => import("../components/inline-field/parts/InlineFieldEditView.js").then((e) => ({ default: e.InlineFieldEditView }))), q = r(() => import("../components/inline-field/parts/InlineFieldReadView.js").then((e) => ({ default: e.InlineFieldReadView }))), J = i({
-	fieldComponents: {
-		FieldFeedbackText: o,
-		FieldHelperText: s,
-		FieldLabel: c,
-		FieldRawContextualLink: l,
-		Field: u,
-		CheckboxGroupInput: d,
-		CheckboxInput: f,
-		DatePickerInput: p,
-		DateRangePickerInput: m,
-		MultiSelectInput: h,
-		PhoneNumberInput: g,
-		NumberInput: v,
-		RadioButtonInput: y,
-		SelectableButtonGroupInput: b,
-		SelectableCardCheckboxGroupInput: x,
-		SelectableCardRadioGroupInput: S,
-		SelectInput: C,
-		TextAreaInput: w,
-		TextInput: T,
-		ToggleSwitchGroupInput: E,
-		ToggleSwitchInput: D,
-		CheckboxField: a,
-		CheckboxGroupField: O,
-		DatePickerField: k,
-		DateRangePickerField: A,
-		MultiSelectField: j,
-		NumberField: M,
-		PasswordField: G,
-		PhoneNumberField: _,
-		RadioButtonGroupField: N,
-		SelectableButtonGroupField: F,
-		SelectableCardCheckboxGroupField: I,
-		SelectableCardRadioGroupField: L,
-		SelectField: P,
-		TextField: R,
-		ToggleSwitchField: z,
-		ToggleSwitchGroupField: B,
-		InlineField: r(() => import("../components/inline-field/InlineField.js").then((e) => ({ default: e.InlineField }))),
-		InlineFieldReadView: q,
-		InlineFieldEditView: K
-	},
-	formComponents: {
-		Form: n,
-		InlineFieldGroup: V,
-		InlineFieldGroupHeader: H,
-		InlineFieldGroupReadView: U,
-		InlineFieldGroupEditView: W
-	},
-	fieldContext: e,
-	formContext: t
-}), Y = J.useAppForm, X = J.withForm, Z = J.withFieldGroup;
-//#endregion
-export { Y as useTanstackUnityForm, Z as withFieldGroup, X as withForm };

package/dist/esm/integrations/tanstack-router/components/breadcrumbs/Breadcrumb.d.ts

@@ -1,23 +0,0 @@
-/**
- * Re-export of the base Breadcrumb component for Tanstack Router integration.
- * Use with BreadcrumbLink to create router-aware breadcrumb navigation.
- * @example
- * ```tsx
- * import { Breadcrumb, BreadcrumbLink, Breadcrumbs } from '@payfit/unity-components/integrations/tanstack-router'
- *
- * function Navigation() {
- *   return (
- *     <Breadcrumbs wrap="nowrap">
- *       <Breadcrumb>
- *         <BreadcrumbLink to="/">Home</BreadcrumbLink>
- *       </Breadcrumb>
- *       <Breadcrumb>
- *         <BreadcrumbLink to="/dashboard">Dashboard</BreadcrumbLink>
- *       </Breadcrumb>
- *     </Breadcrumbs>
- *   )
- * }
- * ```
- * @see {@link Breadcrumb} from base components for full API documentation
- */
-export { Breadcrumb } from '../../../../components/breadcrumbs/parts/Breadcrumb.js';

package/dist/esm/integrations/tanstack-router/components/breadcrumbs/BreadcrumbLink.d.ts

@@ -1,38 +0,0 @@
-import { LinkComponent } from '@tanstack/react-router';
-import { RawBreadcrumbLink } from '../../../../components/breadcrumbs/parts/RawBreadcrumbLink.js';
-/**
- * A breadcrumb link component that integrates with Tanstack Router for type-safe navigation.
- * This component wraps the base RawBreadcrumbLink with Tanstack Router's navigation capabilities.
- * @example
- * ```tsx
- * import { Breadcrumb, BreadcrumbLink, Breadcrumbs } from '@payfit/unity-components/integrations/tanstack-router'
- *
- * function Navigation() {
- *   return (
- *     <Breadcrumbs wrap="nowrap">
- *       <Breadcrumb>
- *         <BreadcrumbLink to="/">Home</BreadcrumbLink>
- *       </Breadcrumb>
- *       <Breadcrumb>
- *         <BreadcrumbLink to="/dashboard" search={{ tab: 'overview' }}>
- *           Dashboard
- *         </BreadcrumbLink>
- *       </Breadcrumb>
- *     </Breadcrumbs>
- *   )
- * }
- * ```
- * @remarks
- * - Supports all Tanstack Router link props (to, search, params, etc.)
- * - Maintains breadcrumb-specific styling and truncation behavior
- * - Automatically handles long text with tooltips
- * - Inherits type safety from Tanstack Router for route definitions
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/integrations/tanstack-router/components/breadcrumbs GitHub}
- * @see Design specs {@link https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library Figma}
- * @see Design docs in {@link https://www.payfit.design/ Payfit.design}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/ unity-components.payfit.io}
- */
-declare const BreadcrumbLink: LinkComponent<typeof RawBreadcrumbLink> & {
-    displayName: string;
-};
-export { BreadcrumbLink };

package/dist/esm/integrations/tanstack-router/components/breadcrumbs/BreadcrumbLink.js

@@ -1,7 +0,0 @@
-import { RawBreadcrumbLink as e } from "../../../../components/breadcrumbs/parts/RawBreadcrumbLink.js";
-import { createLink as t } from "@tanstack/react-router";
-//#region src/integrations/tanstack-router/components/breadcrumbs/BreadcrumbLink.tsx
-var n = t(e);
-n.displayName = "BreadcrumbLink";
-//#endregion
-export { n as BreadcrumbLink };

package/dist/esm/integrations/tanstack-router/components/breadcrumbs/Breadcrumbs.d.ts

@@ -1,23 +0,0 @@
-/**
- * Re-export of the base Breadcrumbs component for Tanstack Router integration.
- * Container component that displays hierarchical navigation using breadcrumb items with router-aware links.
- * @example
- * ```tsx
- * import { Breadcrumb, BreadcrumbLink, Breadcrumbs } from '@payfit/unity-components/integrations/tanstack-router'
- *
- * function Navigation() {
- *   return (
- *     <Breadcrumbs wrap="nowrap">
- *       <Breadcrumb>
- *         <BreadcrumbLink to="/">Home</BreadcrumbLink>
- *       </Breadcrumb>
- *       <Breadcrumb>
- *         <BreadcrumbLink to="/dashboard">Dashboard</BreadcrumbLink>
- *       </Breadcrumb>
- *     </Breadcrumbs>
- *   )
- * }
- * ```
- * @see {@link Breadcrumbs} from base components for full API documentation
- */
-export { Breadcrumbs } from '../../../../components/breadcrumbs/Breadcrumbs.js';

package/dist/esm/integrations/tanstack-router/components/form-contextual-link/TanstackFormContextualLink.d.ts

@@ -1,43 +0,0 @@
-import { LinkComponent } from '@tanstack/react-router';
-import { TanstackRawFormContextualLink } from '../../../../components/form-field/parts/TanstackRawFormContextualLink.js';
-/**
- * Unity's TanstackFormContextualLink that integrates with Tanstack Router for seamless client-side navigation within form fields.
- * Enables declarative routing with type-safe route parameters, search params, and automatic preloading capabilities while maintaining form field context.
- * @example
- * ```tsx
- * import { TanstackFormContextualLink } from '@payfit/unity-components/integrations/tanstack-router'
- * import { useTanstackUnityForm } from '@payfit/unity-components'
- *
- * function MyForm() {
- *   const { Form, FormField } = useTanstackUnityForm({
- *     defaultValues: { email: '' },
- *   })
- *   return (
- *     <Form>
- *       <FormField name="email">
- *         <TanstackFormContextualLink to="/help">
- *           Need help?
- *         </TanstackFormContextualLink>
- *       </FormField>
- *     </Form>
- *   )
- * }
- * ```
- * @remarks
- * - Must be used inside a FormField component to maintain proper form context
- * - Supports type-safe navigation with route parameters and search params
- * - Provides automatic route preloading on hover or mount via the `preload` prop
- * - Handles relative and absolute paths with `from` and `to` props for flexible routing
- * - Integrates seamlessly with Tanstack Router's navigation system and loader functions
- * - Maintains all accessibility features from the underlying TanstackRawFormContextualLink component
- * - Automatically detects external URLs and applies appropriate security attributes (target="_blank", rel="noopener noreferrer")
- * - Inherits the "small" size and "secondary" color styling appropriate for form contextual links
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/integrations/tanstack-router/components/form-contextual-link GitHub}
- * @see Design specs {@link https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library Figma}
- * @see Design docs in {@link https://www.payfit.design/ Payfit.design}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/ unity-components.payfit.io}
- */
-declare const TanstackFormContextualLink: LinkComponent<typeof TanstackRawFormContextualLink> & {
-    displayName: string;
-};
-export { TanstackFormContextualLink };

package/dist/esm/integrations/tanstack-router/components/form-contextual-link/TanstackFormContextualLink.js

@@ -1,7 +0,0 @@
-import { TanstackRawFormContextualLink as e } from "../../../../components/form-field/parts/TanstackRawFormContextualLink.js";
-import { createLink as t } from "@tanstack/react-router";
-//#region src/integrations/tanstack-router/components/form-contextual-link/TanstackFormContextualLink.tsx
-var n = t(e);
-n.displayName = "TanstackFormContextualLink";
-//#endregion
-export { n as TanstackFormContextualLink };

package/dist/esm/integrations/tanstack-router/components/icon-button/IconButtonLink.d.ts

@@ -1,13 +0,0 @@
-import { LinkComponent } from '@tanstack/react-router';
-import { IconButtonLinkProps as RawIconButtonLinkProps } from '../../../../components/icon-button/IconButton.js';
-declare const IconButtonLinkAdapter: import('react').ForwardRefExoticComponent<Omit<RawIconButtonLinkProps, "as"> & {
-    disabled?: boolean;
-} & import('react').RefAttributes<HTMLAnchorElement>>;
-/**
- * An icon-only link that integrates with TanStack Router for type-safe,
- * client-side navigation.
- */
-declare const IconButtonLink: LinkComponent<typeof IconButtonLinkAdapter> & {
-    displayName: string;
-};
-export { IconButtonLink };

package/dist/esm/integrations/tanstack-router/components/icon-button/IconButtonLink.js

@@ -1,16 +0,0 @@
-import { IconButton as e } from "../../../../components/icon-button/IconButton.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { createLink as r } from "@tanstack/react-router";
-//#region src/integrations/tanstack-router/components/icon-button/IconButtonLink.tsx
-var i = t(({ disabled: t, isDisabled: r, ...i }, a) => /* @__PURE__ */ n(e, {
-	...i,
-	ref: a,
-	as: "link",
-	isDisabled: !!(t || r)
-}));
-i.displayName = "IconButtonLinkAdapter";
-var a = r(i);
-a.displayName = "IconButtonLink";
-//#endregion
-export { a as IconButtonLink };

package/dist/esm/integrations/tanstack-router/components/link/Link.d.ts

@@ -1,33 +0,0 @@
-import { LinkComponent } from '@tanstack/react-router';
-import { RawLink } from '../../../../components/link/RawLink.js';
-/**
- * Unity's link that integrates with Tanstack Router for seamless client-side navigation.
- * Enables declarative routing with type-safe route parameters, search params, and automatic preloading capabilities.
- * @example
- * ```tsx
- * import { Link } from '@payfit/unity-components/integrations/tanstack-router'
- *
- * function Navigation() {
- *   return (
- *     <Link to="/dashboard">
- *       Dashboard
- *     </Link>
- *   )
- * }
- * ```
- * @remarks
- * - Supports type-safe navigation with route parameters and search params
- * - Provides automatic route preloading on hover or mount via the `preload` prop
- * - Handles relative and absolute paths with `from` and `to` props for flexible routing
- * - Integrates seamlessly with Tanstack Router's navigation system and loader functions
- * - Maintains all accessibility features and styling options from the underlying RawLink component
- * - Automatically detects external URLs and applies appropriate security attributes (target="_blank", rel="noopener noreferrer")
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/integrations/tanstack-router/components/link GitHub}
- * @see Design specs {@link https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library Figma}
- * @see Design docs in {@link https://www.payfit.design/ Payfit.design}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/ unity-components.payfit.io}
- */
-declare const Link: LinkComponent<typeof RawLink> & {
-    displayName: string;
-};
-export { Link };

package/dist/esm/integrations/tanstack-router/components/link/Link.js

@@ -1,7 +0,0 @@
-import { RawLink as e } from "../../../../components/link/RawLink.js";
-import { createLink as t } from "@tanstack/react-router";
-//#region src/integrations/tanstack-router/components/link/Link.tsx
-var n = t(e);
-n.displayName = "Link";
-//#endregion
-export { n as Link };

package/dist/esm/integrations/tanstack-router/components/link-button/LinkButton.d.ts

@@ -1,22 +0,0 @@
-import { LinkComponent } from '@tanstack/react-router';
-import { RawLinkButton } from '../../../../components/link-button/RawLinkButton.js';
-/**
- * Unity's link button that integrates with Tanstack Router for seamless client-side navigation.
- * Renders as an anchor tag but visually looks like a primary button.
- * @example
- * ```tsx
- * import { LinkButton } from '@payfit/unity-components/integrations/tanstack-router'
- *
- * function Navigation() {
- *   return (
- *     <LinkButton to="/dashboard">
- *       Go to Dashboard
- *     </LinkButton>
- *   )
- * }
- * ```
- */
-declare const LinkButton: LinkComponent<typeof RawLinkButton> & {
-    displayName: string;
-};
-export { LinkButton };

package/dist/esm/integrations/tanstack-router/components/link-button/LinkButton.js

@@ -1,7 +0,0 @@
-import { RawLinkButton as e } from "../../../../components/link-button/RawLinkButton.js";
-import { createLink as t } from "@tanstack/react-router";
-//#region src/integrations/tanstack-router/components/link-button/LinkButton.tsx
-var n = t(e);
-n.displayName = "LinkButton";
-//#endregion
-export { n as LinkButton };

package/dist/esm/integrations/tanstack-router/components/list-view/ListView.d.ts

@@ -1,34 +0,0 @@
-import { ListViewProps } from '../../../../components/list-view/ListView.js';
-/**
- * Unity's ListView that integrates with Tanstack Router for seamless client-side navigation.
- * This component automatically configures the RouterProvider context needed for ListViewItem navigation.
- * @example
- * ```tsx
- * import { ListView, ListViewItem } from '@payfit/unity-components/integrations/tanstack-router'
- * import { ListViewItemLabel } from '@payfit/unity-components'
- *
- * function DocumentsList() {
- *   return (
- *     <ListView aria-label="Documents">
- *       <ListViewItem to="/documents/$id" params={{ id: '123' }}>
- *         <ListViewItemLabel>Document 123</ListViewItemLabel>
- *       </ListViewItem>
- *     </ListView>
- *   )
- * }
- * ```
- * @remarks
- * - Automatically provides the RouterProvider context needed for client-side navigation
- * - Use this instead of the base ListView component when using ListViewItem with TanStack Router
- * - All props from the base ListView component are supported
- * - Items within this ListView will use client-side navigation instead of full page reloads
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/integrations/tanstack-router/components/list-view GitHub}
- * @see Design specs {@link https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library?node-id=15306-115&m=dev Figma}
- * @see Design docs in {@link https://www.payfit.design/ Payfit.design}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/component-reference-listview--docs unity-components.payfit.io}
- */
-declare function ListView<T extends object>(props: ListViewProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace ListView {
-    var displayName: string;
-}
-export { ListView };

package/dist/esm/integrations/tanstack-router/components/list-view/ListView.js

@@ -1,22 +0,0 @@
-import { RouterProvider as e } from "../../../../providers/router/RouterProvider.js";
-import { ListView as t } from "../../../../components/list-view/ListView.js";
-import { useCallback as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-import { useMatchRoute as i, useRouter as a } from "@tanstack/react-router";
-//#region src/integrations/tanstack-router/components/list-view/ListView.tsx
-function o(o) {
-	let s = a(), c = i();
-	return /* @__PURE__ */ r(e, {
-		navigate: (e) => {
-			s.navigate({ to: e });
-		},
-		isActive: n((e) => c({
-			to: e,
-			fuzzy: !0
-		}) !== !1, [c]),
-		children: /* @__PURE__ */ r(t, { ...o })
-	});
-}
-o.displayName = "ListView";
-//#endregion
-export { o as ListView };

package/dist/esm/integrations/tanstack-router/components/list-view/parts/ListViewItem.d.ts

@@ -1,51 +0,0 @@
-import { RegisteredRouter, ValidateLinkOptions } from '@tanstack/react-router';
-import { RawListViewItemProps } from '../../../../../components/list-view/parts/RawListViewItem.js';
-type ListViewItemRouterProps<TRouter extends RegisteredRouter = RegisteredRouter, TOptions = unknown> = Omit<RawListViewItemProps<object>, 'prefix' | 'suffix' | 'href'> & ValidateLinkOptions<TRouter, TOptions> & {
-    prefixElement?: RawListViewItemProps<object>['prefix'];
-    suffixElement?: RawListViewItemProps<object>['suffix'];
-};
-type ListViewItemHrefProps = Omit<RawListViewItemProps<object>, 'prefix' | 'suffix'> & {
-    prefixElement?: RawListViewItemProps<object>['prefix'];
-    suffixElement?: RawListViewItemProps<object>['suffix'];
-    href: string;
-};
-export type ListViewItemProps<TRouter extends RegisteredRouter = RegisteredRouter, TOptions = unknown> = ListViewItemRouterProps<TRouter, TOptions> | ListViewItemHrefProps;
-/**
- * Unity's ListViewItem that integrates with Tanstack Router for seamless client-side navigation.
- * Enables declarative routing with type-safe route parameters, search params, and automatic preloading capabilities.
- * @param {ListViewItemProps} props - Either router-based props (with 'to') or direct link props (with 'href')
- * @example
- * ```tsx
- * import { ListView } from '@payfit/unity-components'
- * import { ListViewItem } from '@payfit/unity-components/integrations/tanstack-router'
- * import { ListViewItemLabel } from '@payfit/unity-components'
- *
- * function DocumentsList() {
- *   return (
- *     <ListView aria-label="Documents">
- *       <ListViewItem to="/documents/$id" params={{ id: '123' }}>
- *         <ListViewItemLabel>Document 123</ListViewItemLabel>
- *       </ListViewItem>
- *     </ListView>
- *   )
- * }
- * ```
- * @remarks
- * - Automatically renders as a router link when 'to' prop is provided, or as a standard link when 'href' is provided
- * - Supports type-safe route parameters, search params, and relative navigation with Tanstack Router
- * - Provides automatic route preloading on hover or mount via the `preload` prop
- * - Integrates seamlessly with ListView component for list-based navigation UI patterns
- * - Supports icon prefixes and suffixes via prefixElement and suffixElement props
- * - Maintains all accessibility features and styling options from the underlying RawListViewItem component
- * - Use `hideDisclosureIndicator` to hide the default disclosure arrow for non-navigational items
- * @see {@link ListViewItemProps} for all available props
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/integrations/tanstack-router/components/list-view-item GitHub}
- * @see Design specs {@link https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library?node-id=15306-115&m=dev Figma}
- * @see Design docs in {@link https://www.payfit.design/ Payfit.design}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/component-reference-listview--docs unity-components.payfit.io}
- */
-declare function ListViewItem<TRouter extends RegisteredRouter = RegisteredRouter, TOptions = unknown>({ prefixElement, suffixElement, ...rest }: ListViewItemProps<TRouter, TOptions>): import("react/jsx-runtime").JSX.Element;
-declare namespace ListViewItem {
-    var displayName: string;
-}
-export { ListViewItem };

package/dist/esm/integrations/tanstack-router/components/list-view/parts/ListViewItem.js

@@ -1,19 +0,0 @@
-import { RawListViewItem as e } from "../../../../../components/list-view/parts/RawListViewItem.js";
-import { jsx as t } from "react/jsx-runtime";
-import { createLink as n } from "@tanstack/react-router";
-//#region src/integrations/tanstack-router/components/list-view/parts/ListViewItem.tsx
-var r = n(e);
-function i({ prefixElement: n, suffixElement: i, ...a }) {
-	return "to" in a ? /* @__PURE__ */ t(r, {
-		...a,
-		prefix: n,
-		suffix: i
-	}) : /* @__PURE__ */ t(e, {
-		...a,
-		prefix: n,
-		suffix: i
-	});
-}
-i.displayName = "ListViewItem";
-//#endregion
-export { i as ListViewItem };

package/dist/esm/integrations/tanstack-router/components/menu-item/MenuItem.d.ts

@@ -1,49 +0,0 @@
-import { RegisteredRouter, ValidateLinkOptions } from '@tanstack/react-router';
-import { ReactNode } from 'react';
-import { MenuItemProps as RawMenuItemProps, RawMenuItem } from '../../../../components/menu/parts/RawMenuItem.js';
-type MenuItemRouterProps<TRouter extends RegisteredRouter = RegisteredRouter, TOptions = unknown, TDefaultFrom extends string = string> = Omit<RawMenuItemProps, 'onAction' | 'children' | 'prefix'> & ValidateLinkOptions<TRouter, TOptions, TDefaultFrom, typeof RawMenuItem> & {
-    children?: ReactNode;
-    prefixElement?: RawMenuItemProps['prefix'];
-};
-type MenuItemButtonProps = Omit<RawMenuItemProps, 'href' | 'children'> & {
-    onAction: NonNullable<RawMenuItemProps['onAction']>;
-    children?: ReactNode;
-};
-export type MenuItemProps<TRouter extends RegisteredRouter = RegisteredRouter, TOptions = unknown, TDefaultFrom extends string = string> = MenuItemRouterProps<TRouter, TOptions, TDefaultFrom> | MenuItemButtonProps;
-/**
- * A menu item component that integrates with Tanstack Router for navigation.
- * Provides seamless routing capabilities for menu items in context menus, dropdown menus, and other menu-based interfaces.
- * @param props - Either router-based props (with 'to') or button-based props (with 'onAction')
- * @example
- * ```tsx
- * import { MenuItem } from '@payfit/unity-components/integrations/tanstack-router'
- *
- * function ContextMenu() {
- *   return (
- *     <Menu>
- *       <MenuItem to="/dashboard" prefixElement={<Icon src="DashboardOutlined" />}>
- *         Dashboard
- *       </MenuItem>
- *       <MenuItem onAction={() => alert('Action triggered')}>
- *         Perform Action
- *       </MenuItem>
- *     </Menu>
- *   )
- * }
- * ```
- * @remarks
- * - When 'to' prop is provided, the component renders as a router link
- * - When 'onAction' prop is provided (without 'to'), it renders as a button
- * - Supports all Tanstack Router link features like preloading, search params, and route params
- * - Maintains accessibility features from the underlying RawMenuItem component
- * @see {@link MenuItemProps} for all available props
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/integrations/tanstack-router/components/menu-item GitHub}
- * @see Design specs {@link https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library Figma}
- * @see Design docs in {@link https://www.payfit.design/ Payfit.design}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/ unity-components.payfit.io}
- */
-declare function MenuItem<TRouter extends RegisteredRouter = RegisteredRouter, TOptions = unknown>(props: MenuItemProps<TRouter, TOptions>): import("react/jsx-runtime").JSX.Element;
-declare namespace MenuItem {
-    var displayName: string;
-}
-export { MenuItem };

package/dist/esm/integrations/tanstack-router/components/menu-item/MenuItem.js

@@ -1,18 +0,0 @@
-import { RawMenuItem as e } from "../../../../components/menu/parts/RawMenuItem.js";
-import { jsx as t } from "react/jsx-runtime";
-import { createLink as n } from "@tanstack/react-router";
-//#region src/integrations/tanstack-router/components/menu-item/MenuItem.tsx
-var r = n(e);
-function i(n) {
-	if ("to" in n || "href" in n) return /* @__PURE__ */ t(r, { ...n });
-	{
-		let r = n;
-		return /* @__PURE__ */ t(e, {
-			...r,
-			children: r.children
-		});
-	}
-}
-i.displayName = "MenuItem";
-//#endregion
-export { i as MenuItem };

package/dist/esm/integrations/tanstack-router/components/nav-item/NavItem.d.ts

@@ -1,52 +0,0 @@
-import { RegisteredRouter, ValidateLinkOptions } from '@tanstack/react-router';
-import { NavItemProps as RawNavItemProps } from '../../../../components/nav/parts/RawNavItem.js';
-type NavItemRouterProps<TRouter extends RegisteredRouter = RegisteredRouter, TOptions = unknown> = Omit<RawNavItemProps, 'prefix' | 'suffix' | 'href' | 'onPress'> & ValidateLinkOptions<TRouter, TOptions> & {
-    prefixElement?: RawNavItemProps['prefix'];
-    suffixElement?: RawNavItemProps['suffix'];
-};
-type NavItemButtonProps = Omit<RawNavItemProps, 'prefix' | 'suffix' | 'href'> & {
-    prefixElement?: RawNavItemProps['prefix'];
-    suffixElement?: RawNavItemProps['suffix'];
-    onPress: NonNullable<RawNavItemProps['onPress']>;
-};
-export type NavItemProps<TRouter extends RegisteredRouter = RegisteredRouter, TOptions = unknown> = NavItemRouterProps<TRouter, TOptions> | NavItemButtonProps;
-/**
- * A navigation item component that integrates with Tanstack Router for seamless navigation.
- * Provides both link-based routing and button-based actions within navigation menus, automatically adapting based on the props provided.
- * @param {NavItemProps} props - Either router-based props (with 'to') or button-based props (with 'onPress')
- * @example
- * ```tsx
- * import { NavItem } from '@payfit/unity-components/integrations/tanstack-router'
- * import { Nav } from '@payfit/unity-components'
- *
- * function Navigation() {
- *   return (
- *     <Nav title="Main navigation">
- *       <NavItem to="/dashboard" prefixElement={<Icon src="DashboardOutlined" />}>
- *         Dashboard
- *       </NavItem>
- *       <NavItem onPress={() => console.log('Action')}>
- *         Action
- *       </NavItem>
- *     </Nav>
- *   )
- * }
- * ```
- * @remarks
- * - Automatically renders as a link when 'to' prop is provided, or as a button when 'onPress' is provided
- * - Supports type-safe route parameters, search params, and relative navigation with Tanstack Router
- * - Integrates with Nav component for consistent navigation UI patterns
- * - Provides automatic active state styling based on current route
- * - Supports icon prefixes and suffixes via prefixElement and suffixElement props
- * - Maintains all accessibility features from the underlying RawNavItem component
- * @see {@link NavItemProps} for all available props
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/integrations/tanstack-router/components/nav-item GitHub}
- * @see Design specs {@link https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library Figma}
- * @see Design docs in {@link https://www.payfit.design/ Payfit.design}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/ unity-components.payfit.io}
- */
-declare function NavItem<TRouter extends RegisteredRouter = RegisteredRouter, TOptions = unknown>({ prefixElement, suffixElement, ...rest }: NavItemProps<TRouter, TOptions>): import("react/jsx-runtime").JSX.Element;
-declare namespace NavItem {
-    var displayName: string;
-}
-export { NavItem };

package/dist/esm/integrations/tanstack-router/components/nav-item/NavItem.js

@@ -1,23 +0,0 @@
-import { RawNavItem as e } from "../../../../components/nav/parts/RawNavItem.js";
-import { jsx as t } from "react/jsx-runtime";
-import { createLink as n } from "@tanstack/react-router";
-//#region src/integrations/tanstack-router/components/nav-item/NavItem.tsx
-var r = n(e);
-function i({ prefixElement: n, suffixElement: i, ...a }) {
-	if ("to" in a || "href" in a) {
-		let e = { isCurrent: !0 };
-		return /* @__PURE__ */ t(r, {
-			...a,
-			activeProps: e,
-			prefix: n,
-			suffix: i
-		});
-	} else return /* @__PURE__ */ t(e, {
-		...a,
-		prefix: n,
-		suffix: i
-	});
-}
-i.displayName = "NavItem";
-//#endregion
-export { i as NavItem };