@caspeco/casper-ui-library 10.3.1 → 10.5.0

package/dist/components/button/button.js

@@ -1,43 +1,42 @@
-import { jsxs as M, jsx as g } from "react/jsx-runtime";
-import { c as R } from "../../_virtual/compiler-runtime.js";
-import { Button as T } from "@chakra-ui/react";
-import { forwardRef as A } from "react";
-import { ThemeIconSizeVariable as m } from "../../theme/theme-types.js";
-const j = {
-  xl: m.Medium,
-  lg: m.Medium,
-  md: m.Medium,
-  sm: m.Small,
-  xs: m.Small
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { ThemeIconSizeVariable as t } from "../../theme/theme-types.js";
+import { forwardRef as n } from "react";
+import { Button as r } from "@chakra-ui/react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/components/button/button.tsx
+var o = e(), s = {
+	xl: t.Medium,
+	lg: t.Medium,
+	md: t.Medium,
+	sm: t.Small,
+	xs: t.Small
 };
-function y(o) {
-  return Array.isArray(o) ? o.map((e) => e && j[e]) : o !== null && typeof o == "object" ? Object.fromEntries(Object.entries(o).map(([e, t]) => [e, y(t)])) : j[o];
+function c(e) {
+	return Array.isArray(e) ? e.map((e) => e && s[e]) : typeof e == "object" && e ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, c(t)])) : s[e];
 }
