@payfit/unity-components 2.47.5 → 2.47.6

package/dist/esm/components/navigation-card/parts/NavigationCardGroup.js

@@ -1,93 +1,76 @@
-import { jsxs as N, jsx as l } from "react/jsx-runtime";
-import i, { forwardRef as w } from "react";
-import { uyTv as C } from "@payfit/unity-themes";
-import { useId as I } from "react-aria/useId";
-const L = C({
-  // add the component styles
-  slots: {
-    base: ["uy:flex uy:flex-col uy:gap-100"],
-    label: ["uy:typography-action"],
-    list: ["uy:flex uy:list-none uy:group"],
-    listItem: [
-      "uy:contents",
-      "uy:data-[variant=compact]:*:rounded-none",
-      "uy:data-[variant=compact]:*:border-b-0",
-      "uy:data-[variant=compact]:first:*:rounded-t-lg",
-      "uy:data-[variant=compact]:last:*:rounded-b-lg",
-      "uy:data-[variant=compact]:last:*:border-b-1",
-      "uy:data-[variant=compact]:first:last:*:rounded-lg"
-    ]
-  },
-  variants: {
-    orientation: {
-      horizontal: {
-        list: "uy:flex-col uy:sm:flex-row"
-      },
-      vertical: {
-        list: "uy:flex-col"
-      }
-    },
-    variant: {
-      compact: {
-        list: "uy:gap-0"
-      },
-      comfortable: {
-        list: "uy:gap-100"
-      }
-    },
-    showLabel: {
-      true: {
-        label: ""
-      },
-      false: {
-        label: "uy:sr-only"
-      }
-    }
-  },
-  defaultVariants: {
-    orientation: "vertical",
-    variant: "comfortable",
-    showLabel: !0
-  }
-}), G = w(
-  ({
-    children: s,
-    label: n,
-    isLabelHidden: c = !1,
-    orientation: u = "vertical",
-    variant: t = "comfortable",
-    ...d
-  }, y) => {
-    const m = I(), {
-      base: p,
-      label: b,
-      list: f,
-      listItem: v
-    } = L({ orientation: u, variant: t, showLabel: !c }), r = i.Children.toArray(s), g = r.length, o = `navcard-group-label-${m}`;
-    return /* @__PURE__ */ N("nav", { ...d, ref: y, className: p(), "aria-labelledby": o, children: [
-      /* @__PURE__ */ l("span", { className: b(), id: o, children: n }),
-      /* @__PURE__ */ l("ul", { className: f(), "data-variant": t, children: r.map((a, e) => {
-        if (i.isValidElement(a)) {
-          const h = e === 0, x = e === g - 1;
-          return /* @__PURE__ */ l(
-            "li",
-            {
-              className: v(),
-              "data-variant": t,
-              "data-unity-first": h ? "" : void 0,
-              "data-unity-last": x ? "" : void 0,
-              children: a
-            },
-            a.key
-          );
-        }
-        return a;
-      }) })
-    ] });
-  }
-);
-G.displayName = "NavigationCardGroup";
-export {
-  G as NavigationCardGroup,
-  L as navigationCardGroup
-};
+import e, { forwardRef as t } from "react";
+import { uyTv as n } from "@payfit/unity-themes";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useId as a } from "react-aria/useId";
+//#region src/components/navigation-card/parts/NavigationCardGroup.tsx
+var o = n({
+	slots: {
+		base: ["uy:flex uy:flex-col uy:gap-100"],
+		label: ["uy:typography-action"],
+		list: ["uy:flex uy:list-none uy:group"],
+		listItem: [
+			"uy:contents",
+			"uy:data-[variant=compact]:*:rounded-none",
+			"uy:data-[variant=compact]:*:border-b-0",
+			"uy:data-[variant=compact]:first:*:rounded-t-lg",
+			"uy:data-[variant=compact]:last:*:rounded-b-lg",
+			"uy:data-[variant=compact]:last:*:border-b-1",
+			"uy:data-[variant=compact]:first:last:*:rounded-lg"
+		]
+	},
+	variants: {
+		orientation: {
+			horizontal: { list: "uy:flex-col uy:sm:flex-row" },
+			vertical: { list: "uy:flex-col" }
+		},
+		variant: {
+			compact: { list: "uy:gap-0" },
+			comfortable: { list: "uy:gap-100" }
+		},
+		showLabel: {
+			true: { label: "" },
+			false: { label: "uy:sr-only" }
+		}
+	},
+	defaultVariants: {
+		orientation: "vertical",
+		variant: "comfortable",
+		showLabel: !0
+	}
+}), s = t(({ children: t, label: n, isLabelHidden: s = !1, orientation: c = "vertical", variant: l = "comfortable", ...u }, d) => {
+	let f = a(), { base: p, label: m, list: h, listItem: g } = o({
+		orientation: c,
+		variant: l,
+		showLabel: !s
+	}), _ = e.Children.toArray(t), v = _.length, y = `navcard-group-label-${f}`;
+	return /* @__PURE__ */ i("nav", {
+		...u,
+		ref: d,
+		className: p(),
+		"aria-labelledby": y,
+		children: [/* @__PURE__ */ r("span", {
+			className: m(),
+			id: y,
+			children: n
+		}), /* @__PURE__ */ r("ul", {
+			className: h(),
+			"data-variant": l,
+			children: _.map((t, n) => {
+				if (e.isValidElement(t)) {
+					let e = n === 0, i = n === v - 1;
+					return /* @__PURE__ */ r("li", {
+						className: g(),
+						"data-variant": l,
+						"data-unity-first": e ? "" : void 0,
+						"data-unity-last": i ? "" : void 0,
+						children: t
+					}, t.key);
+				}
+				return t;
+			})
+		})]
+	});
+});
+s.displayName = "NavigationCardGroup";
+//#endregion
+export { s as NavigationCardGroup, o as navigationCardGroup };

