@payfit/unity-components 2.47.5 → 2.47.7

package/dist/esm/components/timeline/parts/TimelineMarker.js

@@ -1,26 +1,36 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { useTimelineContext as N } from "../Timeline.context.js";
-import { timelineMarker as k } from "../Timeline.variants.js";
-import v from "./check.svg.js";
-const x = f(
-  ({ state: i = "pending", stepNumber: r, className: m }, t) => {
-    const { type: n, orientation: s } = N(), { container: d, icon: l, ball: c, number: h, line: p } = k({
-      state: i,
-      type: n,
-      orientation: s,
-      className: m
-    }), a = i === "completed", u = n === "numbered" && !a && r !== void 0;
-    return /* @__PURE__ */ o("div", { ref: t, className: d(), "aria-hidden": "true", children: [
-      /* @__PURE__ */ o("div", { className: c(), children: [
-        a && /* @__PURE__ */ e(v, { className: l(), "aria-hidden": "true" }),
-        u && /* @__PURE__ */ e("span", { className: h(), "aria-hidden": "true", children: r })
-      ] }),
-      /* @__PURE__ */ e("div", { className: p(), "data-timeline-line": !0 })
-    ] });
-  }
-);
-x.displayName = "TimelineMarker";
-export {
-  x as TimelineMarker
-};
+import { useTimelineContext as e } from "../Timeline.context.js";
+import { timelineMarker as t } from "../Timeline.variants.js";
+import n from "./check.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/timeline/parts/TimelineMarker.tsx
+var o = r(({ state: r = "pending", stepNumber: o, className: s }, c) => {
+	let { type: l, orientation: u } = e(), { container: d, icon: f, ball: p, number: m, line: h } = t({
+		state: r,
+		type: l,
+		orientation: u,
+		className: s
+	}), g = r === "completed", _ = l === "numbered" && !g && o !== void 0;
+	return /* @__PURE__ */ a("div", {
+		ref: c,
+		className: d(),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ a("div", {
+			className: p(),
+			children: [g && /* @__PURE__ */ i(n, {
+				className: f(),
+				"aria-hidden": "true"
+			}), _ && /* @__PURE__ */ i("span", {
+				className: m(),
+				"aria-hidden": "true",
+				children: o
+			})]
+		}), /* @__PURE__ */ i("div", {
+			className: h(),
+			"data-timeline-line": !0
+		})]
+	});
+});
+o.displayName = "TimelineMarker";
+//#endregion
+export { o as TimelineMarker };

package/dist/esm/components/timeline/parts/TimelineStep.context.js

