@caspeco/casper-ui-library 9.13.0 → 10.0.0

package/dist/components/tooltip/tooltip.js

@@ -1,36 +1,48 @@
-import { jsx as e, Fragment as b, jsxs as i } from "react/jsx-runtime";
-import { Tooltip as r, Portal as T } from "@chakra-ui/react";
-import { ThemeSpaceVariable as l, ThemeFontSizeVariable as f, ThemeFontVariable as u, ThemeColorVariable as t, ThemeRadiusVariable as S } from "../../theme/theme-types.js";
-function w(a) {
-  const {
-    children: o,
-    label: n,
-    placement: m = "bottom",
-    p: s = l.Small,
-    fontSize: c = f.Small,
-    fontFamily: d = u.Body,
+import { jsx as l, jsxs as V, Fragment as z } from "react/jsx-runtime";
+import { c as R } from "../../_virtual/compiler-runtime.js";
+import { Tooltip as c, Portal as _ } from "@chakra-ui/react";
+import { ThemeSpaceVariable as v, ThemeFontSizeVariable as w, ThemeFontVariable as C, ThemeColorVariable as x, ThemeRadiusVariable as j } from "../../theme/theme-types.js";
+function E(u) {
+  const e = R.c(25);
+  let t, h, o, i, m, s, f, d;
+  e[0] !== u ? ({
+    children: t,
+    label: o,
+    placement: m,
+    p: s,
+    fontSize: f,
+    fontFamily: d,
     disabled: h,
-    ...p
-  } = a;
-  return h ? o : /* @__PURE__ */ e(b, { children: /* @__PURE__ */ i(r.Root, { positioning: { placement: m }, ...p, children: [
-    /* @__PURE__ */ e(r.Trigger, { asChild: !0, children: /* @__PURE__ */ e("span", { children: o }) }),
-    /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(r.Positioner, { children: /* @__PURE__ */ i(
-      r.Content,
-      {
-        p: s,
-        borderRadius: S.Medium,
-        fontSize: c,
-        fontFamily: d,
-        css: { "--tooltip-bg": t.OnSurface },
-        color: t.Surface,
-        children: [
-          /* @__PURE__ */ e(r.Arrow, { css: { "--arrow-size": l.Small }, children: /* @__PURE__ */ e(r.ArrowTip, {}) }),
-          n
-        ]
-      }
-    ) }) })
-  ] }) });
+    ...i
+  } = u, e[0] = u, e[1] = t, e[2] = h, e[3] = o, e[4] = i, e[5] = m, e[6] = s, e[7] = f, e[8] = d) : (t = e[1], h = e[2], o = e[3], i = e[4], m = e[5], s = e[6], f = e[7], d = e[8]);
+  const T = m === void 0 ? "bottom" : m, g = s === void 0 ? v.Small : s, y = f === void 0 ? w.Small : f, F = d === void 0 ? C.Body : d;
+  if (h)
+    return t;
+  let r;
+  e[9] !== T ? (r = {
+    placement: T
+  }, e[9] = T, e[10] = r) : r = e[10];
+  let n;
+  e[11] !== t ? (n = /* @__PURE__ */ l(c.Trigger, { asChild: !0, children: /* @__PURE__ */ l("span", { children: t }) }), e[11] = t, e[12] = n) : n = e[12];
+  let p;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
+    "--tooltip-bg": x.OnSurface
+  }, e[13] = p) : p = e[13];
+  let b;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ l(c.Arrow, { css: {
+    "--arrow-size": v.Small
+  }, children: /* @__PURE__ */ l(c.ArrowTip, {}) }), e[14] = b) : b = e[14];
+  let a;
+  e[15] !== F || e[16] !== y || e[17] !== o || e[18] !== g ? (a = /* @__PURE__ */ l(_, { children: /* @__PURE__ */ l(c.Positioner, { children: /* @__PURE__ */ V(c.Content, { p: g, borderRadius: j.Medium, fontSize: y, fontFamily: F, css: p, color: x.Surface, children: [
+    b,
+    o
+  ] }) }) }), e[15] = F, e[16] = y, e[17] = o, e[18] = g, e[19] = a) : a = e[19];
+  let S;
+  return e[20] !== i || e[21] !== r || e[22] !== n || e[23] !== a ? (S = /* @__PURE__ */ l(z, { children: /* @__PURE__ */ V(c.Root, { positioning: r, ...i, children: [
+    n,
+    a
+  ] }) }), e[20] = i, e[21] = r, e[22] = n, e[23] = a, e[24] = S) : S = e[24], S;
 }
 export {
-  w as Tooltip
+  E as Tooltip
 };