package/dist/esm/components/navigation-card/parts/NavigationCardLabel.js

@@ -1,24 +1,19 @@
+import { Text as e } from "../../text/Text.js";
+import { useNavigationCardContext as t } from "../NavigationCard.context.js";
+import { forwardRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { Text as i } from "../../text/Text.js";
-import { useNavigationCardContext as n } from "../NavigationCard.context.js";
-const d = e(
-  (a, t) => {
-    const { labelId: o } = n();
-    return /* @__PURE__ */ r(
-      i,
-      {
-        id: o,
-        ...a,
-        ref: t,
-        variant: "action",
-        color: "content.neutral",
-        className: "uy:group-aria-disabled:text-content-neutral-disabled"
-      }
-    );
-  }
-);
-d.displayName = "NavigationCardLabel";
-export {
-  d as NavigationCardLabel
-};
+//#region src/components/navigation-card/parts/NavigationCardLabel.tsx
+var i = n((n, i) => {
+	let { labelId: a } = t();
+	return /* @__PURE__ */ r(e, {
+		id: a,
+		...n,
+		ref: i,
+		variant: "action",
+		color: "content.neutral",
+		className: "uy:group-aria-disabled:text-content-neutral-disabled"
+	});
+});
+i.displayName = "NavigationCardLabel";
+//#endregion
+export { i as NavigationCardLabel };

package/dist/esm/components/number-field/NumberField.js

@@ -1,71 +1,50 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import { forwardRef as C } from "react";
-import { uyTv as I } from "@payfit/unity-themes";
-import { useFormContext as T } from "react-hook-form";
-import { FormField as j } from "../form-field/FormField.js";
-import { FormControl as B } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as P } from "../form-field/parts/FormFeedbackText.js";
-import { FormHelperText as g } from "../form-field/parts/FormHelperText.js";
-import { FormLabel as k } from "../form-field/parts/FormLabel.js";
-import { NumberInput as v } from "../number-input/NumberInput.js";
-const w = I({
-  base: "uy:flex uy:flex-col uy:gap-100"
-});
-function H({
-  name: o,
-  label: e,
-  defaultValue: t,
-  helperText: m,
-  feedbackText: n,
-  contextualLink: i,
-  isRequired: l,
-  isInvalid: s,
-  isLoading: u,
-  isDisabled: c,
-  isReadOnly: p,
-  requiredVariant: f,
-  onClearButtonPress: d,
-  ...a
-}, F) {
-  const { control: b, setValue: x } = T(), N = {
-    isRequired: l,
-    isInvalid: s,
-    isLoading: u,
-    isDisabled: c,
-    isReadOnly: p
-  }, y = d ?? (() => {
-    x(o, NaN);
-  });
-  return /* @__PURE__ */ h(
-    j,
-    {
-      control: b,
-      name: o,
-      className: w(),
-      ...N,
-      children: [
-        /* @__PURE__ */ r(k, { requiredVariant: f, children: e }),
-        m && /* @__PURE__ */ r(g, { children: m }),
-        /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(
-          v,
-          {
-            ref: F,
-            onClearButtonPress: y,
-            defaultValue: t,
-            ...a
-          }
-        ) }),
-        /* @__PURE__ */ r(P, { children: n }),
-        i
-      ]
-    }
-  );
+import { NumberInput as e } from "../number-input/NumberInput.js";
+import { FormHelperText as t } from "../form-field/parts/FormHelperText.js";
+import { FormField as n } from "../form-field/FormField.js";
+import { FormControl as r } from "../form-field/parts/FormControl.js";
+import { FormFeedbackText as i } from "../form-field/parts/FormFeedbackText.js";
+import { FormLabel as a } from "../form-field/parts/FormLabel.js";
+import { forwardRef as o } from "react";
+import { uyTv as s } from "@payfit/unity-themes";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useFormContext as u } from "react-hook-form";
+//#region src/components/number-field/NumberField.tsx
+var d = s({ base: "uy:flex uy:flex-col uy:gap-100" });
+function f({ name: o, label: s, defaultValue: f, helperText: p, feedbackText: m, contextualLink: h, isRequired: g, isInvalid: _, isLoading: v, isDisabled: y, isReadOnly: b, requiredVariant: x, onClearButtonPress: S, ...C }, w) {
+	let { control: T, setValue: E } = u(), D = {
+		isRequired: g,
+		isInvalid: _,
+		isLoading: v,
+		isDisabled: y,
+		isReadOnly: b
+	}, O = S ?? (() => {
+		E(o, NaN);
+	});
+	return /* @__PURE__ */ l(n, {
+		control: T,
+		name: o,
+		className: d(),
+		...D,
+		children: [
+			/* @__PURE__ */ c(a, {
+				requiredVariant: x,
+				children: s
+			}),
+			p && /* @__PURE__ */ c(t, { children: p }),
+			/* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(e, {
+				ref: w,
+				onClearButtonPress: O,
+				defaultValue: f,
+				...C
+			}) }),
+			/* @__PURE__ */ c(i, { children: m }),
+			h
+		]
+	});
 }
