@payfit/unity-components 2.47.5 → 2.47.7

package/dist/esm/components/alert/parts/AlertTitle.js

@@ -1,20 +1,15 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { Text as i } from "../../text/Text.js";
-const l = a(
-  ({ children: e, asElement: t = "h3", ...m }, o) => /* @__PURE__ */ r("header", { children: /* @__PURE__ */ r(
-    i,
-    {
-      variant: "h4",
-      asElement: t,
-      ref: o,
-      className: "uy:sm:pt-50",
-      ...m,
-      children: e
-    }
-  ) })
-);
-l.displayName = "AlertTitle";
-export {
-  l as AlertTitle
-};
+import { Text as e } from "../../text/Text.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/alert/parts/AlertTitle.tsx
+var r = t(({ children: t, asElement: r = "h3", ...i }, a) => /* @__PURE__ */ n("header", { children: /* @__PURE__ */ n(e, {
+	variant: "h4",
+	asElement: r,
+	ref: a,
+	className: "uy:sm:pt-50",
+	...i,
+	children: t
+}) }));
+r.displayName = "AlertTitle";
+//#endregion
+export { r as AlertTitle };

package/dist/esm/components/anchor/Anchor.js

@@ -1,49 +1,41 @@
-import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { useMemo as h, cloneElement as n } from "react";
-import { uyTv as f } from "@payfit/unity-themes";
-const m = f({
-  slots: {
-    root: "uy:relative uy:inline-block uy:leading-[0]",
-    main: "uy:relative uy:leading-[0]",
-    anchor: "uy:absolute uy:leading-[0] uy:scale-100"
-  },
-  variants: {
-    position: {
-      "top-left": {
-        anchor: "uy:origin-top-left uy:-translate-x-1/2 uy:-translate-y-1/2 uy:-top-[var(--anchor-offset-y)] uy:-left-[var(--anchor-offset-x)]"
-      },
-      "top-right": {
-        anchor: "uy:origin-top-right uy:translate-x-1/2 uy:-translate-y-1/2 uy:-top-[var(--anchor-offset-y)] uy:-right-[var(--anchor-offset-x)]"
-      },
-      "bottom-right": {
-        anchor: "uy:origin-bottom-right uy:translate-x-1/2 uy:translate-y-1/2 uy:-bottom-[var(--anchor-offset-x)] uy:-right-[var(--anchor-offset-y)]"
-      },
-      "bottom-left": {
-        anchor: "uy:origin-bottom-left uy:-translate-x-1/2 uy:translate-y-1/2 uy:-bottom-[var(--anchor-offset-x)] uy:-left-[var(--anchor-offset-y)]"
-      }
-    }
-  }
-}), p = ({
-  children: e,
-  position: y = "top-right",
-  offset: t = 0
-}) => {
-  const [o, r] = e;
-  if (!o || !r)
-    throw new Error("Badge component requires exactly 2 children");
-  const i = h(() => Array.isArray(t) ? {
-    "--anchor-offset-x": `${t[0]}px`,
-    "--anchor-offset-y": `${t[1]}px`
-  } : {
-    "--anchor-offset-x": `${t}px`,
-    "--anchor-offset-y": `${t}px`
-  }, [t]), { root: l, main: s, anchor: c } = m({ position: y });
-  return /* @__PURE__ */ u("div", { className: l(), style: i, children: [
-    /* @__PURE__ */ a("div", { className: s(), children: n(o) }),
-    /* @__PURE__ */ a("div", { className: c(), children: n(r) })
-  ] });
-};
-p.displayName = "Anchor";
-export {
-  p as Anchor
+import { cloneElement as e, useMemo as t } from "react";
+import { uyTv as n } from "@payfit/unity-themes";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/anchor/Anchor.tsx
+var a = n({
+	slots: {
+		root: "uy:relative uy:inline-block uy:leading-[0]",
+		main: "uy:relative uy:leading-[0]",
+		anchor: "uy:absolute uy:leading-[0] uy:scale-100"
+	},
+	variants: { position: {
+		"top-left": { anchor: "uy:origin-top-left uy:-translate-x-1/2 uy:-translate-y-1/2 uy:-top-[var(--anchor-offset-y)] uy:-left-[var(--anchor-offset-x)]" },
+		"top-right": { anchor: "uy:origin-top-right uy:translate-x-1/2 uy:-translate-y-1/2 uy:-top-[var(--anchor-offset-y)] uy:-right-[var(--anchor-offset-x)]" },
+		"bottom-right": { anchor: "uy:origin-bottom-right uy:translate-x-1/2 uy:translate-y-1/2 uy:-bottom-[var(--anchor-offset-x)] uy:-right-[var(--anchor-offset-y)]" },
+		"bottom-left": { anchor: "uy:origin-bottom-left uy:-translate-x-1/2 uy:translate-y-1/2 uy:-bottom-[var(--anchor-offset-x)] uy:-left-[var(--anchor-offset-y)]" }
+	} }
+}), o = ({ children: n, position: o = "top-right", offset: s = 0 }) => {
+	let [c, l] = n;
+	if (!c || !l) throw Error("Badge component requires exactly 2 children");
+	let u = t(() => Array.isArray(s) ? {
+		"--anchor-offset-x": `${s[0]}px`,
+		"--anchor-offset-y": `${s[1]}px`
+	} : {
+		"--anchor-offset-x": `${s}px`,
+		"--anchor-offset-y": `${s}px`
+	}, [s]), { root: d, main: f, anchor: p } = a({ position: o });
+	return /* @__PURE__ */ i("div", {
+		className: d(),
+		style: u,
+		children: [/* @__PURE__ */ r("div", {
+			className: f(),
+			children: e(c)
+		}), /* @__PURE__ */ r("div", {
+			className: p(),
+			children: e(l)
+		})]
+	});
 };
+o.displayName = "Anchor";
+//#endregion
+export { o as Anchor };

package/dist/esm/components/app-layout/AppLayout.js

@@ -1,78 +1,64 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { useRef as x } from "react";
-import { uyTv as v } from "@payfit/unity-themes";
-import { useResizeObserver as b } from "usehooks-ts";
-const g = v({
-  slots: {
-    body: "uy:min-h-dvh uy:relative uy:flex uy:flex-col uy:pt-(--uy-app-layout-header-sticky-offset)",
-    header: "uy:fixed uy:top-0 uy:left-0 uy:right-0 uy:z-30",
-    layoutWrapper: [
-      "uy:flex uy:w-full uy:flex-1 uy:flex-col",
-      "uy:md:flex-row"
-    ],
-    menu: [
-      "uy:sticky uy:top-(--uy-app-layout-header-sticky-offset) uy:z-20 uy:w-full uy:bg-canvas",
-      "uy:md:h-[calc(100dvh-var(--uy-app-layout-header-sticky-offset))] uy:md:max-w-app-menu uy:md:shrink-0"
-    ],
-    contentWrapper: [
-      "uy:flex uy:min-w-0 uy:flex-1 uy:flex-col uy:relative",
-      // Remove padding when it contains a Page component
-      "uy:md:[&:has([data-unity-page])]:pl-0"
-    ],
-    content: [
-      "uy:flex uy:flex-1 uy:flex-col",
-      "uy:md:[&:has([data-unity-page])]:pr-0 uy:md:[&:has([data-unity-page])]:pt-0"
-    ],
-    footer: "uy:hidden uy:md:block"
-  },
-  variants: {
-    withoutContentPadding: {
-      false: {
-        content: ["uy:md:pr-300", "uy:md:pt-250", "&:has()"],
-        contentWrapper: ["uy:md:pl-100"]
-      },
-      true: {
-        content: [],
-        contentWrapper: []
-      }
-    }
-  }
+import { useRef as e } from "react";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useResizeObserver as i } from "usehooks-ts";
+//#region src/components/app-layout/AppLayout.tsx
+var a = t({
+	slots: {
+		body: "uy:min-h-dvh uy:relative uy:flex uy:flex-col uy:pt-(--uy-app-layout-header-sticky-offset)",
+		header: "uy:fixed uy:top-0 uy:left-0 uy:right-0 uy:z-30",
+		layoutWrapper: ["uy:flex uy:w-full uy:flex-1 uy:flex-col", "uy:md:flex-row"],
+		menu: ["uy:sticky uy:top-(--uy-app-layout-header-sticky-offset) uy:z-20 uy:w-full uy:bg-canvas", "uy:md:h-[calc(100dvh-var(--uy-app-layout-header-sticky-offset))] uy:md:max-w-app-menu uy:md:shrink-0"],
+		contentWrapper: ["uy:flex uy:min-w-0 uy:flex-1 uy:flex-col uy:relative", "uy:md:[&:has([data-unity-page])]:pl-0"],
+		content: ["uy:flex uy:flex-1 uy:flex-col", "uy:md:[&:has([data-unity-page])]:pr-0 uy:md:[&:has([data-unity-page])]:pt-0"],
+		footer: "uy:hidden uy:md:block"
+	},
+	variants: { withoutContentPadding: {
+		false: {
+			content: [
+				"uy:md:pr-300",
+				"uy:md:pt-250",
+				"&:has()"
+			],
+			contentWrapper: ["uy:md:pl-100"]
+		},
+		true: {
+			content: [],
+			contentWrapper: []
+		}
+	} }
 });
-function z({
-  children: o,
-  menu: a,
-  header: u,
-  footer: y,
-  withoutContentPadding: l = !1
-}) {
-  const r = x(null), { height: s = 0 } = b({
-    ref: r,
-    box: "border-box"
-  }), { body: p, header: d, menu: i, layoutWrapper: n, contentWrapper: c, content: f, footer: h } = g({
-    withoutContentPadding: l
-  }), m = {
-    "--uy-app-layout-header-sticky-offset": `${s}px`
-  };
-  return /* @__PURE__ */ t("div", { className: p(), style: m, children: [
-    u && /* @__PURE__ */ e(
-      "div",
-      {
-        ref: r,
-        className: d(),
-        role: "alert",
-        "aria-live": "assertive",
-        children: u
-      }
-    ),
-    /* @__PURE__ */ t("div", { className: n(), children: [
-      a && /* @__PURE__ */ e("div", { className: i(), children: a }),
-      /* @__PURE__ */ t("div", { className: c(), children: [
-        /* @__PURE__ */ e("div", { className: f(), children: o }),
-        y && /* @__PURE__ */ e("footer", { className: h(), children: y })
-      ] })
-    ] })
-  ] });
+function o({ children: t, menu: o, header: s, footer: c, withoutContentPadding: l = !1 }) {
+	let u = e(null), { height: d = 0 } = i({
+		ref: u,
+		box: "border-box"
+	}), { body: f, header: p, menu: m, layoutWrapper: h, contentWrapper: g, content: _, footer: v } = a({ withoutContentPadding: l }), y = { "--uy-app-layout-header-sticky-offset": `${d}px` };
+	return /* @__PURE__ */ r("div", {
+		className: f(),
+		style: y,
+		children: [s && /* @__PURE__ */ n("div", {
+			ref: u,
+			className: p(),
+			role: "alert",
+			"aria-live": "assertive",
+			children: s
+		}), /* @__PURE__ */ r("div", {
+			className: h(),
+			children: [o && /* @__PURE__ */ n("div", {
+				className: m(),
+				children: o
+			}), /* @__PURE__ */ r("div", {
+				className: g(),
+				children: [/* @__PURE__ */ n("div", {
+					className: _(),
+					children: t
+				}), c && /* @__PURE__ */ n("footer", {
+					className: v(),
+					children: c
+				})]
+			})]
+		})]
+	});
 }
-export {
-  z as AppLayout
-};
+//#endregion
+export { o as AppLayout };

package/dist/esm/components/app-menu/AppMenu.js

@@ -1,14 +1,11 @@
-import { jsx as e } from "react/jsx-runtime";
-import { AppMenuContextProvider as u } from "./parts/AppMenu.context.js";
-const a = ({ children: p }) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-  "div",
-  {
-    className: "uy:relative uy:z-[1] uy:flex uy:flex-col uy:p-150 uy:gap-y-300 uy:md:max-w-app-menu uy:md:h-full",
-    "data-dd-privacy": "allow",
-    children: p
-  }
-) });
-a.displayName = "AppMenu";
-export {
-  a as AppMenu
-};
+import { AppMenuContextProvider as e } from "./parts/AppMenu.context.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/app-menu/AppMenu.tsx
+var n = ({ children: n }) => /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t("div", {
+	className: "uy:relative uy:z-[1] uy:flex uy:flex-col uy:p-150 uy:gap-y-300 uy:md:max-w-app-menu uy:md:h-full",
+	"data-dd-privacy": "allow",
+	children: n
+}) });
+n.displayName = "AppMenu";
+//#endregion
+export { n as AppMenu };