-const w = A((o, e) => {
-  const t = R.c(20), {
-    children: f,
-    variant: v,
-    size: x,
-    href: u,
-    isLoading: p,
-    isDisabled: b,
-    leftIcon: z,
-    rightIcon: B
-  } = o, h = v === void 0 ? "secondary" : v, n = x === void 0 ? "md" : x;
-  let s;
-  t[0] !== n ? (s = y(n), t[0] = n, t[1] = s) : s = t[1];
-  const i = s, a = z, l = B, I = u ? "a" : void 0, S = u || void 0;
-  let r;
-  t[2] !== a || t[3] !== i ? (r = a && /* @__PURE__ */ g(a, { size: i }), t[2] = a, t[3] = i, t[4] = r) : r = t[4];
-  let c;
-  t[5] !== l || t[6] !== i ? (c = l && /* @__PURE__ */ g(l, { size: i }), t[5] = l, t[6] = i, t[7] = c) : c = t[7];
-  let d;
-  return t[8] !== f || t[9] !== b || t[10] !== p || t[11] !== o || t[12] !== e || t[13] !== n || t[14] !== I || t[15] !== S || t[16] !== r || t[17] !== c || t[18] !== h ? (d = /* @__PURE__ */ M(T, { as: I, href: S, size: n, variant: h, ref: e, disabled: b, loading: p, ...o, children: [
-    r,
-    f,
-    c
-  ] }), t[8] = f, t[9] = b, t[10] = p, t[11] = o, t[12] = e, t[13] = n, t[14] = I, t[15] = S, t[16] = r, t[17] = c, t[18] = h, t[19] = d) : d = t[19], d;
+var l = n((e, t) => {
+	let n = (0, o.c)(20), { children: s, variant: l, size: u, href: d, isLoading: f, isDisabled: p, leftIcon: m, rightIcon: h } = e, g = l === void 0 ? "secondary" : l, _ = u === void 0 ? "md" : u, v;
+	n[0] === _ ? v = n[1] : (v = c(_), n[0] = _, n[1] = v);
+	let y = v, b = m, x = h, S = d ? "a" : void 0, C = d || void 0, w;
+	n[2] !== b || n[3] !== y ? (w = b && /* @__PURE__ */ i(b, { size: y }), n[2] = b, n[3] = y, n[4] = w) : w = n[4];
+	let T;
+	n[5] !== x || n[6] !== y ? (T = x && /* @__PURE__ */ i(x, { size: y }), n[5] = x, n[6] = y, n[7] = T) : T = n[7];
+	let E;
+	return n[8] !== s || n[9] !== p || n[10] !== f || n[11] !== e || n[12] !== t || n[13] !== _ || n[14] !== S || n[15] !== C || n[16] !== w || n[17] !== T || n[18] !== g ? (E = /* @__PURE__ */ a(r, {
+		as: S,
+		href: C,
+		size: _,
+		variant: g,
+		ref: t,
+		disabled: p,
+		loading: f,
+		...e,
+		children: [
+			w,
+			s,
+			T
+		]
+	}), n[8] = s, n[9] = p, n[10] = f, n[11] = e, n[12] = t, n[13] = _, n[14] = S, n[15] = C, n[16] = w, n[17] = T, n[18] = g, n[19] = E) : E = n[19], E;
 });
-export {
-  w as Button
-};
+//#endregion
+export { l as Button };

package/dist/components/checkbox/checkbox-icon.js

@@ -1,48 +1,40 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Icon as a } from "@chakra-ui/react";
-import { Check as n } from "./icons/check.js";
-import { Minus as m } from "./icons/minus.js";
-import { Plus as f } from "./icons/plus.js";
-function p(o, c, r) {
-  if (c && !r)
-    return o === "sm" ? "9px" : "10px";
-  switch (o) {
-    case "sm":
-      return "14px";
-    case "md":
-      return "16px";
-    case "lg":
-      return "18px";
-    default:
-      return "18px";
-  }
+import { Check as e } from "./icons/check.js";
+import { Minus as t } from "./icons/minus.js";
+import { Plus as n } from "./icons/plus.js";
+import { Icon as r } from "@chakra-ui/react";
+import { jsx as i } from "react/jsx-runtime";
+//#region lib/components/checkbox/checkbox-icon.tsx
+function a(e, t, n) {
+	if (t && !n) switch (e) {
+		case "sm": return "9px";
+		default: return "10px";
+	}
+	switch (e) {
+		case "sm": return "14px";
+		case "md": return "16px";
+		case "lg": return "18px";
+		default: return "18px";
+	}
 }
-function w({
-  variant: o,
-  size: c,
-  isChecked: r,
-  isIndeterminate: e
-}) {
-  if (!r && o === "normal" && !e)
-    return null;
-  let t;
-  const u = p(c, e, r);
-  switch (!0) {
-    case r:
-      t = n;
-      break;
-    case o === "addon":
-      t = f;
-      break;
-    case e:
-      t = m;
-      break;
-    default:
-      t = n;
-      break;
-  }
-  return /* @__PURE__ */ s(a, { as: t, boxSize: u });
+function o({ variant: o, size: s, isChecked: c, isIndeterminate: l }) {
+	if (!c && o === "normal" && !l) return null;
+	let u, d = a(s, l, c);
+	switch (!0) {
+		case c:
+			u = e;
+			break;
+		case o === "addon":
+			u = n;
+			break;
+		case l:
+			u = t;
+			break;
+		default: u = e;
+	}
+	return /* @__PURE__ */ i(r, {
+		as: u,
+		boxSize: d
+	});
 }
-export {
-  w as CheckboxIcon
-};
+//#endregion
+export { o as CheckboxIcon };

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

@@ -1,205 +1,177 @@
-import { ThemeFontSizeToken as e, ThemeColorToken as o, ThemeFontToken as n } from "../../theme/theme-tokens.js";
-import { defineSlotRecipe as l } from "@chakra-ui/react";
-import { checkboxAnatomy as a } from "@chakra-ui/react/anatomy";
-const d = {
-  m: 0,
-  fontFamily: n.Body,
-  fontSize: e.Medium,
-  color: o.OnSurface,
-  fontWeight: "normal",
-  width: "100%",
-  _disabled: {
-    opacity: 1
-  }
-}, i = "@media(hover: hover)", b = "& .checkbox__control[data-disabled] + .checkbox__label:hover", c = "& .checkbox__control:not([data-disabled])", t = '& .checkbox__control:not([data-disabled])[data-state="checked"]', r = '& .checkbox__control:not([data-disabled])[data-state="indeterminate"]', A = {
-  cursor: "pointer",
-  [b]: {
-    cursor: "not-allowed"
-  },
-  _hover: {
-    "&:not(:active)": {
-      [c]: {
-        borderColor: o.AccentHover,
-        color: o.AccentHover
-      },
-      [t]: {
-        bg: o.AccentHover,
-        color: o.OnAccent
-      },
-      [r]: {
-        borderColor: o.AccentHover,
-        bg: o.AccentHover,
-        color: o.OnAccent
-      }
-    }
-  },
-  _active: {
-    [c]: {
-      borderColor: o.AccentActive,
-      color: o.AccentActive
-    },
-    [t]: {
-      bg: o.AccentActive,
-      borderColor: o.AccentActive,
-      color: o.OnAccent
-    },
-    [r]: {
-      color: o.OnAccent,
-      bg: o.AccentActive,
-      borderColor: o.AccentActive
-    }
-  }
-}, v = '&[data-state="checked"]:not([data-disabled]):hover', s = '&:not([data-state="checked"]):not([data-disabled]):not([data-invalid]):not([data-state="indeterminate"]):hover', h = '&[data-state="indeterminate"]:not([data-invalid]):not([data-disabled]):hover', k = '&[data-invalid]:not([data-state="checked"]):hover', S = "&[data-active]:not([data-disabled])", C = {
-  fontWeight: 900,
-  color: o.OnBackground,
-  borderColor: o.OnBackground,
-  background: "transparent",
-  borderRadius: "4px",
-  borderWidth: "2px",
-  _focusVisible: {
-    outlineColor: o.OnBackground
-  },
-  _disabled: {
-    opacity: 0.48,
-    borderColor: o.OnBackground,
-    background: "transparent"
-  },
-  _checked: {
-    background: o.Accent,
-    borderColor: o.Accent,
-    _disabled: {
-      background: o.Accent,
-      borderColor: o.Accent,
-      color: o.OnAccent
-    }
-  },
-  _invalid: {
-    borderColor: o.Error,
-    boxShadow: `0 0 0 4px ${o.ErrorContainer}`
-  },
-  _indeterminate: {
-    background: o.Accent,
-    borderColor: o.Accent,
-    color: o.OnAccent,
-    _disabled: {
-      borderColor: o.Accent,
-      background: o.Accent
-    }
-  },
-  [i]: {
-    _hover: {
-      cursor: "pointer"
-    },
-    "&[data-disabled]:hover": {
-      cursor: "not-allowed"
-    },
-    [v]: {
-      bg: o.AccentHover,
-      borderColor: o.AccentHover,
-      color: o.OnAccent,
-      _active: {
-        bg: o.AccentActive,
-        borderColor: o.AccentActive,
-        color: o.OnAccent
-      }
-    },
-    [s]: {
-      borderColor: o.AccentHover,
-      color: o.AccentHover,
-      _active: {
-        borderColor: o.AccentActive,
-        color: o.AccentActive
-      }
-    },
-    [h]: {
-      bg: o.AccentHover,
-      borderColor: o.AccentHover,
-      color: o.OnAccent
-    },
-    [k]: {
-      color: o.ErrorHover,
-      borderColor: o.ErrorHover
-    }
-  },
-  [S]: {
-    borderColor: o.AccentActive,
-    color: o.AccentActive,
-    _checked: {
-      background: o.AccentActive,
-      borderColor: o.AccentActive,
-      color: o.OnAccent
-    },
-    _indeterminate: {
-      color: o.OnAccent,
-      bg: o.AccentActive
-    }
-  }
-}, u = l({
-  className: "checkbox",
-  slots: a.keys(),
-  base: {
-    control: C,
-    label: d,
-    root: A
-  },
-  variants: {
-    variant: {
-      normal: {
-        control: {
-          _checked: {
-            bg: o.Accent,
-            color: o.OnAccent
-          }
-        }
-      },
-      addon: {
-        control: {
-          _invalid: {
-            color: o.Error
-          },
-          _checked: {
-            color: o.OnAccent,
-            borderColor: o.Accent,
-            background: o.Accent,
-            _invalid: {
-              color: o.OnAccent
-            }
-          }
-        }
-      }
-    },
-    size: {
-      sm: {
-        control: {
-          width: "20px",
-          height: "20px"
-        },
-        label: {
-          fontSize: e.Small
-        }
-      },
-      md: {
-        control: {
-          width: "24px",
-          height: "24px"
-        },
-        label: {
-          fontSize: e.Medium
-        }
-      },
-      lg: {
-        control: {
-          width: "40px",
-          height: "40px",
-          borderRadius: "full"
-        },
-        label: {
-          fontSize: e.Large
-        }
-      }
-    }
-  }
+import { ThemeColorToken as e, ThemeFontSizeToken as t, ThemeFontToken as n } from "../../theme/theme-tokens.js";
+import { defineSlotRecipe as r } from "@chakra-ui/react";
+import { checkboxAnatomy as i } from "@chakra-ui/react/anatomy";
+//#region lib/components/checkbox/checkbox-recipe.ts
+var a = {
+	m: 0,
+	fontFamily: n.Body,
+	fontSize: t.Medium,
+	color: e.OnSurface,
+	fontWeight: "normal",
+	width: "100%",
+	_disabled: { opacity: 1 }
+}, o = "@media(hover: hover)", s = "& .checkbox__control[data-disabled] + .checkbox__label:hover", c = "& .checkbox__control:not([data-disabled])", l = "& .checkbox__control:not([data-disabled])[data-state=\"checked\"]", u = "& .checkbox__control:not([data-disabled])[data-state=\"indeterminate\"]", d = {
+	cursor: "pointer",
+	[s]: { cursor: "not-allowed" },
+	_hover: { "&:not(:active)": {
+		[c]: {
+			borderColor: e.AccentHover,
+			color: e.AccentHover
+		},
+		[l]: {
+			bg: e.AccentHover,
+			color: e.OnAccent
+		},
+		[u]: {
+			borderColor: e.AccentHover,
+			bg: e.AccentHover,
+			color: e.OnAccent
+		}
+	} },
+	_active: {
+		[c]: {
+			borderColor: e.AccentActive,
+			color: e.AccentActive
+		},
+		[l]: {
+			bg: e.AccentActive,
+			borderColor: e.AccentActive,
+			color: e.OnAccent
+		},
+		[u]: {
+			color: e.OnAccent,
+			bg: e.AccentActive,
+			borderColor: e.AccentActive
+		}
+	}
+}, f = "&[data-state=\"checked\"]:not([data-disabled]):hover", p = "&:not([data-state=\"checked\"]):not([data-disabled]):not([data-invalid]):not([data-state=\"indeterminate\"]):hover", m = "&[data-state=\"indeterminate\"]:not([data-invalid]):not([data-disabled]):hover", h = "&[data-invalid]:not([data-state=\"checked\"]):hover", g = "&[data-active]:not([data-disabled])", _ = {
+	fontWeight: 900,
+	color: e.OnBackground,
+	borderColor: e.OnBackground,
+	background: "transparent",
+	borderRadius: "4px",
+	borderWidth: "2px",
+	_focusVisible: { outlineColor: e.OnBackground },
+	_disabled: {
+		opacity: .48,
+		borderColor: e.OnBackground,
+		background: "transparent"
+	},
+	_checked: {
+		background: e.Accent,
+		borderColor: e.Accent,
+		_disabled: {
+			background: e.Accent,
+			borderColor: e.Accent,
+			color: e.OnAccent
+		}
+	},
+	_invalid: {
+		borderColor: e.Error,
+		boxShadow: `0 0 0 4px ${e.ErrorContainer}`
+	},
+	_indeterminate: {
+		background: e.Accent,
+		borderColor: e.Accent,
+		color: e.OnAccent,
+		_disabled: {
+			borderColor: e.Accent,
+			background: e.Accent
+		}
+	},
+	[o]: {
+		_hover: { cursor: "pointer" },
+		"&[data-disabled]:hover": { cursor: "not-allowed" },
+		[f]: {
+			bg: e.AccentHover,
+			borderColor: e.AccentHover,
+			color: e.OnAccent,
+			_active: {
+				bg: e.AccentActive,
+				borderColor: e.AccentActive,
+				color: e.OnAccent
+			}
+		},
+		[p]: {
+			borderColor: e.AccentHover,
+			color: e.AccentHover,
+			_active: {
+				borderColor: e.AccentActive,
+				color: e.AccentActive
+			}
+		},
+		[m]: {
+			bg: e.AccentHover,
+			borderColor: e.AccentHover,
+			color: e.OnAccent
+		},
+		[h]: {
+			color: e.ErrorHover,
+			borderColor: e.ErrorHover
+		}
+	},
+	[g]: {
+		borderColor: e.AccentActive,
+		color: e.AccentActive,
+		_checked: {
+			background: e.AccentActive,
+			borderColor: e.AccentActive,
+			color: e.OnAccent
+		},
+		_indeterminate: {
+			color: e.OnAccent,
+			bg: e.AccentActive
+		}
+	}
+}, v = r({
+	className: "checkbox",
+	slots: i.keys(),
+	base: {
+		control: _,
+		label: a,
+		root: d
+	},
+	variants: {
+		variant: {
+			normal: { control: { _checked: {
+				bg: e.Accent,
+				color: e.OnAccent
+			} } },
+			addon: { control: {
+				_invalid: { color: e.Error },
+				_checked: {
+					color: e.OnAccent,
+					borderColor: e.Accent,
+					background: e.Accent,
+					_invalid: { color: e.OnAccent }
+				}
+			} }
+		},
+		size: {
+			sm: {
+				control: {
+					width: "20px",
+					height: "20px"
+				},
+				label: { fontSize: t.Small }
+			},
+			md: {
+				control: {
+					width: "24px",
+					height: "24px"
+				},
+				label: { fontSize: t.Medium }
+			},
+			lg: {
+				control: {
+					width: "40px",
+					height: "40px",
+					borderRadius: "full"
+				},
+				label: { fontSize: t.Large }
+			}
+		}
+	}
 });
-export {
-  u as checkboxRecipe
-};
+//#endregion
+export { v as checkboxRecipe };

package/dist/components/checkbox/checkbox.js

@@ -1,37 +1,44 @@
-import { jsx as s, jsxs as $, Fragment as w } from "react/jsx-runtime";
-import { c as D } from "../../_virtual/compiler-runtime.js";
-import { Checkbox as k } from "@chakra-ui/react";
-import { forwardRef as E } from "react";
-import { CheckboxIcon as F } from "./checkbox-icon.js";
-import { ThemeSpaceVariable as H } from "../../theme/theme-types.js";
-const G = E((I, g) => {
-  const e = D.c(34);
-  let i, m, n, t, o, l, d, h, f, C, p, v, x;
-  e[0] !== I ? ({
-    children: i,
-    size: h,
-    variant: f,
-    display: C,
-    alignItems: p,
-    justifyContent: v,
-    gap: x,
-    isChecked: m,
-    isIndeterminate: t,
-    isDisabled: n,
-    isInvalid: o,
-    onCheckedChange: l,
-    ...d
-  } = I, e[0] = I, e[1] = i, e[2] = m, e[3] = n, e[4] = t, e[5] = o, e[6] = l, e[7] = d, e[8] = h, e[9] = f, e[10] = C, e[11] = p, e[12] = v, e[13] = x) : (i = e[1], m = e[2], n = e[3], t = e[4], o = e[5], l = e[6], d = e[7], h = e[8], f = e[9], C = e[10], p = e[11], v = e[12], x = e[13]);
-  const r = h === void 0 ? "md" : h, a = f === void 0 ? "normal" : f, u = C === void 0 ? "flex" : C, j = p === void 0 ? "center" : p, y = v === void 0 ? "flex-start" : v, R = x === void 0 ? H.Small : x, S = !m && t ? "indeterminate" : m;
-  let c;
-  e[14] !== i || e[15] !== t || e[16] !== g || e[17] !== r || e[18] !== a ? (c = /* @__PURE__ */ s(k.Context, { children: (z) => /* @__PURE__ */ $(w, { children: [
-    /* @__PURE__ */ s(k.HiddenInput, { "aria-checked": t ? "mixed" : void 0, ref: g }),
-    /* @__PURE__ */ s(k.Control, { children: /* @__PURE__ */ s(F, { variant: a, size: r, isChecked: z.checked, isIndeterminate: z.indeterminate }) }),
-    i && /* @__PURE__ */ s(k.Label, { children: i })
-  ] }) }), e[14] = i, e[15] = t, e[16] = g, e[17] = r, e[18] = a, e[19] = c) : c = e[19];
-  let b;
-  return e[20] !== j || e[21] !== u || e[22] !== R || e[23] !== n || e[24] !== t || e[25] !== o || e[26] !== y || e[27] !== l || e[28] !== d || e[29] !== r || e[30] !== S || e[31] !== c || e[32] !== a ? (b = /* @__PURE__ */ s(k.Root, { size: r, variant: a, colorScheme: "none", display: u, alignItems: j, disabled: n, invalid: o, checked: S, gap: R, justifyContent: y, onCheckedChange: l, "data-indeterminate": t, ...d, children: c }), e[20] = j, e[21] = u, e[22] = R, e[23] = n, e[24] = t, e[25] = o, e[26] = y, e[27] = l, e[28] = d, e[29] = r, e[30] = S, e[31] = c, e[32] = a, e[33] = b) : b = e[33], b;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { ThemeSpaceVariable as t } from "../../theme/theme-types.js";
+import { CheckboxIcon as n } from "./checkbox-icon.js";
+import { forwardRef as r } from "react";
+import { Checkbox as i } from "@chakra-ui/react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region lib/components/checkbox/checkbox.tsx
+var c = e(), l = r((e, r) => {
+	let l = (0, c.c)(34), u, d, f, p, m, h, g, _, v, y, b, x, S;
+	l[0] === e ? (u = l[1], d = l[2], f = l[3], p = l[4], m = l[5], h = l[6], g = l[7], _ = l[8], v = l[9], y = l[10], b = l[11], x = l[12], S = l[13]) : ({children: u, size: _, variant: v, display: y, alignItems: b, justifyContent: x, gap: S, isChecked: d, isIndeterminate: p, isDisabled: f, isInvalid: m, onCheckedChange: h, ...g} = e, l[0] = e, l[1] = u, l[2] = d, l[3] = f, l[4] = p, l[5] = m, l[6] = h, l[7] = g, l[8] = _, l[9] = v, l[10] = y, l[11] = b, l[12] = x, l[13] = S);
+	let C = _ === void 0 ? "md" : _, w = v === void 0 ? "normal" : v, T = y === void 0 ? "flex" : y, E = b === void 0 ? "center" : b, D = x === void 0 ? "flex-start" : x, O = S === void 0 ? t.Small : S, k = !d && p ? "indeterminate" : d, A;
+	l[14] !== u || l[15] !== p || l[16] !== r || l[17] !== C || l[18] !== w ? (A = /* @__PURE__ */ o(i.Context, { children: (e) => /* @__PURE__ */ s(a, { children: [
+		/* @__PURE__ */ o(i.HiddenInput, {
+			"aria-checked": p ? "mixed" : void 0,
+			ref: r
+		}),
+		/* @__PURE__ */ o(i.Control, { children: /* @__PURE__ */ o(n, {
+			variant: w,
+			size: C,
+			isChecked: e.checked,
+			isIndeterminate: e.indeterminate
+		}) }),
+		u && /* @__PURE__ */ o(i.Label, { children: u })
+	] }) }), l[14] = u, l[15] = p, l[16] = r, l[17] = C, l[18] = w, l[19] = A) : A = l[19];
+	let j;
+	return l[20] !== E || l[21] !== T || l[22] !== O || l[23] !== f || l[24] !== p || l[25] !== m || l[26] !== D || l[27] !== h || l[28] !== g || l[29] !== C || l[30] !== k || l[31] !== A || l[32] !== w ? (j = /* @__PURE__ */ o(i.Root, {
+		size: C,
+		variant: w,
+		colorScheme: "none",
+		display: T,
+		alignItems: E,
+		disabled: f,
+		invalid: m,
+		checked: k,
+		gap: O,
+		justifyContent: D,
+		onCheckedChange: h,
+		"data-indeterminate": p,
+		...g,
+		children: A
+	}), l[20] = E, l[21] = T, l[22] = O, l[23] = f, l[24] = p, l[25] = m, l[26] = D, l[27] = h, l[28] = g, l[29] = C, l[30] = k, l[31] = A, l[32] = w, l[33] = j) : j = l[33], j;
 });
-export {
-  G as Checkbox
-};
+//#endregion
+export { l as Checkbox };