@payfit/unity-components 2.47.5 → 2.47.6

package/dist/esm/adapters/standardSchemaAdapter.js

@@ -1,20 +1,19 @@
-class r {
-  constructor(t) {
-    this.standardSchema = t;
-  }
-  getField(t) {
-    try {
-      return this.standardSchema ? {
-        isOptional: !1,
-        // Default to required - can be enhanced with actual validation logic
-        type: "unknown",
-        shape: void 0
-      } : null;
-    } catch {
-      return null;
-    }
-  }
-}
-export {
-  r as StandardSchemaAdapter
+//#region src/adapters/standardSchemaAdapter.ts
+var e = class {
+	constructor(e) {
+		this.standardSchema = e;
+	}
+	getField(e) {
+		try {
+			return this.standardSchema ? {
+				isOptional: !1,
+				type: "unknown",
+				shape: void 0
+			} : null;
+		} catch {
+			return null;
+		}
+	}
 };
+//#endregion
+export { e as StandardSchemaAdapter };

package/dist/esm/adapters/zodAdapter.js

@@ -1,74 +1,60 @@
-import { z as c } from "zod/v3";
-import { z as p } from "zod/v4";
-class u {
-  constructor(n) {
-    this.zodSchema = n;
-  }
-  getField(n) {
-    try {
-      if (!this.zodSchema) return null;
-      const a = n.split(".");
-      let r = this.zodSchema.shape, e;
-      for (let t = 0; t < a.length; t++) {
-        const l = a[t];
-        if (e = r[l], !e) return null;
-        if (t < a.length - 1) {
-          const i = e instanceof c.ZodOptional ? e._def.innerType.shape : e.shape;
-          if (!i) return null;
-          r = i;
-        }
-      }
-      const s = e instanceof c.ZodOptional, o = s ? e._def.innerType : e;
-      return {
-        isOptional: s,
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access
-        type: o._def?.typeName || "unknown",
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        shape: o instanceof c.ZodObject ? (
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          o.shape
-        ) : void 0
-      };
-    } catch {
-      return null;
-    }
-  }
-}
-class m {
-  constructor(n) {
-    this.zodSchema = n;
-  }
-  getField(n) {
-    try {
-      if (!this.zodSchema) return null;
-      const a = n.split(".");
-      let r = this.zodSchema.shape, e;
-      for (let t = 0; t < a.length; t++) {
-        const l = a[t];
-        if (e = r[l], !e) return null;
-        if (t < a.length - 1) {
-          const i = e instanceof p.ZodOptional ? e.def.innerType.shape : e.shape;
-          if (!i) return null;
-          r = i;
-        }
-      }
-      const s = e instanceof p.ZodOptional, o = s ? e.def.innerType : e;
-      return {
-        isOptional: s,
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access
-        type: o.def?.typeName || "unknown",
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        shape: o instanceof p.ZodObject ? (
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          o.shape
-        ) : void 0
-      };
-    } catch {
-      return null;
-    }
-  }
-}
-export {
-  u as ZodV3SchemaAdapter,
-  m as ZodV4SchemaAdapter
+import { z as e } from "zod/v3";
+import { z as t } from "zod/v4";
+//#region src/adapters/zodAdapter.ts
+var n = class {
+	constructor(e) {
+		this.zodSchema = e;
+	}
+	getField(t) {
+		try {
+			if (!this.zodSchema) return null;
+			let n = t.split("."), r = this.zodSchema.shape, i;
+			for (let t = 0; t < n.length; t++) {
+				let a = n[t];
+				if (i = r[a], !i) return null;
+				if (t < n.length - 1) {
+					let t = i instanceof e.ZodOptional ? i._def.innerType.shape : i.shape;
+					if (!t) return null;
+					r = t;
+				}
+			}
+			let a = i instanceof e.ZodOptional, o = a ? i._def.innerType : i;
+			return {
+				isOptional: a,
+				type: o._def?.typeName || "unknown",
+				shape: o instanceof e.ZodObject ? o.shape : void 0
+			};
+		} catch {
+			return null;
+		}
+	}
+}, r = class {
+	constructor(e) {
+		this.zodSchema = e;
+	}
+	getField(e) {
+		try {
+			if (!this.zodSchema) return null;
+			let n = e.split("."), r = this.zodSchema.shape, i;
+			for (let e = 0; e < n.length; e++) {
+				let a = n[e];
+				if (i = r[a], !i) return null;
+				if (e < n.length - 1) {
+					let e = i instanceof t.ZodOptional ? i.def.innerType.shape : i.shape;
+					if (!e) return null;
+					r = e;
+				}
+			}
+			let a = i instanceof t.ZodOptional, o = a ? i.def.innerType : i;
+			return {
+				isOptional: a,
+				type: o.def?.typeName || "unknown",
+				shape: o instanceof t.ZodObject ? o.shape : void 0
+			};
+		} catch {
+			return null;
+		}
+	}
 };
+//#endregion
+export { n as ZodV3SchemaAdapter, r as ZodV4SchemaAdapter };

package/dist/esm/components/action-bar/ActionBar.js

@@ -1,69 +1,46 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { Group as y } from "react-aria-components/Group";
-import { Toolbar as M } from "react-aria-components/Toolbar";
-import { useIntl as x } from "react-intl";
-import { actionBar as v } from "./ActionBar.variants.js";
-import { useActionBarState as w } from "./hooks/use-action-bar-state.js";
-import { ActionBarOverflowMenu as N } from "./parts/ActionBarOverflowMenu.js";
-import { ActionBarPrefixArea as j } from "./parts/ActionBarPrefixArea.js";
-const I = g(
-  ({
-    id: n,
-    prefixContent: o,
-    children: s,
-    actions: l,
-    "aria-label": c,
-    onFocus: m,
-    onBlur: f,
-    forceExpandMobile: b = !1,
-    ...a
-  }, u) => {
-    const r = x(), { base: A, actionArea: d } = v({
-      hasPrefixContent: !!o
-    }), { renderActions: p, mobileOverflowActions: t, hasActions: h } = w({
-      actions: l,
-      children: s,
-      forceExpandMobile: b
-    }), B = c ?? r.formatMessage({
-      id: "unity:component:action-bar:toolbar-label",
-      defaultMessage: "Actions toolbar"
-    });
-    return /* @__PURE__ */ e(
-      M,
-      {
-        ...a,
-        id: n,
-        ref: u,
-        className: A(),
-        "aria-label": B,
-        orientation: "horizontal",
-        tabIndex: -1,
-        onFocus: m,
-        onBlur: f,
-        children: [
-          o && /* @__PURE__ */ i(j, { ariaKeyshortcuts: a["aria-keyshortcuts"], children: o }),
-          h && /* @__PURE__ */ e(
-            y,
-            {
-              className: d(),
-              role: "group",
-              "aria-label": r.formatMessage({
-                id: "unity:component:action-bar:actions:label",
-                defaultMessage: "Available actions"
-              }),
-              children: [
-                p(),
-                t.length > 0 && /* @__PURE__ */ i(N, { actions: t })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-I.displayName = "ActionBar";
-export {
-  I as ActionBar
-};
+import { actionBar as e } from "./ActionBar.variants.js";
+import { useActionBarState as t } from "./hooks/use-action-bar-state.js";
+import { ActionBarOverflowMenu as n } from "./parts/ActionBarOverflowMenu.js";
+import { ActionBarPrefixArea as r } from "./parts/ActionBarPrefixArea.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Group as s } from "react-aria-components/Group";
+import { Toolbar as c } from "react-aria-components/Toolbar";
+import { useIntl as l } from "react-intl";
+//#region src/components/action-bar/ActionBar.tsx
+var u = i(({ id: i, prefixContent: u, children: d, actions: f, "aria-label": p, onFocus: m, onBlur: h, forceExpandMobile: g = !1, ..._ }, v) => {
+	let y = l(), { base: b, actionArea: x } = e({ hasPrefixContent: !!u }), { renderActions: S, mobileOverflowActions: C, hasActions: w } = t({
+		actions: f,
+		children: d,
+		forceExpandMobile: g
+	}), T = p ?? y.formatMessage({
+		id: "unity:component:action-bar:toolbar-label",
+		defaultMessage: "Actions toolbar"
+	});
+	return /* @__PURE__ */ o(c, {
+		..._,
+		id: i,
+		ref: v,
+		className: b(),
+		"aria-label": T,
+		orientation: "horizontal",
+		tabIndex: -1,
+		onFocus: m,
+		onBlur: h,
+		children: [u && /* @__PURE__ */ a(r, {
+			ariaKeyshortcuts: _["aria-keyshortcuts"],
+			children: u
+		}), w && /* @__PURE__ */ o(s, {
+			className: x(),
+			role: "group",
+			"aria-label": y.formatMessage({
+				id: "unity:component:action-bar:actions:label",
+				defaultMessage: "Available actions"
+			}),
+			children: [S(), C.length > 0 && /* @__PURE__ */ a(n, { actions: C })]
+		})]
+	});
+});
+u.displayName = "ActionBar";
+//#endregion
+export { u as ActionBar };

package/dist/esm/components/action-bar/ActionBar.variants.js

@@ -1,26 +1,19 @@
-import { uyTv as u } from "@payfit/unity-themes";
-const t = u({
-  slots: {
-    base: [
-      "uy:bg-surface-inverted uy:text-content-inverted",
-      "uy:rounded-150 uy:md:rounded-100 uy:shadow-300",
-      "uy:flex uy:items-center uy:gap-200 uy:md:gap-200 uy:py-50 uy:pl-50 uy:pr-50",
-      "uy:transition-all uy:duration-200",
-      "uy:max-w-full uy:min-w-0 uy:w-fit",
-      // Ensure responsive behavior
-      "uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-offset-2 uy:focus-visible:outline-utility-focus-ring"
-    ],
-    prefixArea: ["uy:flex uy:items-center uy:gap-100"],
-    actionArea: ["uy:flex uy:items-center uy:gap-100"]
-  },
-  variants: {
-    hasPrefixContent: {
-      true: {
-        base: "uy:pl-200"
-      }
-    }
-  }
+import { uyTv as e } from "@payfit/unity-themes";
+//#region src/components/action-bar/ActionBar.variants.ts
+var t = e({
+	slots: {
+		base: [
+			"uy:bg-surface-inverted uy:text-content-inverted",
+			"uy:rounded-150 uy:md:rounded-100 uy:shadow-300",
+			"uy:flex uy:items-center uy:gap-200 uy:md:gap-200 uy:py-50 uy:pl-50 uy:pr-50",
+			"uy:transition-all uy:duration-200",
+			"uy:max-w-full uy:min-w-0 uy:w-fit",
+			"uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-offset-2 uy:focus-visible:outline-utility-focus-ring"
+		],
+		prefixArea: ["uy:flex uy:items-center uy:gap-100"],
+		actionArea: ["uy:flex uy:items-center uy:gap-100"]
+	},
+	variants: { hasPrefixContent: { true: { base: "uy:pl-200" } } }
 });
-export {
-  t as actionBar
-};
+//#endregion
+export { t as actionBar };

package/dist/esm/components/action-bar/hooks/use-action-bar-state.js

@@ -1,22 +1,32 @@
-import A, { useCallback as l, isValidElement as y, useMemo as c } from "react";
-import { useBreakpointListener as k, isMobileBreakpoint as v } from "../../../hooks/use-breakpoint-listener.js";
-import { extractMobileActionsFromArray as B, extractMobileActionsFromChildren as b } from "../utils/action-bar-helpers.js";
-const _ = ({
-  actions: r,
-  children: t,
-  forceExpandMobile: o = !1
-}) => {
-  const a = k(), i = v(a), e = r !== void 0 && typeof t == "function", m = e ? r.length > 0 : !!t, u = l(() => {
-    if (e) {
-      const n = t;
-      return (i && !o ? r.filter((s) => s.variant === "primary") : r).map((s, f) => n(s, f));
-    }
-    return i && !o ? A.Children.toArray(t).filter(
-      (n) => y(n) && n.props.variant === "primary"
-    ) : t;
-  }, [e, i, o, t, r]), p = c(() => o ? [] : e ? B(r) : b(t), [e, o, r, t]);
-  return { isDynamicApi: e, hasActions: m, renderActions: u, mobileOverflowActions: p };
-};
-export {
-  _ as useActionBarState
+import { isMobileBreakpoint as e, useBreakpointListener as t } from "../../../hooks/use-breakpoint-listener.js";
+import { extractMobileActionsFromArray as n, extractMobileActionsFromChildren as r } from "../utils/action-bar-helpers.js";
+import i, { isValidElement as a, useCallback as o, useMemo as s } from "react";
+//#region src/components/action-bar/hooks/use-action-bar-state.ts
+var c = ({ actions: c, children: l, forceExpandMobile: u = !1 }) => {
+	let d = e(t()), f = c !== void 0 && typeof l == "function";
+	return {
+		isDynamicApi: f,
+		hasActions: f ? c.length > 0 : !!l,
+		renderActions: o(() => {
+			if (f) {
+				let e = l;
+				return (d && !u ? c.filter((e) => e.variant === "primary") : c).map((t, n) => e(t, n));
+			}
+			return d && !u ? i.Children.toArray(l).filter((e) => a(e) && e.props.variant === "primary") : l;
+		}, [
+			f,
+			d,
+			u,
+			l,
+			c
+		]),
+		mobileOverflowActions: s(() => u ? [] : f ? n(c) : r(l), [
+			f,
+			u,
+			c,
+			l
+		])
+	};
 };
+//#endregion
+export { c as useActionBarState };

package/dist/esm/components/action-bar/parts/ActionBarButton.js

@@ -1,35 +1,29 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { Button as m } from "../../button/Button.js";
-const o = s(
-  ({ variant: r = "secondary", children: n, onPress: a, ...i }, c) => {
-    const t = {
-      primary: {
-        variant: "primary",
-        color: "inverted"
-      },
-      secondary: {
-        variant: "ghost",
-        color: "inverted"
-      }
-    }[r];
-    return /* @__PURE__ */ e(
-      m,
-      {
-        ref: c,
-        variant: t.variant,
-        color: t.color,
-        onPress: a,
-        size: "default",
-        ...i,
-        children: n
-      }
-    );
-  }
-);
-o.displayName = "ActionBarButton";
-const l = o;
-export {
-  l as ActionBarAction,
-  o as ActionBarButton
-};
+import { Button as e } from "../../button/Button.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/action-bar/parts/ActionBarButton.tsx
+var r = t(({ variant: t = "secondary", children: r, onPress: i, ...a }, o) => {
+	let s = {
+		primary: {
+			variant: "primary",
+			color: "inverted"
+		},
+		secondary: {
+			variant: "ghost",
+			color: "inverted"
+		}
+	}[t];
+	return /* @__PURE__ */ n(e, {
+		ref: o,
+		variant: s.variant,
+		color: s.color,
+		onPress: i,
+		size: "default",
+		...a,
+		children: r
+	});
+});
+r.displayName = "ActionBarButton";
+var i = r;
+//#endregion
+export { i as ActionBarAction, r as ActionBarButton };

package/dist/esm/components/action-bar/parts/ActionBarIconButton.js

@@ -1,41 +1,29 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { IconButton as f } from "../../icon-button/IconButton.js";
-const l = m(
-  ({
-    icon: r,
-    label: t,
-    variant: n = "secondary",
-    onPress: a,
-    isDisabled: i = !1,
-    isLoading: c = !1
-  }, e) => {
-    const o = {
-      primary: {
-        variant: "primary",
-        color: "inverted"
-      },
-      secondary: {
-        variant: "ghost",
-        color: "inverted"
-      }
-    }[n];
-    return /* @__PURE__ */ s(
-      f,
-      {
-        ref: e,
-        icon: r,
-        label: t,
-        variant: o.variant,
-        color: o.color,
-        onPress: a,
-        isDisabled: i,
-        isLoading: c
-      }
-    );
-  }
-);
-l.displayName = "ActionBarIconButton";
-export {
-  l as ActionBarIconButton
-};
+import { IconButton as e } from "../../icon-button/IconButton.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/action-bar/parts/ActionBarIconButton.tsx
+var r = t(({ icon: t, label: r, variant: i = "secondary", onPress: a, isDisabled: o = !1, isLoading: s = !1 }, c) => {
+	let l = {
+		primary: {
+			variant: "primary",
+			color: "inverted"
+		},
+		secondary: {
+			variant: "ghost",
+			color: "inverted"
+		}
+	}[i];
+	return /* @__PURE__ */ n(e, {
+		ref: c,
+		icon: t,
+		label: r,
+		variant: l.variant,
+		color: l.color,
+		onPress: a,
+		isDisabled: o,
+		isLoading: s
+	});
+});
+r.displayName = "ActionBarIconButton";
+//#endregion
+export { r as ActionBarIconButton };

package/dist/esm/components/action-bar/parts/ActionBarOverflowMenu.js

@@ -1,45 +1,39 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useIntl as s } from "react-intl";
-import { IconButton as m } from "../../icon-button/IconButton.js";
-import { Icon as c } from "../../icon/Icon.js";
-import { Menu as a } from "../../menu/Menu.js";
-import { MenuContent as l } from "../../menu/parts/MenuContent.js";
-import { MenuTrigger as d } from "../../menu/parts/MenuTrigger.js";
-import { RawMenuItem as u } from "../../menu/parts/RawMenuItem.js";
-const v = ({
-  actions: i
-}) => {
-  const n = s();
-  return /* @__PURE__ */ e("div", { className: "uy:block uy:md:hidden", children: /* @__PURE__ */ t(a, { children: [
-    /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(
-      m,
-      {
-        icon: "DotsThreeOutlined",
-        label: n.formatMessage({
-          id: "unity:component:action-bar:actions:more-actions",
-          defaultMessage: "More actions"
-        }),
-        variant: "ghost",
-        color: "inverted"
-      }
-    ) }),
-    /* @__PURE__ */ e(l, { children: i.map((r) => {
-      const o = r.meta;
-      return /* @__PURE__ */ e(
-        u,
-        {
-          isDisabled: o?.isDisabled,
-          onAction: () => {
-            o?.onPress?.({});
-          },
-          prefix: o?.prefixIcon ? /* @__PURE__ */ e(c, { src: o.prefixIcon, size: 20 }) : void 0,
-          children: r.label
-        },
-        r.id
-      );
-    }) })
-  ] }) });
-};
-export {
-  v as ActionBarOverflowMenu
-};
+import { Icon as e } from "../../icon/Icon.js";
+import { IconButton as t } from "../../icon-button/IconButton.js";
+import { Menu as n } from "../../menu/Menu.js";
+import { MenuContent as r } from "../../menu/parts/MenuContent.js";
+import { MenuTrigger as i } from "../../menu/parts/MenuTrigger.js";
+import { RawMenuItem as a } from "../../menu/parts/RawMenuItem.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useIntl as c } from "react-intl";
+//#region src/components/action-bar/parts/ActionBarOverflowMenu.tsx
+var l = ({ actions: l }) => /* @__PURE__ */ o("div", {
+	className: "uy:block uy:md:hidden",
+	children: /* @__PURE__ */ s(n, { children: [/* @__PURE__ */ o(i, {
+		asChild: !0,
+		children: /* @__PURE__ */ o(t, {
+			icon: "DotsThreeOutlined",
+			label: c().formatMessage({
+				id: "unity:component:action-bar:actions:more-actions",
+				defaultMessage: "More actions"
+			}),
+			variant: "ghost",
+			color: "inverted"
+		})
+	}), /* @__PURE__ */ o(r, { children: l.map((t) => {
+		let n = t.meta;
+		return /* @__PURE__ */ o(a, {
+			isDisabled: n?.isDisabled,
+			onAction: () => {
+				n?.onPress?.({});
+			},
+			prefix: n?.prefixIcon ? /* @__PURE__ */ o(e, {
+				src: n.prefixIcon,
+				size: 20
+			}) : void 0,
+			children: t.label
+		}, t.id);
+	}) })] })
+});
+//#endregion
+export { l as ActionBarOverflowMenu };