@caspeco/casper-ui-library 9.13.0 → 10.0.1

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

@@ -1,123 +1,107 @@
-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 { 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 { 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({
-  title: b,
-  src: a,
-  savedCrop: C,
-  isOpen: S,
-  aspectRatio: x,
-  crop: c,
-  locale: n,
-  onClose: y,
-  handleSaveImage: I,
-  setPreviewImage: i,
-  setCrop: l
-}) {
-  const [M, F] = u(!1), [o, m] = u({
+import { jsx as l, jsxs as b, Fragment as q } from "react/jsx-runtime";
+import { c as J } from "../../_virtual/compiler-runtime.js";
+import { ButtonGroup as K } from "@chakra-ui/react";
+import { useState as E, useEffect as Q } from "react";
+import { ImageCropper as Y } from "./image-cropper.js";
+import Z from "./image-upload-dropzone.js";
+import { loadImageFileItem as W } from "./image-upload-helper.js";
+import { RemoveIcon as ee } from "./image-upload-icons.js";
+import { translations as D } from "./translations.js";
+import { Text as te } from "../text/text.js";
+import { ModalHeader as oe } from "../modal/modal-header.js";
+import { ModalBody as re } from "../modal/modal-body.js";
+import { Button as L } from "../button/button.js";
+import { ModalFooter as ae } from "../modal/modal-footer.js";
+import { ModalCloseButton as le } from "../modal/modal-close-button.js";
+import { Modal as ie } from "../modal/modal.js";
+import { ThemeFontSizeVariable as me, ThemeFontVariable as ne, ThemeColorVariable as X, ThemeSpaceVariable as i } from "../../theme/theme-types.js";
+function Te(A) {
+  const e = J.c(48), {
+    title: T,
+    src: o,
+    savedCrop: F,
+    isOpen: B,
+    aspectRatio: k,
+    crop: m,
+    locale: n,
+    onClose: w,
+    handleSaveImage: z,
+    setPreviewImage: r,
+    setCrop: a
+  } = A, [H, G] = E(!1);
+  let C;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
     data: "",
     fileName: ""
-  }), d = L(() => {
-    (async () => {
-      if (!a)
-        return;
-      const z = await (await fetch(a)).blob(), f = new FileReader();
-      f.readAsDataURL(z), f.onloadend = () => {
-        const B = f.result;
-        m({
-          data: B,
-          fileName: O(a)
-        });
-      };
-    })().catch(console.error);
-  }, [a]);
-  R(() => {
-    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 = () => {
-    m({
+  }, e[0] = C) : C = e[0];
+  const [t, u] = E(C);
+  let I, S;
+  e[1] !== o ? (I = () => {
+    if (!o)
+      return;
+    const j = new AbortController();
+    return W(o, j.signal).then((U) => {
+      j.signal.aborted || u(U);
+    }).catch(console.error), () => {
+      j.abort();
+    };
+  }, S = [o], e[1] = o, e[2] = I, e[3] = S) : (I = e[2], S = e[3]), Q(I, S);
+  let v;
+  e[4] !== m || e[5] !== t || e[6] !== z || e[7] !== H ? (v = () => {
+    z(t, m, H);
+  }, e[4] = m, e[5] = t, e[6] = z, e[7] = H, e[8] = v) : v = e[8];
+  const O = v, R = (!t.data || !t.fileName) && !o, P = (!t.data || !t.fileName) && o;
+  let y;
+  e[9] !== w || e[10] !== F || e[11] !== a || e[12] !== r || e[13] !== o ? (y = () => {
+    u({
       data: "",
       fileName: ""
-    }), i(""), 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 })
-        ]
-      }
-    )
-  ] });
+    }), r(""), o && (W(o).then(u).catch(console.error), r(o)), a(F || null), w();
+  }, e[9] = w, e[10] = F, e[11] = a, e[12] = r, e[13] = o, e[14] = y) : y = e[14];
+  const s = y;
+  let x;
+  e[15] !== a || e[16] !== r ? (x = () => {
+    u({
+      data: "",
+      fileName: ""
+    }), r(""), a(null);
+  }, e[15] = a, e[16] = r, e[17] = x) : x = e[17];
+  const V = x;
+  let c;
+  e[18] !== T ? (c = /* @__PURE__ */ l(te, { color: X.OnSurfaceHeader, fontFamily: ne.SubHeader, fontWeight: "medium", fontSize: me.XLarge, children: T }), e[18] = T, e[19] = c) : c = e[19];
+  let M;
+  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ l(le, {}), e[20] = M) : M = e[20];
+  let f;
+  e[21] !== c ? (f = /* @__PURE__ */ b(oe, { display: "flex", alignItems: "center", justifyContent: "space-between", p: i.Medium, children: [
+    c,
+    M
+  ] }), e[21] = c, e[22] = f) : f = e[22];
+  let d;
+  e[23] !== k || e[24] !== m || e[25] !== t.data || e[26] !== t.fileName || e[27] !== V || e[28] !== n || e[29] !== a || e[30] !== r ? (d = /* @__PURE__ */ l(re, { display: "flex", flexDirection: "column", p: `${i.Large} ${i.Medium}`, children: t.data && t.fileName ? /* @__PURE__ */ b(q, { children: [
+    /* @__PURE__ */ l(Y, { src: t.data, crop: m, onCropCallback: a, aspectRatio: k, setPreviewImage: r }),
+    /* @__PURE__ */ l(K, { gap: i.Small, mt: i.Large, flexWrap: "wrap", children: /* @__PURE__ */ b(L, { variant: "ghost", onClick: V, gap: i.XSmall, children: [
+      /* @__PURE__ */ l(ee, {}),
+      "Ta bort bild"
+    ] }) })
+  ] }) : /* @__PURE__ */ l(Z, { locale: n, setFileItem: u, setHasImageChanged: G }) }), e[23] = k, e[24] = m, e[25] = t.data, e[26] = t.fileName, e[27] = V, e[28] = n, e[29] = a, e[30] = r, e[31] = d) : d = e[31];
+  const _ = D[n];
+  let p;
+  e[32] !== s || e[33] !== _.secondary ? (p = /* @__PURE__ */ l(L, { variant: "ghost", onClick: s, children: _.secondary }), e[32] = s, e[33] = _.secondary, e[34] = p) : p = e[34];
+  const $ = P ? D[n].remove : D[n].primary;
+  let h;
+  e[35] !== R || e[36] !== O || e[37] !== $ ? (h = /* @__PURE__ */ l(L, { variant: "primary", onClick: O, isDisabled: R, children: $ }), e[35] = R, e[36] = O, e[37] = $, e[38] = h) : h = e[38];
+  let g;
+  e[39] !== p || e[40] !== h ? (g = /* @__PURE__ */ b(ae, { p: i.Medium, gap: i.Medium, borderTop: `1px solid ${X.OnSurfaceBorder}`, children: [
+    p,
+    h
+  ] }), e[39] = p, e[40] = h, e[41] = g) : g = e[41];
+  let N;
+  return e[42] !== s || e[43] !== B || e[44] !== d || e[45] !== g || e[46] !== f ? (N = /* @__PURE__ */ b(ie, { isOpen: B, onClose: s, size: "md", children: [
+    f,
+    d,
+    g
+  ] }), e[42] = s, e[43] = B, e[44] = d, e[45] = g, e[46] = f, e[47] = N) : N = e[47], N;
 }
 export {
-  se as ImageUploadModal
+  Te 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"}