-const L = C(function(e, t) {
-  return H(e, t);
+var p = o(function(e, t) {
+	return f(e, t);
 });
-L.displayName = "NumberField";
-export {
-  L as NumberField,
-  w as numberField
-};
+p.displayName = "NumberField";
+//#endregion
+export { p as NumberField, d as numberField };

package/dist/esm/components/number-field/TanstackNumberField.js

@@ -1,44 +1,31 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { TanstackFormFeedbackText as l } from "../form-field/parts/TanstackFormFeedbackText.js";
-import { TanstackFormHelperText as F } from "../form-field/parts/TanstackFormHelperText.js";
-import { TanstackFormLabel as k } from "../form-field/parts/TanstackFormLabel.js";
-import { TanstackFormField as T } from "../form-field/TanstackFormField.js";
-import { TanstackNumberInput as u } from "../number-input/TanstackNumberInput.js";
-function b({
-  label: m,
-  helperText: o,
-  contextualLink: t,
-  isRequired: a,
-  isLoading: e,
-  isDisabled: n,
-  isReadOnly: c,
-  requiredVariant: i,
-  ...s
-}, p) {
-  return /* @__PURE__ */ d(T, { children: [
-    /* @__PURE__ */ r(
-      k,
-      {
-        requiredVariant: i,
-        isRequired: a,
-        children: m
-      }
-    ),
-    o && /* @__PURE__ */ r(F, { children: o }),
-    /* @__PURE__ */ r(u, { ref: p, ...{
-      isLoading: e,
-      isDisabled: n,
-      isReadOnly: c
-    }, ...s }),
-    /* @__PURE__ */ r(l, {}),
-    t
-  ] });
+import { TanstackFormFeedbackText as e } from "../form-field/parts/TanstackFormFeedbackText.js";
+import { TanstackFormField as t } from "../form-field/TanstackFormField.js";
+import { TanstackFormHelperText as n } from "../form-field/parts/TanstackFormHelperText.js";
+import { TanstackFormLabel as r } from "../form-field/parts/TanstackFormLabel.js";
+import { TanstackNumberInput as i } from "../number-input/TanstackNumberInput.js";
+import { forwardRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/number-field/TanstackNumberField.tsx
+function c({ label: a, helperText: c, contextualLink: l, isRequired: u, isLoading: d, isDisabled: f, isReadOnly: p, requiredVariant: m, ...h }, g) {
+	return /* @__PURE__ */ s(t, { children: [
+		/* @__PURE__ */ o(r, {
+			requiredVariant: m,
+			isRequired: u,
+			children: a
+		}),
+		c && /* @__PURE__ */ o(n, { children: c }),
+		/* @__PURE__ */ o(i, {
+			ref: g,
+			isLoading: d,
+			isDisabled: f,
+			isReadOnly: p,
+			...h
+		}),
+		/* @__PURE__ */ o(e, {}),
+		l
+	] });
 }
-const N = f(
-  b
-);
-N.displayName = "TanstackNumberField";
-export {
-  N as TanstackNumberField
-};
+var l = a(c);
+l.displayName = "TanstackNumberField";
+//#endregion
+export { l as TanstackNumberField };