@caspeco/casper-ui-library 9.12.0 → 10.0.0

package/dist/components/image-upload/image-upload-modal.js

@@ -1,123 +1,82 @@
-import { jsxs as t, jsx as e, Fragment as D } from "react/jsx-runtime";
-import { ButtonGroup as H } from "@chakra-ui/react";
-import { useState as u, useCallback as L, useEffect as R } from "react";
-import { ImageCropper as V } from "./image-cropper.js";
-import j from "./image-upload-dropzone.js";
-import { sanitizeFilename as O } from "./image-upload-helper.js";
-import { RemoveIcon as $ } from "./image-upload-icons.js";
+import { jsxs as t, jsx as e, Fragment as k } from "react/jsx-runtime";
+import { ButtonGroup as D } from "@chakra-ui/react";
+import { useState as u, useEffect as H } from "react";
+import { ImageCropper as L } from "./image-cropper.js";
+import R from "./image-upload-dropzone.js";
+import { sanitizeFilename as V } from "./image-upload-helper.js";
+import { RemoveIcon as j } from "./image-upload-icons.js";
 import { translations as s } from "./translations.js";
-import { Modal as w } from "../modal/modal.js";
-import { ModalHeader as U } from "../modal/modal-header.js";
-import { Text as W } from "../text/text.js";
-import { ModalCloseButton as X } from "../modal/modal-close-button.js";
-import { ModalBody as A } from "../modal/modal-body.js";
+import { Modal as O } from "../modal/modal.js";
+import { ModalHeader as $ } from "../modal/modal-header.js";
+import { Text as w } from "../text/text.js";
+import { ModalCloseButton as U } from "../modal/modal-close-button.js";
+import { ModalBody as W } from "../modal/modal-body.js";
 import { Button as p } from "../button/button.js";
