@caspeco/casper-ui-library 6.0.0 → 7.0.0

package/dist/components/icon/icon.js

@@ -1,23 +1,24 @@
-import { jsx as m } from "react/jsx-runtime";
-import { createIcon as d } from "@chakra-ui/react";
-import { Icons as i } from "./types.js";
+import { jsx as i } from "react/jsx-runtime";
+import { createIcon as m } from "@chakra-ui/react";
+import { Icons as d } from "./types.js";
 import { ThemeIconSizeVariable as p } from "../../theme/theme-types.js";
-function f(e, o) {
-  return Object.keys(i).find((n) => o[n] === e) ?? "";
+function s(o) {
+  const [e] = Object.entries(d).find(([, n]) => n === o) ?? [];
+  return e ?? "";
 }
-const I = ({ icon: e, size: o = p.Medium, ...n }) => {
-  const r = f(e, i), t = {
-    width: o,
-    height: o
+const I = ({ icon: o, size: e = p.Medium, ...n }) => {
+  const r = s(o), t = {
+    width: e,
+    height: e
   };
   r === "Caspeco" && (t.fillRule = "evenodd", t.clipRule = "evenodd");
-  const c = d({
+  const c = m({
     displayName: r,
     viewBox: "0 0 20 20",
-    d: e,
+    d: o,
     defaultProps: t
   });
-  return /* @__PURE__ */ m(c, { ...n });
+  return /* @__PURE__ */ i(c, { ...n });
 };
 export {
   I as Icon

package/dist/components/icon-button/icon-button.d.ts

@@ -7,7 +7,7 @@
  */
 export declare const IconButton: import('react').ForwardRefExoticComponent<{
     icon: import('../icon/index.js').Icons;
-    variant?: "primary" | "secondary" | "ghost" | "tertiary";
+    variant?: Exclude<import('../button/index.js').ButtonProps["variant"], "link" | "segmentedControl" | import('@chakra-ui/styled-system').ResponsiveArray<unknown> | Partial<Record<string, unknown>>>;
     size?: import('@chakra-ui/styled-system').ResponsiveValue<"lg" | "sm" | "md">;
 } & {
     "aria-label": string;

package/dist/components/icon-button/types.d.ts

@@ -1,6 +1,7 @@
 import { Icons } from '../icon/index.js';
 import { CustomChakraBoxProps, MarginProps, PaddingProps } from '../../theme/index.js';
-import { IconButtonProps as ChakraIconButtonProps, ResponsiveValue } from '@chakra-ui/react';
+import { IconButtonProps as ChakraIconButtonProps, ResponsiveArray, ResponsiveValue } from '@chakra-ui/react';
+import { ButtonProps } from '../button/index.js';
 type CustomStyleProps = CustomChakraBoxProps & MarginProps & PaddingProps;
 type CustomProperties = {
     /**
@@ -10,7 +11,7 @@ type CustomProperties = {
     /**
      * Appearance variant for Button.
      */
-    variant?: "primary" | "secondary" | "ghost" | "tertiary";
+    variant?: Exclude<ButtonProps["variant"], "link" | "segmentedControl" | ResponsiveArray<unknown> | Partial<Record<string, unknown>>>;
     /**
      * The size of the button, defaults to md
      */

package/dist/components/icon-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/icon-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC/E,OAAO,KAAK,EAAE,eAAe,IAAI,qBAAqB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAElG,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE1E,KAAK,gBAAgB,GAAG;IACvB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC;IACzD;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;CAC3C,CAAC;AAEF,KAAK,0BAA0B,GAAG,IAAI,CACrC,qBAAqB,EACrB,YAAY,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,CAC5E,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,0BAA0B,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/icon-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC/E,OAAO,KAAK,EACX,eAAe,IAAI,qBAAqB,EACxC,eAAe,EACf,eAAe,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE1E,KAAK,gBAAgB,GAAG;IACvB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAChB,WAAW,CAAC,SAAS,CAAC,EACtB,MAAM,GAAG,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CACzF,CAAC;IACF;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;CAC3C,CAAC;AAEF,KAAK,0BAA0B,GAAG,IAAI,CACrC,qBAAqB,EACrB,YAAY,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,CAC5E,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,0BAA0B,GAAG,gBAAgB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"image-cropper.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-cropper.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAqB,KAAK,IAAI,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAE/E,UAAU,iBAAiB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,sBAAsB,CAAC;CACpC;AAED,wBAAgB,YAAY,CAAC,EAC5B,GAAG,EACH,IAAI,EAAE,WAAW,EACjB,cAAc,EACd,eAAe,EACf,WAAW,GACX,EAAE,iBAAiB,2CA2fnB"}
+{"version":3,"file":"image-cropper.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-cropper.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAqB,KAAK,IAAI,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAE/E,UAAU,iBAAiB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,sBAAsB,CAAC;CACpC;AAED,wBAAgB,YAAY,CAAC,EAC5B,GAAG,EACH,IAAI,EAAE,WAAW,EACjB,cAAc,EACd,eAAe,EACf,WAAW,GACX,EAAE,iBAAiB,2CA+fnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"image-upload-dropzone.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-dropzone.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,UAAU,cAAc;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;CACvD;AAED,MAAM,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,EAAE,cAAc,2CA0H5E;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"image-upload-dropzone.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-dropzone.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,UAAU,cAAc;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;CACvD;AAED,MAAM,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,EAAE,cAAc,2CA4H5E;AAED,eAAe,QAAQ,CAAC"}

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

@@ -1,4 +1,4 @@
-import { jsxs as l, Fragment as E, jsx as n } from "react/jsx-runtime";
+import { jsxs as l, Fragment as E, jsx as a } from "react/jsx-runtime";
 import { Box as u, Text as g, Input as U } from "@chakra-ui/react";
 import k, { useState as f } from "react";
 import { sanitizeFilename as B } from "./image-upload-helper.js";
@@ -6,16 +6,16 @@ import { ImageIconLarge as L } from "./image-upload-icons.js";
 import { translations as o } from "./translations.js";
 import { Alert as h } from "../alert/alert.js";
 import { ThemeRadiusVariable as V, ThemeColorVariable as d, ThemeSpaceVariable as x } from "../../theme/theme-types.js";
-function Q({ locale: i, setFileItem: D, setHasImageChanged: b }) {
-  const [F, s] = f(!1), [T, c] = f(!1), [y, m] = f(!1), a = k.createRef();
-  function R(e, t) {
-    const r = new FileReader();
-    r.onload = t, r.readAsDataURL(e);
+function P({ locale: i, setFileItem: D, setHasImageChanged: b }) {
+  const [F, s] = f(!1), [T, c] = f(!1), [y, m] = f(!1), t = k.createRef();
+  function R(e, r) {
+    const n = new FileReader();
+    n.onload = r, n.readAsDataURL(e);
   }
-  const z = ["image/jpeg", "image/png", "image/webp", "image/gif", "image/svg+xml"], p = (e) => {
-    const t = e.target;
-    if (!t || !t.files) return;
-    const r = t.files[0];
+  const z = ["image/jpeg", "image/png", "image/webp", "image/gif", "image/svg+xml"], p = ({ target: e }) => {
+    if (!e || !e.files || !e.files[0])
+      return;
+    const r = e.files[0];
     if (!z.includes(r.type)) {
       m(!0);
       return;
@@ -25,18 +25,18 @@ function Q({ locale: i, setFileItem: D, setHasImageChanged: b }) {
       D(j), b(!0);
     }));
   }, C = () => {
-    a.current && a.current.click();
+    t.current && t.current.click();
   }, I = (e) => {
     e.preventDefault(), e.dataTransfer.items && e.dataTransfer.items.length > 0 && s(!0);
   }, w = () => {
     s(!1);
   }, A = (e) => {
-    if (e.preventDefault(), !!a.current && e.dataTransfer.files && e.dataTransfer.files.length > 0) {
-      const t = new DataTransfer();
-      Array.from(e.dataTransfer.files).forEach((r) => {
-        t.items.add(r);
-      }), a.current.files = t.files, p({
-        target: a.current
+    if (e.preventDefault(), !!t.current && e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+      const r = new DataTransfer();
+      Array.from(e.dataTransfer.files).forEach((n) => {
+        r.items.add(n);
+      }), t.current.files = r.files, p({
+        target: t.current
       }), e.dataTransfer.clearData(), s(!1);
     }
   };
@@ -60,22 +60,22 @@ function Q({ locale: i, setFileItem: D, setHasImageChanged: b }) {
         onClick: C,
         cursor: "pointer",
         children: [
-          /* @__PURE__ */ n(L, {}),
-          /* @__PURE__ */ n(g, { children: o[i].pullAndDrop }),
+          /* @__PURE__ */ a(L, {}),
+          /* @__PURE__ */ a(g, { children: o[i].pullAndDrop }),
           /* @__PURE__ */ l(g, { children: [
             "eller",
             " ",
-            /* @__PURE__ */ n(u, { as: "span", color: d.Accent, textDecoration: "underline", children: o[i].upload }),
+            /* @__PURE__ */ a(u, { as: "span", color: d.Accent, textDecoration: "underline", children: o[i].upload }),
             "."
           ] }),
-          /* @__PURE__ */ n(U, { type: "file", ref: a, display: "none", onChange: p })
+          /* @__PURE__ */ a(U, { type: "file", ref: t, display: "none", onChange: p })
         ]
       }
     ),
-    y && /* @__PURE__ */ n(h, { mt: x.Medium, type: "error", children: o[i].unsupportedFormat }),
-    T && /* @__PURE__ */ n(h, { mt: x.Medium, type: "error", children: o[i].sizeExceeded })
+    y && /* @__PURE__ */ a(h, { mt: x.Medium, type: "error", children: o[i].unsupportedFormat }),
+    T && /* @__PURE__ */ a(h, { mt: x.Medium, type: "error", children: o[i].sizeExceeded })
   ] });
 }
 export {
-  Q as default
+  P as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"image-upload-modal.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-modal.tsx"],"names":[],"mappings":"AAOA,OAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIlE,OAAO,EAAE,KAAK,IAAI,EAAE,sBAAsB,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAE1E,UAAU,uBAAuB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,sBAAsB,CAAC;IACpC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3F,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,GAAG,EACH,SAAS,EACT,MAAM,EACN,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,eAAe,EACf,eAAe,EACf,OAAO,GACP,EAAE,uBAAuB,2CA8GzB"}
+{"version":3,"file":"image-upload-modal.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-modal.tsx"],"names":[],"mappings":"AAOA,OAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIlE,OAAO,EAAE,KAAK,IAAI,EAAE,sBAAsB,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAE1E,UAAU,uBAAuB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,sBAAsB,CAAC;IACpC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3F,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,GAAG,EACH,SAAS,EACT,MAAM,EACN,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,eAAe,EACf,eAAe,EACf,OAAO,GACP,EAAE,uBAAuB,2CAqHzB"}

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

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

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

@@ -1,6 +1,7 @@
 import { Icons } from '../icon/index.js';
 import { MenuItemProps as ChakraMenuItemProps } from '@chakra-ui/react';
 import { MenuItemType } from './types.js';
+import { ElementType } from 'react';
 type CustomMenuItemProps = {
     /**
      * Type based on what element is used within the MenuItem.
@@ -25,7 +26,7 @@ type CustomMenuItemProps = {
      * Should only be used when the itemType prop is not sufficient, for example when using a custom Routing component
      * and rendering the MenuItem as a Link-component from a routing library.
      */
-    as?: any;
+    as?: ElementType;
     /**
      * For usage with routing libraries. If the MenuItem is a custom Link component, this prop can be used to specify the route.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAA8B,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEzG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,mBAAmB,GAAG;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,GAAG,CAAC;IACT;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC,GACvG,mBAAmB,CAAC;AAErB,eAAO,MAAM,QAAQ,GAAI,gFAStB,aAAa,4CAsBf,CAAC"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAA8B,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEzG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,KAAK,mBAAmB,GAAG;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC,GACvG,mBAAmB,CAAC;AAErB,eAAO,MAAM,QAAQ,GAAI,gFAStB,aAAa,4CAsBf,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"menu.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu.composition.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,SAAS,+CAgBrB,CAAC;AAQF,eAAO,MAAM,UAAU,+CAqEtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAoB/B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAqBpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAgB7B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAmBpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAyBtB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAoBzB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAkBvB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAgBrB,CAAC"}
+{"version":3,"file":"menu.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu.composition.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,SAAS,+CAgBrB,CAAC;AAQF,eAAO,MAAM,UAAU,+CAoEtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAoB/B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAqBpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAgB7B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAmBpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAyBtB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAoBzB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAkBvB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAgBrB,CAAC"}

package/dist/components/modal/modal-footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-footer.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,MAAM,kBAAkB,CAAC;AAG1B,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAE1F;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CA2BnE"}
+{"version":3,"file":"modal-footer.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,gBAAgB,IAAI,sBAAsB,EAC/C,MAAM,kBAAkB,CAAC;AAG1B,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAE1F;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAqCnE"}

package/dist/components/modal/modal-footer.js

@@ -1,18 +1,21 @@
-import { jsx as i } from "react/jsx-runtime";
-import { ModalFooter as c } from "@chakra-ui/react";
-import { useState as l, useEffect as f } from "react";
-function w({ children: r, ...s }) {
-  const [n, a] = l(!1), e = new ResizeObserver((o) => {
-    const t = o[0].target, d = t.scrollHeight > t.clientHeight;
-    a(d);
-  });
-  return f(() => {
-    const o = document.querySelector("[id^='chakra-modal--body']");
+import { jsx as l } from "react/jsx-runtime";
+import { ModalFooter as f } from "@chakra-ui/react";
+import { useState as m, useEffect as h } from "react";
+function x({ children: n, ...s }) {
+  const [a, d] = m(!1);
+  return h(() => {
+    const e = new ResizeObserver((i) => {
+      const t = i[0];
+      if (!t)
+        return;
+      const r = t.target, c = r.scrollHeight > r.clientHeight;
+      d(c);
+    }), o = document.querySelector("[id^='chakra-modal--body']");
     return o && e.observe(o), () => {
-      o && e.unobserve(o);
+      o && e.unobserve(o), e.disconnect();
     };
-  }, []), /* @__PURE__ */ i(c, { boxShadow: n ? "0px 0px 16px rgba(0, 0, 0, 0.24)" : "none", ...s, children: r });
+  }, []), /* @__PURE__ */ l(f, { boxShadow: a ? "0px 0px 16px rgba(0, 0, 0, 0.24)" : "none", ...s, children: n });
 }
 export {
-  w as ModalFooter
+  x as ModalFooter
 };

package/dist/components/table/index.d.ts

@@ -2,6 +2,7 @@ export { createColumnHelper } from '@tanstack/react-table';
 export { Table } from './table.js';
 export { TableContent } from './table-content.js';
 export { useTableContext } from './table-context.js';
+export { TableFilter } from './table-filter.js';
 export { TableToolbar } from './table-toolbar.js';
 export type { CellContext, ColumnDef, ExpandedState, Row, RowSelectionState, TableContentProps, TableProps, TableRow, TableToolbarProps, VisibilityState, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,YAAY,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,GAAG,EACH,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,eAAe,GACf,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,YAAY,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,GAAG,EACH,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,eAAe,GACf,MAAM,SAAS,CAAC"}

package/dist/components/table/table-cell.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as g, Fragment as I } from "react/jsx-runtime";
 import { Divider as R, Td as S, Flex as B, Box as b } from "@chakra-ui/react";
 import { flexRender as $ } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as F, useMemo as d, useCallback as k } from "react";
+import { memo as F, useMemo as c, useCallback as k } from "react";
 import { useTableContext as z } from "./table-context.js";
 import { TableRowExpandToggleButton as E } from "./table-row-expand-toggle-button.js";
 import { translations as V } from "./translations.js";
@@ -14,34 +14,34 @@ const K = ({
   row: n,
   rowIsExpanded: x,
   visibleCells: v,
-  breakingContentState: c,
-  localeString: m,
+  breakingContentState: m,
+  localeString: p,
   actionMenu: l
 }) => {
-  const C = z(), { column: t } = r, y = V[m], T = d(() => {
+  const C = z(), { column: t } = r, y = V[p], T = c(() => {
     const e = {
       width: "100%"
     };
-    return c[t.id] || (e.overflow = "hidden", e.whiteSpace = "nowrap"), e;
-  }, [c]), p = d(() => t.getIndex() === 0, []), u = n.getCanExpand(), s = v[0].id === r.id, f = u && s, h = l || p && !!C.getRowActions, w = d(() => {
+    return m[t.id] || (e.overflow = "hidden", e.whiteSpace = "nowrap"), e;
+  }, [m, t.id]), u = c(() => t.getIndex() === 0, [t]), f = n.getCanExpand(), s = v[0]?.id === r.id, h = f && s, a = l || u && !!C.getRowActions, P = c(() => {
     const e = [];
     for (let o = 0; o < n.depth; o += 1) {
-      let a = `${o * 2 + 0.7}rem`;
-      h && (a = `calc(${a} + 24px)`), e.push(
+      let d = `${o * 2 + 0.7}rem`;
+      a && (d = `calc(${d} + 24px)`), e.push(
         /* @__PURE__ */ i(
           R,
           {
             orientation: "vertical",
             position: "absolute",
             top: "0",
-            left: a
+            left: d
           },
           `nestedTableDivider${o}`
         )
       );
     }
     return e;
-  }, []), P = k(() => {
+  }, [n.depth, a]), w = k(() => {
     const e = t.getIsPinned();
     return {
       position: e ? "sticky" : "relative",
@@ -51,10 +51,10 @@ const K = ({
       width: t.getSize(),
       maxWidth: t.getSize()
     };
-  }, []);
+  }, [t]);
   function D() {
-    const e = n.depth && s || f ? `${n.depth * 2}rem` : _.Small;
-    return h ? `calc(${e} + 24px)` : e;
+    const e = n.depth && s || h ? `${n.depth * 2}rem` : _.Small;
+    return a ? `calc(${e} + 24px)` : e;
   }
   return /* @__PURE__ */ i(
     S,
@@ -62,7 +62,7 @@ const K = ({
       id: r.id,
       isNumeric: t.columnDef.meta?.isNumeric,
       style: {
-        ...P(),
+        ...w(),
         borderBottom: 0,
         paddingLeft: D()
       },
@@ -100,16 +100,16 @@ const K = ({
             ]
           }
         ) }),
-        f || n.depth > 0 && s ? /* @__PURE__ */ i(
+        h || n.depth > 0 && s ? /* @__PURE__ */ i(
           E,
           {
             row: n,
-            localeString: m,
-            hidden: !u,
+            localeString: p,
+            hidden: !f,
             rowIsExpanded: x
           }
         ) : /* @__PURE__ */ i(I, {}),
-        p && w,
+        u && P,
         /* @__PURE__ */ i("div", { style: T, children: $(t.columnDef.cell, r.getContext()) })
       ] })
     },

package/dist/components/table/table-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAM/C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,EAAE,2GAOjD,iBAAiB,CAAC,KAAK,CAAC,GAAG,eAAe,4CAqD5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
+{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAM/C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,EAAE,2GAOjD,iBAAiB,CAAC,KAAK,CAAC,GAAG,eAAe,4CAsD5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}

package/dist/components/table/table-content.js

@@ -1,23 +1,25 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { Table as u, Thead as T, Tbody as f } from "@chakra-ui/react";
 import { memo as g, useMemo as r } from "react";
 import { useTableContext as x } from "./table-context.js";
-import { TableHeaderRow as y } from "./table-header-row.js";
-import { TableRow as C } from "./table-row.js";
+import { TableHeaderRow as C } from "./table-header-row.js";
+import { TableRow as y } from "./table-row.js";
 const R = ({
   onClickRow: i,
-  onRowClickIndication: n,
-  hideTableHeaderDropdown: l,
-  showRowHoverStyle: s = !0,
-  stickyHeaders: a,
+  onRowClickIndication: l,
+  hideTableHeaderDropdown: s,
+  showRowHoverStyle: a = !0,
+  stickyHeaders: n,
   ...m
 }) => {
-  const e = x(), d = r(() => a ? {
+  const e = x(), b = r(() => n ? {
     position: "sticky",
     top: 0,
     zIndex: 1
-  } : {}, []), b = r(
+  } : {}, [n]), d = r(
     () => e.table.getRowModel().rows,
+    // The dependencies are needed to ensure that the rows are recalculated when any of these change
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       e.expanded,
       e.breakingContentState,
@@ -26,25 +28,25 @@ const R = ({
       e.data
     ]
   );
-  return /* @__PURE__ */ p(u, { ...m, id: e.id, children: [
-    /* @__PURE__ */ o(T, { style: d, children: e.table.getHeaderGroups().map((t) => /* @__PURE__ */ o(
-      y,
+  return /* @__PURE__ */ c(u, { ...m, id: e.id, children: [
+    /* @__PURE__ */ o(T, { style: b, children: e.table.getHeaderGroups().map((t) => /* @__PURE__ */ o(
+      C,
       {
         headerGroup: t,
-        hideTableHeaderDropdown: l
+        hideTableHeaderDropdown: s
       },
       t.id
     )) }),
-    /* @__PURE__ */ o(f, { children: b.map((t) => {
-      const c = t.getVisibleCells();
+    /* @__PURE__ */ o(f, { children: d.map((t) => {
+      const p = t.getVisibleCells();
       return /* @__PURE__ */ o(
-        C,
+        y,
         {
           row: t,
-          visibleCells: c,
+          visibleCells: p,
           onClickRow: i,
-          onRowClickIndication: n,
-          showRowHoverStyle: s
+          onRowClickIndication: l,
+          showRowHoverStyle: a
         },
         t.id
       );