@payfit/unity-components 2.47.5 → 2.47.7

package/dist/esm/components/table/parts/TablePagination.js

@@ -1,141 +1,119 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { forwardRef as C, useState as I } from "react";
-import { uyTv as j } from "@payfit/unity-themes";
-import { useId as L } from "react-aria/useId";
-import { useIntl as T } from "react-intl";
-import { ClientSidePagination as O } from "../../client-side-pagination/ClientSidePagination.js";
-import { SelectOption as R } from "../../select/parts/SelectOption.js";
-import { Select as E } from "../../select/Select.js";
-const _ = j({
-  base: [
-    "uy:bg-surface-neutral-low",
-    "uy:sticky uy:bottom-0",
-    "uy:grid uy:grid-cols-3 uy:items-center",
-    "uy:ps-200 uy:py-100 uy:pe-100"
-  ]
-}), k = [
-  { value: "10", label: "10" },
-  { value: "50", label: "50" },
-  { value: "100", label: "100" },
-  { value: "200", label: "200" }
-], A = C(
-  (b, y) => {
-    const {
-      pageCount: i,
-      rowCount: n,
-      currentPage: r,
-      rowsPerPage: s,
-      defaultPage: u,
-      pageSizeOptions: f = k,
-      defaultPageSize: h = s,
-      onPageChange: P,
-      onNextPress: v,
-      onPreviousPress: N,
-      onPageSizeChange: S,
-      onPageHover: z,
-      itemLabel: g = "unity:component:table:pagination:item",
-      ...w
-    } = b, a = L(), t = T(), [M, $] = I(h), x = {
-      pageCount: i,
-      defaultPage: u,
-      currentPage: r,
-      onPageChange: P,
-      onNextPress: v,
-      onPreviousPress: N,
-      onPageHover: z
-    }, o = Math.max(((r ?? u ?? 1) - 1) * s + 1, 1), p = Math.min(o + s - 1, n), c = {
-      singular: t.formatMessage(
-        {
-          id: g,
-          defaultMessage: "items"
-        },
-        { count: 1 }
-      ),
-      plural: t.formatMessage(
-        {
-          id: g,
-          defaultMessage: "items"
-        },
-        { count: 2 }
-      )
-    };
-    return /* @__PURE__ */ d(
-      "div",
-      {
-        "data-dd-privacy": "allow",
-        ...w,
-        ref: y,
-        className: _(),
-        "data-unity-slot": "table-pagination",
-        children: [
-          /* @__PURE__ */ e("div", { className: "uy:justify-self-start", children: /* @__PURE__ */ e(
-            "span",
-            {
-              id: `table-pagination-${a}-label`,
-              className: "uy:typography-body uy:text-content-neutral",
-              children: t.formatMessage(
-                {
-                  id: "unity:component:table:pagination:label",
-                  defaultMessage: `${o}-${p} out of ${n} items`
-                },
-                {
-                  pageCount: i,
-                  startRow: o,
-                  endRow: p,
-                  totalRows: n,
-                  itemLabel: c.plural
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ e("div", { className: "uy:justify-self-center", children: i > 1 && /* @__PURE__ */ e(
-            O,
-            {
-              ...x,
-              "aria-labelledby": `table-pagination-${a}-label`
-            }
-          ) }),
-          /* @__PURE__ */ e("div", { className: "uy:justify-self-end", children: /* @__PURE__ */ d("form", { className: "uy:flex uy:gap-100 uy:items-center", children: [
-            /* @__PURE__ */ e(
-              "label",
-              {
-                className: "uy:shrink-0",
-                id: `table-pagination-${a}-pagesize-label`,
-                htmlFor: `table-pagination-${a}-pagesize-select`,
-                children: t.formatMessage(
-                  {
-                    id: "unity:component:table:pagination:page-size-control-label",
-                    defaultMessage: "Items per page"
-                  },
-                  {
-                    itemLabel: c.plural
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ e("div", { className: "uy:grow-0 uy:w-1000", children: /* @__PURE__ */ e(
-              E,
-              {
-                id: `table-pagination-${a}-pagesize-select`,
-                items: f,
-                placeholder: "",
-                value: `${M}`,
-                onChange: (l) => {
-                  const m = parseInt(l, 10);
-                  S?.(m), $(m);
-                },
-                "aria-labelledby": `table-pagination-${a}-pagesize-label`,
-                children: (l) => /* @__PURE__ */ e(R, { id: l.value, children: l.label })
-              }
-            ) })
-          ] }) })
-        ]
-      }
-    );
-  }
-);
-A.displayName = "TablePagination";
-export {
-  A as TablePagination,
-  _ as tablePagination
-};
+import { ClientSidePagination as e } from "../../client-side-pagination/ClientSidePagination.js";
+import { SelectOption as t } from "../../select/parts/SelectOption.js";
+import { Select as n } from "../../select/Select.js";
+import { forwardRef as r, useState as i } from "react";
+import { uyTv as a } from "@payfit/unity-themes";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useIntl as c } from "react-intl";
+import { useId as l } from "react-aria/useId";
+//#region src/components/table/parts/TablePagination.tsx
+var u = a({ base: [
+	"uy:bg-surface-neutral-low",
+	"uy:sticky uy:bottom-0",
+	"uy:grid uy:grid-cols-3 uy:items-center",
+	"uy:ps-200 uy:py-100 uy:pe-100"
+] }), d = [
+	{
+		value: "10",
+		label: "10"
+	},
+	{
+		value: "50",
+		label: "50"
+	},
+	{
+		value: "100",
+		label: "100"
+	},
+	{
+		value: "200",
+		label: "200"
+	}
+], f = r((r, a) => {
+	let { pageCount: f, rowCount: p, currentPage: m, rowsPerPage: h, defaultPage: g, pageSizeOptions: _ = d, defaultPageSize: v = h, onPageChange: y, onNextPress: b, onPreviousPress: x, onPageSizeChange: S, onPageHover: C, itemLabel: w = "unity:component:table:pagination:item", ...T } = r, E = l(), D = c(), [O, k] = i(v), A = {
+		pageCount: f,
+		defaultPage: g,
+		currentPage: m,
+		onPageChange: y,
+		onNextPress: b,
+		onPreviousPress: x,
+		onPageHover: C
+	}, j = Math.max(((m ?? g ?? 1) - 1) * h + 1, 1), M = Math.min(j + h - 1, p), N = {
+		singular: D.formatMessage({
+			id: w,
+			defaultMessage: "items"
+		}, { count: 1 }),
+		plural: D.formatMessage({
+			id: w,
+			defaultMessage: "items"
+		}, { count: 2 })
+	};
+	return /* @__PURE__ */ s("div", {
+		"data-dd-privacy": "allow",
+		...T,
+		ref: a,
+		className: u(),
+		"data-unity-slot": "table-pagination",
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "uy:justify-self-start",
+				children: /* @__PURE__ */ o("span", {
+					id: `table-pagination-${E}-label`,
+					className: "uy:typography-body uy:text-content-neutral",
+					children: D.formatMessage({
+						id: "unity:component:table:pagination:label",
+						defaultMessage: `${j}-${M} out of ${p} items`
+					}, {
+						pageCount: f,
+						startRow: j,
+						endRow: M,
+						totalRows: p,
+						itemLabel: N.plural
+					})
+				})
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "uy:justify-self-center",
+				children: f > 1 && /* @__PURE__ */ o(e, {
+					...A,
+					"aria-labelledby": `table-pagination-${E}-label`
+				})
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "uy:justify-self-end",
+				children: /* @__PURE__ */ s("form", {
+					className: "uy:flex uy:gap-100 uy:items-center",
+					children: [/* @__PURE__ */ o("label", {
+						className: "uy:shrink-0",
+						id: `table-pagination-${E}-pagesize-label`,
+						htmlFor: `table-pagination-${E}-pagesize-select`,
+						children: D.formatMessage({
+							id: "unity:component:table:pagination:page-size-control-label",
+							defaultMessage: "Items per page"
+						}, { itemLabel: N.plural })
+					}), /* @__PURE__ */ o("div", {
+						className: "uy:grow-0 uy:w-1000",
+						children: /* @__PURE__ */ o(n, {
+							id: `table-pagination-${E}-pagesize-select`,
+							items: _,
+							placeholder: "",
+							value: `${O}`,
+							onChange: (e) => {
+								let t = parseInt(e, 10);
+								S?.(t), k(t);
+							},
+							"aria-labelledby": `table-pagination-${E}-pagesize-label`,
+							children: (e) => /* @__PURE__ */ o(t, {
+								id: e.value,
+								children: e.label
+							})
+						})
+					})]
+				})
+			})
+		]
+	});
+});
+f.displayName = "TablePagination";
+//#endregion
+export { f as TablePagination, u as tablePagination };

package/dist/esm/components/table/parts/TableRow.js

@@ -1,52 +1,36 @@
-import { jsx as y } from "react/jsx-runtime";
-import c, { memo as f, forwardRef as m, useMemo as a, Children as p, cloneElement as v } from "react";
-import { uyTv as w } from "@payfit/unity-themes";
-const R = w({
-  base: [
-    "uy:group uy:h-500",
-    "uy:bg-surface-neutral uy:border-b uy:border-solid uy:border-b-border-neutral-enabled",
-    "uy:transition-colors uy:duration-200 uy:ease-in-out",
-    "uy:hover:border-b-border-neutral-hover uy:hover:bg-surface-neutral-low-hover",
-    "uy:aria-[selected=true]:bg-surface-neutral-selected uy:aria-[selected=true]:border-b-border-neutral-selected",
-    "uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-offset-[-2px] uy:focus-visible:outline-utility-focus-ring"
-  ]
-}), g = f(
-  m(
-    ({ children: o, className: u, rowIndex: r = 0, onKeyDown: s, isSelected: t, ...l }, i) => {
-      const n = a(
-        () => R({ className: u }),
-        [u]
-      ), b = a(() => p.map(o, (e, d) => c.isValidElement(e) ? v(
-        e,
-        {
-          rowIndex: r,
-          colIndex: d,
-          ...e.props
-        }
-      ) : e), [o, r]);
-      return /* @__PURE__ */ y(
-        "tr",
-        {
-          ref: i,
-          role: "row",
-          className: n,
-          "aria-rowindex": r + 1,
-          "data-index": r + 1,
-          "aria-selected": t,
-          onKeyDown: (e) => {
-            s?.(e);
-          },
-          "data-dd-privacy": "mask",
-          "data-selectable": t !== void 0,
-          ...l,
-          children: b
-        }
-      );
-    }
-  )
-);
-g.displayName = "TableRow";
-export {
-  g as TableRow,
-  R as tableRow
-};
+import e, { Children as t, cloneElement as n, forwardRef as r, memo as i, useMemo as a } from "react";
+import { uyTv as o } from "@payfit/unity-themes";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/table/parts/TableRow.tsx
+var c = o({ base: [
+	"uy:group uy:h-500",
+	"uy:bg-surface-neutral uy:border-b uy:border-solid uy:border-b-border-neutral-enabled",
+	"uy:transition-colors uy:duration-200 uy:ease-in-out",
+	"uy:hover:border-b-border-neutral-hover uy:hover:bg-surface-neutral-low-hover",
+	"uy:aria-[selected=true]:bg-surface-neutral-selected uy:aria-[selected=true]:border-b-border-neutral-selected",
+	"uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-offset-[-2px] uy:focus-visible:outline-utility-focus-ring"
+] }), l = i(r(({ children: r, className: i, rowIndex: o = 0, onKeyDown: l, isSelected: u, ...d }, f) => {
+	let p = a(() => c({ className: i }), [i]), m = a(() => t.map(r, (t, r) => e.isValidElement(t) ? n(t, {
+		rowIndex: o,
+		colIndex: r,
+		...t.props
+	}) : t), [r, o]);
+	return /* @__PURE__ */ s("tr", {
+		ref: f,
+		role: "row",
+		className: p,
+		"aria-rowindex": o + 1,
+		"data-index": o + 1,
+		"aria-selected": u,
+		onKeyDown: (e) => {
+			l?.(e);
+		},
+		"data-dd-privacy": "mask",
+		"data-selectable": u !== void 0,
+		...d,
+		children: m
+	});
+}));
+l.displayName = "TableRow";
+//#endregion
+export { l as TableRow, c as tableRow };

package/dist/esm/components/tabs/Tabs.context.js

@@ -1,24 +1,23 @@
+import { createContext as e, useContext as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
-import { createContext as s, useContext as a } from "react";
-const r = s({
-  variant: "primary",
-  scrollable: !1
+//#region src/components/tabs/Tabs.context.tsx
+var r = e({
+	variant: "primary",
+	scrollable: !1
 });
-function x({
-  children: t,
-  variant: e,
-  scrollable: o
-}) {
-  return /* @__PURE__ */ n(r.Provider, { value: { variant: e, scrollable: o }, children: t });
+function i({ children: e, variant: t, scrollable: i }) {
+	return /* @__PURE__ */ n(r.Provider, {
+		value: {
+			variant: t,
+			scrollable: i
+		},
+		children: e
+	});
 }
-function b() {
-  const t = a(r);
-  if (!t)
-    throw new Error("useTabsContext must be used within an TabsProvider");
-  return t;
+function a() {
+	let e = t(r);
+	if (!e) throw Error("useTabsContext must be used within an TabsProvider");
+	return e;
 }
-export {
-  r as TabsContext,
-  x as TabsProvider,
-  b as useTabsContext
-};
+//#endregion
+export { i as TabsProvider, a as useTabsContext };

package/dist/esm/components/tabs/Tabs.js

@@ -1,24 +1,26 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { Tabs as f } from "react-aria-components/Tabs";
-import { TabsProvider as p } from "./Tabs.context.js";
-import { tabsVariant as d } from "./Tabs.variant.js";
-const b = e(
-  ({ children: s, variant: r, scrollable: a = !1, ...m }, t) => {
-    const { base: i } = d({ variant: r, scrollable: a });
-    return /* @__PURE__ */ o(p, { variant: r, scrollable: a, children: /* @__PURE__ */ o(
-      f,
-      {
-        "data-dd-privacy": "allow",
-        ref: t,
-        className: i(),
-        ...m,
-        children: s
-      }
-    ) });
-  }
-);
-b.displayName = "Tabs";
-export {
-  b as Tabs
-};
+import { TabsProvider as e } from "./Tabs.context.js";
+import { tabsVariant as t } from "./Tabs.variant.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Tabs as i } from "react-aria-components/Tabs";
+//#region src/components/tabs/Tabs.tsx
+var a = n(({ children: n, variant: a, scrollable: o = !1, ...s }, c) => {
+	let { base: l } = t({
+		variant: a,
+		scrollable: o
+	});
+	return /* @__PURE__ */ r(e, {
+		variant: a,
+		scrollable: o,
+		children: /* @__PURE__ */ r(i, {
+			"data-dd-privacy": "allow",
+			ref: c,
+			className: l(),
+			...s,
+			children: n
+		})
+	});
+});
+a.displayName = "Tabs";
+//#endregion
+export { a as Tabs };

package/dist/esm/components/tabs/Tabs.variant.js

@@ -1,42 +1,36 @@
-import { uyTv as t } from "@payfit/unity-themes";
-const a = t({
-  slots: {
-    base: "uy:w-full",
-    tabList: "uy:flex uy:gap-250 uy:mb-25",
-    scroller: "uy:overflow-x-auto uy:overflow-y-hidden [scrollbar-width:thin]",
-    tab: [
-      "uy:flex uy:relative uy:shrink-0 uy:gap-100 uy:whitespace-nowrap uy:min-w-[3ch] uy:text-center uy:text-content-neutral-lowest-enabled uy:py-125 uy:cursor-pointer",
-      "uy:theme-legacy:typography-action uy:theme-legacy:rounded-75",
-      "uy:theme-rebrand:z-10 uy:theme-rebrand:min-h-[44px] uy:theme-rebrand:items-center uy:theme-rebrand:justify-center uy:theme-rebrand:typography-action-large uy:theme-rebrand:sm:typography-action uy:theme-rebrand:rounded-100",
-      'uy:data-[selected]:text-content-form-enabled uy:data-[selected]:after:block uy:data-[selected]:after:content:" " uy:data-[selected]:after:w-full uy:data-[selected]:after:h-25 uy:data-[selected]:after:absolute uy:data-[selected]:after:bottom-0 uy:data-[selected]:after:left-0 uy:data-[selected]:after:right-0 uy:data-[selected]:after:rounded-pill',
-      'uy:data-[status=active]:text-content-form-enabled uy:data-[status=active]:after:block uy:data-[status=active]:after:content:" " uy:data-[status=active]:after:w-full uy:data-[status=active]:after:h-25 uy:data-[status=active]:after:absolute uy:data-[status=active]:after:bottom-0 uy:data-[status=active]:after:left-0 uy:data-[status=active]:after:right-0 uy:data-[status=active]:after:rounded-pill',
-      "uy:hover:cursor-pointer uy:focus-visible:outline-2 uy:focus-visible:outline-utility-focus-ring uy:theme-legacy:focus-visible:outline-offset-[4px] uy:theme-rebrand:focus-visible:outline-offset-0"
-    ]
-  },
-  variants: {
-    variant: {
-      primary: {
-        tab: [
-          "uy:theme-legacy:data-[selected]:after:bg-border-neutral-active uy:theme-legacy:data-[status=active]:after:bg-border-neutral-active",
-          "uy:theme-rebrand:data-[selected]:after:bg-surface-primary uy:theme-rebrand:data-[status=active]:after:bg-surface-primary"
-        ]
-      },
-      neutral: {
-        tab: "uy:data-[selected]:after:bg-content-neutral uy:data-[status=active]:after:bg-content-neutral"
-      }
-    },
-    scrollable: {
-      true: {
-        tabList: ""
-      },
-      false: {
-        base: "",
-        scroller: ""
-      }
-    }
-  },
-  defaultVariants: { variant: "primary", scrollable: !1 }
+import { uyTv as e } from "@payfit/unity-themes";
+//#region src/components/tabs/Tabs.variant.ts
+var t = e({
+	slots: {
+		base: "uy:w-full",
+		tabList: "uy:flex uy:gap-250 uy:mb-25",
+		scroller: "uy:overflow-x-auto uy:overflow-y-hidden [scrollbar-width:thin]",
+		tab: [
+			"uy:flex uy:relative uy:shrink-0 uy:gap-100 uy:whitespace-nowrap uy:min-w-[3ch] uy:text-center uy:text-content-neutral-lowest-enabled uy:py-125 uy:cursor-pointer",
+			"uy:theme-legacy:typography-action uy:theme-legacy:rounded-75",
+			"uy:theme-rebrand:z-10 uy:theme-rebrand:min-h-[44px] uy:theme-rebrand:items-center uy:theme-rebrand:justify-center uy:theme-rebrand:typography-action-large uy:theme-rebrand:sm:typography-action uy:theme-rebrand:rounded-100",
+			"uy:data-[selected]:text-content-form-enabled uy:data-[selected]:after:block uy:data-[selected]:after:content:\" \" uy:data-[selected]:after:w-full uy:data-[selected]:after:h-25 uy:data-[selected]:after:absolute uy:data-[selected]:after:bottom-0 uy:data-[selected]:after:left-0 uy:data-[selected]:after:right-0 uy:data-[selected]:after:rounded-pill",
+			"uy:data-[status=active]:text-content-form-enabled uy:data-[status=active]:after:block uy:data-[status=active]:after:content:\" \" uy:data-[status=active]:after:w-full uy:data-[status=active]:after:h-25 uy:data-[status=active]:after:absolute uy:data-[status=active]:after:bottom-0 uy:data-[status=active]:after:left-0 uy:data-[status=active]:after:right-0 uy:data-[status=active]:after:rounded-pill",
+			"uy:hover:cursor-pointer uy:focus-visible:outline-2 uy:focus-visible:outline-utility-focus-ring uy:theme-legacy:focus-visible:outline-offset-[4px] uy:theme-rebrand:focus-visible:outline-offset-0"
+		]
+	},
+	variants: {
+		variant: {
+			primary: { tab: ["uy:theme-legacy:data-[selected]:after:bg-border-neutral-active uy:theme-legacy:data-[status=active]:after:bg-border-neutral-active", "uy:theme-rebrand:data-[selected]:after:bg-surface-primary uy:theme-rebrand:data-[status=active]:after:bg-surface-primary"] },
+			neutral: { tab: "uy:data-[selected]:after:bg-content-neutral uy:data-[status=active]:after:bg-content-neutral" }
+		},
+		scrollable: {
+			true: { tabList: "" },
+			false: {
+				base: "",
+				scroller: ""
+			}
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		scrollable: !1
+	}
 });
-export {
-  a as tabsVariant
-};
+//#endregion
+export { t as tabsVariant };

package/dist/esm/components/tabs/parts/NavigationButton.js

@@ -1,47 +1,38 @@
-import { jsx as e } from "react/jsx-runtime";
-import { uyTv as a } from "@payfit/unity-themes";
-import { Button as y } from "react-aria-components/Button";
-import { Icon as n } from "../../icon/Icon.js";
-const s = a({
-  slots: {
-    base: "uy:absolute uy:pt-150 uy:pb-150",
-    button: [
-      "uy:hover:text-content-neutral-hover uy:focus-visible:outline-2 uy:focus-visible:outline-offset-2 uy:focus-visible:outline-utility-focus-ring",
-      "uy:theme-legacy:rounded-circle",
-      "uy:theme-rebrand:rounded-75"
-    ],
-    icon: "uy:text-content-neutral-enabled"
-  },
-  variants: {
-    direction: {
-      left: {
-        base: "uy:top-0 uy:left-0 uy:z-10 uy:bg-gradient-to-r uy:from-grayscale-l0/100 uy:to-grayscale-L0/0 uy:pl-50 uy:pr-200"
-      },
-      right: {
-        base: "uy:right-0 uy:top-0 uy:z-10 uy:bg-gradient-to-l uy:from-grayscale-l0/100 uy:to-grayscale-L0/0 uy:pl-200 uy:pr-50"
-      }
-    }
-  }
-}), g = ({ direction: t, onPress: u }) => {
-  const { base: o, button: l, icon: r } = s({ direction: t });
-  return /* @__PURE__ */ e("div", { className: o(), children: /* @__PURE__ */ e(
-    y,
-    {
-      id: `scroll-${t}`,
-      className: l(),
-      "aria-label": `Scroll ${t}`,
-      onPress: u,
-      children: /* @__PURE__ */ e(
-        n,
-        {
-          className: r(),
-          "aria-labelledby": `scroll-${t}`,
-          src: t === "left" ? "CaretLeftOutlined" : "CaretRightOutlined"
-        }
-      )
-    }
-  ) });
-};
-export {
-  g as NavigationButton
+import { Icon as e } from "../../icon/Icon.js";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n } from "react/jsx-runtime";
+import { Button as r } from "react-aria-components/Button";
+//#region src/components/tabs/parts/NavigationButton.tsx
+var i = t({
+	slots: {
+		base: "uy:absolute uy:pt-150 uy:pb-150",
+		button: [
+			"uy:hover:text-content-neutral-hover uy:focus-visible:outline-2 uy:focus-visible:outline-offset-2 uy:focus-visible:outline-utility-focus-ring",
+			"uy:theme-legacy:rounded-circle",
+			"uy:theme-rebrand:rounded-75"
+		],
+		icon: "uy:text-content-neutral-enabled"
+	},
+	variants: { direction: {
+		left: { base: "uy:top-0 uy:left-0 uy:z-10 uy:bg-gradient-to-r uy:from-grayscale-l0/100 uy:to-grayscale-L0/0 uy:pl-50 uy:pr-200" },
+		right: { base: "uy:right-0 uy:top-0 uy:z-10 uy:bg-gradient-to-l uy:from-grayscale-l0/100 uy:to-grayscale-L0/0 uy:pl-200 uy:pr-50" }
+	} }
+}), a = ({ direction: t, onPress: a }) => {
+	let { base: o, button: s, icon: c } = i({ direction: t });
+	return /* @__PURE__ */ n("div", {
+		className: o(),
+		children: /* @__PURE__ */ n(r, {
+			id: `scroll-${t}`,
+			className: s(),
+			"aria-label": `Scroll ${t}`,
+			onPress: a,
+			children: /* @__PURE__ */ n(e, {
+				className: c(),
+				"aria-labelledby": `scroll-${t}`,
+				src: t === "left" ? "CaretLeftOutlined" : "CaretRightOutlined"
+			})
+		})
+	});
 };
+//#endregion
+export { a as NavigationButton };