@caspeco/casper-ui-library 10.4.0 → 10.5.0

package/dist/components/badge/badge-recipe.js

@@ -1,50 +1,58 @@
-import { ThemeSpaceToken as s, ThemeFontSizeToken as l, ThemeFontToken as m, ThemeRadiusToken as d, ThemeColorToken as n } from "../../theme/theme-tokens.js";
-import { defineRecipe as S } from "@chakra-ui/react";
-const c = ["Primary", "Secondary", "Success", "Error", "Info", "Neutral", "Warning"], u = c.reduce((t, e) => {
-  const o = t, a = `${e.toLowerCase()}Solid`, r = e, i = `On${e}`;
-  return o[a] = {
-    backgroundColor: n[r],
-    color: n[i]
-  }, o;
-}, {}), f = c.reduce((t, e) => {
-  const o = t, a = `${e.toLowerCase()}`, r = `${e}Container`, i = `On${e}Container`;
-  return o[a] = {
-    backgroundColor: n[r],
-    color: n[i]
-  }, o;
-}, {}), p = {
-  borderRadius: d.Small,
-  display: "flex",
-  alignItems: "center",
-  px: s.XSmall,
-  height: "24px",
-  textTransform: "none",
-  width: "fit-content",
-  fontFamily: m.Body,
-  fontWeight: 500
-}, b = S({
-  base: p,
-  defaultVariants: {
-    size: "md",
-    variant: "neutral"
-  },
-  variants: {
-    size: {
-      md: {
-        fontSize: l.Small,
-        px: s.XSmall
-      },
-      sm: {
-        fontSize: l.XSmall,
-        px: s.XSmall
-      }
-    },
-    variant: {
-      ...u,
-      ...f
-    }
-  }
+import { ThemeColorToken as e, ThemeFontSizeToken as t, ThemeFontToken as n, ThemeRadiusToken as r, ThemeSpaceToken as i } from "../../theme/theme-tokens.js";
+import { defineRecipe as a } from "@chakra-ui/react";
+//#region lib/components/badge/badge-recipe.ts
+var o = [
+	"Primary",
+	"Secondary",
+	"Success",
+	"Error",
+	"Info",
+	"Neutral",
+	"Warning"
+], s = o.reduce((t, n) => {
+	let r = t, i = `${n.toLowerCase()}Solid`, a = n, o = `On${n}`;
+	return r[i] = {
+		backgroundColor: e[a],
+		color: e[o]
+	}, r;
+}, {}), c = o.reduce((t, n) => {
+	let r = t, i = `${n.toLowerCase()}`, a = `${n}Container`, o = `On${n}Container`;
+	return r[i] = {
+		backgroundColor: e[a],
+		color: e[o]
+	}, r;
+}, {}), l = {
+	borderRadius: r.Small,
+	display: "flex",
+	alignItems: "center",
+	px: i.XSmall,
+	height: "24px",
+	textTransform: "none",
+	width: "fit-content",
+	fontFamily: n.Body,
+	fontWeight: 500
+}, u = a({
+	base: l,
+	defaultVariants: {
+		size: "md",
+		variant: "neutral"
+	},
+	variants: {
+		size: {
+			md: {
+				fontSize: t.Small,
+				px: i.XSmall
+			},
+			sm: {
+				fontSize: t.XSmall,
+				px: i.XSmall
+			}
+		},
+		variant: {
+			...s,
+			...c
+		}
+	}
 });
-export {
-  b as badgeRecipe
-};
+//#endregion
+export { u as badgeRecipe };

package/dist/components/badge/badge.js

@@ -1,73 +1,68 @@
-import { jsx as l, jsxs as v } from "react/jsx-runtime";
-import { c as p } from "../../_virtual/compiler-runtime.js";
-import { Box as x, Badge as B } from "@chakra-ui/react";
-import { Children as I } from "react";
-import { IconSizeConstants as w, checkChildRendersToString as C } from "./helper.js";
-import { ThemeSpaceVariable as E } from "../../theme/theme-types.js";
-function s(r) {
-  const e = p.c(13);
-  let n, i, o;
-  if (e[0] !== r) {
-    const {
-      icon: u,
-      ...S
-    } = r;
-    o = S;
-    const {
-      size: g,
-      children: h
-    } = o;
-    n = h;
-    const f = w[g ?? "md"], d = u;
-    let m;
-    e[4] !== d || e[5] !== f ? (m = d ? /* @__PURE__ */ l(d, { size: f }) : null, e[4] = d, e[5] = f, e[6] = m) : m = e[6], i = m, I.forEach(n, (y) => {
-      if (!C(y)) throw new Error("Badge component: Invalid return type of children, must return string");
-    }), e[0] = r, e[1] = n, e[2] = i, e[3] = o;
-  } else
-    n = e[1], i = e[2], o = e[3];
-  let t;
-  e[7] !== n || e[8] !== i ? (t = /* @__PURE__ */ v(x, { display: "flex", flexDirection: "row", gap: E.XSmall, justifyContent: "center", alignItems: "center", children: [
-    i,
-    n
-  ] }), e[7] = n, e[8] = i, e[9] = t) : t = e[9];
-  let c;
-  return e[10] !== o || e[11] !== t ? (c = /* @__PURE__ */ l(B, { ...o, children: t }), e[10] = o, e[11] = t, e[12] = c) : c = e[12], c;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { ThemeSpaceVariable as t } from "../../theme/theme-types.js";
+import { IconSizeConstants as n, checkChildRendersToString as r } from "./helper.js";
+import { Children as i } from "react";
+import { Badge as a, Box as o } from "@chakra-ui/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region lib/components/badge/badge.tsx
+var l = e();
+function u(e) {
+	let u = (0, l.c)(13), d, f, p;
+	if (u[0] !== e) {
+		let { icon: t, ...a } = e;
+		p = a;
+		let { size: o, children: c } = p;
+		d = c;
+		let l = n[o ?? "md"], m = t, h;
+		u[4] !== m || u[5] !== l ? (h = m ? /* @__PURE__ */ s(m, { size: l }) : null, u[4] = m, u[5] = l, u[6] = h) : h = u[6], f = h;
+		let g = [];
+		i.forEach(d, (e) => {
+			if (r(e)) g.push(e);
+			else throw Error("Badge component: Invalid return type of children, must return string");
+		}), u[0] = e, u[1] = d, u[2] = f, u[3] = p;
+	} else d = u[1], f = u[2], p = u[3];
+	let m;
+	u[7] !== d || u[8] !== f ? (m = /* @__PURE__ */ c(o, {
+		display: "flex",
+		flexDirection: "row",
+		gap: t.XSmall,
+		justifyContent: "center",
+		alignItems: "center",
+		children: [f, d]
+	}), u[7] = d, u[8] = f, u[9] = m) : m = u[9];
+	let h;
+	return u[10] !== p || u[11] !== m ? (h = /* @__PURE__ */ s(a, {
+		...p,
+		children: m
+	}), u[10] = p, u[11] = m, u[12] = h) : h = u[12], h;
 }
-const a = (r) => {
-  const e = p.c(6);
-  let n, i;
-  e[0] !== r ? ({
-    solid: i,
-    ...n
-  } = r, e[0] = r, e[1] = n, e[2] = i) : (n = e[1], i = e[2]);
-  const o = i ? "neutralSolid" : "neutral";
-  let t;
-  return e[3] !== n || e[4] !== o ? (t = /* @__PURE__ */ l(s, { variant: o, ...n }), e[3] = n, e[4] = o, e[5] = t) : t = e[5], t;
-};
-a.Primary = ({
-  solid: r,
-  ...e
-}) => /* @__PURE__ */ l(s, { variant: r ? "primarySolid" : "primary", ...e });
-a.Secondary = ({
-  solid: r,
-  ...e
-}) => /* @__PURE__ */ l(s, { variant: r ? "secondarySolid" : "secondary", ...e });
-a.Success = ({
-  solid: r,
-  ...e
-}) => /* @__PURE__ */ l(s, { variant: r ? "successSolid" : "success", ...e });
-a.Error = ({
-  solid: r,
-  ...e
-}) => /* @__PURE__ */ l(s, { variant: r ? "errorSolid" : "error", ...e });
-a.Warning = ({
-  solid: r,
-  ...e
-}) => /* @__PURE__ */ l(s, { variant: r ? "warningSolid" : "warning", ...e });
-a.Info = ({
-  solid: r,
-  ...e
-}) => /* @__PURE__ */ l(s, { variant: r ? "infoSolid" : "info", ...e });
-export {
-  a as Badge
+var d = (e) => {
+	let t = (0, l.c)(6), n, r;
+	t[0] === e ? (n = t[1], r = t[2]) : ({solid: r, ...n} = e, t[0] = e, t[1] = n, t[2] = r);
+	let i = r ? "neutralSolid" : "neutral", a;
+	return t[3] !== n || t[4] !== i ? (a = /* @__PURE__ */ s(u, {
+		variant: i,
+		...n
+	}), t[3] = n, t[4] = i, t[5] = a) : a = t[5], a;
 };
+d.Primary = ({ solid: e, ...t }) => /* @__PURE__ */ s(u, {
+	variant: e ? "primarySolid" : "primary",
+	...t
+}), d.Secondary = ({ solid: e, ...t }) => /* @__PURE__ */ s(u, {
+	variant: e ? "secondarySolid" : "secondary",
+	...t
+}), d.Success = ({ solid: e, ...t }) => /* @__PURE__ */ s(u, {
+	variant: e ? "successSolid" : "success",
+	...t
+}), d.Error = ({ solid: e, ...t }) => /* @__PURE__ */ s(u, {
+	variant: e ? "errorSolid" : "error",
+	...t
+}), d.Warning = ({ solid: e, ...t }) => /* @__PURE__ */ s(u, {
+	variant: e ? "warningSolid" : "warning",
+	...t
+}), d.Info = ({ solid: e, ...t }) => /* @__PURE__ */ s(u, {
+	variant: e ? "infoSolid" : "info",
+	...t
+});
+//#endregion
+export { d as Badge };

package/dist/components/badge/helper.js

@@ -1,10 +1,9 @@
-import { isValidElement as o } from "react";
 import { ThemeIconSizeVariable as e } from "../../theme/theme-types.js";
-const m = {
-  md: e.Small,
-  sm: e.XSmall
-}, t = (r) => typeof r == "string" ? !0 : o(r) ? t(r.props.children) : Array.isArray(r) ? r.every((n) => t(n)) : !1;
-export {
-  m as IconSizeConstants,
-  t as checkChildRendersToString
-};
+import { isValidElement as t } from "react";
+//#region lib/components/badge/helper.ts
+var n = {
+	md: e.Small,
+	sm: e.XSmall
+}, r = (e) => typeof e == "string" ? !0 : t(e) ? r(e.props.children) : Array.isArray(e) ? e.every((e) => r(e)) : !1;
+//#endregion
+export { n as IconSizeConstants, r as checkChildRendersToString };

package/dist/components/box/box.js

@@ -1,12 +1,15 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as e } from "../../_virtual/compiler-runtime.js";
-import { Box as c } from "@chakra-ui/react";
-import { forwardRef as n } from "react";
-const a = n((r, m) => {
-  const o = e.c(3);
-  let t;
-  return o[0] !== r || o[1] !== m ? (t = /* @__PURE__ */ i(c, { ...r, ref: m, children: r.children }), o[0] = r, o[1] = m, o[2] = t) : t = o[2], t;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { forwardRef as t } from "react";
+import { Box as n } from "@chakra-ui/react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/components/box/box.tsx
+var i = e(), a = t((e, t) => {
+	let a = (0, i.c)(3), o;
+	return a[0] !== e || a[1] !== t ? (o = /* @__PURE__ */ r(n, {
+		...e,
+		ref: t,
+		children: e.children
+	}), a[0] = e, a[1] = t, a[2] = o) : o = a[2], o;
 });
-export {
-  a as Box
-};
+//#endregion
+export { a as Box };

package/dist/components/breadcrumbs/breadcrumb-item.js

@@ -1,19 +1,23 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { Breadcrumb as t } from "@chakra-ui/react";
 import { jsx as n } from "react/jsx-runtime";
-import { c as p } from "../../_virtual/compiler-runtime.js";
-import { Breadcrumb as c } from "@chakra-ui/react";
-function a(m) {
-  const e = p.c(10);
-  let r, t, i;
-  e[0] !== m ? ({
-    children: r,
-    isCurrentPage: t,
-    ...i
-  } = m, e[0] = m, e[1] = r, e[2] = t, e[3] = i) : (r = e[1], t = e[2], i = e[3]);
-  let o;
-  e[4] !== r || e[5] !== t ? (o = t ? /* @__PURE__ */ n(c.CurrentLink, { asChild: !0, children: r }) : r, e[4] = r, e[5] = t, e[6] = o) : o = e[6];
-  let l;
-  return e[7] !== i || e[8] !== o ? (l = /* @__PURE__ */ n(c.Item, { whiteSpace: "nowrap", overflow: "hidden", ...i, children: o }), e[7] = i, e[8] = o, e[9] = l) : l = e[9], l;
+//#region lib/components/breadcrumbs/breadcrumb-item.tsx
+var r = e();
+function i(e) {
+	let i = (0, r.c)(10), a, o, s;
+	i[0] === e ? (a = i[1], o = i[2], s = i[3]) : ({children: a, isCurrentPage: o, ...s} = e, i[0] = e, i[1] = a, i[2] = o, i[3] = s);
+	let c;
+	i[4] !== a || i[5] !== o ? (c = o ? /* @__PURE__ */ n(t.CurrentLink, {
+		asChild: !0,
+		children: a
+	}) : a, i[4] = a, i[5] = o, i[6] = c) : c = i[6];
+	let l;
+	return i[7] !== s || i[8] !== c ? (l = /* @__PURE__ */ n(t.Item, {
+		whiteSpace: "nowrap",
+		overflow: "hidden",
+		...s,
+		children: c
+	}), i[7] = s, i[8] = c, i[9] = l) : l = i[9], l;
 }
-export {
-  a as BreadcrumbItem
-};
+//#endregion
+export { i as BreadcrumbItem };

package/dist/components/breadcrumbs/breadcrumb-link.js

@@ -1,21 +1,22 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c } from "../../_virtual/compiler-runtime.js";
-import { BreadcrumbLink as s } from "@chakra-ui/react";
-import { forwardRef as f } from "react";
-const x = f((l, m) => {
-  const e = c.c(8);
-  let r, o;
-  e[0] !== l ? ({
-    children: r,
-    ...o
-  } = l, e[0] = l, e[1] = r, e[2] = o) : (r = e[1], o = e[2]);
-  let t;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = {
-    textDecoration: "underline"
-  }, e[3] = t) : t = e[3];
-  let i;
-  return e[4] !== r || e[5] !== o || e[6] !== m ? (i = /* @__PURE__ */ n(s, { ref: m, overflow: "hidden", textOverflow: "ellipsis", _hover: t, ...o, children: r }), e[4] = r, e[5] = o, e[6] = m, e[7] = i) : i = e[7], i;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { forwardRef as t } from "react";
+import { BreadcrumbLink as n } from "@chakra-ui/react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/components/breadcrumbs/breadcrumb-link.tsx
+var i = e(), a = t((e, t) => {
+	let a = (0, i.c)(8), o, s;
+	a[0] === e ? (o = a[1], s = a[2]) : ({children: o, ...s} = e, a[0] = e, a[1] = o, a[2] = s);
+	let c;
+	a[3] === Symbol.for("react.memo_cache_sentinel") ? (c = { textDecoration: "underline" }, a[3] = c) : c = a[3];
+	let l;
+	return a[4] !== o || a[5] !== s || a[6] !== t ? (l = /* @__PURE__ */ r(n, {
+		ref: t,
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		_hover: c,
+		...s,
+		children: o
+	}), a[4] = o, a[5] = s, a[6] = t, a[7] = l) : l = a[7], l;
 });
-export {
-  x as BreadcrumbLink
-};
+//#endregion
+export { a as BreadcrumbLink };

package/dist/components/breadcrumbs/breadcrumbs.js

@@ -1,95 +1,128 @@
-import { jsx as o, jsxs as w } from "react/jsx-runtime";
-import { c as j } from "../../_virtual/compiler-runtime.js";
-import { Breadcrumb as y } from "@chakra-ui/react";
-import { Fragment as A } from "react";
-import { BreadcrumbItem as _ } from "./breadcrumb-item.js";
-import { BreadcrumbLink as F } from "./breadcrumb-link.js";
-import { Menu as x } from "../menu/menu.js";
-import { MenuButton as G } from "../menu/menu-button.js";
-import { MenuList as H } from "../menu/menu-list.js";
-import { MenuItem as L } from "../menu/menu-item.js";
-import { ThemeFontVariable as z, ThemeFontSizeVariable as V, ThemeColorVariable as g, ThemeSpaceVariable as R } from "../../theme/theme-types.js";
-function $() {
-  const n = j.c(1);
-  let t;
-  return n[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ o(y.Separator, { color: g.OnBackgroundSubdued, opacity: "1", children: "/" }), n[0] = t) : t = n[0], t;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { ThemeColorVariable as t, ThemeFontSizeVariable as n, ThemeFontVariable as r, ThemeSpaceVariable as i } from "../../theme/theme-types.js";
+import { Menu as a } from "../menu/menu.js";
+import { MenuButton as o } from "../menu/menu-button.js";
+import { MenuItem as s } from "../menu/menu-item.js";
+import { MenuList as c } from "../menu/menu-list.js";
+import { BreadcrumbItem as l } from "./breadcrumb-item.js";
+import { BreadcrumbLink as u } from "./breadcrumb-link.js";
+import { Fragment as d } from "react";
+import { Breadcrumb as f } from "@chakra-ui/react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region lib/components/breadcrumbs/breadcrumbs.tsx
+var h = e();
+function g() {
+	let e = (0, h.c)(1), n;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ p(f.Separator, {
+		color: t.OnBackgroundSubdued,
+		opacity: "1",
+		children: "/"
+	}), e[0] = n) : n = e[0], n;
 }
-function D({
-  key: n,
-  isCurrentPage: t,
-  showSeparator: r,
-  breadCrumb: e
-}) {
-  const i = t ? g.OnBackground : g.OnBackgroundSubdued;
-  return /* @__PURE__ */ w(A, { children: [
-    /* @__PURE__ */ w(_, { isCurrentPage: t, color: i, children: [
-      e.as && e.to && !e.href && /* @__PURE__ */ o(F, { as: e.as, to: e.to, children: e.title }),
-      e.href && !e.as && !e.to && /* @__PURE__ */ o(F, { href: e.href, children: e.title })
-    ] }),
-    r && /* @__PURE__ */ o($, {})
-  ] }, n);
+function _({ key: e, isCurrentPage: n, showSeparator: r, breadCrumb: i }) {
+	let a = n ? t.OnBackground : t.OnBackgroundSubdued;
+	return /* @__PURE__ */ m(d, { children: [/* @__PURE__ */ m(l, {
+		isCurrentPage: n,
+		color: a,
+		children: [i.as && i.to && !i.href && /* @__PURE__ */ p(u, {
+			as: i.as,
+			to: i.to,
+			children: i.title
+		}), i.href && !i.as && !i.to && /* @__PURE__ */ p(u, {
+			href: i.href,
+			children: i.title
+		})]
+	}), r && /* @__PURE__ */ p(g, {})] }, e);
 }
-function J({
-  key: n,
-  breadCrumbs: t,
-  showSeparator: r
-}) {
-  return /* @__PURE__ */ w(A, { children: [
-    /* @__PURE__ */ o(_, { overflow: "unset", color: g.OnBackgroundSubdued, children: /* @__PURE__ */ w(x, { children: [
-      /* @__PURE__ */ o(G, { variant: "ghost", size: "sm", "aria-label": "Show collapsed items", children: "..." }),
-      /* @__PURE__ */ o(H, { children: t.map((e, i) => e.as && e.to ? /* @__PURE__ */ o(L, { as: e.as, to: e.to, value: e.to, children: e.title }, i) : e.href ? /* @__PURE__ */ o(L, { itemType: "link", href: e.href, value: e.href, children: e.title }, i) : /* @__PURE__ */ o(L, { isDisabled: !0, value: e.title, children: e.title }, i)) })
-    ] }) }),
-    r && /* @__PURE__ */ o($, {})
-  ] }, n);
+function v({ key: e, breadCrumbs: n, showSeparator: r }) {
+	return /* @__PURE__ */ m(d, { children: [/* @__PURE__ */ p(l, {
+		overflow: "unset",
+		color: t.OnBackgroundSubdued,
+		children: /* @__PURE__ */ m(a, { children: [/* @__PURE__ */ p(o, {
+			variant: "ghost",
+			size: "sm",
+			"aria-label": "Show collapsed items",
+			children: "..."
+		}), /* @__PURE__ */ p(c, { children: n.map((e, t) => e.as && e.to ? /* @__PURE__ */ p(s, {
+			as: e.as,
+			to: e.to,
+			value: e.to,
+			children: e.title
+		}, t) : e.href ? /* @__PURE__ */ p(s, {
+			itemType: "link",
+			href: e.href,
+			value: e.href,
+			children: e.title
+		}, t) : /* @__PURE__ */ p(s, {
+			isDisabled: !0,
+			value: e.title,
+			children: e.title
+		}, t)) })] })
+	}), r && /* @__PURE__ */ p(g, {})] }, e);
 }
-function rt(n) {
-  const t = j.c(26), {
-    breadCrumbs: r,
-    itemsBeforeCollapse: e,
-    itemsAfterCollapse: i
-  } = n, k = e === void 0 ? 1 : e, s = i === void 0 ? 2 : i, E = k + s;
-  if (!(r.length > E)) {
-    const M = r;
-    let l;
-    t[0] !== M ? (l = M.map(K), t[0] = M, t[1] = l) : l = t[1];
-    let S;
-    return t[2] !== l ? (S = /* @__PURE__ */ o(y.Root, { color: g.OnBackground, fontSize: V.Medium, fontFamily: z.Body, width: "100%", children: /* @__PURE__ */ o(y.List, { gap: R.Small, children: l }) }), t[2] = l, t[3] = S) : S = t[3], S;
-  }
-  let c, a, m, f, u, h, p, d;
-  if (t[4] !== r || t[5] !== s || t[6] !== k) {
-    const M = r.slice(0, k), l = s > 0 ? r.slice(-s) : [], S = r.slice(k, r.length - s), P = [...M, {
-      title: "",
-      isMenuButton: !0
-    }, ...l];
-    a = y.Root, u = g.OnBackground, h = V.Medium, p = z.Body, d = "100%", c = y.List, m = R.Small, f = P.map((O, I, q) => {
-      const T = I + 1 === q.length;
-      return O.isMenuButton ? J({
-        key: I.toString(),
-        breadCrumbs: S,
-        showSeparator: !T
-      }) : D({
-        key: I.toString(),
-        isCurrentPage: T,
-        showSeparator: !T,
-        breadCrumb: O
-      });
-    }), t[4] = r, t[5] = s, t[6] = k, t[7] = c, t[8] = a, t[9] = m, t[10] = f, t[11] = u, t[12] = h, t[13] = p, t[14] = d;
-  } else
-    c = t[7], a = t[8], m = t[9], f = t[10], u = t[11], h = t[12], p = t[13], d = t[14];
-  let B;
-  t[15] !== c || t[16] !== m || t[17] !== f ? (B = /* @__PURE__ */ o(c, { gap: m, children: f }), t[15] = c, t[16] = m, t[17] = f, t[18] = B) : B = t[18];
-  let v;
-  return t[19] !== a || t[20] !== u || t[21] !== h || t[22] !== p || t[23] !== d || t[24] !== B ? (v = /* @__PURE__ */ o(a, { color: u, fontSize: h, fontFamily: p, width: d, children: B }), t[19] = a, t[20] = u, t[21] = h, t[22] = p, t[23] = d, t[24] = B, t[25] = v) : v = t[25], v;
+function y(e) {
+	let a = (0, h.c)(26), { breadCrumbs: o, itemsBeforeCollapse: s, itemsAfterCollapse: c } = e, l = s === void 0 ? 1 : s, u = c === void 0 ? 2 : c, d = l + u;
+	if (!(o.length > d)) {
+		let e = o, s;
+		a[0] === e ? s = a[1] : (s = e.map(b), a[0] = e, a[1] = s);
+		let c;
+		return a[2] === s ? c = a[3] : (c = /* @__PURE__ */ p(f.Root, {
+			color: t.OnBackground,
+			fontSize: n.Medium,
+			fontFamily: r.Body,
+			width: "100%",
+			children: /* @__PURE__ */ p(f.List, {
+				gap: i.Small,
+				children: s
+			})
+		}), a[2] = s, a[3] = c), c;
+	}
+	let m, g, y, x, S, C, w, T;
+	if (a[4] !== o || a[5] !== u || a[6] !== l) {
+		let e = o.slice(0, l), s = u > 0 ? o.slice(-u) : [], c = o.slice(l, o.length - u), d = [
+			...e,
+			{
+				title: "",
+				isMenuButton: !0
+			},
+			...s
+		];
+		g = f.Root, S = t.OnBackground, C = n.Medium, w = r.Body, T = "100%", m = f.List, y = i.Small, x = d.map((e, t, n) => {
+			let r = t + 1 === n.length;
+			return e.isMenuButton ? v({
+				key: t.toString(),
+				breadCrumbs: c,
+				showSeparator: !r
+			}) : _({
+				key: t.toString(),
+				isCurrentPage: r,
+				showSeparator: !r,
+				breadCrumb: e
+			});
+		}), a[4] = o, a[5] = u, a[6] = l, a[7] = m, a[8] = g, a[9] = y, a[10] = x, a[11] = S, a[12] = C, a[13] = w, a[14] = T;
+	} else m = a[7], g = a[8], y = a[9], x = a[10], S = a[11], C = a[12], w = a[13], T = a[14];
+	let E;
+	a[15] !== m || a[16] !== y || a[17] !== x ? (E = /* @__PURE__ */ p(m, {
+		gap: y,
+		children: x
+	}), a[15] = m, a[16] = y, a[17] = x, a[18] = E) : E = a[18];
+	let D;
+	return a[19] !== g || a[20] !== S || a[21] !== C || a[22] !== w || a[23] !== T || a[24] !== E ? (D = /* @__PURE__ */ p(g, {
+		color: S,
+		fontSize: C,
+		fontFamily: w,
+		width: T,
+		children: E
+	}), a[19] = g, a[20] = S, a[21] = C, a[22] = w, a[23] = T, a[24] = E, a[25] = D) : D = a[25], D;
 }
-function K(n, t, r) {
-  const e = t + 1 === r.length;
-  return D({
-    key: t.toString(),
-    isCurrentPage: e,
-    showSeparator: !e,
-    breadCrumb: n
-  });
+function b(e, t, n) {
+	let r = t + 1 === n.length;
+	return _({
+		key: t.toString(),
+		isCurrentPage: r,
+		showSeparator: !r,
+		breadCrumb: e
+	});
 }
-export {
-  rt as Breadcrumbs
-};
+//#endregion
+export { y as Breadcrumbs };