package/dist/hooks/use-color-mode.js

@@ -1,14 +1,23 @@
-import { useTheme as t } from "../node_modules/next-themes/dist/index.js";
-function c() {
-  const { resolvedTheme: o, setTheme: e, forcedTheme: r } = t();
-  return {
-    colorMode: r || o,
-    setColorMode: e,
-    toggleColorMode: () => {
-      e(o === "dark" ? "light" : "dark");
-    }
-  };
+import { c as n } from "../_virtual/compiler-runtime.js";
+import { useTheme as i } from "../node_modules/next-themes/dist/index.js";
+function p() {
+  const e = n.c(7), {
+    resolvedTheme: t,
+    setTheme: o,
+    forcedTheme: m
+  } = i(), d = m || t;
+  let r;
+  e[0] !== t || e[1] !== o ? (r = () => {
+    o(t === "dark" ? "light" : "dark");
+  }, e[0] = t, e[1] = o, e[2] = r) : r = e[2];
+  const l = r, c = d;
+  let s;
+  return e[3] !== o || e[4] !== c || e[5] !== l ? (s = {
+    colorMode: c,
+    setColorMode: o,
+    toggleColorMode: l
+  }, e[3] = o, e[4] = c, e[5] = l, e[6] = s) : s = e[6], s;
 }
 export {
-  c as useColorMode
+  p as useColorMode
 };

package/dist/hooks/use-disclosure.js

@@ -1,7 +1,13 @@
 import { useDisclosure as r } from "@chakra-ui/react";
 function i(s) {
-  const { open: e, ...o } = r(s);
-  return { isOpen: e, ...o };
+  const {
+    open: e,
+    ...o
+  } = r(s);
+  return {
+    isOpen: e,
+    ...o
+  };
 }
 export {
   i as useDisclosure

package/dist/hooks/use-remove-attributes.js

@@ -1,17 +1,25 @@
+import { c as f } from "../_virtual/compiler-runtime.js";
 import { useEffect as b } from "react";
-const f = (o, e, u = !0) => {
-  b(() => {
-    const t = o.current;
-    if (!u || !t || e.length === 0) return;
-    const n = () => {
-      for (const r of e)
-        t.removeAttribute(r), t.querySelectorAll(`[${r}]`).forEach((c) => c.removeAttribute(r));
+const E = (r, t, i) => {
+  const e = f.c(5), o = i === void 0 ? !0 : i;
+  let c, n;
+  e[0] !== o || e[1] !== t || e[2] !== r ? (c = () => {
+    const s = r.current;
+    if (!o || !s || t.length === 0)
+      return;
+    const l = () => {
+      for (const u of t)
+        s.removeAttribute(u), s.querySelectorAll(`[${u}]`).forEach((v) => v.removeAttribute(u));
     };
-    n();
-    const s = new MutationObserver(n);
-    return s.observe(t, { subtree: !0, attributes: !0, attributeFilter: e }), () => s.disconnect();
-  }, [o, u, e]);
+    l();
+    const m = new MutationObserver(l);
+    return m.observe(s, {
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: t
+    }), () => m.disconnect();
+  }, n = [r, o, t], e[0] = o, e[1] = t, e[2] = r, e[3] = c, e[4] = n) : (c = e[3], n = e[4]), b(c, n);
 };
 export {
-  f as useRemoveAttributes
+  E as useRemoveAttributes
 };

package/dist/node_modules/react/cjs/react-compiler-runtime.development.js

@@ -0,0 +1,21 @@
+import { __exports as e } from "../../../_virtual/react-compiler-runtime.development.js";
+import a from "react";
+var n;
+function l() {
+  return n ? e : (n = 1, process.env.NODE_ENV !== "production" && (function() {
+    var t = a.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    e.c = function(r) {
+      var o = t.H;
+      return o === null && console.error(
+        `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
+      ), o.useMemoCache(r);
+    };
+  })(), e);
+}
+export {
+  l as __require
+};

package/dist/node_modules/react/cjs/react-compiler-runtime.production.js

@@ -0,0 +1,14 @@
+import { __exports as e } from "../../../_virtual/react-compiler-runtime.production.js";
+import o from "react";
+var r;
+function n() {
+  if (r) return e;
+  r = 1;
+  var t = o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  return e.c = function(_) {
+    return t.H.useMemoCache(_);
+  }, e;
+}
+export {
+  n as __require
+};

package/dist/node_modules/react/compiler-runtime.js

@@ -0,0 +1,10 @@
+import { __module as e } from "../../_virtual/compiler-runtime2.js";
+import { __require as i } from "./cjs/react-compiler-runtime.production.js";
+import { __require as o } from "./cjs/react-compiler-runtime.development.js";
+var r;
+function p() {
+  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = i() : e.exports = o(), e.exports);
+}
+export {
+  p as __require
+};

package/dist/theme/theme-provider-context.composition.d.ts

@@ -1,10 +1,10 @@
-export declare function Colors(): import("react/jsx-runtime").JSX.Element;
-export declare function Fonts(): import("react/jsx-runtime").JSX.Element;
-export declare function FontSizes(): import("react/jsx-runtime").JSX.Element;
-export declare function Space(): import("react/jsx-runtime").JSX.Element;
-export declare function BorderRadii(): import("react/jsx-runtime").JSX.Element;
-export declare function BorderWidths(): import("react/jsx-runtime").JSX.Element;
-export declare function Shadows(): import("react/jsx-runtime").JSX.Element;
-export declare function BreakPoints(): import("react/jsx-runtime").JSX.Element;
-export declare function IconSizes(): import("react/jsx-runtime").JSX.Element;
+export declare function Colors(): import("react").JSX.Element;
+export declare function Fonts(): import("react").JSX.Element;
+export declare function FontSizes(): import("react").JSX.Element;
+export declare function Space(): import("react").JSX.Element;
+export declare function BorderRadii(): import("react").JSX.Element;
+export declare function BorderWidths(): import("react").JSX.Element;
+export declare function Shadows(): import("react").JSX.Element;
+export declare function BreakPoints(): import("react").JSX.Element;
+export declare function IconSizes(): import("react").JSX.Element;
 //# sourceMappingURL=theme-provider-context.composition.d.ts.map

package/dist/theme/theme-provider-context.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider-context.composition.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider-context.composition.tsx"],"names":[],"mappings":"AAaA,wBAAgB,MAAM,4CA8BrB;AAED,wBAAgB,KAAK,4CAmBpB;AAED,wBAAgB,SAAS,4CAkBxB;AAED,wBAAgB,KAAK,4CAyBpB;AAED,wBAAgB,WAAW,4CA2B1B;AAED,wBAAgB,YAAY,4CA2B3B;AAED,wBAAgB,OAAO,4CA6BtB;AAED,wBAAgB,WAAW,4CAa1B;AAED,wBAAgB,SAAS,4CAgCxB"}
+{"version":3,"file":"theme-provider-context.composition.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider-context.composition.tsx"],"names":[],"mappings":"AAaA,wBAAgB,MAAM,gCA8BrB;AAED,wBAAgB,KAAK,gCAmBpB;AAED,wBAAgB,SAAS,gCAkBxB;AAED,wBAAgB,KAAK,gCAyBpB;AAED,wBAAgB,WAAW,gCA2B1B;AAED,wBAAgB,YAAY,gCA2B3B;AAED,wBAAgB,OAAO,gCA6BtB;AAED,wBAAgB,WAAW,gCAa1B;AAED,wBAAgB,SAAS,gCAgCxB"}

package/dist/theme/theme-provider.d.ts

@@ -20,5 +20,5 @@ export type ThemeProviderProps = {
  * Default theme values are set to a Casper UI-theme. To override them,
  * provide your own theme variables.
  */
-export declare function ThemeProvider({ colors, fonts, fontStyleSheet, globalStyles, children, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProvider({ colors, fonts, fontStyleSheet, globalStyles, children, }: ThemeProviderProps): import("react").JSX.Element;
 //# sourceMappingURL=theme-provider.d.ts.map

package/dist/theme/theme-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,MAAM,kBAAkB,GAAG;IAChC,iDAAiD;IACjD,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;8EAC0E;IAC1E,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;iDAE6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,iBAAiB,CAAC;CACjC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC7B,MAA6B,EAC7B,KAA2B,EAC3B,cAA6C,EAC7C,YAAyC,EACzC,QAAQ,GACR,EAAE,kBAAkB,2CAgBpB"}
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,MAAM,kBAAkB,GAAG;IAChC,iDAAiD;IACjD,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;8EAC0E;IAC1E,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;iDAE6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,iBAAiB,CAAC;CACjC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC7B,MAA6B,EAC7B,KAA2B,EAC3B,cAA6C,EAC7C,YAAyC,EACzC,QAAQ,GACR,EAAE,kBAAkB,+BAgBpB"}

package/dist/theme/theme-provider.js

@@ -1,32 +1,36 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { ChakraProvider as n } from "@chakra-ui/react";
-import { Global as f } from "@emotion/react";
-import { ThemeProvider as h } from "../node_modules/next-themes/dist/index.js";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { c as u } from "../_virtual/compiler-runtime.js";
+import { ChakraProvider as g } from "@chakra-ui/react";
+import { Global as T } from "@emotion/react";
+import { ThemeProvider as x } from "../node_modules/next-themes/dist/index.js";
 import "react";
-import { createSystemWithOverrides as p } from "./theme.js";
-import { casperUITheme as e } from "./theme-casper-ui.js";
-function T({
-  colors: t = e.colors,
-  fonts: o = e.fonts,
-  fontStyleSheet: s = e.fontStyleSheet,
-  globalStyles: i = e.globalStyles,
-  children: m
-}) {
-  const l = p({ globalCss: i, colors: t, fonts: o });
-  return /* @__PURE__ */ r(n, { value: l, children: /* @__PURE__ */ a(
-    h,
-    {
-      attribute: "class",
-      disableTransitionOnChange: !0,
-      enableSystem: !1,
-      defaultTheme: "light",
-      children: [
-        /* @__PURE__ */ r(f, { styles: s }),
-        m
-      ]
-    }
-  ) });
+import { createSystemWithOverrides as C } from "./theme.js";
+import { casperUITheme as l } from "./theme-casper-ui.js";
+function R(v) {
+  const e = u.c(12), {
+    colors: h,
+    fonts: d,
+    fontStyleSheet: p,
+    globalStyles: S,
+    children: i
+  } = v, n = h === void 0 ? l.colors : h, m = d === void 0 ? l.fonts : d, a = p === void 0 ? l.fontStyleSheet : p, c = S === void 0 ? l.globalStyles : S;
+  let s;
+  e[0] !== n || e[1] !== m || e[2] !== c ? (s = C({
+    globalCss: c,
+    colors: n,
+    fonts: m
+  }), e[0] = n, e[1] = m, e[2] = c, e[3] = s) : s = e[3];
+  const f = s;
+  let t;
+  e[4] !== a ? (t = /* @__PURE__ */ y(T, { styles: a }), e[4] = a, e[5] = t) : t = e[5];
+  let o;
+  e[6] !== i || e[7] !== t ? (o = /* @__PURE__ */ b(x, { attribute: "class", disableTransitionOnChange: !0, enableSystem: !1, defaultTheme: "light", children: [
+    t,
+    i
+  ] }), e[6] = i, e[7] = t, e[8] = o) : o = e[8];
+  let r;
+  return e[9] !== f || e[10] !== o ? (r = /* @__PURE__ */ y(g, { value: f, children: o }), e[9] = f, e[10] = o, e[11] = r) : r = e[11], r;
 }
 export {
-  T as ThemeProvider
+  R as ThemeProvider
 };

package/dist/theme/theme.js

@@ -259,12 +259,16 @@ function r(e, i) {
   return {
     value: {
       base: e,
-      ...i ? { _dark: i } : {}
+      ...i ? {
+        _dark: i
+      } : {}
     }
   };
 }
 function a(e) {
-  return { value: e };
+  return {
+    value: e
+  };
 }
 export {
   B as createSemanticTokens,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "9.13.0",
+	"version": "10.0.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -43,11 +43,12 @@
 		"@chakra-ui/cli": "^3.35.0",
 		"@eslint/js": "^9.39.2",
 		"@types/node": "^24.13.1",
-		"@types/react": "^18.3.12",
-		"@types/react-dom": "^18.3.1",
-		"@vitejs/plugin-react-swc": "^4.3.1",
+		"@types/react": "^19.2.16",
+		"@types/react-dom": "^19.2.3",
+		"@vitejs/plugin-react": "^5.2.0",
 		"@vitest/browser-playwright": "^4.1.8",
 		"@vitest/ui": "^4.1.5",
+		"babel-plugin-react-compiler": "^1.0.0",
 		"eslint": "^9.39.2",
 		"eslint-plugin-react-hooks": "^7.1.1",
 		"eslint-plugin-react-refresh": "^0.5.2",
@@ -67,8 +68,8 @@
 		"@chakra-ui/react": "^3.32.0",
 		"@emotion/cache": "^11.14.0",
 		"@emotion/react": "^11.14.0",
-		"react": "^18.3.1 || ^19.2.5",
-		"react-dom": "^18.3.1 || ^19.2.5"
+		"react": "^19.2.7",
+		"react-dom": "^19.2.7"
 	},
 	"dependencies": {
 		"@chakra-ui/anatomy": "^2.3.4",