@payfit/unity-components 2.67.24 → 2.67.26

package/dist/esm/components/button/Button.d.ts

@@ -37,6 +37,11 @@ type UnityButtonProps = AriaButtonProps & ButtonBase & {
      * @default undefined
      */
     truncateLabelLength?: number;
+    /**
+     * Controls the button's density. Compact mode reduces its height and horizontal padding for space-constrained interfaces.
+     * @default 'default'
+     */
+    mode?: ButtonBase['mode'];
 };
 type UnionButtonProps = (UnityButtonProps & {
     variant: 'primary';

package/dist/esm/components/button/Button.js

@@ -16,12 +16,13 @@ var f = (n, r) => n ? /* @__PURE__ */ l(t, {
 	color: "inherit",
 	role: "presentation",
 	"data-unity-icon": "prefix"
-}) : null, p = a(({ variant: t, children: a, color: p = "primary", size: m = "default", isDisabled: h = !1, isLoading: g = !1, prefixIcon: _, suffixIcon: v, truncateLabelLength: y, ...b }, x) => {
-	let { theme: S } = s(), C = o(() => {
+}) : null, p = a(({ variant: t, children: a, color: p = "primary", size: m = "default", isDisabled: h = !1, isLoading: g = !1, prefixIcon: _, suffixIcon: v, truncateLabelLength: y, mode: b = "default", ...x }, S) => {
+	let { theme: C } = s(), w = o(() => {
 		let e = {
 			size: m,
 			isDisabled: h,
-			isLoading: g
+			isLoading: g,
+			mode: b
 		};
 		switch (t) {
 			case "primary": return c(n({
@@ -29,7 +30,7 @@ var f = (n, r) => n ? /* @__PURE__ */ l(t, {
 				color: p
 			}));
 			case "secondary":
-				if (S === "rebrand") {
+				if (C === "rebrand") {
 					let t = p === "inverted" ? "inverted.low" : "neutral";
 					return c(n({
 						...e,
@@ -55,17 +56,18 @@ var f = (n, r) => n ? /* @__PURE__ */ l(t, {
 		m,
 		h,
 		g,
-		S
-	]), w = { ...g && { "data-loading": g } }, T = h || g;
+		b,
+		C
+	]), T = { ...g && { "data-loading": g } }, E = h || g;
 	return /* @__PURE__ */ l(d, {
 		"data-dd-privacy": "allow",
-		...b,
-		ref: x,
-		isDisabled: T,
-		"aria-disabled": T ? !0 : void 0,
+		...x,
+		ref: S,
+		isDisabled: E,
+		"aria-disabled": E ? !0 : void 0,
 		isPending: g,
-		className: C,
-		...w,
+		className: w,
+		...T,
 		children: /* @__PURE__ */ u("span", {
 			className: "uy:inline-flex uy:gap-50 uy:items-center",
 			children: [

package/dist/esm/components/button/Button.variants.d.ts

@@ -12,6 +12,10 @@ declare const buttonBase: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, string[], {
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -25,6 +29,10 @@ declare const buttonBase: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -38,6 +46,10 @@ declare const buttonBase: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined>>;
 export declare const buttonFilled: import('tailwind-variants').TVReturnType<{
     color: {
@@ -69,6 +81,10 @@ export declare const buttonFilled: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnType<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -82,6 +98,10 @@ export declare const buttonFilled: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, string[], {
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -95,6 +115,10 @@ export declare const buttonFilled: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -108,6 +132,10 @@ export declare const buttonFilled: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined>>>;
 export declare const buttonOutlined: import('tailwind-variants').TVReturnType<{
     color: {
@@ -134,6 +162,10 @@ export declare const buttonOutlined: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnType<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -147,6 +179,10 @@ export declare const buttonOutlined: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, string[], {
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -160,6 +196,10 @@ export declare const buttonOutlined: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -173,6 +213,10 @@ export declare const buttonOutlined: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined>>>;
 export declare const buttonGhost: import('tailwind-variants').TVReturnType<{
     color: {
@@ -204,6 +248,10 @@ export declare const buttonGhost: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnType<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -217,6 +265,10 @@ export declare const buttonGhost: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, string[], {
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -230,6 +282,10 @@ export declare const buttonGhost: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -243,6 +299,10 @@ export declare const buttonGhost: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined>>>;
 export type ButtonBase = VariantProps<typeof buttonBase>;
 export type ButtonFilled = VariantProps<typeof buttonFilled>;

package/dist/esm/components/button/Button.variants.js

@@ -3,10 +3,7 @@ import { uyTv as e } from "@payfit/unity-themes";
 var t = e({
 	base: [
 		"uy:group",
-		"uy:cursor-pointer uy:rounded-100 uy:sm:rounded-75 uy:py-125 uy:sm:py-100 uy:sm:h-500 uy:inline-flex uy:items-center uy:justify-center uy:whitespace-nowrap uy:typography-action uy:transition-colors",
-		"uy:has-data-[unity-icon=\"prefix\"]:pl-100 uy:has-data-[unity-icon=\"prefix\"]:pr-200",
-		"uy:has-data-[unity-icon=\"suffix\"]:pl-200 uy:has-data-[unity-icon=\"suffix\"]:pr-100",
-		"uy:px-200 uy:has-data-[unity-icon=\"prefix\"]:has-data-[unity-icon=\"suffix\"]:px-100",
+		"uy:cursor-pointer uy:rounded-100 uy:sm:rounded-75 uy:inline-flex uy:items-center uy:justify-center uy:whitespace-nowrap uy:typography-action uy:transition-colors",
 		"uy:enabled:data-[focus-visible=\"true\"]:outline-2 uy:enabled:data-[focus-visible=\"true\"]:outline-solid uy:enabled:data-[focus-visible=\"true\"]:outline-offset-2 uy:enabled:data-[focus-visible=\"true\"]:outline-utility-focus-ring"
 	],
 	variants: {
@@ -21,12 +18,27 @@ var t = e({
 		size: {
 			default: "uy:w-auto uy:grow-0 uy:basis-auto",
 			full: "uy:grow-1 uy:w-full uy:basis-full"
+		},
+		mode: {
+			default: [
+				"uy:py-125 uy:sm:py-100 uy:sm:h-500 uy:px-200",
+				"uy:has-data-[unity-icon=\"prefix\"]:pl-100 uy:has-data-[unity-icon=\"prefix\"]:pr-200",
+				"uy:has-data-[unity-icon=\"suffix\"]:pl-200 uy:has-data-[unity-icon=\"suffix\"]:pr-100",
+				"uy:has-data-[unity-icon=\"prefix\"]:has-data-[unity-icon=\"suffix\"]:px-100"
+			],
+			compact: [
+				"uy:h-400 uy:py-50 uy:px-125",
+				"uy:has-data-[unity-icon=\"prefix\"]:pl-50 uy:has-data-[unity-icon=\"prefix\"]:pr-125",
+				"uy:has-data-[unity-icon=\"suffix\"]:pl-125 uy:has-data-[unity-icon=\"suffix\"]:pr-50",
+				"uy:has-data-[unity-icon=\"prefix\"]:has-data-[unity-icon=\"suffix\"]:px-50"
+			]
 		}
 	},
 	defaultVariants: {
 		isDisabled: !1,
 		isLoading: !1,
-		size: "default"
+		size: "default",
+		mode: "default"
 	}
 }), n = e({
 	extend: t,

package/dist/esm/components/link-button/LinkButton.variants.d.ts

@@ -45,6 +45,10 @@ export declare const linkButtonFilled: import('tailwind-variants').TVReturnType<
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnType<{
     color: {
         primary: string[];
@@ -75,6 +79,10 @@ export declare const linkButtonFilled: import('tailwind-variants').TVReturnType<
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnType<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -88,6 +96,10 @@ export declare const linkButtonFilled: import('tailwind-variants').TVReturnType<
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, string[], {
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -101,6 +113,10 @@ export declare const linkButtonFilled: import('tailwind-variants').TVReturnType<
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -114,6 +130,10 @@ export declare const linkButtonFilled: import('tailwind-variants').TVReturnType<
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined>>>>;
 export declare const linkButtonOutlined: import('tailwind-variants').TVReturnType<{
     color: {
@@ -153,6 +173,10 @@ export declare const linkButtonOutlined: import('tailwind-variants').TVReturnTyp
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnType<{
     color: {
         primary: string[];
@@ -178,6 +202,10 @@ export declare const linkButtonOutlined: import('tailwind-variants').TVReturnTyp
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnType<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -191,6 +219,10 @@ export declare const linkButtonOutlined: import('tailwind-variants').TVReturnTyp
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, string[], {
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -204,6 +236,10 @@ export declare const linkButtonOutlined: import('tailwind-variants').TVReturnTyp
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -217,6 +253,10 @@ export declare const linkButtonOutlined: import('tailwind-variants').TVReturnTyp
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined>>>>;
 export declare const linkButtonGhost: import('tailwind-variants').TVReturnType<{
     color: {
@@ -265,6 +305,10 @@ export declare const linkButtonGhost: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnType<{
     color: {
         primary: string[];
@@ -295,6 +339,10 @@ export declare const linkButtonGhost: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnType<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -308,6 +356,10 @@ export declare const linkButtonGhost: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, string[], {
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -321,6 +373,10 @@ export declare const linkButtonGhost: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isDisabled: {
         true: "uy:disabled:cursor-not-allowed";
@@ -334,4 +390,8 @@ export declare const linkButtonGhost: import('tailwind-variants').TVReturnType<{
         default: "uy:w-auto uy:grow-0 uy:basis-auto";
         full: "uy:grow-1 uy:w-full uy:basis-full";
     };
+    mode: {
+        default: string[];
+        compact: string[];
+    };
 }, undefined>>>>;

package/dist/esm/components/link-button/RawLinkButton.d.ts

@@ -34,6 +34,11 @@ type UnityLinkButtonProps = Omit<AriaLinkProps, 'style' | 'className'> & ButtonB
      * Truncate the label to a specific number of characters.
      */
     truncateLabelLength?: number;
+    /**
+     * Controls the link button's density. Compact mode reduces its height and horizontal padding for space-constrained interfaces.
+     * @default 'default'
+     */
+    mode?: ButtonBase['mode'];
     /**
      * Whether the link navigates to an external page. If true, the link will open in a new tab.
      * @default false

package/dist/esm/components/link-button/RawLinkButton.js

@@ -17,12 +17,13 @@ var p = (n, r) => n ? /* @__PURE__ */ u(t, {
 	color: "inherit",
 	role: "presentation",
 	"data-unity-icon": "prefix"
-}) : null, m = o(({ variant: t, href: o, children: m, color: h = "primary", size: g = "default", isDisabled: _ = !1, isLoading: v = !1, prefixIcon: y, suffixIcon: b, truncateLabelLength: x, isExternal: S, ...C }, w) => {
-	let T = S ?? n(o), { theme: E } = c(), D = s(() => {
+}) : null, m = o(({ variant: t, href: o, children: m, color: h = "primary", size: g = "default", isDisabled: _ = !1, isLoading: v = !1, prefixIcon: y, suffixIcon: b, truncateLabelLength: x, mode: S = "default", isExternal: C, ...w }, T) => {
+	let E = C ?? n(o), { theme: D } = c(), O = s(() => {
 		let e = {
 			size: g,
 			isDisabled: _,
-			isLoading: v
+			isLoading: v,
+			mode: S
 		}, n;
 		switch (t) {
 			case "primary":
@@ -32,7 +33,7 @@ var p = (n, r) => n ? /* @__PURE__ */ u(t, {
 				});
 				break;
 			case "secondary":
-				if (E === "rebrand") {
+				if (D === "rebrand") {
 					let t = h === "inverted" ? "inverted.low" : "neutral";
 					n = r({
 						...e,
@@ -56,25 +57,26 @@ var p = (n, r) => n ? /* @__PURE__ */ u(t, {
 				});
 				break;
 		}
-		return l(n, "uy:no-underline", _ || v ? `${t === "primary" || t === "secondary" && E === "rebrand" ? "uy:data-[disabled]:bg-surface-neutral-disabled" : "uy:data-[disabled]:bg-transparent"} uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:cursor-not-allowed` : "", v ? "uy:data-[disabled]:cursor-progress" : "");
+		return l(n, "uy:no-underline", _ || v ? `${t === "primary" || t === "secondary" && D === "rebrand" ? "uy:data-[disabled]:bg-surface-neutral-disabled" : "uy:data-[disabled]:bg-transparent"} uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:cursor-not-allowed` : "", v ? "uy:data-[disabled]:cursor-progress" : "");
 	}, [
 		t,
 		h,
 		g,
 		_,
 		v,
-		E
-	]), O = { ...v && { "data-loading": v } };
+		S,
+		D
+	]), k = { ...v && { "data-loading": v } };
 	return /* @__PURE__ */ u(f, {
 		"data-dd-privacy": "allow",
-		...C,
+		...w,
 		href: o,
-		ref: w,
+		ref: T,
 		isDisabled: _ || v,
-		className: D,
-		target: T ? "_blank" : C.target,
-		rel: T && !C.rel ? "noopener noreferrer" : C.rel,
-		...O,
+		className: O,
+		target: E ? "_blank" : w.target,
+		rel: E && !w.rel ? "noopener noreferrer" : w.rel,
+		...k,
 		children: /* @__PURE__ */ d("span", {
 			className: "uy:inline-flex uy:gap-50 uy:items-center",
 			children: [

package/dist/esm/components/tabs/Tabs.d.ts

@@ -6,7 +6,45 @@ export interface TabsProps extends Omit<AriaTabsProps, 'isDisabled' | 'orientati
     scrollable?: boolean;
 }
 /**
- * Tabs allow users to explore and switch between different views.
+ * Use these tabs when switching between sections without changing the URL.
+ *
+ * When each tab represents a navigable page and its selection must be
+ * shareable, bookmarkable, or preserved by browser history, use the
+ * [TanStack Router Tabs integration](?path=/docs/library-integrations-reference-tanstack-router-tabs--docs)
+ * instead.
+ * @example Static API
+ * ```tsx
+ * <Tabs defaultSelectedKey="profile">
+ *   <TabList aria-label="Account">
+ *     <RawTab id="profile">Profile</RawTab>
+ *     <RawTab id="settings">Settings</RawTab>
+ *   </TabList>
+ *   <TabPanels>
+ *     <TabPanel id="profile">
+ *       <Profile />
+ *     </TabPanel>
+ *     <TabPanel id="settings">
+ *       <Settings />
+ *     </TabPanel>
+ *   </TabPanels>
+ * </Tabs>
+ * ```
+ * @example Dynamic API
+ * ```tsx
+ * const tabs = [
+ *   { id: 'profile', title: 'Profile', content: <Profile /> },
+ *   { id: 'settings', title: 'Settings', content: <Settings /> },
+ * ]
+ *
+ * <Tabs>
+ *   <TabList aria-label="Account" items={tabs}>
+ *     {item => <RawTab>{item.title}</RawTab>}
+ *   </TabList>
+ *   <TabPanels items={tabs}>
+ *     {item => <TabPanel>{item.content}</TabPanel>}
+ *   </TabPanels>
+ * </Tabs>
+ * ```
  */
 declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
 export { Tabs };

package/dist/esm/components/tabs/parts/RawTab.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { TabProps as AriaTabProps, Key } from 'react-aria-components/Tabs';
 export interface TabProps extends Omit<AriaTabProps, 'isDisabled' | 'className' | 'style' | 'download' | 'ping' | 'routerOptions' | 'id'> {
-    id: Key | undefined;
+    id?: Key;
     suffix?: ReactNode;
 }
 declare const RawTab: import('react').ForwardRefExoticComponent<TabProps & {

package/dist/esm/components/tabs/parts/TabList.d.ts

@@ -1,4 +1,10 @@
-declare const TabList: import('react').ForwardRefExoticComponent<object & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
+import { ForwardedRef } from 'react';
+import { TabListProps as AriaTabListProps } from 'react-aria-components/Tabs';
+export type TabListProps<T extends object> = Omit<AriaTabListProps<T>, 'className' | 'style'>;
+type TabListComponent = (<T extends object>(props: TabListProps<T> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => JSX.Element) & {
+    displayName?: string;
+};
+declare const TabList: TabListComponent;
 export { TabList };

package/dist/esm/components/tabs/parts/TabList.js

@@ -6,76 +6,78 @@ import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { useResizeObserver as l } from "usehooks-ts";
 import { TabList as u } from "react-aria-components/Tabs";
 //#region src/components/tabs/parts/TabList.tsx
-var d = r(({ children: r }, d) => {
-	let f = a(null), [p, m] = o(!1), [h, g] = o(!1), { variant: _, scrollable: v } = e(), { tabList: y, scroller: b } = t({
-		variant: _,
-		scrollable: v
-	}), x = i(() => {
-		if (!f.current) return;
-		let { scrollLeft: e, scrollWidth: t, clientWidth: n } = f.current;
-		m(e > 0), g(e + n < t);
+var d = r(function({ children: r, ...d }, f) {
+	let p = a(null), [m, h] = o(!1), [g, _] = o(!1), { variant: v, scrollable: y } = e(), { tabList: b, scroller: x } = t({
+		variant: v,
+		scrollable: y
+	}), S = i(() => {
+		if (!p.current) return;
+		let { scrollLeft: e, scrollWidth: t, clientWidth: n } = p.current;
+		h(e > 0), _(e + n < t);
 	}, []);
 	l({
-		ref: f,
-		onResize: x
+		ref: p,
+		onResize: S
 	});
-	let S = (e) => {
-		x();
-	}, C = () => {
-		let e = f.current?.querySelectorAll("[role=tab]");
-		if (!f.current || !e) return 0;
-		let { scrollLeft: t } = f.current, n = Array.from(e);
+	let C = () => {
+		S();
+	}, w = () => {
+		let e = p.current?.querySelectorAll("[role=tab]");
+		if (!p.current || !e) return 0;
+		let { scrollLeft: t } = p.current, n = Array.from(e);
 		for (let e = n.length - 1; e >= 0; e--) {
 			let r = n[e];
 			if (r.offsetLeft < t) return -r.offsetWidth;
 		}
 		return 0;
-	}, w = () => {
-		let e = f.current?.querySelectorAll("[role=tab]");
-		if (!f.current || !e) return 0;
-		let { scrollLeft: t, clientWidth: n } = f.current, r = Array.from(e), i = t + n;
+	}, T = () => {
+		let e = p.current?.querySelectorAll("[role=tab]");
+		if (!p.current || !e) return 0;
+		let { scrollLeft: t, clientWidth: n } = p.current, r = Array.from(e), i = t + n;
 		for (let e = 0; e < r.length - 1; e++) {
 			let t = r[e], n = t.offsetLeft + t.offsetWidth;
 			if (n > i || n < i) return t.offsetWidth;
 		}
 		return 0;
 	};
-	return v ? /* @__PURE__ */ c("div", {
+	return y ? /* @__PURE__ */ c("div", {
 		className: "uy:relative",
 		children: [
-			p && /* @__PURE__ */ s(n, {
+			m && /* @__PURE__ */ s(n, {
 				direction: "left",
 				onPress: () => {
-					f.current?.scrollBy({
+					p.current?.scrollBy({
 						behavior: "smooth",
-						left: C()
+						left: w()
 					});
 				}
 			}),
 			/* @__PURE__ */ s("div", {
-				ref: f,
+				ref: p,
 				"data-testid": "scrollable-tab-list",
-				className: b(),
-				onScroll: S,
+				className: x(),
+				onScroll: C,
 				children: /* @__PURE__ */ s(u, {
-					ref: d,
-					className: y(),
+					...d,
+					ref: f,
+					className: b(),
 					children: r
 				})
 			}),
-			h && /* @__PURE__ */ s(n, {
+			g && /* @__PURE__ */ s(n, {
 				direction: "right",
 				onPress: () => {
-					f.current?.scrollBy({
+					p.current?.scrollBy({
 						behavior: "smooth",
-						left: w()
+						left: T()
 					});
 				}
 			})
 		]
 	}) : /* @__PURE__ */ s(u, {
-		ref: d,
-		className: y(),
+		...d,
+		ref: f,
+		className: b(),
 		children: r
 	});
 });

package/dist/esm/components/tabs/parts/TabPanel.d.ts

@@ -1,6 +1,6 @@
 import { TabPanelProps as AriaTabPanelProps, Key } from 'react-aria-components/Tabs';
 export interface TabPanelProps extends Omit<AriaTabPanelProps, 'classname' | 'style' | 'id'> {
-    id: Key | undefined;
+    id?: Key;
 }
 declare const TabPanel: import('react').ForwardRefExoticComponent<TabPanelProps & import('react').RefAttributes<HTMLDivElement>>;
 export { TabPanel };

package/dist/esm/components/tabs/parts/TabPanels.d.ts

@@ -0,0 +1,11 @@
+import { ForwardedRef } from 'react';
+import { TabPanelsProps as AriaTabPanelsProps } from 'react-aria-components/Tabs';
+export type TabPanelsProps<T extends object> = Omit<AriaTabPanelsProps<T>, 'className' | 'style'>;
+type TabPanelsComponent = (<T extends object>(props: TabPanelsProps<T> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => JSX.Element) & {
+    displayName?: string;
+};
+/** Groups tab panels and supports static or dynamic collections. */
+declare const TabPanels: TabPanelsComponent;
+export { TabPanels };

package/dist/esm/components/tabs/parts/TabPanels.js

@@ -0,0 +1,13 @@
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { TabPanels as n } from "react-aria-components/Tabs";
+//#region src/components/tabs/parts/TabPanels.tsx
+var r = e(function(e, r) {
+	return /* @__PURE__ */ t(n, {
+		...e,
+		ref: r
+	});
+});
+r.displayName = "TabPanels";
+//#endregion
+export { r as TabPanels };

package/dist/esm/index.d.ts

@@ -197,6 +197,7 @@ export * from './components/tabs/Tabs.js';
 export * from './components/tabs/parts/RawTab.js';
 export * from './components/tabs/parts/TabList.js';
 export * from './components/tabs/parts/TabPanel.js';
+export * from './components/tabs/parts/TabPanels.js';
 export * from './components/task-menu/TaskMenu.js';
 export * from './components/task-menu/parts/RawSubTask.js';
 export * from './components/task-menu/parts/RawTask.js';

package/dist/esm/index.js

@@ -206,43 +206,44 @@ import { Tabs as xi } from "./components/tabs/Tabs.js";
 import { RawTab as Si } from "./components/tabs/parts/RawTab.js";
 import { TabList as Ci } from "./components/tabs/parts/TabList.js";
 import { TabPanel as wi } from "./components/tabs/parts/TabPanel.js";
-import { TaskMenu as Ti, taskMenu as Ei } from "./components/task-menu/TaskMenu.js";
-import { RawSubTask as Di, rawSubTask as Oi } from "./components/task-menu/parts/RawSubTask.js";
-import { RawTask as ki, rawTask as Ai } from "./components/task-menu/parts/RawTask.js";
-import { TaskGroup as ji } from "./components/task-menu/parts/TaskGroup.js";
-import { TextArea as Mi, textArea as Ni } from "./components/text-area/TextArea.js";
-import { Timeline as Pi } from "./components/timeline/Timeline.js";
-import { TimelineStep as Fi } from "./components/timeline/parts/TimelineStep.js";
-import { TimelineStepHeader as Ii } from "./components/timeline/parts/TimelineStepHeader.js";
-import { TimelineStepDescription as Li } from "./components/timeline/parts/TimelineStepDescription.js";
-import { TOAST_CONFIG as Ri, ToastManager as zi } from "./components/toast/ToastManager.js";
-import { toast as Bi } from "./components/toast/toast.js";
-import { ToggleSwitchGroup as Vi, toggleSwitchGroup as Hi } from "./components/toggle-switch-group/ToggleSwitchGroup.js";
-import { ToggleSwitch as Ui, toggleSwitch as Wi } from "./components/toggle-switch/ToggleSwitch.js";
-import { useAsyncList as Gi } from "./hooks/use-async-list.js";
-import { FormHelperText as Ki } from "./components/form-field/parts/FormHelperText.js";
-import { RawFormContextualLink as qi } from "./components/form-field/parts/RawFormContextualLink.js";
-import { FormField as Ji } from "./components/form-field/FormField.js";
-import { useUnityForm as Yi } from "./hooks/use-form.js";
-import { FormControl as Xi } from "./components/form-field/parts/FormControl.js";
-import { FormFeedbackText as Zi } from "./components/form-field/parts/FormFeedbackText.js";
-import { CheckboxField as Qi } from "./components/checkbox-field/CheckboxField.js";
-import { CheckboxGroupField as $i } from "./components/checkbox-group-field/CheckboxGroupField.js";
-import { FormLabel as ea } from "./components/form-field/parts/FormLabel.js";
-import { DatePickerField as ta } from "./components/date-picker-field/DatePickerField.js";
-import { MultiSelectField as na } from "./components/multi-select-field/MultiSelectField.js";
-import { NumberField as ra, numberField as ia } from "./components/number-field/NumberField.js";
-import { RadioButtonGroupField as aa } from "./components/radio-button-group-field/RadioButtonGroupField.js";
-import { SelectableButtonGroupField as oa } from "./components/selectable-button-group-field/SelectableButtonGroupField.js";
-import { SelectableCardCheckboxGroupField as sa } from "./components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js";
-import { SelectableCardRadioGroupField as ca } from "./components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js";
-import { SelectField as la } from "./components/select-field/SelectField.js";
-import { TextField as ua } from "./components/text-field/TextField.js";
-import { ToggleSwitchField as da } from "./components/toggle-switch-field/ToggleSwitchField.js";
-import { ToggleSwitchGroupField as fa } from "./components/toggle-switch-group-field/ToggleSwitchGroupField.js";
-import { useFieldContext as pa, useFormContext as ma } from "./hooks/tanstack-form-context.js";
-import { useTanstackUnityForm as ha, withFieldGroup as ga, withForm as _a } from "./hooks/use-tanstack-form.js";
-import { tanstackFormDefaultValues as va } from "./hooks/tanstack-form-default-values.js";
-import { useFieldA11yContext as ya } from "./components/form-field/TanstackFormField.context.js";
-import { fieldRevalidateLogic as ba } from "./utils/field-revalidate-logic.js";
-export { y as ActionBar, u as ActionBarAction, d as ActionBarButton, m as ActionBarIconButton, b as ActionBarRoot, e as Actionable, w as Alert, T as AlertActions, O as AlertContent, k as AlertTitle, A as Anchor, j as AppLayout, I as AppMenu, N as AppMenuContext, P as AppMenuContextProvider, G as AppMenuFooter, Y as AppMenuHeader, X as AppMenuNavContent, W as AppProfileMenuButton, M as AppTopBar, Z as Autocomplete, Q as AutocompleteItem, ee as AutocompleteItemGroup, B as Avatar, H as AvatarFallback, se as AvatarGroup, oe as AvatarGroupCount, ie as AvatarIcon, U as AvatarImage, ae as AvatarPair, ne as AvatarWithTooltip, K as BRAND_ASSETS, we as BREADCRUMB_ITEM_MAX_WIDTH, z as Badge, ce as BadgeDot, le as BottomSheet, de as BottomSheetContent, pe as BottomSheetFooter, he as BottomSheetHeader, ve as Breadcrumb, _e as Breadcrumbs, l as Button, Ie as Card, ze as CardContent, Re as CardTitle, Oe as Carousel, Me as CarouselContent, Ae as CarouselHeader, Ee as CarouselNav, Pe as CarouselSlide, Ue as Checkbox, Qi as CheckboxField, Ve as CheckboxGroup, $i as CheckboxGroupField, We as CheckboxStandalone, S as CircularIconButton, Ge as Collapsible, Ke as CollapsibleContent, Je as CollapsibleGroup, qe as CollapsibleTitle, n as DESKTOP_BREAKPOINTS, xt as DataTable, wt as DataTableBulkActions, St as DataTableRoot, Tt as DateCalendar, Et as DatePicker, ta as DatePickerField, Dt as DateRangeCalendar, Ot as DateRangePicker, At as DefinitionItem, kt as DefinitionList, jt as DefinitionTooltip, Pt as Dialog, Mt as DialogActions, Nt as DialogButton, Lt as DialogContent, Rt as DialogTitle, Ft as DialogTrigger, ct as EmptyState, lt as EmptyStateActions, ut as EmptyStateContent, Kt as EmptyStateGetStarted, Jt as EmptyStateGoodJob, dt as EmptyStateIcon, Xt as EmptyStateNoSearchResults, Yt as EmptyStateUpgradeRequired, Zt as EmptyStateUseDesktop, qt as EmptyStateWaitingForData, $t as ErrorState, rn as FieldGroup, tn as Fieldset, an as Filter, fn as FilterAdapters, on as FilterControls, sn as FilterLabels, pn as FilterToolbar, _n as Flex, yn as FlexItem, un as FloatingActionBar, xn as Form, Xi as FormControl, Zi as FormFeedbackText, Ji as FormField, Ki as FormHelperText, ea as FormLabel, Sn as FullPageLoader, Ln as FunnelBackButton, On as FunnelBody, En as FunnelLayout, An as FunnelPage, Mn as FunnelPageAction, Nn as FunnelPageActions, Fn as FunnelPageContent, Rn as FunnelPageFooter, Bn as FunnelPageHeader, Hn as FunnelSidebar, Wn as FunnelTopBar, Jn as Grid, Yn as GridItem, s as Icon, p as IconButton, Xn as Input, re as InteractiveAvatar, Be as Label, Qn as ListView, rr as ListViewItemLabel, ir as ListViewItemText, tr as ListViewSection, r as MOBILE_BREAKPOINTS, h as Menu, g as MenuContent, R as MenuHeader, ar as MenuSection, L as MenuSeparator, _ as MenuTrigger, or as MultiSelect, na as MultiSelectField, sr as MultiSelectOptGroup, cr as MultiSelectOption, lr as Nav, fr as NavGroup, _r as NavigationCardDescription, mr as NavigationCardGroup, gr as NavigationCardLabel, ye as NoopRouterProvider, ra as NumberField, vr as NumberInput, br as Page, Sr as PageHeader, wr as PageHeading, Tr as Pagination, Dr as PaginationContent, Pr as PaginationEllipsis, kr as PaginationItem, q as PayFitBrand, J as PayFitBrandPreprod, Lr as PhoneNumberInput, Rr as Pill, zr as Popover, Br as PopoverTrigger, Vr as ProgressBar, Ht as PromoDialog, zt as PromoDialogActions, Gt as PromoDialogContent, Bt as PromoDialogHero, Wt as PromoDialogSubtitle, Vt as PromoDialogTitle, Gr as RadioButton, Hr as RadioButtonGroup, aa as RadioButtonGroupField, Ur as RadioButtonHelper, Wr as RadioIndicator, Te as RawBreadcrumbLink, qi as RawFormContextualLink, Se as RawLink, Zn as RawLinkButton, $n as RawListViewItem, v as RawMenuItem, ur as RawNavItem, pr as RawNavigationCard, Ar as RawPaginationLink, Nr as RawPaginationNext, Mr as RawPaginationPrevious, Di as RawSubTask, Si as RawTab, ki as RawTask, be as RouterProvider, Xe as Search, Jr as SegmentedButtonGroup, $e as Select, Qe as SelectButton, la as SelectField, Ye as SelectOption, ii as SelectOptionGroup, ai as SelectOptionHelper, Qr as SelectableButton, Xr as SelectableButtonGroup, oa as SelectableButtonGroupField, ti as SelectableCardCheckbox, ei as SelectableCardCheckboxGroup, sa as SelectableCardCheckboxGroupField, ri as SelectableCardRadio, ni as SelectableCardRadioGroup, ca as SelectableCardRadioGroupField, oi as SidePanel, ci as SidePanelContent, ui as SidePanelFooter, fi as SidePanelHeader, qr as Skeleton, wn as SkipLink, Tn as SkipLinks, c as Spinner, vn as Stack, bn as StackItem, hi as Step, mi as Stepper, Ri as TOAST_CONFIG, Ci as TabList, wi as TabPanel, nt as Table, it as TableBody, _i as TableCell, ot as TableColumnHeader, ft as TableEmptyState, pt as TableEmptyStateError, mt as TableEmptyStateLoading, ht as TableEmptyStateNoData, gt as TableEmptyStateText, yt as TableHeader, _t as TableNoSearchResults, et as TablePagination, rt as TableRoot, yi as TableRow, xi as Tabs, ji as TaskGroup, Ti as TaskMenu, D as Text, Mi as TextArea, ua as TextField, Pi as Timeline, Fi as TimelineStep, Li as TimelineStepDescription, Ii as TimelineStepHeader, zi as ToastManager, Yr as ToggleButton, Ui as ToggleSwitch, da as ToggleSwitchField, Vi as ToggleSwitchGroup, fa as ToggleSwitchGroupField, f as Tooltip, x as actionBarRoot, $ as autocompleteItem, te as autocompleteItemGroup, ue as bottomSheet, fe as bottomSheetContent, me as bottomSheetFooter, ge as bottomSheetHeader, Le as card, ke as carousel, Ne as carouselContent, je as carouselHeader, De as carouselNav, Fe as carouselSlide, He as checkboxGroup, C as circularIconButton, Ct as dataTableRoot, It as dialog, en as errorState, ba as fieldRevalidateLogic, nn as fieldset, cn as filterContainer, ln as filterDismissButton, mn as filterToolbar, hn as flex, gn as flexItem, dn as floatingActionBar, Cn as fullPageLoader, kn as funnelBody, Dn as funnelLayout, jn as funnelPage, Pn as funnelPageActions, In as funnelPageContent, zn as funnelPageFooter, Vn as funnelPageHeader, Un as funnelSidebar, Gn as funnelTopBar, V as getInitials, Kn as grid, qn as gridItem, i as isDesktopBreakpoint, a as isMobileBreakpoint, Ce as link, er as listViewItem, nr as listViewSection, dr as navItemBase, hr as navigationCardGroup, ia as numberField, yr as numberInput, xr as page, Cr as pageHeader, Er as pagination, Or as paginationContent, jr as paginationLink, Ut as promoDialog, Kr as radioButton, Oi as rawSubTask, Ai as rawTask, Ze as search, $r as selectableButton, Zr as selectableButtonGroup, si as sidePanel, li as sidePanelContent, di as sidePanelFooter, pi as sidePanelHeader, at as tableBody, vi as tableCell, st as tableColumnHeader, vt as tableEmptyState, bt as tableHeader, tt as tablePagination, bi as tableRow, va as tanstackFormDefaultValues, Ei as taskMenu, E as text, Ni as textArea, Bi as toast, Wi as toggleSwitch, Hi as toggleSwitchGroup, F as useAppMenuContext, Gi as useAsyncList, o as useBreakpointListener, Qt as useContainerQueryLevel, ya as useFieldA11yContext, pa as useFieldContext, ma as useFormContext, t as useMediaQuery, Ir as usePaginationState, Fr as usePaginationWindow, xe as useRouter, gi as useStepper, ha as useTanstackUnityForm, Yi as useUnityForm, ga as withFieldGroup, _a as withForm };
+import { TabPanels as Ti } from "./components/tabs/parts/TabPanels.js";
+import { TaskMenu as Ei, taskMenu as Di } from "./components/task-menu/TaskMenu.js";
+import { RawSubTask as Oi, rawSubTask as ki } from "./components/task-menu/parts/RawSubTask.js";
+import { RawTask as Ai, rawTask as ji } from "./components/task-menu/parts/RawTask.js";
+import { TaskGroup as Mi } from "./components/task-menu/parts/TaskGroup.js";
+import { TextArea as Ni, textArea as Pi } from "./components/text-area/TextArea.js";
+import { Timeline as Fi } from "./components/timeline/Timeline.js";
+import { TimelineStep as Ii } from "./components/timeline/parts/TimelineStep.js";
+import { TimelineStepHeader as Li } from "./components/timeline/parts/TimelineStepHeader.js";
+import { TimelineStepDescription as Ri } from "./components/timeline/parts/TimelineStepDescription.js";
+import { TOAST_CONFIG as zi, ToastManager as Bi } from "./components/toast/ToastManager.js";
+import { toast as Vi } from "./components/toast/toast.js";
+import { ToggleSwitchGroup as Hi, toggleSwitchGroup as Ui } from "./components/toggle-switch-group/ToggleSwitchGroup.js";
+import { ToggleSwitch as Wi, toggleSwitch as Gi } from "./components/toggle-switch/ToggleSwitch.js";
+import { useAsyncList as Ki } from "./hooks/use-async-list.js";
+import { FormHelperText as qi } from "./components/form-field/parts/FormHelperText.js";
+import { RawFormContextualLink as Ji } from "./components/form-field/parts/RawFormContextualLink.js";
+import { FormField as Yi } from "./components/form-field/FormField.js";
+import { useUnityForm as Xi } from "./hooks/use-form.js";
+import { FormControl as Zi } from "./components/form-field/parts/FormControl.js";
+import { FormFeedbackText as Qi } from "./components/form-field/parts/FormFeedbackText.js";
+import { CheckboxField as $i } from "./components/checkbox-field/CheckboxField.js";
+import { CheckboxGroupField as ea } from "./components/checkbox-group-field/CheckboxGroupField.js";
+import { FormLabel as ta } from "./components/form-field/parts/FormLabel.js";
+import { DatePickerField as na } from "./components/date-picker-field/DatePickerField.js";
+import { MultiSelectField as ra } from "./components/multi-select-field/MultiSelectField.js";
+import { NumberField as ia, numberField as aa } from "./components/number-field/NumberField.js";
+import { RadioButtonGroupField as oa } from "./components/radio-button-group-field/RadioButtonGroupField.js";
+import { SelectableButtonGroupField as sa } from "./components/selectable-button-group-field/SelectableButtonGroupField.js";
+import { SelectableCardCheckboxGroupField as ca } from "./components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js";
+import { SelectableCardRadioGroupField as la } from "./components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js";
+import { SelectField as ua } from "./components/select-field/SelectField.js";
+import { TextField as da } from "./components/text-field/TextField.js";
+import { ToggleSwitchField as fa } from "./components/toggle-switch-field/ToggleSwitchField.js";
+import { ToggleSwitchGroupField as pa } from "./components/toggle-switch-group-field/ToggleSwitchGroupField.js";
+import { useFieldContext as ma, useFormContext as ha } from "./hooks/tanstack-form-context.js";
+import { useTanstackUnityForm as ga, withFieldGroup as _a, withForm as va } from "./hooks/use-tanstack-form.js";
+import { tanstackFormDefaultValues as ya } from "./hooks/tanstack-form-default-values.js";
+import { useFieldA11yContext as ba } from "./components/form-field/TanstackFormField.context.js";
+import { fieldRevalidateLogic as xa } from "./utils/field-revalidate-logic.js";
+export { y as ActionBar, u as ActionBarAction, d as ActionBarButton, m as ActionBarIconButton, b as ActionBarRoot, e as Actionable, w as Alert, T as AlertActions, O as AlertContent, k as AlertTitle, A as Anchor, j as AppLayout, I as AppMenu, N as AppMenuContext, P as AppMenuContextProvider, G as AppMenuFooter, Y as AppMenuHeader, X as AppMenuNavContent, W as AppProfileMenuButton, M as AppTopBar, Z as Autocomplete, Q as AutocompleteItem, ee as AutocompleteItemGroup, B as Avatar, H as AvatarFallback, se as AvatarGroup, oe as AvatarGroupCount, ie as AvatarIcon, U as AvatarImage, ae as AvatarPair, ne as AvatarWithTooltip, K as BRAND_ASSETS, we as BREADCRUMB_ITEM_MAX_WIDTH, z as Badge, ce as BadgeDot, le as BottomSheet, de as BottomSheetContent, pe as BottomSheetFooter, he as BottomSheetHeader, ve as Breadcrumb, _e as Breadcrumbs, l as Button, Ie as Card, ze as CardContent, Re as CardTitle, Oe as Carousel, Me as CarouselContent, Ae as CarouselHeader, Ee as CarouselNav, Pe as CarouselSlide, Ue as Checkbox, $i as CheckboxField, Ve as CheckboxGroup, ea as CheckboxGroupField, We as CheckboxStandalone, S as CircularIconButton, Ge as Collapsible, Ke as CollapsibleContent, Je as CollapsibleGroup, qe as CollapsibleTitle, n as DESKTOP_BREAKPOINTS, xt as DataTable, wt as DataTableBulkActions, St as DataTableRoot, Tt as DateCalendar, Et as DatePicker, na as DatePickerField, Dt as DateRangeCalendar, Ot as DateRangePicker, At as DefinitionItem, kt as DefinitionList, jt as DefinitionTooltip, Pt as Dialog, Mt as DialogActions, Nt as DialogButton, Lt as DialogContent, Rt as DialogTitle, Ft as DialogTrigger, ct as EmptyState, lt as EmptyStateActions, ut as EmptyStateContent, Kt as EmptyStateGetStarted, Jt as EmptyStateGoodJob, dt as EmptyStateIcon, Xt as EmptyStateNoSearchResults, Yt as EmptyStateUpgradeRequired, Zt as EmptyStateUseDesktop, qt as EmptyStateWaitingForData, $t as ErrorState, rn as FieldGroup, tn as Fieldset, an as Filter, fn as FilterAdapters, on as FilterControls, sn as FilterLabels, pn as FilterToolbar, _n as Flex, yn as FlexItem, un as FloatingActionBar, xn as Form, Zi as FormControl, Qi as FormFeedbackText, Yi as FormField, qi as FormHelperText, ta as FormLabel, Sn as FullPageLoader, Ln as FunnelBackButton, On as FunnelBody, En as FunnelLayout, An as FunnelPage, Mn as FunnelPageAction, Nn as FunnelPageActions, Fn as FunnelPageContent, Rn as FunnelPageFooter, Bn as FunnelPageHeader, Hn as FunnelSidebar, Wn as FunnelTopBar, Jn as Grid, Yn as GridItem, s as Icon, p as IconButton, Xn as Input, re as InteractiveAvatar, Be as Label, Qn as ListView, rr as ListViewItemLabel, ir as ListViewItemText, tr as ListViewSection, r as MOBILE_BREAKPOINTS, h as Menu, g as MenuContent, R as MenuHeader, ar as MenuSection, L as MenuSeparator, _ as MenuTrigger, or as MultiSelect, ra as MultiSelectField, sr as MultiSelectOptGroup, cr as MultiSelectOption, lr as Nav, fr as NavGroup, _r as NavigationCardDescription, mr as NavigationCardGroup, gr as NavigationCardLabel, ye as NoopRouterProvider, ia as NumberField, vr as NumberInput, br as Page, Sr as PageHeader, wr as PageHeading, Tr as Pagination, Dr as PaginationContent, Pr as PaginationEllipsis, kr as PaginationItem, q as PayFitBrand, J as PayFitBrandPreprod, Lr as PhoneNumberInput, Rr as Pill, zr as Popover, Br as PopoverTrigger, Vr as ProgressBar, Ht as PromoDialog, zt as PromoDialogActions, Gt as PromoDialogContent, Bt as PromoDialogHero, Wt as PromoDialogSubtitle, Vt as PromoDialogTitle, Gr as RadioButton, Hr as RadioButtonGroup, oa as RadioButtonGroupField, Ur as RadioButtonHelper, Wr as RadioIndicator, Te as RawBreadcrumbLink, Ji as RawFormContextualLink, Se as RawLink, Zn as RawLinkButton, $n as RawListViewItem, v as RawMenuItem, ur as RawNavItem, pr as RawNavigationCard, Ar as RawPaginationLink, Nr as RawPaginationNext, Mr as RawPaginationPrevious, Oi as RawSubTask, Si as RawTab, Ai as RawTask, be as RouterProvider, Xe as Search, Jr as SegmentedButtonGroup, $e as Select, Qe as SelectButton, ua as SelectField, Ye as SelectOption, ii as SelectOptionGroup, ai as SelectOptionHelper, Qr as SelectableButton, Xr as SelectableButtonGroup, sa as SelectableButtonGroupField, ti as SelectableCardCheckbox, ei as SelectableCardCheckboxGroup, ca as SelectableCardCheckboxGroupField, ri as SelectableCardRadio, ni as SelectableCardRadioGroup, la as SelectableCardRadioGroupField, oi as SidePanel, ci as SidePanelContent, ui as SidePanelFooter, fi as SidePanelHeader, qr as Skeleton, wn as SkipLink, Tn as SkipLinks, c as Spinner, vn as Stack, bn as StackItem, hi as Step, mi as Stepper, zi as TOAST_CONFIG, Ci as TabList, wi as TabPanel, Ti as TabPanels, nt as Table, it as TableBody, _i as TableCell, ot as TableColumnHeader, ft as TableEmptyState, pt as TableEmptyStateError, mt as TableEmptyStateLoading, ht as TableEmptyStateNoData, gt as TableEmptyStateText, yt as TableHeader, _t as TableNoSearchResults, et as TablePagination, rt as TableRoot, yi as TableRow, xi as Tabs, Mi as TaskGroup, Ei as TaskMenu, D as Text, Ni as TextArea, da as TextField, Fi as Timeline, Ii as TimelineStep, Ri as TimelineStepDescription, Li as TimelineStepHeader, Bi as ToastManager, Yr as ToggleButton, Wi as ToggleSwitch, fa as ToggleSwitchField, Hi as ToggleSwitchGroup, pa as ToggleSwitchGroupField, f as Tooltip, x as actionBarRoot, $ as autocompleteItem, te as autocompleteItemGroup, ue as bottomSheet, fe as bottomSheetContent, me as bottomSheetFooter, ge as bottomSheetHeader, Le as card, ke as carousel, Ne as carouselContent, je as carouselHeader, De as carouselNav, Fe as carouselSlide, He as checkboxGroup, C as circularIconButton, Ct as dataTableRoot, It as dialog, en as errorState, xa as fieldRevalidateLogic, nn as fieldset, cn as filterContainer, ln as filterDismissButton, mn as filterToolbar, hn as flex, gn as flexItem, dn as floatingActionBar, Cn as fullPageLoader, kn as funnelBody, Dn as funnelLayout, jn as funnelPage, Pn as funnelPageActions, In as funnelPageContent, zn as funnelPageFooter, Vn as funnelPageHeader, Un as funnelSidebar, Gn as funnelTopBar, V as getInitials, Kn as grid, qn as gridItem, i as isDesktopBreakpoint, a as isMobileBreakpoint, Ce as link, er as listViewItem, nr as listViewSection, dr as navItemBase, hr as navigationCardGroup, aa as numberField, yr as numberInput, xr as page, Cr as pageHeader, Er as pagination, Or as paginationContent, jr as paginationLink, Ut as promoDialog, Kr as radioButton, ki as rawSubTask, ji as rawTask, Ze as search, $r as selectableButton, Zr as selectableButtonGroup, si as sidePanel, li as sidePanelContent, di as sidePanelFooter, pi as sidePanelHeader, at as tableBody, vi as tableCell, st as tableColumnHeader, vt as tableEmptyState, bt as tableHeader, tt as tablePagination, bi as tableRow, ya as tanstackFormDefaultValues, Di as taskMenu, E as text, Pi as textArea, Vi as toast, Gi as toggleSwitch, Ui as toggleSwitchGroup, F as useAppMenuContext, Ki as useAsyncList, o as useBreakpointListener, Qt as useContainerQueryLevel, ba as useFieldA11yContext, ma as useFieldContext, ha as useFormContext, t as useMediaQuery, Ir as usePaginationState, Fr as usePaginationWindow, xe as useRouter, gi as useStepper, ga as useTanstackUnityForm, Xi as useUnityForm, _a as withFieldGroup, va as withForm };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.67.24",
+  "version": "2.67.26",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -96,7 +96,7 @@
     "tailwind-variants": "3.3.1",
     "usehooks-ts": "3.1.1",
     "zod": "4.5.4",
-    "@payfit/unity-illustrations": "2.67.24"
+    "@payfit/unity-illustrations": "2.67.26"
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
@@ -108,8 +108,8 @@
     "react-hook-form": "^7",
     "react-router-dom": "^5",
     "zod": "^3 || ^4",
-    "@payfit/unity-icons": "2.67.24",
-    "@payfit/unity-themes": "2.67.24"
+    "@payfit/unity-icons": "2.67.26",
+    "@payfit/unity-themes": "2.67.26"
   },
   "devDependencies": {
     "@figma/code-connect": "1.5.3",
@@ -155,15 +155,15 @@
     "vite": "8.1.4",
     "vite-plugin-node-polyfills": "0.28.0",
     "vitest": "4.1.11",
-    "@payfit/hr-app-eslint": "0.0.0-use.local",
-    "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
-    "@payfit/storybook-config": "0.0.0-use.local",
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
-    "@payfit/unity-illustrations": "2.67.24",
-    "@payfit/unity-themes": "2.67.24",
     "@payfit/storybook-addon-datadog-rum": "0.0.0-use.local",
+    "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
+    "@payfit/storybook-config": "0.0.0-use.local",
+    "@payfit/unity-illustrations": "2.67.26",
+    "@payfit/unity-icons": "2.67.26",
+    "@payfit/unity-themes": "2.67.26",
     "@payfit/vite-configs": "0.0.0-use.local",
-    "@payfit/unity-icons": "2.67.24"
+    "@payfit/hr-app-eslint": "0.0.0-use.local"
   },
   "peerDependenciesMeta": {
     "@hookform/devtools": {