@mailstep/design-system 0.8.26-beta.0 → 0.8.26-beta.2

package/ui/index612.es.js

@@ -1,207 +0,0 @@
-import { system as e, th as t } from "./index4.es.js";
-import { css as n, styled as r } from "./index6.es.js";
-//#region packages/ui/Forms/Input/styles.ts
-var i = (e) => {
-	let { $icon: t, $iconPlacement: n, $isClearable: r, $hasSuffix: i } = e, a = 2;
-	return t && n === "right" && (a += 1), r && (a += 1), i && (a += 2), String(a);
-}, a = r.div`
-  position: absolute;
-
-  // top: 52%; // TODO fix
-  // transform: translateY(-50%); // TODO why does this do the overlap bug
-  left: ${({ right: e }) => e ? "auto" : "1em"};
-  right: ${({ right: e }) => e ? "0.5em" : "auto"};
-
-  svg {
-    stroke: lightGray3;
-    cursor: pointer;
-    color: ${({ $isInvalid: e, hasValue: n, disabled: r }) => e ? t.color("red1") : r || !n ? t.color("lightGray6") : t.color("blue2")};
-  }
-`, o = r(a)`
-  svg {
-    color: gray1;
-  }
-`, s = r.div`
-  position: absolute;
-  top: 0.2em;
-  right: 0.5em;
-`, c = r.div`
-  display: flex;
-  svg {
-    :hover {
-      cursor: pointer;
-      color: blue2;
-    }
-  }
-`, l = r.input.attrs((e) => ({ as: e.$asTextArea ? "textarea" : "input" }))`
-  ${e};
-  border: slim;
-  border-color: ${({ $isInvalid: e }) => e ? t.color("red1") : t.color("lightGray6")};
-  box-sizing: border-box;
-  background-clip: padding-box;
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
-  padding-right: ${(e) => i(e)}em;
-  display: block;
-  width: ${(e) => e.type === "checkbox" ? "auto" : "100%"};
-  font-family: ${t("fonts.primary")};
-  font-size: 14px;
-  font-weight: normal;
-  transition: inputTransition;
-  resize: none;
-  overflow: hidden;
-
-  ~ ${a} {
-    svg {
-      stroke: lightGray3;
-    }
-  }
-
-  ::placeholder {
-    color: gray1;
-    opacity: 1;
-  }
-
-  :focus {
-    background-color: white;
-    border-color: blue2;
-    color: typoPrimary;
-    outline: 0;
-
-    ~ ${a} {
-      svg {
-        stroke: blue2;
-        color: blue2;
-      }
-    }
-  }
-  ${({ big: e }) => e ? n`
-          font-size: 30px;
-          color: gray;
-          font-weight: semiBold;
-          padding: 0 0.5rem 0 1.25rem;
-        ` : ""};
-  ${({ variant: e }) => e === "gray" ? n`
-          background-color: neutral20;
-          :focus {
-            background-color: neutral20;
-          }
-        ` : ""};
-  :disabled,
-  :disabled:hover {
-    background-color: bgLightGray1;
-    border-color: lightGray6;
-    color: neutral300;
-  }
-
-  text-overflow: ellipsis;
-
-  -moz-appearance: textfield;
-  appearance: textfield;
-  ::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-  }
-`, u = r.div`
-  position: relative;
-`, d = r.div`
-  position: absolute;
-  right: 0;
-  top: 0;
-  font-size: 14px;
-  font-weight: 700;
-  height: 100%;
-  width: 40px;
-  padding: 2;
-  color: typoPrimary;
-  font-family: ${t("fonts.primary")};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  border: slim;
-  border-top-right-radius: lg;
-  border-bottom-right-radius: lg;
-  border-left: none;
-
-  ${({ $isPointer: e }) => e ? n`
-          cursor: pointer;
-        ` : ""};
-
-  input:focus ~ &,
-  textarea:focus ~ & {
-    border-color: blue2;
-  }
-`, f = r.div`
-  position: relative;
-  color: ${({ $isInvalid: e }) => e ? t.color("red1") : t.color("gray")};
-  & > * {
-    border-color: ${({ $isInvalid: e, variant: n }) => e ? t.color("red1") : n === "gray" ? t.color("neutral20") : t.color("lightGray6")};
-    color: ${({ hasValue: e }) => e ? t.color("typoPrimary") : t.color("gray")};
-  }
-  :hover > * {
-    border-color: ${({ disabled: e }) => e ? t.color("lightGray3") : t.color("gray5")};
-  }
-  &:focus-within {
-    color: typoPrimary;
-  }
-  .primary {
-    line-height: 0;
-    height: 38px;
-    border-radius: lg;
-    ~ ${a} {
-      top: 10px;
-    }
-  }
-  .grid {
-    line-height: 1.2px;
-    border-radius: md;
-    ~ ${a} {
-      top: 7px;
-    }
-  }
-  .left {
-    padding-left: ${({ $icon: e }) => e ? "3em" : "1em"};
-  }
-  .right {
-    padding-right: 1.4em;
-    padding-left: 1em;
-  }
-`, p = r.div`
-  span {
-    display: none;
-    position: absolute;
-    width: 120px;
-    background-color: white;
-    color: red1;
-    border-color: red1;
-    border: 1px solid;
-    text-align: center;
-    border-radius: lg;
-    padding: 1 3;
-    margin: 1;
-    z-index: 1;
-    transition: opacity 0.3s;
-    top: 0;
-    left: 100%;
-    margin-left: 2;
-    box-shadow: tooltipBoxShadow;
-
-    :after {
-      content: '';
-      position: absolute;
-      top: 0px;
-      right: 100%;
-      border: mediumThick;
-      border-color: transparent ${t.color("red1")} transparent transparent;
-    }
-  }
-
-  :hover {
-    cursor: pointer;
-    span {
-      display: block;
-    }
-  }
-`;
-//#endregion
-export { o as ClearableInputIcon, c as IconWrapper, s as IconsController, a as InputIcon, f as InputRow, u as InputWrap, l as StyledInput, d as Suffix, p as Tooltip };

