@payfit/unity-components 2.47.5 → 2.47.6

package/dist/esm/components/flex/Flex.js

@@ -1,57 +1,38 @@
-import { jsx as E } from "react/jsx-runtime";
-import { forwardRef as M, useMemo as S } from "react";
-import { flex as b } from "./Flex.variants.js";
-const N = M(
-  ({
-    asElement: a = "div",
-    children: d,
-    className: m,
-    inline: o,
-    direction: r,
-    isReversed: e,
-    wrap: f,
-    gap: s,
-    gapX: t,
-    gapY: x,
-    justify: l,
-    align: c,
-    alignContent: F,
-    ...k
-  }, p) => {
-    const u = S(
-      () => b({
-        inline: o,
-        direction: r,
-        isReversed: e,
-        wrap: f,
-        gap: s,
-        gapX: t,
-        gapY: x,
-        justify: l,
-        align: c,
-        alignContent: F,
-        className: m
-      }),
-      [
-        c,
-        F,
-        m,
-        r,
-        s,
-        t,
-        x,
-        o,
-        e,
-        l,
-        f
-      ]
-    );
-    return /* @__PURE__ */ E(a, { ref: p, className: u, ...k, children: d });
-  }
-);
-N.displayName = "Flex";
-const v = N;
-export {
-  N as Flex,
-  v as Stack
-};
+import { flex as e } from "./Flex.variants.js";
+import { forwardRef as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/flex/Flex.tsx
+var i = t(({ asElement: t = "div", children: i, className: a, inline: o, direction: s, isReversed: c, wrap: l, gap: u, gapX: d, gapY: f, justify: p, align: m, alignContent: h, ...g }, _) => /* @__PURE__ */ r(t, {
+	ref: _,
+	className: n(() => e({
+		inline: o,
+		direction: s,
+		isReversed: c,
+		wrap: l,
+		gap: u,
+		gapX: d,
+		gapY: f,
+		justify: p,
+		align: m,
+		alignContent: h,
+		className: a
+	}), [
+		m,
+		h,
+		a,
+		s,
+		u,
+		d,
+		f,
+		o,
+		c,
+		p,
+		l
+	]),
+	...g,
+	children: i
+}));
+i.displayName = "Flex";
+var a = i;
+//#endregion
+export { i as Flex, a as Stack };

package/dist/esm/components/flex/Flex.variants.js

@@ -1,200 +1,199 @@
-import { uyTv as s } from "@payfit/unity-themes";
-const y = s({
-  base: "uy:flex",
-  variants: {
-    inline: {
-      true: "uy:inline-flex",
-      false: "uy:flex"
-    },
-    direction: {
-      row: "uy:flex-row",
-      col: "uy:flex-col"
-    },
-    isReversed: {
-      true: null,
-      false: null
-    },
-    wrap: {
-      wrap: "uy:flex-wrap",
-      "wrap-reverse": "uy:flex-wrap-reverse",
-      nowrap: "uy:flex-nowrap"
-    },
-    gap: {
-      0: "uy:gap-0",
-      25: "uy:gap-25",
-      50: "uy:gap-50",
-      75: "uy:gap-75",
-      100: "uy:gap-100",
-      125: "uy:gap-125",
-      150: "uy:gap-150",
-      200: "uy:gap-200",
-      250: "uy:gap-250",
-      300: "uy:gap-300",
-      400: "uy:gap-400",
-      500: "uy:gap-500",
-      600: "uy:gap-600",
-      800: "uy:gap-800",
-      1e3: "uy:gap-1000"
-    },
-    gapX: {
-      0: "uy:gap-x-0",
-      25: "uy:gap-x-25",
-      50: "uy:gap-x-50",
-      75: "uy:gap-x-75",
-      100: "uy:gap-x-100",
-      125: "uy:gap-x-125",
-      150: "uy:gap-x-150",
-      200: "uy:gap-x-200",
-      250: "uy:gap-x-250",
-      300: "uy:gap-x-300",
-      400: "uy:gap-x-400",
-      500: "uy:gap-x-500",
-      600: "uy:gap-x-600",
-      800: "uy:gap-x-800",
-      1e3: "uy:gap-x-1000"
-    },
-    gapY: {
-      0: "uy:gap-y-0",
-      25: "uy:gap-y-25",
-      50: "uy:gap-y-50",
-      75: "uy:gap-y-75",
-      100: "uy:gap-y-100",
-      125: "uy:gap-y-125",
-      150: "uy:gap-y-150",
-      200: "uy:gap-y-200",
-      250: "uy:gap-y-250",
-      300: "uy:gap-y-300",
-      400: "uy:gap-y-400",
-      500: "uy:gap-y-500",
-      600: "uy:gap-y-600",
-      800: "uy:gap-y-800",
-      1e3: "uy:gap-y-1000"
-    },
-    justify: {
-      start: "uy:justify-start",
-      end: "uy:justify-end",
-      center: "uy:justify-center",
-      between: "uy:justify-between",
-      around: "uy:justify-around",
-      evenly: "uy:justify-evenly"
-    },
-    align: {
-      start: "uy:items-start",
-      end: "uy:items-end",
-      center: "uy:items-center",
-      baseline: "uy:items-baseline",
-      stretch: "uy:items-stretch"
-    },
-    alignContent: {
-      start: "uy:content-start",
-      end: "uy:content-end",
-      center: "uy:content-center",
-      between: "uy:content-between",
-      around: "uy:content-around",
-      evenly: "uy:content-evenly"
-    }
-  },
-  defaultVariants: {
-    inline: !1,
-    direction: "row",
-    wrap: "nowrap",
-    justify: "start",
-    align: "stretch",
-    isReversed: !1
-  },
-  compoundVariants: [
-    {
-      isReversed: !0,
-      direction: "row",
-      className: "uy:flex-row-reverse"
-    },
-    {
-      isReversed: !0,
-      direction: void 0,
-      className: "uy:flex-row-reverse"
-    },
-    {
-      isReversed: !0,
-      direction: "col",
-      className: "uy:flex-col-reverse"
-    }
-  ]
-}), e = s({
-  variants: {
-    grow: {
-      0: "uy:grow-0",
-      1: "uy:grow"
-    },
-    shrink: {
-      0: "uy:shrink-0",
-      1: "uy:shrink"
-    },
-    basis: {
-      auto: "uy:basis-auto",
-      min: "uy:basis-min",
-      max: "uy:basis-max",
-      fit: "uy:basis-fit",
-      full: "uy:basis-full",
-      "1/2": "uy:basis-1/2",
-      "1/3": "uy:basis-1/3",
-      "2/3": "uy:basis-2/3",
-      "1/4": "uy:basis-1/4",
-      "2/4": "uy:basis-2/4",
-      "3/4": "uy:basis-3/4",
-      "1/6": "uy:basis-1/6",
-      "2/6": "uy:basis-2/6",
-      "3/6": "uy:basis-3/6",
-      "4/6": "uy:basis-4/6",
-      "5/6": "uy:basis-5/6",
-      "1/12": "uy:basis-1/12",
-      "2/12": "uy:basis-2/12",
-      "3/12": "uy:basis-3/12",
-      "4/12": "uy:basis-4/12",
-      "5/12": "uy:basis-5/12",
-      "6/12": "uy:basis-6/12",
-      "7/12": "uy:basis-7/12",
-      "8/12": "uy:basis-8/12",
-      "9/12": "uy:basis-9/12",
-      "10/12": "uy:basis-10/12",
-      "11/12": "uy:basis-11/12",
-      0: "uy:basis-0",
-      25: "uy:basis-25",
-      50: "uy:basis-50",
-      75: "uy:basis-75",
-      100: "uy:basis-100",
-      125: "uy:basis-125",
-      150: "uy:basis-150",
-      200: "uy:basis-200",
-      250: "uy:basis-250",
-      300: "uy:basis-300",
-      400: "uy:basis-400",
-      500: "uy:basis-500",
-      600: "uy:basis-600",
-      800: "uy:basis-800",
-      1e3: "uy:basis-1000"
-    },
-    order: {
-      first: "uy:order-first",
-      last: "uy:order-last",
-      none: "uy:order-none"
-    },
-    self: {
-      auto: "uy:self-auto",
-      start: "uy:self-start",
-      end: "uy:self-end",
-      center: "uy:self-center",
-      stretch: "uy:self-stretch",
-      baseline: "uy:self-baseline"
-    }
-  },
-  defaultVariants: {
-    grow: 0,
-    shrink: 1,
-    order: "none",
-    self: "auto"
-  }
+import { uyTv as e } from "@payfit/unity-themes";
+//#region src/components/flex/Flex.variants.tsx
+var t = e({
+	base: "uy:flex",
+	variants: {
+		inline: {
+			true: "uy:inline-flex",
+			false: "uy:flex"
+		},
+		direction: {
+			row: "uy:flex-row",
+			col: "uy:flex-col"
+		},
+		isReversed: {
+			true: null,
+			false: null
+		},
+		wrap: {
+			wrap: "uy:flex-wrap",
+			"wrap-reverse": "uy:flex-wrap-reverse",
+			nowrap: "uy:flex-nowrap"
+		},
+		gap: {
+			0: "uy:gap-0",
+			25: "uy:gap-25",
+			50: "uy:gap-50",
+			75: "uy:gap-75",
+			100: "uy:gap-100",
+			125: "uy:gap-125",
+			150: "uy:gap-150",
+			200: "uy:gap-200",
+			250: "uy:gap-250",
+			300: "uy:gap-300",
+			400: "uy:gap-400",
+			500: "uy:gap-500",
+			600: "uy:gap-600",
+			800: "uy:gap-800",
+			1e3: "uy:gap-1000"
+		},
+		gapX: {
+			0: "uy:gap-x-0",
+			25: "uy:gap-x-25",
+			50: "uy:gap-x-50",
+			75: "uy:gap-x-75",
+			100: "uy:gap-x-100",
+			125: "uy:gap-x-125",
+			150: "uy:gap-x-150",
+			200: "uy:gap-x-200",
+			250: "uy:gap-x-250",
+			300: "uy:gap-x-300",
+			400: "uy:gap-x-400",
+			500: "uy:gap-x-500",
+			600: "uy:gap-x-600",
+			800: "uy:gap-x-800",
+			1e3: "uy:gap-x-1000"
+		},
+		gapY: {
+			0: "uy:gap-y-0",
+			25: "uy:gap-y-25",
+			50: "uy:gap-y-50",
+			75: "uy:gap-y-75",
+			100: "uy:gap-y-100",
+			125: "uy:gap-y-125",
+			150: "uy:gap-y-150",
+			200: "uy:gap-y-200",
+			250: "uy:gap-y-250",
+			300: "uy:gap-y-300",
+			400: "uy:gap-y-400",
+			500: "uy:gap-y-500",
+			600: "uy:gap-y-600",
+			800: "uy:gap-y-800",
+			1e3: "uy:gap-y-1000"
+		},
+		justify: {
+			start: "uy:justify-start",
+			end: "uy:justify-end",
+			center: "uy:justify-center",
+			between: "uy:justify-between",
+			around: "uy:justify-around",
+			evenly: "uy:justify-evenly"
+		},
+		align: {
+			start: "uy:items-start",
+			end: "uy:items-end",
+			center: "uy:items-center",
+			baseline: "uy:items-baseline",
+			stretch: "uy:items-stretch"
+		},
+		alignContent: {
+			start: "uy:content-start",
+			end: "uy:content-end",
+			center: "uy:content-center",
+			between: "uy:content-between",
+			around: "uy:content-around",
+			evenly: "uy:content-evenly"
+		}
+	},
+	defaultVariants: {
+		inline: !1,
+		direction: "row",
+		wrap: "nowrap",
+		justify: "start",
+		align: "stretch",
+		isReversed: !1
+	},
+	compoundVariants: [
+		{
+			isReversed: !0,
+			direction: "row",
+			className: "uy:flex-row-reverse"
+		},
+		{
+			isReversed: !0,
+			direction: void 0,
+			className: "uy:flex-row-reverse"
+		},
+		{
+			isReversed: !0,
+			direction: "col",
+			className: "uy:flex-col-reverse"
+		}
+	]
+}), n = e({
+	variants: {
+		grow: {
+			0: "uy:grow-0",
+			1: "uy:grow"
+		},
+		shrink: {
+			0: "uy:shrink-0",
+			1: "uy:shrink"
+		},
+		basis: {
+			auto: "uy:basis-auto",
+			min: "uy:basis-min",
+			max: "uy:basis-max",
+			fit: "uy:basis-fit",
+			full: "uy:basis-full",
+			"1/2": "uy:basis-1/2",
+			"1/3": "uy:basis-1/3",
+			"2/3": "uy:basis-2/3",
+			"1/4": "uy:basis-1/4",
+			"2/4": "uy:basis-2/4",
+			"3/4": "uy:basis-3/4",
+			"1/6": "uy:basis-1/6",
+			"2/6": "uy:basis-2/6",
+			"3/6": "uy:basis-3/6",
+			"4/6": "uy:basis-4/6",
+			"5/6": "uy:basis-5/6",
+			"1/12": "uy:basis-1/12",
+			"2/12": "uy:basis-2/12",
+			"3/12": "uy:basis-3/12",
+			"4/12": "uy:basis-4/12",
+			"5/12": "uy:basis-5/12",
+			"6/12": "uy:basis-6/12",
+			"7/12": "uy:basis-7/12",
+			"8/12": "uy:basis-8/12",
+			"9/12": "uy:basis-9/12",
+			"10/12": "uy:basis-10/12",
+			"11/12": "uy:basis-11/12",
+			0: "uy:basis-0",
+			25: "uy:basis-25",
+			50: "uy:basis-50",
+			75: "uy:basis-75",
+			100: "uy:basis-100",
+			125: "uy:basis-125",
+			150: "uy:basis-150",
+			200: "uy:basis-200",
+			250: "uy:basis-250",
+			300: "uy:basis-300",
+			400: "uy:basis-400",
+			500: "uy:basis-500",
+			600: "uy:basis-600",
+			800: "uy:basis-800",
+			1e3: "uy:basis-1000"
+		},
+		order: {
+			first: "uy:order-first",
+			last: "uy:order-last",
+			none: "uy:order-none"
+		},
+		self: {
+			auto: "uy:self-auto",
+			start: "uy:self-start",
+			end: "uy:self-end",
+			center: "uy:self-center",
+			stretch: "uy:self-stretch",
+			baseline: "uy:self-baseline"
+		}
+	},
+	defaultVariants: {
+		grow: 0,
+		shrink: 1,
+		order: "none",
+		self: "auto"
+	}
 });
-export {
-  y as flex,
-  e as flexItem
-};
+//#endregion
+export { t as flex, n as flexItem };

package/dist/esm/components/flex/FlexItem.js

@@ -1,32 +1,21 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { flexItem as I } from "./Flex.variants.js";
-const e = x(
-  ({
-    asElement: t = "div",
-    children: m,
-    className: o,
-    grow: r,
-    shrink: s,
-    basis: a,
-    order: l,
-    self: f,
-    ...c
-  }, i) => {
-    const n = I({
-      grow: r,
-      shrink: s,
-      basis: a,
-      order: l,
-      self: f,
-      className: o
-    });
-    return /* @__PURE__ */ p(t, { ref: i, className: n, ...c, children: m });
-  }
-);
-e.displayName = "FlexItem";
-const N = e;
-export {
-  e as FlexItem,
-  N as StackItem
-};
+import { flexItem as e } from "./Flex.variants.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/flex/FlexItem.tsx
+var r = t(({ asElement: t = "div", children: r, className: i, grow: a, shrink: o, basis: s, order: c, self: l, ...u }, d) => /* @__PURE__ */ n(t, {
+	ref: d,
+	className: e({
+		grow: a,
+		shrink: o,
+		basis: s,
+		order: c,
+		self: l,
+		className: i
+	}),
+	...u,
+	children: r
+}));
+r.displayName = "FlexItem";
+var i = r;
+//#endregion
+export { r as FlexItem, i as StackItem };