-import { ModalFooter as E } from "../modal/modal-footer.js";
-import { ThemeSpaceVariable as r, ThemeFontSizeVariable as G, ThemeFontVariable as q, ThemeColorVariable as g } from "../../theme/theme-types.js";
-function se({
+import { ModalFooter as X } from "../modal/modal-footer.js";
+import { ThemeSpaceVariable as o, ThemeFontSizeVariable as A, ThemeFontVariable as E, ThemeColorVariable as g } from "../../theme/theme-types.js";
+function de({
   title: b,
-  src: a,
-  savedCrop: C,
-  isOpen: S,
+  src: r,
+  savedCrop: S,
+  isOpen: C,
   aspectRatio: x,
   crop: c,
-  locale: n,
+  locale: i,
   onClose: y,
   handleSaveImage: I,
-  setPreviewImage: i,
+  setPreviewImage: n,
   setCrop: l
 }) {
-  const [M, F] = u(!1), [o, m] = u({
+  const [M, F] = u(!1), [a, m] = u({
     data: "",
     fileName: ""
-  }), d = L(() => {
+  }), d = () => {
     (async () => {
-      if (!a)
+      if (!r)
         return;
-      const z = await (await fetch(a)).blob(), f = new FileReader();
-      f.readAsDataURL(z), f.onloadend = () => {
-        const B = f.result;
+      const B = await (await fetch(r)).blob(), f = new FileReader();
+      f.readAsDataURL(B), f.onloadend = () => {
         m({
-          data: B,
-          fileName: O(a)
+          data: f.result,
+          fileName: V(r)
         });
       };
     })().catch(console.error);
-  }, [a]);
-  R(() => {
+  };
+  H(() => {
     d();
   }, [d]);
   const T = () => {
-    I(o, c, M);
-  }, N = (!o.data || !o.fileName) && !a, v = (!o.data || !o.fileName) && a, h = () => {
-    m({ data: "", fileName: "" }), i(""), a && (d(), i(a)), l(C || null), y();
-  }, k = () => {
+    I(a, c, M);
+  }, N = (!a.data || !a.fileName) && !r, v = (!a.data || !a.fileName) && r, h = () => {
+    m({
+      data: "",
+      fileName: ""
+    }), n(""), r && (d(), n(r)), l(S || null), y();
+  }, z = () => {
     m({
       data: "",
       fileName: ""
-    }), i(""), l(null);
+    }), n(""), l(null);
   };
-  return /* @__PURE__ */ t(w, { isOpen: S, onClose: h, size: "md", children: [
-    /* @__PURE__ */ t(
-      U,
-      {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        p: r.Medium,
-        children: [
-          /* @__PURE__ */ e(
-            W,
-            {
-              color: g.OnSurfaceHeader,
-              fontFamily: q.SubHeader,
-              fontWeight: "medium",
-              fontSize: G.XLarge,
-              children: b
-            }
-          ),
-          /* @__PURE__ */ e(X, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      A,
-      {
-        display: "flex",
-        flexDirection: "column",
-        p: `${r.Large} ${r.Medium}`,
-        children: o.data && o.fileName ? /* @__PURE__ */ t(D, { children: [
-          /* @__PURE__ */ e(
-            V,
-            {
-              src: o.data,
-              crop: c,
-              onCropCallback: l,
-              aspectRatio: x,
-              setPreviewImage: i
-            }
-          ),
-          /* @__PURE__ */ e(H, { gap: r.Small, mt: r.Large, flexWrap: "wrap", children: /* @__PURE__ */ t(p, { variant: "ghost", onClick: k, gap: r.XSmall, children: [
-            /* @__PURE__ */ e($, {}),
-            "Ta bort bild"
-          ] }) })
-        ] }) : /* @__PURE__ */ e(j, { locale: n, setFileItem: m, setHasImageChanged: F })
-      }
-    ),
-    /* @__PURE__ */ t(
-      E,
-      {
-        p: r.Medium,
-        gap: r.Medium,
-        borderTop: `1px solid ${g.OnSurfaceBorder}`,
-        children: [
-          /* @__PURE__ */ e(p, { variant: "ghost", onClick: h, children: s[n].secondary }),
-          /* @__PURE__ */ e(p, { variant: "primary", onClick: T, isDisabled: N, children: v ? s[n].remove : s[n].primary })
-        ]
-      }
-    )
+  return /* @__PURE__ */ t(O, { isOpen: C, onClose: h, size: "md", children: [
+    /* @__PURE__ */ t($, { display: "flex", alignItems: "center", justifyContent: "space-between", p: o.Medium, children: [
+      /* @__PURE__ */ e(w, { color: g.OnSurfaceHeader, fontFamily: E.SubHeader, fontWeight: "medium", fontSize: A.XLarge, children: b }),
+      /* @__PURE__ */ e(U, {})
+    ] }),
+    /* @__PURE__ */ e(W, { display: "flex", flexDirection: "column", p: `${o.Large} ${o.Medium}`, children: a.data && a.fileName ? /* @__PURE__ */ t(k, { children: [
+      /* @__PURE__ */ e(L, { src: a.data, crop: c, onCropCallback: l, aspectRatio: x, setPreviewImage: n }),
+      /* @__PURE__ */ e(D, { gap: o.Small, mt: o.Large, flexWrap: "wrap", children: /* @__PURE__ */ t(p, { variant: "ghost", onClick: z, gap: o.XSmall, children: [
+        /* @__PURE__ */ e(j, {}),
+        "Ta bort bild"
+      ] }) })
+    ] }) : /* @__PURE__ */ e(R, { locale: i, setFileItem: m, setHasImageChanged: F }) }),
+    /* @__PURE__ */ t(X, { p: o.Medium, gap: o.Medium, borderTop: `1px solid ${g.OnSurfaceBorder}`, children: [
+      /* @__PURE__ */ e(p, { variant: "ghost", onClick: h, children: s[i].secondary }),
+      /* @__PURE__ */ e(p, { variant: "primary", onClick: T, isDisabled: N, children: v ? s[i].remove : s[i].primary })
+    ] })
   ] });
 }
 export {
-  se as ImageUploadModal
+  de as ImageUploadModal
 };

package/dist/components/image-upload/image-upload.composition.d.ts

@@ -1,4 +1,4 @@
-export declare const ImageUploadOneOne: () => import("react/jsx-runtime").JSX.Element;
-export declare const ImageUploadSixteenNine: () => import("react/jsx-runtime").JSX.Element;
-export declare const ImageUploadThirtyTwoNine: () => import("react/jsx-runtime").JSX.Element;
+export declare const ImageUploadOneOne: () => import("react").JSX.Element;
+export declare const ImageUploadSixteenNine: () => import("react").JSX.Element;
+export declare const ImageUploadThirtyTwoNine: () => import("react").JSX.Element;
 //# sourceMappingURL=image-upload.composition.d.ts.map

package/dist/components/image-upload/image-upload.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,+CAY7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAYlC,CAAC;AAEF,eAAO,MAAM,wBAAwB,+CAWpC,CAAC"}
+{"version":3,"file":"image-upload.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,mCAY7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,mCAYlC,CAAC;AAEF,eAAO,MAAM,wBAAwB,mCAWpC,CAAC"}

package/dist/components/image-upload/image-upload.d.ts

@@ -1,3 +1,3 @@
 import { ImageUploadProps } from './types.js';
-export declare function ImageUpload({ title, savedImageUrl, savedCrop, aspectRatio, isLoading, locale, onSave, }: ImageUploadProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageUpload({ title, savedImageUrl, savedCrop, aspectRatio, isLoading, locale, onSave, }: ImageUploadProps): import("react").JSX.Element;
 //# sourceMappingURL=image-upload.d.ts.map

package/dist/components/image-upload/image-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload.tsx"],"names":[],"mappings":"AASA,OAAO,EAAqD,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEnG,wBAAgB,WAAW,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,SAAS,EACT,WAAW,EACX,SAAS,EACT,MAAgB,EAChB,MAAM,GACN,EAAE,gBAAgB,2CAgGlB"}
+{"version":3,"file":"image-upload.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload.tsx"],"names":[],"mappings":"AASA,OAAO,EAAqD,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEnG,wBAAgB,WAAW,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,SAAS,EACT,WAAW,EACX,SAAS,EACT,MAAgB,EAChB,MAAM,GACN,EAAE,gBAAgB,+BAgGlB"}

package/dist/components/image-upload/image-upload.js

@@ -1,96 +1,87 @@
-import { jsxs as k, Fragment as C, jsx as e } from "react/jsx-runtime";
-import { useDisclosure as U } from "../../hooks/use-disclosure.js";
-import { Box as j, Spinner as F } from "@chakra-ui/react";
-import { useState as l } from "react";
-import { ImageIcon as M } from "./image-upload-icons.js";
-import { ImageUploadModal as V } from "./image-upload-modal.js";
-import { ImageUploadAspectRatio as r } from "./types.js";
-import { Text as A } from "../text/text.js";
-import { Image as P } from "../image/image.js";
-import { ThemeRadiusVariable as u, ThemeColorVariable as t, ThemeSpaceVariable as R } from "../../theme/theme-types.js";
-function L({
-  title: p,
-  savedImageUrl: n,
-  savedCrop: i,
-  aspectRatio: o,
-  isLoading: d,
-  locale: g = "en-US",
-  onSave: a
-}) {
-  const { isOpen: f, onOpen: h, onClose: m } = U(), [c, x] = l(n || ""), [B, w] = l(i || null), b = (s, S, D) => {
-    const N = {
-      crop: S,
+import { jsx as s, jsxs as L, Fragment as W } from "react/jsx-runtime";
+import { c as X } from "../../_virtual/compiler-runtime.js";
+import { useDisclosure as $ } from "../../hooks/use-disclosure.js";
+import { Box as q, Spinner as G } from "@chakra-ui/react";
+import { useState as N } from "react";
+import { ImageIcon as H } from "./image-upload-icons.js";
+import { ImageUploadModal as J } from "./image-upload-modal.js";
+import { ImageUploadAspectRatio as l } from "./types.js";
+import { Text as K } from "../text/text.js";
+import { Image as Q } from "../image/image.js";
+import { ThemeRadiusVariable as k, ThemeColorVariable as D, ThemeSpaceVariable as Y } from "../../theme/theme-types.js";
+function ce(j) {
+  const e = X.c(32), {
+    title: B,
+    savedImageUrl: c,
+    savedCrop: m,
+    aspectRatio: t,
+    isLoading: w,
+    locale: R,
+    onSave: p
+  } = j, I = R === void 0 ? "en-US" : R, {
+    isOpen: b,
+    onOpen: S,
+    onClose: r
+  } = $(), [d, F] = N(c || ""), [v, M] = N(m || null);
+  let u;
+  e[0] !== r || e[1] !== p ? (u = (U, P, z) => {
+    const E = {
+      crop: P,
       file: {
-        imageFilename: s.fileName,
-        imageUploadData: s.data
+        imageFilename: U.fileName,
+        imageUploadData: U.data
       }
     };
-    a && (a(N, D), m());
-  }, y = () => {
-    switch (o) {
-      case r.OneByOne:
+    p && (p(E, z), r());
+  }, e[0] = r, e[1] = p, e[2] = u) : u = e[2];
+  const y = u;
+  let f;
+  e[3] !== t ? (f = () => {
+    switch (t) {
+      case l.OneByOne:
         return "102px";
-      case r.SixteenByNine:
+      case l.SixteenByNine:
         return "178px";
-      case r.ThirtyTwoByNine:
+      case l.ThirtyTwoByNine:
         return "360px";
       default:
         return "102px";
     }
-  }, I = () => {
-    switch (o) {
-      case r.OneByOne:
+  }, e[3] = t, e[4] = f) : f = e[4];
+  const V = f;
+  let g;
+  e[5] !== t ? (g = () => {
+    switch (t) {
+      case l.OneByOne:
         return "1:1";
-      case r.SixteenByNine:
+      case l.SixteenByNine:
         return "16:9";
-      case r.ThirtyTwoByNine:
+      case l.ThirtyTwoByNine:
         return "32:9";
       default:
         return "";
     }
-  }, O = () => d ? /* @__PURE__ */ e(F, { color: t.OnBackgroundBorder, size: "lg", animationDuration: "0.825s" }) : c ? /* @__PURE__ */ e(
-    P,
-    {
-      alt: "Preview Image",
-      src: c,
-      borderRadius: u.Medium,
-      objectFit: "fill",
-      h: "100%",
-      w: "100%"
-    }
-  ) : /* @__PURE__ */ e(M, {}), T = y();
-  return /* @__PURE__ */ k(C, { children: [
-    /* @__PURE__ */ e(
-      j,
-      {
-        as: "button",
-        onClick: h,
-        bg: t.BackgroundDisabled,
-        borderRadius: u.Medium,
-        w: T,
-        h: "102px",
-        children: /* @__PURE__ */ e(O, {})
-      }
-    ),
-    /* @__PURE__ */ e(A, { mt: R.XSmall, color: t.OnBackground, children: I() }),
-    /* @__PURE__ */ e(
-      V,
-      {
-        locale: g,
-        title: p,
-        src: n,
-        savedCrop: i,
-        aspectRatio: o,
-        isOpen: f,
-        onClose: m,
-        handleSaveImage: b,
-        setPreviewImage: x,
-        crop: B,
-        setCrop: w
-      }
-    )
-  ] });
+  }, e[5] = t, e[6] = g) : g = e[6];
+  const A = g;
+  let h;
+  e[7] !== w || e[8] !== d ? (h = () => w ? /* @__PURE__ */ s(G, { color: D.OnBackgroundBorder, size: "lg", animationDuration: "0.825s" }) : d ? /* @__PURE__ */ s(Q, { alt: "Preview Image", src: d, borderRadius: k.Medium, objectFit: "fill", h: "100%", w: "100%" }) : /* @__PURE__ */ s(H, {}), e[7] = w, e[8] = d, e[9] = h) : h = e[9];
+  const O = h, T = V();
+  let o;
+  e[10] !== O ? (o = O(), e[10] = O, e[11] = o) : o = e[11];
+  let i;
+  e[12] !== S || e[13] !== o || e[14] !== T ? (i = /* @__PURE__ */ s(q, { as: "button", onClick: S, bg: D.BackgroundDisabled, borderRadius: k.Medium, w: T, h: "102px", children: o }), e[12] = S, e[13] = o, e[14] = T, e[15] = i) : i = e[15];
+  const C = A();
+  let n;
+  e[16] !== C ? (n = /* @__PURE__ */ s(K, { mt: Y.XSmall, color: D.OnBackground, children: C }), e[16] = C, e[17] = n) : n = e[17];
+  let a;
+  e[18] !== t || e[19] !== v || e[20] !== y || e[21] !== b || e[22] !== I || e[23] !== r || e[24] !== m || e[25] !== c || e[26] !== B ? (a = /* @__PURE__ */ s(J, { locale: I, title: B, src: c, savedCrop: m, aspectRatio: t, isOpen: b, onClose: r, handleSaveImage: y, setPreviewImage: F, crop: v, setCrop: M }), e[18] = t, e[19] = v, e[20] = y, e[21] = b, e[22] = I, e[23] = r, e[24] = m, e[25] = c, e[26] = B, e[27] = a) : a = e[27];
+  let x;
+  return e[28] !== a || e[29] !== i || e[30] !== n ? (x = /* @__PURE__ */ L(W, { children: [
+    i,
+    n,
+    a
+  ] }), e[28] = a, e[29] = i, e[30] = n, e[31] = x) : x = e[31], x;
 }
 export {
-  L as ImageUpload
+  ce as ImageUpload
 };

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

@@ -1,10 +1,10 @@
-export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
-export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;
-export declare const Readonly: () => import("react/jsx-runtime").JSX.Element;
-export declare const Invalid: () => import("react/jsx-runtime").JSX.Element;
-export declare const Success: () => import("react/jsx-runtime").JSX.Element;
-export declare const Warning: () => import("react/jsx-runtime").JSX.Element;
-export declare const InputAddons: () => import("react/jsx-runtime").JSX.Element;
-export declare const InputElements: () => import("react/jsx-runtime").JSX.Element;
-export declare const GhostVariant: () => import("react/jsx-runtime").JSX.Element;
+export declare const Sizes: () => import("react").JSX.Element;
+export declare const Disabled: () => import("react").JSX.Element;
+export declare const Readonly: () => import("react").JSX.Element;
+export declare const Invalid: () => import("react").JSX.Element;
+export declare const Success: () => import("react").JSX.Element;
+export declare const Warning: () => import("react").JSX.Element;
+export declare const InputAddons: () => import("react").JSX.Element;
+export declare const InputElements: () => import("react").JSX.Element;
+export declare const GhostVariant: () => import("react").JSX.Element;
 //# sourceMappingURL=input.composition.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/input/input.composition.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK,+CAMjB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAA2C,CAAC;AACjE,eAAO,MAAM,QAAQ,+CAA2C,CAAC;AACjE,eAAO,MAAM,OAAO,+CAInB,CAAC;AACF,eAAO,MAAM,OAAO,+CAA6D,CAAC;AAClF,eAAO,MAAM,OAAO,+CAA6D,CAAC;AAElF,eAAO,MAAM,WAAW,+CAUvB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAUzB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAIxB,CAAC"}
+{"version":3,"file":"input.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/input/input.composition.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAA2C,CAAC;AACjE,eAAO,MAAM,QAAQ,mCAA2C,CAAC;AACjE,eAAO,MAAM,OAAO,mCAInB,CAAC;AACF,eAAO,MAAM,OAAO,mCAA6D,CAAC;AAClF,eAAO,MAAM,OAAO,mCAA6D,CAAC;AAElF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAUzB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAIxB,CAAC"}

package/dist/components/input/input.d.ts

@@ -11,7 +11,7 @@ export declare const Input: React.ForwardRefExoticComponent<import('./types.js')
     type?: React.HTMLInputTypeAttribute | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     autoFocus?: boolean | undefined | undefined;

package/dist/components/input/input.js

@@ -1,65 +1,61 @@
-import { jsx as l } from "react/jsx-runtime";
-import { InputGroup as b, Input as I } from "@chakra-ui/react";
-import E from "react";
-import { getVisualStateStyle as w } from "./helper.js";
-import { ThemeSpaceVariable as a, ThemeColorVariable as s } from "../../theme/theme-types.js";
-const q = E.forwardRef((m, p) => {
-  const {
-    size: e = "md",
-    visualState: d,
-    leftAddon: u,
-    rightAddon: c,
+import { jsx as z } from "react/jsx-runtime";
+import { c as j } from "../../_virtual/compiler-runtime.js";
+import { Input as C, InputGroup as D } from "@chakra-ui/react";
+import G from "react";
+import { getVisualStateStyle as H } from "./helper.js";
+import { ThemeSpaceVariable as T, ThemeColorVariable as $ } from "../../theme/theme-types.js";
+const K = G.forwardRef((b, E) => {
+  const e = j.c(40);
+  let o, n, d, s, t, r, a, l, v, h, i;
+  e[0] !== b ? ({
+    size: v,
+    visualState: i,
+    leftAddon: s,
+    rightAddon: a,
     leftElement: t,
-    rightElement: i,
-    variant: f = "outline",
-    isDisabled: g,
-    isReadOnly: h,
-    isRequired: v,
-    ...S
-  } = m, y = d ? w(d) : void 0, n = e === "lg" ? a.Medium : a.Small, o = e === "lg" ? "3rem" : e === "md" ? "2.5rem" : "2rem", r = {
-    color: s.OnSurface,
+    rightElement: l,
+    variant: h,
+    isDisabled: o,
+    isReadOnly: n,
+    isRequired: d,
+    ...r
+  } = b, e[0] = b, e[1] = o, e[2] = n, e[3] = d, e[4] = s, e[5] = t, e[6] = r, e[7] = a, e[8] = l, e[9] = v, e[10] = h, e[11] = i) : (o = e[1], n = e[2], d = e[3], s = e[4], t = e[5], r = e[6], a = e[7], l = e[8], v = e[9], h = e[10], i = e[11]);
+  const m = v === void 0 ? "md" : v, I = h === void 0 ? "outline" : h;
+  let S;
+  e[12] !== i ? (S = i ? H(i) : void 0, e[12] = i, e[13] = S) : S = e[13];
+  const R = S, x = m === "lg" ? T.Medium : T.Small, V = m === "lg" ? "3rem" : m === "md" ? "2.5rem" : "2rem";
+  let g;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
+    color: $.OnSurface,
     _disabled: {
       opacity: 1,
-      color: s.OnSurfaceSubdued
+      color: $.OnSurfaceSubdued
     }
-  };
-  return /* @__PURE__ */ l(
-    b,
-    {
-      startElement: t,
-      endElement: i,
-      startAddon: u,
-      endAddon: c,
-      width: "100%",
-      css: {
-        // https://github.com/chakra-ui/chakra-ui/issues/10697
-        "& > div:first-of-type": {
-          paddingInline: t ? n : void 0,
-          width: t ? o : void 0,
-          ...r
-        },
-        "& > div:last-of-type": {
-          paddingInline: i ? n : void 0,
-          width: i ? o : void 0,
-          ...r
-        }
-      },
-      children: /* @__PURE__ */ l(
-        I,
-        {
-          ref: p,
-          css: y,
-          size: e,
-          variant: f,
-          disabled: g,
-          readOnly: h,
-          required: v,
-          ...S
-        }
-      )
-    }
-  );
+  }, e[14] = g) : g = e[14];
+  const q = g, _ = t ? x : void 0, w = t ? V : void 0;
+  let c;
+  e[15] !== _ || e[16] !== w ? (c = {
+    paddingInline: _,
+    width: w,
+    ...q
+  }, e[15] = _, e[16] = w, e[17] = c) : c = e[17];
+  const A = l ? x : void 0, O = l ? V : void 0;
+  let f;
+  e[18] !== A || e[19] !== O ? (f = {
+    paddingInline: A,
+    width: O,
+    ...q
+  }, e[18] = A, e[19] = O, e[20] = f) : f = e[20];
+  let u;
+  e[21] !== c || e[22] !== f ? (u = {
+    "& > div:first-of-type": c,
+    "& > div:last-of-type": f
+  }, e[21] = c, e[22] = f, e[23] = u) : u = e[23];
+  let p;
+  e[24] !== R || e[25] !== o || e[26] !== n || e[27] !== d || e[28] !== E || e[29] !== r || e[30] !== m || e[31] !== I ? (p = /* @__PURE__ */ z(C, { ref: E, css: R, size: m, variant: I, disabled: o, readOnly: n, required: d, ...r }), e[24] = R, e[25] = o, e[26] = n, e[27] = d, e[28] = E, e[29] = r, e[30] = m, e[31] = I, e[32] = p) : p = e[32];
+  let y;
+  return e[33] !== s || e[34] !== t || e[35] !== a || e[36] !== l || e[37] !== u || e[38] !== p ? (y = /* @__PURE__ */ z(D, { startElement: t, endElement: l, startAddon: s, endAddon: a, width: "100%", css: u, children: p }), e[33] = s, e[34] = t, e[35] = a, e[36] = l, e[37] = u, e[38] = p, e[39] = y) : y = e[39], y;
 });
 export {
-  q as Input
+  K as Input
 };

package/dist/components/input/types.d.ts

@@ -1,17 +1,18 @@
 import { CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps, TypographyProps } from '../../theme/index.js';
 import { InputProps as ChakraInputProps, ConditionalValue } from '@chakra-ui/react';
+import { ReactNode } from 'react';
 export type VisualInputState = "success" | "warning";
 export type CustomProperties = {
     /** Size of input. Defaults to medium / 'md'. */
     size?: ConditionalValue<"sm" | "md" | "lg">;
     /** Element to append to the right of input */
-    rightAddon?: JSX.Element | string | null;
+    rightAddon?: ReactNode;
     /** Element to append to the left of input */
-    leftAddon?: JSX.Element | string | null;
+    leftAddon?: ReactNode;
     /** Element to display inside input, to the right of the input value */
-    rightElement?: JSX.Element | string | null;
+    rightElement?: ReactNode;
     /** Element to display inside input, to the left of the input value */
-    leftElement?: JSX.Element | string | null;
+    leftElement?: ReactNode;
     /** Custom "visual state" of input, used to indicate "warning" or "success" appearance.
      * Not semantic html, just visual effect. For invalid/error state of input, use 'isInvalid'. */
     visualState?: VisualInputState;

package/dist/components/input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC7G,OAAO,KAAK,EAAE,UAAU,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzF,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC9B,gDAAgD;IAChD,IAAI,CAAC,EAAE,gBAAgB,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAC5C,8CAA8C;IAC9C,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IACzC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IACxC,uEAAuE;IACvE,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IAC3C,sEAAsE;IACtE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IAC1C;mGAC+F;IAC/F,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAG9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,qBAAqB,GAAG,IAAI,CAChC,gBAAgB,EACd,IAAI,GACJ,MAAM,GACN,OAAO,GACP,aAAa,GACb,UAAU,GACV,QAAQ,GACR,SAAS,GACT,WAAW,GACX,MAAM,GACN,cAAc,GACd,WAAW,GACX,SAAS,GACT,WAAW,GACX,cAAc,CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GACxC,qBAAqB,GACrB,oBAAoB,GACpB,WAAW,GACX,WAAW,GACX,YAAY,GACZ,eAAe,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC7G,OAAO,KAAK,EAAE,UAAU,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC9B,gDAAgD;IAChD,IAAI,CAAC,EAAE,gBAAgB,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAC5C,8CAA8C;IAC9C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uEAAuE;IACvE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;mGAC+F;IAC/F,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAG9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,qBAAqB,GAAG,IAAI,CAChC,gBAAgB,EACd,IAAI,GACJ,MAAM,GACN,OAAO,GACP,aAAa,GACb,UAAU,GACV,QAAQ,GACR,SAAS,GACT,WAAW,GACX,MAAM,GACN,cAAc,GACd,WAAW,GACX,SAAS,GACT,WAAW,GACX,cAAc,CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GACxC,qBAAqB,GACrB,oBAAoB,GACpB,WAAW,GACX,WAAW,GACX,YAAY,GACZ,eAAe,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"link.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/link/link.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,+CAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAStB,CAAC"}
+{"version":3,"file":"link.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/link/link.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,mCAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAStB,CAAC"}

package/dist/components/link/link.d.ts

@@ -9,5 +9,5 @@ export type LinkProps = ThemeStyleProps & Pick<ChakraLinkProps, "children" | "hr
  * @see Docs https://caspeco.github.io/casper-ui-library/components/link
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/link/
  */
-export declare function Link({ children, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ children, ...props }: LinkProps): import("react").JSX.Element;
 //# sourceMappingURL=link.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../lib/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,MAAM,MAAM,SAAS,GAAG,eAAe,GACtC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;AAE5E;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAErD"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../lib/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,MAAM,MAAM,SAAS,GAAG,eAAe,GACtC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;AAE5E;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAErD"}

package/dist/components/link/link.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../lib/components/list/list-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,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAEpF,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAE7D"}
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../lib/components/list/list-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,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAEpF,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAE7D"}