package/ui/index613.es.js

@@ -1,119 +0,0 @@
-import { require_jsx_runtime as e } from "./index143.es.js";
-import t from "./index236.es.js";
-import "./index237.es.js";
-import n from "./index245.es.js";
-import "./index246.es.js";
-import r from "./index519.es.js";
-import "./index520.es.js";
-import { FieldLabel as i } from "./index521.es.js";
-import "./index522.es.js";
-import a from "./index523.es.js";
-import "./index524.es.js";
-import { ClearableInputIcon as o, IconWrapper as s, IconsController as c, InputIcon as l, InputRow as u, InputWrap as d, StyledInput as f, Suffix as p, Tooltip as m } from "./index612.es.js";
-import { useCallback as h, useEffect as g, useRef as _ } from "react";
-//#region packages/ui/Forms/Input/Input.tsx
-var v = e(), y = [
-	"text",
-	"number",
-	"password"
-], b = ({ appearance: e = "primary", type: b, name: x, label: S, value: C, icon: w, variant: T = "default", disabled: E, error: D, isInvalid: O = void 0, spaceAround: k = !1, inputRef: ee, autoComplete: A, isLoading: j, className: M, suffix: N, suffixOnClick: P, errorAppearance: F, iconPlacement: I = "left", iconOnClick: L, iconTooltip: R, big: z, showArrowsController: B = !1, onClear: V, alwaysShowClear: H, setNumber: U, onEnter: W, forceFocus: G = !1, autoFocus: K = !1, onBlur: q, asTextArea: J = !1, ...Y }) => {
-	let X = O === void 0 ? !!D : O, Z = !!V && (!!C || H) && !j, Q = !!N, te = B ? "left" : I, ne = h(() => {
-		U?.((e) => e + 1);
-	}, [U]), re = h(() => {
-		U?.((e) => e > 1 ? e - 1 : 1);
-	}, [U]), ie = _(null), $ = ee || ie;
-	g(() => {
-		G && !E && !j && $?.current?.focus();
-	}, [
-		E,
-		G,
-		j
-	]);
-	let ae = h((e) => {
-		q?.(e), G && (e.relatedTarget?.tagName?.toLowerCase() !== "input" || !y.includes(e.relatedTarget?.type?.toLowerCase())) && e.target?.focus();
-	}, [G, q]), oe = h((e) => {
-		e.key === "Enter" && W?.();
-	}, [W]);
-	return /* @__PURE__ */ (0, v.jsxs)(a, {
-		spaceAround: k,
-		className: M,
-		children: [/* @__PURE__ */ (0, v.jsxs)(d, { children: [S && /* @__PURE__ */ (0, v.jsx)(i, {
-			htmlFor: x,
-			children: S
-		}), /* @__PURE__ */ (0, v.jsxs)(u, {
-			hasValue: !!C,
-			$isInvalid: X,
-			disabled: !!E,
-			$icon: w,
-			variant: T,
-			children: [
-				/* @__PURE__ */ (0, v.jsx)(f, {
-					autoFocus: K,
-					className: `${e} ${te}`,
-					type: b,
-					name: x,
-					"data-cy": x ? `${x}Inp` : void 0,
-					"data-testid": x ? `input-${x}` : void 0,
-					value: C,
-					$isInvalid: X,
-					$isClearable: Z,
-					$hasSuffix: Q,
-					disabled: E || j,
-					ref: $,
-					autoComplete: A,
-					onKeyDown: oe,
-					big: z,
-					onBlur: ae,
-					$asTextArea: J,
-					variant: T,
-					...Y
-				}),
-				w && /* @__PURE__ */ (0, v.jsx)(l, {
-					right: B ? !1 : I === "right",
-					hasValue: !!C,
-					$isInvalid: X,
-					disabled: E,
-					onClick: L,
-					children: /* @__PURE__ */ (0, v.jsxs)(m, { children: [/* @__PURE__ */ (0, v.jsx)(t, { icon: w }), R && /* @__PURE__ */ (0, v.jsx)("span", { children: R })] })
-				}),
-				B && /* @__PURE__ */ (0, v.jsxs)(c, { children: [/* @__PURE__ */ (0, v.jsx)(s, {
-					onClick: ne,
-					children: /* @__PURE__ */ (0, v.jsx)(t, {
-						icon: "goUp",
-						fill: "gray1"
-					})
-				}), /* @__PURE__ */ (0, v.jsx)(s, {
-					onClick: re,
-					children: /* @__PURE__ */ (0, v.jsx)(t, {
-						icon: "goDown",
-						fill: "gray1"
-					})
-				})] }),
-				Z && /* @__PURE__ */ (0, v.jsx)(o, {
-					right: !0,
-					onClick: V,
-					children: /* @__PURE__ */ (0, v.jsx)(t, {
-						icon: "deleteX",
-						size: "16px",
-						fill: "gray1"
-					})
-				}),
-				N && !j && /* @__PURE__ */ (0, v.jsx)(p, {
-					onClick: P,
-					$isPointer: !!P,
-					$isInvalid: X,
-					children: N
-				}),
-				j && /* @__PURE__ */ (0, v.jsx)(l, {
-					right: !0,
-					children: /* @__PURE__ */ (0, v.jsx)(n, { variant: "sm" })
-				})
-			]
-		})] }), D && /* @__PURE__ */ (0, v.jsx)(r, {
-			appearance: F,
-			children: D
-		})]
-	});
-};
-//#endregion
-export { b as Input };

