@caspeco/casper-ui-library 9.13.0 → 10.0.0

package/dist/components/drawer/inline-drawer.js

@@ -1,62 +1,67 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Box as a } from "@chakra-ui/react";
-import { useRef as h, useMemo as w } from "react";
-import { useInlineDrawerKeydown as f } from "./use-drawer-key-down.js";
-import { ThemeShadowVariable as p, ThemeColorVariable as i } from "../../theme/theme-types.js";
-const r = "0.3s";
-function S({
-  children: n,
-  isOpen: e,
-  onClose: s,
-  closeOnEsc: c = !0,
-  size: o = "xs",
-  zIndex: l = 1,
-  ...u
-}) {
-  const d = h(null);
-  f({ isOpen: e, onClose: s, closeOnEsc: c });
-  const m = w(() => {
-    switch (o) {
-      case "xs":
-        return 320;
-      case "sm":
-        return 448;
-      case "md":
-        return 560;
-      case "lg":
-        return 672;
-      case "xl":
-        return 896;
-      default:
-        return 320;
+import { jsx as k } from "react/jsx-runtime";
+import { c as z } from "../../_virtual/compiler-runtime.js";
+import { Box as I } from "@chakra-ui/react";
+import { useRef as R } from "react";
+import { useInlineDrawerKeydown as T } from "./use-drawer-key-down.js";
+import { ThemeShadowVariable as $, ThemeColorVariable as v } from "../../theme/theme-types.js";
+const y = "0.3s";
+function M(p) {
+  const e = z.c(22);
+  let s, t, r, i, n, a, c;
+  e[0] !== p ? ({
+    children: s,
+    isOpen: t,
+    onClose: r,
+    closeOnEsc: n,
+    size: a,
+    zIndex: c,
+    ...i
+  } = p, e[0] = p, e[1] = s, e[2] = t, e[3] = r, e[4] = i, e[5] = n, e[6] = a, e[7] = c) : (s = e[1], t = e[2], r = e[3], i = e[4], n = e[5], a = e[6], c = e[7]);
+  const h = n === void 0 ? !0 : n, O = a === void 0 ? "xs" : a, u = c === void 0 ? 1 : c, S = R(null);
+  let d;
+  e[8] !== h || e[9] !== t || e[10] !== r ? (d = {
+    isOpen: t,
+    onClose: r,
+    closeOnEsc: h
+  }, e[8] = h, e[9] = t, e[10] = r, e[11] = d) : d = e[11], T(d);
+  let o;
+  e: switch (O) {
+    case "xs": {
+      o = 320;
+      break e;
     }
-  }, [o]);
-  return /* @__PURE__ */ t(
-    a,
-    {
-      as: "aside",
-      ref: d,
-      backgroundColor: i.Surface,
-      color: i.OnSurface,
-      overflow: "hidden",
-      boxShadow: p.Medium,
-      height: "100dvh",
-      top: "0",
-      zIndex: l,
-      display: e ? "block" : "none",
-      width: e ? m : 0,
-      opacity: e ? 1 : 0,
-      transition: `width ${r} ease-in-out, opacity ${r} ease-in-out, display ${r} allow-discrete`,
-      css: {
-        "@starting-style": {
-          width: 0,
-          opacity: 0
-        }
-      },
-      children: /* @__PURE__ */ t(a, { h: "100%", w: "100%", overflowY: "auto", ...u, children: n })
+    case "sm": {
+      o = 448;
+      break e;
     }
-  );
+    case "md": {
+      o = 560;
+      break e;
+    }
+    case "lg": {
+      o = 672;
+      break e;
+    }
+    case "xl": {
+      o = 896;
+      break e;
+    }
+    default:
+      o = 320;
+  }
+  const g = o, w = t ? "block" : "none", b = t ? g : 0, x = t ? 1 : 0;
+  let m;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    "@starting-style": {
+      width: 0,
+      opacity: 0
+    }
+  }, e[12] = m) : m = e[12];
+  let l;
+  e[13] !== s || e[14] !== i ? (l = /* @__PURE__ */ k(I, { h: "100%", w: "100%", overflowY: "auto", ...i, children: s }), e[13] = s, e[14] = i, e[15] = l) : l = e[15];
+  let f;
+  return e[16] !== l || e[17] !== w || e[18] !== b || e[19] !== x || e[20] !== u ? (f = /* @__PURE__ */ k(I, { as: "aside", ref: S, backgroundColor: v.Surface, color: v.OnSurface, overflow: "hidden", boxShadow: $.Medium, height: "100dvh", top: "0", zIndex: u, display: w, width: b, opacity: x, transition: `width ${y} ease-in-out, opacity ${y} ease-in-out, display ${y} allow-discrete`, css: m, children: l }), e[16] = l, e[17] = w, e[18] = b, e[19] = x, e[20] = u, e[21] = f) : f = e[21], f;
 }
 export {
-  S as InlineDrawer
+  M as InlineDrawer
 };

package/dist/components/drawer/use-drawer-key-down.js

@@ -1,14 +1,21 @@
+import { c as f } from "../../_virtual/compiler-runtime.js";
 import { useEffect as d } from "react";
-function i({ isOpen: e, onClose: n, closeOnEsc: t }) {
-  d(() => {
-    const o = (r) => {
-      r.key === "Escape" && t && n?.();
+function u(i) {
+  const e = f.c(5), {
+    isOpen: n,
+    onClose: o,
+    closeOnEsc: t
+  } = i;
+  let s, r;
+  e[0] !== t || e[1] !== n || e[2] !== o ? (s = () => {
+    const c = (m) => {
+      m.key === "Escape" && t && o?.();
     };
-    return e && document.addEventListener("keydown", o), () => {
-      document.removeEventListener("keydown", o);
+    return n && document.addEventListener("keydown", c), () => {
+      document.removeEventListener("keydown", c);
     };
-  }, [e, t, n]);
+  }, r = [n, t, o], e[0] = t, e[1] = n, e[2] = o, e[3] = s, e[4] = r) : (s = e[3], r = e[4]), d(s, r);
 }
 export {
-  i as useInlineDrawerKeydown
+  u as useInlineDrawerKeydown
 };

package/dist/components/fieldset/fieldset-error-text.d.ts

@@ -1,5 +1,5 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { FieldsetErrorTextProps as ChakraFieldsetErrorTextProps } from '@chakra-ui/react';
 export type FieldsetErrorTextProps = ThemeStyleProps & Pick<ChakraFieldsetErrorTextProps, "children">;
-export declare function FieldsetErrorText({ children, ...props }: FieldsetErrorTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldsetErrorText({ children, ...props }: FieldsetErrorTextProps): import("react").JSX.Element;
 //# sourceMappingURL=fieldset-error-text.d.ts.map

package/dist/components/fieldset/fieldset-error-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset-error-text.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset-error-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAAG,IAAI,CAAC,4BAA4B,EAAE,UAAU,CAAC,CAAC;AAEtG,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAE/E"}
+{"version":3,"file":"fieldset-error-text.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset-error-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAAG,IAAI,CAAC,4BAA4B,EAAE,UAAU,CAAC,CAAC;AAEtG,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,+BAE/E"}

package/dist/components/fieldset/fieldset-error-text.js

@@ -1,8 +1,16 @@
-import { jsx as t } from "react/jsx-runtime";
-import { FieldsetErrorText as o } from "@chakra-ui/react";
-function x({ children: r, ...e }) {
-  return /* @__PURE__ */ t(o, { ...e, children: r });
+import { jsx as s } from "react/jsx-runtime";
+import { c as l } from "../../_virtual/compiler-runtime.js";
+import { FieldsetErrorText as m } from "@chakra-ui/react";
+function n(i) {
+  const r = l.c(6);
+  let e, t;
+  r[0] !== i ? ({
+    children: e,
+    ...t
+  } = i, r[0] = i, r[1] = e, r[2] = t) : (e = r[1], t = r[2]);
+  let o;
+  return r[3] !== e || r[4] !== t ? (o = /* @__PURE__ */ s(m, { ...t, children: e }), r[3] = e, r[4] = t, r[5] = o) : o = r[5], o;
 }
 export {
-  x as FieldsetErrorText
+  n as FieldsetErrorText
 };

package/dist/components/fieldset/fieldset-helper-text.d.ts

@@ -1,5 +1,5 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { FieldsetHelperTextProps as ChakraFieldsetHelperTextProps } from '@chakra-ui/react';
 export type FieldsetHelperTextProps = ThemeStyleProps & Pick<ChakraFieldsetHelperTextProps, "children">;
-export declare function FieldsetHelperText({ children, ...props }: FieldsetHelperTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldsetHelperText({ children, ...props }: FieldsetHelperTextProps): import("react").JSX.Element;
 //# sourceMappingURL=fieldset-helper-text.d.ts.map

package/dist/components/fieldset/fieldset-helper-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset-helper-text.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset-helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,IAAI,CAAC,6BAA6B,EAAE,UAAU,CAAC,CAAC;AAExG,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAEjF"}
+{"version":3,"file":"fieldset-helper-text.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset-helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,IAAI,CAAC,6BAA6B,EAAE,UAAU,CAAC,CAAC;AAExG,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,+BAEjF"}

package/dist/components/fieldset/fieldset-helper-text.js

@@ -1,8 +1,16 @@
-import { jsx as r } from "react/jsx-runtime";
-import { FieldsetHelperText as i } from "@chakra-ui/react";
-function p({ children: e, ...t }) {
-  return /* @__PURE__ */ r(i, { ...t, children: e });
+import { jsx as o } from "react/jsx-runtime";
+import { c as p } from "../../_virtual/compiler-runtime.js";
+import { FieldsetHelperText as s } from "@chakra-ui/react";
+function n(i) {
+  const e = p.c(6);
+  let t, r;
+  e[0] !== i ? ({
+    children: t,
+    ...r
+  } = i, e[0] = i, e[1] = t, e[2] = r) : (t = e[1], r = e[2]);
+  let l;
+  return e[3] !== t || e[4] !== r ? (l = /* @__PURE__ */ o(s, { ...r, children: t }), e[3] = t, e[4] = r, e[5] = l) : l = e[5], l;
 }
 export {
-  p as FieldsetHelperText
+  n as FieldsetHelperText
 };

package/dist/components/fieldset/fieldset-legend.d.ts

@@ -1,5 +1,5 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { FieldsetLegendProps as ChakraFieldsetLegendProps } from '@chakra-ui/react';
 export type FieldsetLegendProps = ThemeStyleProps & Pick<ChakraFieldsetLegendProps, "children">;
-export declare function FieldsetLegend({ children, ...props }: FieldsetLegendProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldsetLegend({ children, ...props }: FieldsetLegendProps): import("react").JSX.Element;
 //# sourceMappingURL=fieldset-legend.d.ts.map

package/dist/components/fieldset/fieldset-legend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset-legend.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset-legend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAAC;AAEhG,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAEzE"}
+{"version":3,"file":"fieldset-legend.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset-legend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAAC;AAEhG,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAEzE"}

package/dist/components/fieldset/fieldset-legend.js

@@ -1,8 +1,16 @@
-import { jsx as r } from "react/jsx-runtime";
-import { FieldsetLegend as d } from "@chakra-ui/react";
-function o({ children: e, ...t }) {
-  return /* @__PURE__ */ r(d, { ...t, children: e });
+import { jsx as s } from "react/jsx-runtime";
+import { c as l } from "../../_virtual/compiler-runtime.js";
+import { FieldsetLegend as n } from "@chakra-ui/react";
+function c(o) {
+  const e = l.c(6);
+  let t, r;
+  e[0] !== o ? ({
+    children: t,
+    ...r
+  } = o, e[0] = o, e[1] = t, e[2] = r) : (t = e[1], r = e[2]);
+  let i;
+  return e[3] !== t || e[4] !== r ? (i = /* @__PURE__ */ s(n, { ...r, children: t }), e[3] = t, e[4] = r, e[5] = i) : i = e[5], i;
 }
 export {
-  o as FieldsetLegend
+  c as FieldsetLegend
 };

package/dist/components/fieldset/fieldset.d.ts

@@ -11,6 +11,6 @@ export type FieldsetProps = CustomProps & ChakraFieldsetProperties & ThemeStyleP
  * It provides context such as isInvalid and isDisabled to form elements within it.
  * @see Docs https://caspeco.github.io/casper-ui-library/components/fieldset
  */
-export declare function Fieldset({ children, isDisabled, isInvalid, ...props }: FieldsetProps): import("react/jsx-runtime").JSX.Element;
+export declare function Fieldset({ children, isDisabled, isInvalid, ...props }: FieldsetProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=fieldset.d.ts.map

package/dist/components/fieldset/fieldset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE9D,KAAK,wBAAwB,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;AAElF,KAAK,WAAW,GAAG;IAElB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,wBAAwB,GAAG,eAAe,CAAC;AAErF;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAMpF"}
+{"version":3,"file":"fieldset.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE9D,KAAK,wBAAwB,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;AAElF,KAAK,WAAW,GAAG;IAElB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,wBAAwB,GAAG,eAAe,CAAC;AAErF;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAMpF"}

package/dist/components/fieldset/fieldset.js

@@ -1,8 +1,18 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Fieldset as d } from "@chakra-ui/react";
-function m({ children: e, isDisabled: i, isInvalid: t, ...o }) {
-  return /* @__PURE__ */ r(d.Root, { disabled: i, invalid: t, ...o, children: e });
+import { jsx as d } from "react/jsx-runtime";
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import { Fieldset as n } from "@chakra-ui/react";
+function f(r) {
+  const e = m.c(10);
+  let i, t, l, s;
+  e[0] !== r ? ({
+    children: i,
+    isDisabled: t,
+    isInvalid: l,
+    ...s
+  } = r, e[0] = r, e[1] = i, e[2] = t, e[3] = l, e[4] = s) : (i = e[1], t = e[2], l = e[3], s = e[4]);
+  let o;
+  return e[5] !== i || e[6] !== t || e[7] !== l || e[8] !== s ? (o = /* @__PURE__ */ d(n.Root, { disabled: t, invalid: l, ...s, children: i }), e[5] = i, e[6] = t, e[7] = l, e[8] = s, e[9] = o) : o = e[9], o;
 }
 export {
-  m as Fieldset
+  f as Fieldset
 };

package/dist/components/flex/flex.composition.d.ts

@@ -1,3 +1,3 @@
-export declare const CenterItems: () => import("react/jsx-runtime").JSX.Element;
-export declare const SpaceBetween: () => import("react/jsx-runtime").JSX.Element;
+export declare const CenterItems: () => import("react").JSX.Element;
+export declare const SpaceBetween: () => import("react").JSX.Element;
 //# sourceMappingURL=flex.composition.d.ts.map

package/dist/components/flex/flex.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/flex/flex.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,+CAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAOxB,CAAC"}
+{"version":3,"file":"flex.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/flex/flex.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAOxB,CAAC"}

package/dist/components/flex/flex.d.ts

@@ -1,5 +1,5 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { FlexProps as ChakraFlexProps } from '@chakra-ui/react';
 export type FlexProps = Pick<ChakraFlexProps, "children" | "align" | "justify" | "grow" | "shrink" | "wrap" | "direction" | "basis"> & ThemeStyleProps;
-export declare function Flex({ children, ...props }: FlexProps): import("react/jsx-runtime").JSX.Element;
+export declare function Flex({ children, ...props }: FlexProps): import("react").JSX.Element;
 //# sourceMappingURL=flex.d.ts.map

package/dist/components/flex/flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../lib/components/flex/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,MAAM,MAAM,SAAS,GAAG,IAAI,CAC3B,eAAe,EACf,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CACrF,GACA,eAAe,CAAC;AAEjB,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAErD"}
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../lib/components/flex/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,MAAM,MAAM,SAAS,GAAG,IAAI,CAC3B,eAAe,EACf,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CACrF,GACA,eAAe,CAAC;AAEjB,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAErD"}

package/dist/components/flex/flex.js

@@ -1,8 +1,16 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Flex as t } from "@chakra-ui/react";
-function f({ children: r, ...o }) {
-  return /* @__PURE__ */ e(t, { ...o, children: r });
+import { jsx as i } from "react/jsx-runtime";
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import { Flex as p } from "@chakra-ui/react";
+function n(l) {
+  const e = m.c(6);
+  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;
+  return e[3] !== r || e[4] !== o ? (t = /* @__PURE__ */ i(p, { ...o, children: r }), e[3] = r, e[4] = o, e[5] = t) : t = e[5], t;
 }
 export {
-  f as Flex
+  n as Flex
 };

package/dist/components/form-control/form-control.composition.d.ts

@@ -1,7 +1,7 @@
-export declare const Neutral: () => import("react/jsx-runtime").JSX.Element;
-export declare const Required: () => import("react/jsx-runtime").JSX.Element;
-export declare const Readonly: () => import("react/jsx-runtime").JSX.Element;
-export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;
-export declare const Invalid: () => import("react/jsx-runtime").JSX.Element;
-export declare const UsingCustomRadioGroup: () => import("react/jsx-runtime").JSX.Element;
+export declare const Neutral: () => import("react").JSX.Element;
+export declare const Required: () => import("react").JSX.Element;
+export declare const Readonly: () => import("react").JSX.Element;
+export declare const Disabled: () => import("react").JSX.Element;
+export declare const Invalid: () => import("react").JSX.Element;
+export declare const UsingCustomRadioGroup: () => import("react").JSX.Element;
 //# sourceMappingURL=form-control.composition.d.ts.map

package/dist/components/form-control/form-control.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-control.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-control.composition.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,OAAO,+CAUnB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAMpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAMpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAMpB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAMnB,CAAC;AAEF,eAAO,MAAM,qBAAqB,+CA0BjC,CAAC"}
+{"version":3,"file":"form-control.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-control.composition.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,OAAO,mCAUnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAMpB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAMpB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAMpB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,eAAO,MAAM,qBAAqB,mCA0BjC,CAAC"}

package/dist/components/form-control/form-control.d.ts

@@ -14,6 +14,6 @@ export type FormControlProps = CustomProps & ChakraFormControlProperties & Theme
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/form-control
  */
-export declare function FormControl({ children, isDisabled, isReadOnly, isInvalid, isRequired, ...props }: FormControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormControl({ children, isDisabled, isReadOnly, isInvalid, isRequired, ...props }: FormControlProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=form-control.d.ts.map

package/dist/components/form-control/form-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAExD,KAAK,2BAA2B,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;AAElF,KAAK,WAAW,GAAG;IAElB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,2BAA2B,GAAG,eAAe,CAAC;AAE3F;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC3B,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACR,EAAE,gBAAgB,2CAYlB"}
+{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAExD,KAAK,2BAA2B,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;AAElF,KAAK,WAAW,GAAG;IAElB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,2BAA2B,GAAG,eAAe,CAAC;AAE3F;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC3B,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACR,EAAE,gBAAgB,+BAYlB"}

package/dist/components/form-control/form-control.js

@@ -1,25 +1,20 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Field as l } from "@chakra-ui/react";
-function f({
-  children: r,
-  isDisabled: o,
-  isReadOnly: i,
-  isInvalid: e,
-  isRequired: t,
-  ...d
-}) {
-  return /* @__PURE__ */ n(
-    l.Root,
-    {
-      disabled: o,
-      readOnly: i,
-      invalid: e,
-      required: t,
-      ...d,
-      children: r
-    }
-  );
+import { jsx as m } from "react/jsx-runtime";
+import { c as p } from "../../_virtual/compiler-runtime.js";
+import { Field as a } from "@chakra-ui/react";
+function R(n) {
+  const e = p.c(14);
+  let i, l, r, o, t, s;
+  e[0] !== n ? ({
+    children: i,
+    isDisabled: l,
+    isReadOnly: o,
+    isInvalid: r,
+    isRequired: t,
+    ...s
+  } = n, e[0] = n, e[1] = i, e[2] = l, e[3] = r, e[4] = o, e[5] = t, e[6] = s) : (i = e[1], l = e[2], r = e[3], o = e[4], t = e[5], s = e[6]);
+  let d;
+  return e[7] !== i || e[8] !== l || e[9] !== r || e[10] !== o || e[11] !== t || e[12] !== s ? (d = /* @__PURE__ */ m(a.Root, { disabled: l, readOnly: o, invalid: r, required: t, ...s, children: i }), e[7] = i, e[8] = l, e[9] = r, e[10] = o, e[11] = t, e[12] = s, e[13] = d) : d = e[13], d;
 }
 export {
-  f as FormControl
+  R as FormControl
 };

package/dist/components/form-control/form-error-message.d.ts

@@ -7,6 +7,6 @@ export type FormErrorMessageProps = ChakraFormLabelProperties & ThemeStyleProps;
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/form-control
  */
-export declare function FormErrorMessage({ children, ...props }: FormErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormErrorMessage({ children, ...props }: FormErrorMessageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=form-error-message.d.ts.map

package/dist/components/form-control/form-error-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-error-message.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-error-message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAExD,KAAK,yBAAyB,GAAG,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAE9E,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAAG,eAAe,CAAC;AAEhF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAE7E"}
+{"version":3,"file":"form-error-message.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-error-message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAExD,KAAK,yBAAyB,GAAG,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAE9E,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAAG,eAAe,CAAC;AAEhF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAE7E"}

package/dist/components/form-control/form-error-message.js

@@ -1,8 +1,16 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Field as t } from "@chakra-ui/react";
-function f({ children: r, ...o }) {
-  return /* @__PURE__ */ e(t.ErrorText, { ...o, children: r });
+import { jsx as m } from "react/jsx-runtime";
+import { c as s } from "../../_virtual/compiler-runtime.js";
+import { Field as l } from "@chakra-ui/react";
+function n(i) {
+  const r = s.c(6);
+  let e, o;
+  r[0] !== i ? ({
+    children: e,
+    ...o
+  } = i, r[0] = i, r[1] = e, r[2] = o) : (e = r[1], o = r[2]);
+  let t;
+  return r[3] !== e || r[4] !== o ? (t = /* @__PURE__ */ m(l.ErrorText, { ...o, children: e }), r[3] = e, r[4] = o, r[5] = t) : t = r[5], t;
 }
 export {
-  f as FormErrorMessage
+  n as FormErrorMessage
 };

package/dist/components/form-control/form-helper-text.d.ts

@@ -8,6 +8,6 @@ export type FormHelperTextProperties = ChakraFormHelpTextProperties & ThemeStyle
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/form-control
  */
-export declare function FormHelperText({ children, ...props }: FormHelperTextProperties): import("react/jsx-runtime").JSX.Element;
+export declare function FormHelperText({ children, ...props }: FormHelperTextProperties): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=form-helper-text.d.ts.map

package/dist/components/form-control/form-helper-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-helper-text.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAExD,KAAK,4BAA4B,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAElF,MAAM,MAAM,wBAAwB,GAAG,4BAA4B,GAAG,eAAe,CAAC;AAEtF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,2CAE9E"}
+{"version":3,"file":"form-helper-text.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAExD,KAAK,4BAA4B,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAElF,MAAM,MAAM,wBAAwB,GAAG,4BAA4B,GAAG,eAAe,CAAC;AAEtF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,+BAE9E"}

package/dist/components/form-control/form-helper-text.js

@@ -1,8 +1,16 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Field as t } from "@chakra-ui/react";
-function i({ children: r, ...e }) {
-  return /* @__PURE__ */ o(t.HelperText, { ...e, children: r });
+import { jsx as l } from "react/jsx-runtime";
+import { c as p } from "../../_virtual/compiler-runtime.js";
+import { Field as m } from "@chakra-ui/react";
+function n(i) {
+  const e = p.c(6);
+  let r, o;
+  e[0] !== i ? ({
+    children: r,
+    ...o
+  } = i, e[0] = i, e[1] = r, e[2] = o) : (r = e[1], o = e[2]);
+  let t;
+  return e[3] !== r || e[4] !== o ? (t = /* @__PURE__ */ l(m.HelperText, { ...o, children: r }), e[3] = r, e[4] = o, e[5] = t) : t = e[5], t;
 }
 export {
-  i as FormHelperText
+  n as FormHelperText
 };

package/dist/components/form-control/form-label.d.ts

@@ -14,6 +14,6 @@ export type FormLabelProps = ChakraFormLabelProperties & ThemeStyleProps & Custo
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/form-control
  */
-export declare function FormLabel({ children, icon, ...props }: FormLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormLabel({ children, icon, ...props }: FormLabelProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=form-label.d.ts.map

package/dist/components/form-control/form-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAyB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAExD,KAAK,oBAAoB,GAAG;IAC3B,yFAAyF;IACzF,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AAEjF,MAAM,MAAM,cAAc,GAAG,yBAAyB,GAAG,eAAe,GAAG,oBAAoB,CAAC;AAEhG;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CASrE"}
+{"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAyB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAExD,KAAK,oBAAoB,GAAG;IAC3B,yFAAyF;IACzF,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AAEjF,MAAM,MAAM,cAAc,GAAG,yBAAyB,GAAG,eAAe,GAAG,oBAAoB,CAAC;AAEhG;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BASrE"}

package/dist/components/form-control/form-label.js

@@ -1,14 +1,27 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Field as r } from "@chakra-ui/react";
-import { ThemeIconSizeVariable as l } from "../../theme/theme-types.js";
-function s({ children: i, icon: m, ...n }) {
-  const o = m;
-  return /* @__PURE__ */ t(r.Label, { ...n, children: [
-    o && /* @__PURE__ */ e(o, { size: l.Small }),
-    i,
-    /* @__PURE__ */ e(r.RequiredIndicator, {})
-  ] });
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import { c as a } from "../../_virtual/compiler-runtime.js";
+import { Field as f } from "@chakra-ui/react";
+import { ThemeIconSizeVariable as d } from "../../theme/theme-types.js";
+function I(c) {
+  const e = a.c(11);
+  let o, i, r;
+  e[0] !== c ? ({
+    children: o,
+    icon: i,
+    ...r
+  } = c, e[0] = c, e[1] = o, e[2] = i, e[3] = r) : (o = e[1], i = e[2], r = e[3]);
+  const l = i;
+  let t;
+  e[4] !== l ? (t = l && /* @__PURE__ */ s(l, { size: d.Small }), e[4] = l, e[5] = t) : t = e[5];
+  let m;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ s(f.RequiredIndicator, {}), e[6] = m) : m = e[6];
+  let n;
+  return e[7] !== o || e[8] !== r || e[9] !== t ? (n = /* @__PURE__ */ p(f.Label, { ...r, children: [
+    t,
+    o,
+    m
+  ] }), e[7] = o, e[8] = r, e[9] = t, e[10] = n) : n = e[10], n;
 }
 export {
-  s as FormLabel
+  I as FormLabel
 };

package/dist/components/grid/grid-item.d.ts

@@ -4,5 +4,5 @@ export type GridItemProps = Pick<ChakraGridItemProps, "children" | "area" | "row
 /**
  * @see Docs https://caspeco.github.io/casper-ui-library/components/grid
  */
-export declare function GridItem({ children, ...props }: GridItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridItem({ children, ...props }: GridItemProps): import("react").JSX.Element;
 //# sourceMappingURL=grid-item.d.ts.map

package/dist/components/grid/grid-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../lib/components/grid/grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAA8B,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEzG,MAAM,MAAM,aAAa,GAAG,IAAI,CAC/B,mBAAmB,EACnB,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,CAC5G,GACA,eAAe,CAAC;AAEjB;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAE7D"}
+{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../lib/components/grid/grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAA8B,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEzG,MAAM,MAAM,aAAa,GAAG,IAAI,CAC/B,mBAAmB,EACnB,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,CAC5G,GACA,eAAe,CAAC;AAEjB;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAE7D"}

package/dist/components/grid/grid-item.js

@@ -1,8 +1,16 @@
 import { jsx as m } from "react/jsx-runtime";
-import { GridItem as i } from "@chakra-ui/react";
-function d({ children: r, ...t }) {
-  return /* @__PURE__ */ m(i, { ...t, children: r });
+import { c as p } from "../../_virtual/compiler-runtime.js";
+import { GridItem as s } from "@chakra-ui/react";
+function n(o) {
+  const r = p.c(6);
+  let e, t;
+  r[0] !== o ? ({
+    children: e,
+    ...t
+  } = o, r[0] = o, r[1] = e, r[2] = t) : (e = r[1], t = r[2]);
+  let i;
+  return r[3] !== e || r[4] !== t ? (i = /* @__PURE__ */ m(s, { ...t, children: e }), r[3] = e, r[4] = t, r[5] = i) : i = r[5], i;
 }
 export {
-  d as GridItem
+  n as GridItem
 };

package/dist/components/grid/grid.composition.d.ts

@@ -1,3 +1,3 @@
-export declare const SimpleColumns: () => import("react/jsx-runtime").JSX.Element;
-export declare const ResponsiveGrid: () => import("react/jsx-runtime").JSX.Element;
+export declare const SimpleColumns: () => import("react").JSX.Element;
+export declare const ResponsiveGrid: () => import("react").JSX.Element;
 //# sourceMappingURL=grid.composition.d.ts.map