package/dist/esm/components/app-menu/parts/AppMenu.context.js

@@ -1,25 +1,24 @@
-import { jsx as M } from "react/jsx-runtime";
-import { createContext as i, useState as l, useContext as r } from "react";
-const e = i({
-  isMobileMenuOpen: !1,
-  toggleMobileMenu: () => null
+import { createContext as e, useContext as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/app-menu/parts/AppMenu.context.tsx
+var i = e({
+	isMobileMenuOpen: !1,
+	toggleMobileMenu: () => null
 });
-function a({
-  children: n
-}) {
-  const [t, o] = l(!1), u = {
-    toggleMobileMenu: () => {
-      o((s) => !s);
-    },
-    isMobileMenuOpen: t
-  };
-  return /* @__PURE__ */ M(e.Provider, { value: u, children: n });
+function a({ children: e }) {
+	let [t, a] = n(!1), o = {
+		toggleMobileMenu: () => {
+			a((e) => !e);
+		},
+		isMobileMenuOpen: t
+	};
+	return /* @__PURE__ */ r(i.Provider, {
+		value: o,
+		children: e
+	});
 }
-function f() {
-  return r(e);
+function o() {
+	return t(i);
 }
-export {
-  e as AppMenuContext,
-  a as AppMenuContextProvider,
-  f as useAppMenuContext
-};
+//#endregion
+export { i as AppMenuContext, a as AppMenuContextProvider, o as useAppMenuContext };