package/ui/index614.es.js

@@ -1,5 +0,0 @@
-import { Input as e } from "./index613.es.js";
-//#region packages/ui/Forms/Input/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/index617.es.js

@@ -1,28 +0,0 @@
-import { i18n as e } from "./index502.es.js";
-import { DatePickerRepeat as t, TimePickerRepeat as n } from "./index616.es.js";
-//#region packages/ui/Elements/DatePicker/utils/constants.ts
-var r = {
-	[t.EVERY_TODAY]: e._({
-		id: "dataGrid.everyToday",
-		message: "Every today"
-	}),
-	[t.EVERY_YESTERDAY]: e._({
-		id: "dataGrid.everyYesterday",
-		message: "Every yesterday"
-	})
-}, i = {
-	[n.FROM]: e._({
-		id: "dataGrid.timepicker.from",
-		message: "from"
-	}),
-	[n.TO]: e._({
-		id: "dataGrid.timepicker.to",
-		message: "to"
-	}),
-	[n.AT]: e._({
-		id: "dataGrid.timepicker.at",
-		message: "at"
-	})
-};
-//#endregion
-export { r as DatePickerRepeatTrans, i as TimePickerRepeatTrans };

package/ui/index618.es.js

@@ -1,12 +0,0 @@
-import { styled as e } from "./index6.es.js";
-//#region packages/ui/Elements/DatePicker/Datetime/components/FooterRow.tsx
-var t = e.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  font-size: 15px;
-  line-height: 23px;
-  opacity: ${({ disabled: e }) => e ? .2 : 1};
-`;
-//#endregion
-export { t as FooterRow };

package/ui/index619.es.js

@@ -1,16 +0,0 @@
-import { styled as e } from "./index6.es.js";
-//#region packages/ui/Elements/DatePicker/Datetime/components/FooterRowLabel.tsx
-var t = e.span`
-  margin-left: 8px;
-  text-align: left;
-  width: 100%;
-
-  &[data-value] {
-    cursor: pointer;
-    &:hover {
-      font-weight: 500;
-    }
-  }
-`;
-//#endregion
-export { t as FooterRowLabel };

package/ui/index62.es.js

@@ -1,24 +0,0 @@
-import { __commonJSMin as e } from "./index2.es.js";
-//#region node_modules/@fortawesome/pro-solid-svg-icons/faArrowsRotate.js
-var t = /* @__PURE__ */ e(((e) => {
-	Object.defineProperty(e, "__esModule", { value: !0 });
-	var t = "fas", n = "arrows-rotate", r = 512, i = 512, a = [
-		128472,
-		"refresh",
-		"sync"
-	], o = "f021", s = "M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160 352 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l111.5 0c0 0 0 0 0 0l.4 0c17.7 0 32-14.3 32-32l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1L16 432c0 17.7 14.3 32 32 32s32-14.3 32-32l0-35.1 17.6 17.5c0 0 0 0 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.8c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352l34.4 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L48.4 288c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z";
-	e.definition = {
-		prefix: t,
-		iconName: n,
-		icon: [
-			r,
-			i,
-			a,
-			o,
-			s
-		]
-	}, e.faArrowsRotate = e.definition, e.prefix = t, e.iconName = n, e.width = r, e.height = i, e.ligatures = a, e.unicode = o, e.svgPathData = s, e.aliases = a;
-}));
-//#endregion
-export default t();
-export { t as require_faArrowsRotate };

package/ui/index620.es.js

@@ -1,65 +0,0 @@
-import { x as e } from "./index6.es.js";
-import { require_jsx_runtime as t } from "./index143.es.js";
-import n from "./index237.es.js";
-import { i18n as r } from "./index502.es.js";
-import { DatePickerRepeat as i } from "./index616.es.js";
-import { DatePickerRepeatTrans as a } from "./index617.es.js";
-import { FooterRow as o } from "./index618.es.js";
-import { FooterRowLabel as s } from "./index619.es.js";
-import { useCallback as c } from "react";
-//#region packages/ui/Elements/DatePicker/Datetime/components/DateRepeater.tsx
-var l = t(), u = ({ onChangeOthers: t, others: u, reset: d }) => {
-	let f = c((e) => {
-		let n = e.target.value;
-		n || d(), t?.({
-			...u,
-			dateTypeRepeater: n
-		});
-	}, [
-		t,
-		d,
-		u
-	]);
-	return /* @__PURE__ */ (0, l.jsx)(e.div, {
-		borderTop: "1px solid",
-		borderColor: "lightGray2",
-		mt: "8px",
-		pt: "8px",
-		mb: "8px",
-		children: /* @__PURE__ */ (0, l.jsxs)(o, { children: [/* @__PURE__ */ (0, l.jsxs)(e.div, {
-			display: "flex",
-			alignItems: "center",
-			flex: "1",
-			children: [/* @__PURE__ */ (0, l.jsx)(n, { icon: "calendar" }), /* @__PURE__ */ (0, l.jsx)(s, { children: r._({
-				id: "dataGrid.repeat",
-				message: "Repeat"
-			}) })]
-		}), /* @__PURE__ */ (0, l.jsxs)(e.select, {
-			textAlign: "right",
-			onChange: f,
-			value: u?.dateTypeRepeater,
-			background: "white",
-			cursor: "pointer",
-			border: "none",
-			children: [
-				/* @__PURE__ */ (0, l.jsx)("option", {
-					value: "",
-					children: r._({
-						id: "dataGrid.noRepeat",
-						message: "No repeat"
-					})
-				}),
-				/* @__PURE__ */ (0, l.jsx)("option", {
-					value: i.EVERY_TODAY,
-					children: a[i.EVERY_TODAY]
-				}),
-				/* @__PURE__ */ (0, l.jsx)("option", {
-					value: i.EVERY_YESTERDAY,
-					children: a[i.EVERY_YESTERDAY]
-				})
-			]
-		})] })
-	});
-};
-//#endregion
-export { u as DateRepeater };

package/ui/index621.es.js

@@ -1,144 +0,0 @@
-import { th as e } from "./index4.es.js";
-import { styled as t, x as n } from "./index6.es.js";
-import { require_jsx_runtime as r } from "./index143.es.js";
-import i from "./index236.es.js";
-import { i18n as a } from "./index502.es.js";
-import { FooterRow as o } from "./index618.es.js";
-import { FooterRowLabel as s } from "./index619.es.js";
-import { useCallback as c, useEffect as l, useState as u } from "react";
-//#region packages/ui/Elements/DatePicker/Datetime/components/Timepicker.tsx
-var d = r(), f = t.button`
-  transform: rotate(90deg);
-  font-size: 18px;
-  margin: -4px 0;
-  background-color: transparent !important;
-  border: none;
-  color: ${e("colors.lightGray4")};
-  &:disabled:hover {
-    color: ${e("colors.lightGray4")};
-    cursor: default;
-  }
-  &:hover {
-    color: ${e("colors.red2")};
-    background-color: transparent !important;
-  }
-`, p = t.div`
-  display: flex;
-  align-items: baseline;
-  justify-content: center;
-  border: 1px solid ${e("colors.lightGray2")};
-  border-radius: 6px;
-  padding: 0 4px;
-  margin: 0 4px;
-`, m = t.input`
-  font-size: 14px;
-  font-weight: 600;
-  width: 17px;
-  margin: 0;
-  padding: 0;
-  border: none;
-  outline: none;
-  &:disabled {
-    opacity: 0.5;
-  }
-`, h = t.input`
-  font-weight: 600;
-  font-size: 14px;
-  width: 18px;
-  margin: 0;
-  padding: 0;
-  border: none;
-  outline: none;
-  &:disabled {
-    opacity: 0.5;
-  }
-`, g = "^[0-9]*$", _ = ({ setTime: e, value: t, disabled: r }) => {
-	let _ = t?.getHours?.() ?? 0, v = t?.getMinutes?.() ?? 0, [y, b] = u(_), [x, S] = u(v), C = c(() => {
-		b((e) => (e + 1) % 24);
-	}, []), w = c(() => {
-		b((e) => e === 0 ? 23 : e - 1);
-	}, []), T = c(() => {
-		S((e) => (e + 5) % 60);
-	}, []), E = c(() => {
-		S((e) => (e - 5 + 60) % 60);
-	}, []), D = c((e) => {
-		e.target.value.match(g) && Number(e.target.value) <= 23 ? b(Number(e.target.value)) : b(0);
-	}, []), O = c((e) => {
-		e.target.value.match(g) && Number(e.target.value) <= 59 ? S(Number(e.target.value)) : S(0);
-	}, []);
-	return l(() => {
-		t && e("hours", y);
-	}, [y]), l(() => {
-		t && e("minutes", x);
-	}, [x]), l(() => {
-		b(_);
-	}, [_]), l(() => {
-		S(v);
-	}, [v]), /* @__PURE__ */ (0, d.jsxs)(o, {
-		disabled: r,
-		children: [/* @__PURE__ */ (0, d.jsxs)("div", { children: [/* @__PURE__ */ (0, d.jsx)(i, { icon: "clock" }), /* @__PURE__ */ (0, d.jsx)(s, { children: a._({
-			id: "dataGrid.filterCell.time",
-			message: "Time"
-		}) })] }), /* @__PURE__ */ (0, d.jsx)(n.div, {
-			display: "flex",
-			flexDirection: "column",
-			alignItems: "flex-start",
-			pt: "4px",
-			w: "fit-content",
-			children: /* @__PURE__ */ (0, d.jsxs)(n.div, {
-				display: "flex",
-				alignItems: "center",
-				children: [
-					/* @__PURE__ */ (0, d.jsxs)(n.div, {
-						display: "flex",
-						flexDirection: "column",
-						children: [/* @__PURE__ */ (0, d.jsx)(f, {
-							disabled: r,
-							onClick: C,
-							type: "button",
-							children: "‹"
-						}), /* @__PURE__ */ (0, d.jsx)(f, {
-							disabled: r,
-							onClick: w,
-							type: "button",
-							children: "›"
-						})]
-					}),
-					/* @__PURE__ */ (0, d.jsxs)(p, { children: [
-						/* @__PURE__ */ (0, d.jsx)(m, {
-							value: String(y).padStart(2, "0"),
-							disabled: r,
-							onChange: D
-						}),
-						/* @__PURE__ */ (0, d.jsx)(n.div, {
-							mx: "1px",
-							children: ":"
-						}),
-						/* @__PURE__ */ (0, d.jsx)(h, {
-							value: String(x).padStart(2, "0"),
-							disabled: r,
-							onChange: O
-						})
-					] }),
-					/* @__PURE__ */ (0, d.jsxs)(n.div, {
-						display: "flex",
-						flexDirection: "column",
-						children: [/* @__PURE__ */ (0, d.jsx)(f, {
-							disabled: r,
-							onClick: T,
-							type: "button",
-							children: "‹"
-						}), /* @__PURE__ */ (0, d.jsx)(f, {
-							disabled: r,
-							onClick: E,
-							type: "button",
-							children: "›"
-						})]
-					})
-				]
-			})
-		})]
-	});
-};
-//#endregion
-export { _ as Timepicker };

package/ui/index622.es.js

@@ -1,32 +0,0 @@
-import { require_jsx_runtime as e } from "./index143.es.js";
-import "react";
-//#region packages/ui/Elements/DatePicker/Datetime/components/ViewNavigation.tsx
-var t = e();
-function n({ onClickPrev: e, onClickSwitch: n, onClickNext: r, switchContent: i, switchColSpan: a, switchProps: o, label: s }) {
-	return /* @__PURE__ */ (0, t.jsxs)("tr", { children: [
-		/* @__PURE__ */ (0, t.jsx)("th", {
-			className: "rdtPrev",
-			onClick: e,
-			children: /* @__PURE__ */ (0, t.jsx)("span", { children: "‹" })
-		}),
-		/* @__PURE__ */ (0, t.jsx)("th", {
-			className: "rdtSwitch",
-			colSpan: a,
-			onClick: n,
-			...o,
-			children: i
-		}),
-		/* @__PURE__ */ (0, t.jsx)("th", {
-			className: "rdtNext",
-			onClick: r,
-			children: /* @__PURE__ */ (0, t.jsx)("span", { children: "›" })
-		}),
-		/* @__PURE__ */ (0, t.jsx)("th", {
-			colSpan: 2,
-			className: "rdtLabel",
-			children: s && s
-		})
-	] });
-}
-//#endregion
-export { n as default };