@@ -1,21 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
-import { createContext as o, useContext as r } from "react";
-const t = o(null);
-function l({
-  labelId: e,
-  children: n
-}) {
-  return /* @__PURE__ */ i(t.Provider, { value: { labelId: e }, children: n });
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/timeline/parts/TimelineStep.context.tsx
+var r = e(null);
+function i({ labelId: e, children: t }) {
+	return /* @__PURE__ */ n(r.Provider, {
+		value: { labelId: e },
+		children: t
+	});
 }
-function p() {
-  const e = r(t);
-  if (!e)
-    throw new Error(
-      "useTimelineStepContext must be used within TimelineStepProvider"
-    );
-  return e;
+function a() {
+	let e = t(r);
+	if (!e) throw Error("useTimelineStepContext must be used within TimelineStepProvider");
+	return e;
 }
-export {
-  l as TimelineStepProvider,
-  p as useTimelineStepContext
-};
+//#endregion
+export { i as TimelineStepProvider, a as useTimelineStepContext };

package/dist/esm/components/timeline/parts/TimelineStep.js

@@ -1,52 +1,57 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { forwardRef as g, useId as o } from "react";
-import { useIntl as y } from "react-intl";
-import { useTimelineContext as M } from "../Timeline.context.js";
-import { timelineStep as b } from "../Timeline.variants.js";
-import { TimelineMarker as T } from "./TimelineMarker.js";
-import { TimelineStepProvider as I } from "./TimelineStep.context.js";
-import { TimelineStepContent as S } from "./TimelineStepContent.js";
-const x = g(
-  ({
-    state: t = "pending",
-    stepNumber: s,
-    className: m,
-    statusSlot: a,
-    actionSlot: l,
-    children: d
-  }, p) => {
-    const i = y(), { orientation: c } = M(), n = o(), r = o(), f = {
-      completed: i.formatMessage({
-        id: "unity:component:timeline:state:completed",
-        defaultMessage: "Completed"
-      }),
-      current: i.formatMessage({
-        id: "unity:component:timeline:state:current",
-        defaultMessage: "In progress"
-      }),
-      pending: i.formatMessage({
-        id: "unity:component:timeline:state:pending",
-        defaultMessage: "Pending"
-      })
-    };
-    return /* @__PURE__ */ u(
-      "li",
-      {
-        ref: p,
-        className: b({ orientation: c, className: m }),
-        "aria-current": t === "current" ? "step" : void 0,
-        "aria-labelledby": n,
-        "aria-describedby": r,
-        children: [
-          /* @__PURE__ */ e(T, { state: t, stepNumber: s }),
-          /* @__PURE__ */ e("span", { id: r, className: "uy:sr-only", children: f[t] }),
-          /* @__PURE__ */ e(I, { labelId: n, children: /* @__PURE__ */ e(S, { statusSlot: a, actionSlot: l, children: d }) })
-        ]
-      }
-    );
-  }
-);
-x.displayName = "TimelineStep";
-export {
-  x as TimelineStep
-};
+import { useTimelineContext as e } from "../Timeline.context.js";
+import { timelineStep as t } from "../Timeline.variants.js";
+import { TimelineMarker as n } from "./TimelineMarker.js";
+import { TimelineStepProvider as r } from "./TimelineStep.context.js";
+import { TimelineStepContent as i } from "./TimelineStepContent.js";
+import { forwardRef as a, useId as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useIntl as l } from "react-intl";
+//#region src/components/timeline/parts/TimelineStep.tsx
+var u = a(({ state: a = "pending", stepNumber: u, className: d, statusSlot: f, actionSlot: p, children: m }, h) => {
+	let g = l(), { orientation: _ } = e(), v = o(), y = o(), b = {
+		completed: g.formatMessage({
+			id: "unity:component:timeline:state:completed",
+			defaultMessage: "Completed"
+		}),
+		current: g.formatMessage({
+			id: "unity:component:timeline:state:current",
+			defaultMessage: "In progress"
+		}),
+		pending: g.formatMessage({
+			id: "unity:component:timeline:state:pending",
+			defaultMessage: "Pending"
+		})
+	};
+	return /* @__PURE__ */ c("li", {
+		ref: h,
+		className: t({
+			orientation: _,
+			className: d
+		}),
+		"aria-current": a === "current" ? "step" : void 0,
+		"aria-labelledby": v,
+		"aria-describedby": y,
+		children: [
+			/* @__PURE__ */ s(n, {
+				state: a,
+				stepNumber: u
+			}),
+			/* @__PURE__ */ s("span", {
+				id: y,
+				className: "uy:sr-only",
+				children: b[a]
+			}),
+			/* @__PURE__ */ s(r, {
+				labelId: v,
+				children: /* @__PURE__ */ s(i, {
+					statusSlot: f,
+					actionSlot: p,
+					children: m
+				})
+			})
+		]
+	});
+});
+u.displayName = "TimelineStep";
+//#endregion
+export { u as TimelineStep };

package/dist/esm/components/timeline/parts/TimelineStepContent.context.js

@@ -1,22 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useContext as i, createContext as r } from "react";
-const t = r(null);
-function C({
-  children: e,
-  statusSlot: n
-}) {
-  return /* @__PURE__ */ o(t.Provider, { value: { statusSlot: n }, children: e });
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/timeline/parts/TimelineStepContent.context.tsx
+var r = e(null);
+function i({ children: e, statusSlot: t }) {
+	return /* @__PURE__ */ n(r.Provider, {
+		value: { statusSlot: t },
+		children: e
+	});
 }
-function l() {
-  const e = i(t);
-  if (!e)
-    throw new Error(
-      "useTimelineStepContentContext must be used within TimelineStepContent"
-    );
-  return e;
+function a() {
+	let e = t(r);
+	if (!e) throw Error("useTimelineStepContentContext must be used within TimelineStepContent");
+	return e;
 }
-export {
-  t as TimelineStepContentContext,
-  C as TimelineStepContentProvider,
-  l as useTimelineStepContentContext
-};
+//#endregion
+export { i as TimelineStepContentProvider, a as useTimelineStepContentContext };

package/dist/esm/components/timeline/parts/TimelineStepContent.js

@@ -1,18 +1,31 @@
-import { jsx as i, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { useTimelineContext as l } from "../Timeline.context.js";
-import { useIsHorizontalDesktop as a } from "../Timeline.utils.js";
-import { timelineContent as f } from "../Timeline.variants.js";
-import { TimelineStepContentProvider as c } from "./TimelineStepContent.context.js";
-const C = d(({ className: o, children: r, statusSlot: e, actionSlot: n }, t) => {
-  const { orientation: m } = l(), p = a();
-  return /* @__PURE__ */ i(c, { statusSlot: e, children: /* @__PURE__ */ s("div", { ref: t, className: f({ orientation: m, className: o }), children: [
-    r,
-    p && e && /* @__PURE__ */ i("div", { "aria-hidden": "true", children: e }),
-    n
-  ] }) });
+import { useTimelineContext as e } from "../Timeline.context.js";
+import { timelineContent as t } from "../Timeline.variants.js";
+import { useIsHorizontalDesktop as n } from "../Timeline.utils.js";
+import { TimelineStepContentProvider as r } from "./TimelineStepContent.context.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/timeline/parts/TimelineStepContent.tsx
+var s = i(({ className: i, children: s, statusSlot: c, actionSlot: l }, u) => {
+	let { orientation: d } = e(), f = n();
+	return /* @__PURE__ */ a(r, {
+		statusSlot: c,
+		children: /* @__PURE__ */ o("div", {
+			ref: u,
+			className: t({
+				orientation: d,
+				className: i
+			}),
+			children: [
+				s,
+				f && c && /* @__PURE__ */ a("div", {
+					"aria-hidden": "true",
+					children: c
+				}),
+				l
+			]
+		})
+	});
 });
-C.displayName = "TimelineStepContent";
-export {
-  C as TimelineStepContent
-};
+s.displayName = "TimelineStepContent";
+//#endregion
+export { s as TimelineStepContent };

package/dist/esm/components/timeline/parts/TimelineStepDescription.js

@@ -1,8 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
+import { Text as e } from "../../text/Text.js";
 import { forwardRef as t } from "react";
-import { Text as i } from "../../text/Text.js";
-const n = t(({ children: r }, e) => /* @__PURE__ */ o(i, { ref: e, variant: "body", color: "content.neutral", children: r }));
-n.displayName = "TimelineStepDescription";
-export {
-  n as TimelineStepDescription
-};
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/timeline/parts/TimelineStepDescription.tsx
+var r = t(({ children: t }, r) => /* @__PURE__ */ n(e, {
+	ref: r,
+	variant: "body",
+	color: "content.neutral",
+	children: t
+}));
+r.displayName = "TimelineStepDescription";
+//#endregion
+export { r as TimelineStepDescription };

package/dist/esm/components/timeline/parts/TimelineStepHeader.js

@@ -1,37 +1,35 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { Text as l } from "../../text/Text.js";
-import { useIsHorizontalDesktop as d } from "../Timeline.utils.js";
-import { useTimelineStepContext as c } from "./TimelineStep.context.js";
-import { useTimelineStepContentContext as p } from "./TimelineStepContent.context.js";
-const f = u(({ title: i, subtitle: t, asHeader: n = "h3" }, s) => {
-  const { statusSlot: o } = p(), { labelId: a } = c(), m = !d() && o;
-  return /* @__PURE__ */ r(
-    "header",
-    {
-      ref: s,
-      className: "uy:flex uy:flex-col uy:gap-0 uy:items-start uy:w-full",
-      children: [
-        /* @__PURE__ */ r("div", { className: "uy:flex uy:gap-100 uy:items-start uy:w-full", children: [
-          /* @__PURE__ */ e(
-            l,
-            {
-              variant: "bodyStrong",
-              color: "content.neutral",
-              className: "uy:flex-1",
-              asElement: n,
-              id: a,
-              children: i
-            }
-          ),
-          m && /* @__PURE__ */ e("div", { "aria-hidden": "true", children: o })
-        ] }),
-        t && /* @__PURE__ */ e(l, { variant: "bodySmall", color: "content.neutral.lowest", children: t })
-      ]
-    }
-  );
+import { Text as e } from "../../text/Text.js";
+import { useTimelineStepContext as t } from "./TimelineStep.context.js";
+import { useIsHorizontalDesktop as n } from "../Timeline.utils.js";
+import { useTimelineStepContentContext as r } from "./TimelineStepContent.context.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/timeline/parts/TimelineStepHeader.tsx
+var s = i(({ title: i, subtitle: s, asHeader: c = "h3" }, l) => {
+	let { statusSlot: u } = r(), { labelId: d } = t(), f = !n() && u;
+	return /* @__PURE__ */ o("header", {
+		ref: l,
+		className: "uy:flex uy:flex-col uy:gap-0 uy:items-start uy:w-full",
+		children: [/* @__PURE__ */ o("div", {
+			className: "uy:flex uy:gap-100 uy:items-start uy:w-full",
+			children: [/* @__PURE__ */ a(e, {
+				variant: "bodyStrong",
+				color: "content.neutral",
+				className: "uy:flex-1",
+				asElement: c,
+				id: d,
+				children: i
+			}), f && /* @__PURE__ */ a("div", {
+				"aria-hidden": "true",
+				children: u
+			})]
+		}), s && /* @__PURE__ */ a(e, {
+			variant: "bodySmall",
+			color: "content.neutral.lowest",
+			children: s
+		})]
+	});
 });
-f.displayName = "TimelineStepHeader";
-export {
-  f as TimelineStepHeader
-};
+s.displayName = "TimelineStepHeader";
+//#endregion
+export { s as TimelineStepHeader };

package/dist/esm/components/timeline/parts/check.js

@@ -0,0 +1,23 @@
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/timeline/parts/check.svg?react
+var t = (t) => /* @__PURE__ */ e("svg", {
+	fill: "none",
+	height: 20,
+	viewBox: "0 0 20 20",
+	width: 20,
+	xmlns: "http://www.w3.org/2000/svg",
+	...t,
+	children: /* @__PURE__ */ e("g", {
+		id: "check",
+		children: /* @__PURE__ */ e("path", {
+			clipRule: "evenodd",
+			d: "M16.0669 5.80806C16.311 6.05214 16.311 6.44786 16.0669 6.69194L8.56694 14.1919C8.32286 14.436 7.92714 14.436 7.68306 14.1919L4.55806 11.0669C4.31398 10.8229 4.31398 10.4271 4.55806 10.1831C4.80214 9.93898 5.19786 9.93898 5.44194 10.1831L8.125 12.8661L15.1831 5.80806C15.4271 5.56398 15.8229 5.56398 16.0669 5.80806Z",
+			fill: "white",
+			fillRule: "evenodd",
+			id: "Vector"
+		})
+	})
+});
+//#endregion
+export { t as default };

package/dist/esm/components/toast/Toast.context.js

@@ -1,22 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { createContext as n, useContext as s } from "react";
-const o = n({
-  inline: !0
-});
-function a({
-  inline: t,
-  children: e
-}) {
-  return /* @__PURE__ */ r(o.Provider, { value: { inline: t }, children: e });
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/toast/Toast.context.tsx
+var r = e({ inline: !0 });
+function i({ inline: e, children: t }) {
+	return /* @__PURE__ */ n(r.Provider, {
+		value: { inline: e },
+		children: t
+	});
 }
-function x() {
-  const t = s(o);
-  if (!t)
-    throw new Error("useToastContext must be used within an ToastProvider");
-  return t;
+function a() {
+	let e = t(r);
+	if (!e) throw Error("useToastContext must be used within an ToastProvider");
+	return e;
 }
-export {
-  o as ToastContext,
-  a as ToastProvider,
-  x as useToastContext
-};
+//#endregion
+export { i as ToastProvider, a as useToastContext };

package/dist/esm/components/toast/ToastManager.js

@@ -1,21 +1,13 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Toaster as o } from "react-hot-toast";
-const s = {
-  error: {
-    duration: 1 / 0
-  },
-  success: {
-    duration: 5e3
-  }
-}, i = () => /* @__PURE__ */ t(
-  o,
-  {
-    position: "top-right",
-    gutter: 8,
-    toastOptions: { removeDelay: 0 }
-  }
-);
-export {
-  s as TOAST_CONFIG,
-  i as ToastManager
-};
+import { jsx as e } from "react/jsx-runtime";
+import { Toaster as t } from "react-hot-toast";
+//#region src/components/toast/ToastManager.tsx
+var n = {
+	error: { duration: Infinity },
+	success: { duration: 5e3 }
+}, r = () => /* @__PURE__ */ e(t, {
+	position: "top-right",
+	gutter: 8,
+	toastOptions: { removeDelay: 0 }
+});
+//#endregion
+export { n as TOAST_CONFIG, r as ToastManager };