@caspeco/casper-ui-library 0.0.1

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

@@ -0,0 +1,2 @@
+export declare function sanitizeFilename(filename: string): string;
+//# sourceMappingURL=image-upload-helper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-upload-helper.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-helper.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAGzD"}

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

@@ -0,0 +1,6 @@
+function n(e) {
+  return e.replace(/[^a-zA-Z0-9-.]/g, "_");
+}
+export {
+  n as sanitizeFilename
+};

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

@@ -0,0 +1,6 @@
+export declare const ImageIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ImageIconLarge: () => import("react/jsx-runtime").JSX.Element;
+export declare const UploadIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ImageFolderIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const RemoveIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=image-upload-icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-upload-icons.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-icons.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,+CAQrB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAQ1B,CAAC;AAEF,eAAO,MAAM,UAAU,+CAOtB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAO3B,CAAC;AAEF,eAAO,MAAM,UAAU,+CAOtB,CAAC"}

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

@@ -0,0 +1,28 @@
+import { jsx as C } from "react/jsx-runtime";
+import { Icon as i } from "@chakra-ui/react";
+const e = () => /* @__PURE__ */ C(i, { viewBox: "0 0 30 30", boxSize: "30px", width: "30px", height: "30px", children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M24 6.75H6C5.57812 6.75 5.25 7.125 5.25 7.5V22.5V22.5469L5.4375 22.2656L9.1875 17.0156C9.42188 16.6875 9.75 16.5 10.125 16.5C10.4531 16.5 10.8281 16.6875 11.0156 16.9688L12.4688 18.9844L16.3594 13.9688C16.5469 13.6875 16.875 13.5 17.25 13.5C17.5781 13.5 17.9062 13.6875 18.1406 13.9688L24.5156 22.2188L24.75 22.5V7.5C24.75 7.125 24.375 6.75 24 6.75ZM6 4.5H24C25.6406 4.5 27 5.85938 27 7.5V22.5C27 24.1875 25.6406 25.5 24 25.5H6C4.3125 25.5 3 24.1875 3 22.5V7.5C3 5.85938 4.3125 4.5 6 4.5ZM9.75 13.5C8.90625 13.5 8.20312 13.0781 7.78125 12.375C7.35938 11.7188 7.35938 10.8281 7.78125 10.125C8.20312 9.46875 8.90625 9 9.75 9C10.5469 9 11.25 9.46875 11.6719 10.125C12.0938 10.8281 12.0938 11.7188 11.6719 12.375C11.25 13.0781 10.5469 13.5 9.75 13.5Z",
+    fill: "#0C0656",
+    fillOpacity: "0.24"
+  }
+) }), t = () => /* @__PURE__ */ C(i, { viewBox: "0 0 64 64", boxSize: "64px", width: "64px", height: "64px", children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M20 15C16.625 15 14 17.75 14 21C14 24.375 16.625 27 20 27C23.25 27 26 24.375 26 21C26 17.75 23.25 15 20 15ZM56.875 4H8.875C4.5 4 0.875 7.625 0.875 12V52C0.875 56.5 4.5 60 8.875 60H56.875C61.25 60 64.875 56.5 64.875 52V12C64.875 7.625 61.375 4 56.875 4ZM58.875 51.25L41.75 28C41.375 27.375 40.75 27 40 27C39.125 27 38.5 27.375 38 28L24.75 46L20.125 40.25C19.625 39.75 19 39.375 18.25 39.375C17.5 39.375 16.875 39.75 16.375 40.25L7 52L6.875 12C6.875 11 7.875 10 8.875 10H56.875C58 10 58.875 11 58.875 12V51.25Z",
+    fill: "#0C0656",
+    fillOpacity: "0.24"
+  }
+) }), p = () => /* @__PURE__ */ C(i, { viewBox: "0 0 24 24", width: "24px", height: "24px", children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M17.9766 7.85156L13.2891 12.5391L17.9375 17.1875C18.3281 17.5391 18.3281 18.125 17.9375 18.4766C17.5859 18.8672 17 18.8672 16.6484 18.4766L11.9609 13.8281L7.3125 18.4766C6.96094 18.8672 6.375 18.8672 6.02344 18.4766C5.63281 18.125 5.63281 17.5391 6.02344 17.1484L10.6719 12.5L6.02344 7.85156C5.63281 7.5 5.63281 6.91406 6.02344 6.52344C6.375 6.17188 6.96094 6.17188 7.35156 6.52344L12 11.2109L16.6484 6.5625C17 6.17188 17.5859 6.17188 17.9766 6.5625C18.3281 6.91406 18.3281 7.5 17.9766 7.85156Z",
+    fill: "#0C0656"
+  }
+) });
+export {
+  e as ImageIcon,
+  t as ImageIconLarge,
+  p as RemoveIcon
+};

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

@@ -0,0 +1,3 @@
+declare const ImageUploadModalTabs: () => import("react/jsx-runtime").JSX.Element;
+export default ImageUploadModalTabs;
+//# sourceMappingURL=image-upload-modal-tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-upload-modal-tabs.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-modal-tabs.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB,+CAqBzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,18 @@
+import { FileItem } from './image-upload-dropzone.js';
+import { Crop, ImageUploadAspectRatio, Locales } from './types.js';
+interface IImageCropperModalProps {
+    locale: Locales;
+    title: string | undefined;
+    src: string | undefined;
+    savedCrop: Crop | undefined;
+    isOpen: boolean;
+    aspectRatio: ImageUploadAspectRatio;
+    crop: Crop | null;
+    onClose: () => void;
+    handleSaveImage: (fileItem: FileItem, crop: Crop | null, hasImageChanged: boolean) => void;
+    setPreviewImage: (base64: string) => void;
+    setCrop: (crop: Crop | null) => void;
+}
+export declare function ImageUploadModal({ title, src, savedCrop, isOpen, aspectRatio, crop, locale, onClose, handleSaveImage, setPreviewImage, setCrop, }: IImageCropperModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=image-upload-modal.d.ts.map

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

@@ -0,0 +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;AAElE,OAAO,EAAE,KAAK,IAAI,EAAE,sBAAsB,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAI1E,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"}

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

@@ -0,0 +1,120 @@
+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 { RemoveIcon as j } from "./image-upload-icons.js";
+import { sanitizeFilename as O } from "./image-upload-helper.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 { 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,
+  src: a,
+  savedCrop: C,
+  isOpen: S,
+  aspectRatio: x,
+  crop: s,
+  locale: i,
+  onClose: M,
+  handleSaveImage: y,
+  setPreviewImage: n,
+  setCrop: l
+}) {
+  const [F, I] = 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: O(a)
+      });
+    };
+  };
+  L(() => {
+    c();
+  }, [a]);
+  const T = () => {
+    y(o, s, F);
+  }, 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: ""
+    }), n(""), l(null);
+  };
+  return /* @__PURE__ */ t($, { isOpen: S, onClose: h, size: "md", children: [
+    /* @__PURE__ */ t(
+      w,
+      {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        p: r.Medium,
+        children: [
+          /* @__PURE__ */ e(
+            U,
+            {
+              color: b.OnSurfaceHeader,
+              fontFamily: G.SubHeader,
+              fontWeight: "medium",
+              fontSize: E.XLarge,
+              children: g
+            }
+          ),
+          /* @__PURE__ */ e(W, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      X,
+      {
+        display: "flex",
+        flexDirection: "column",
+        p: `${r.Large} ${r.Medium}`,
+        children: o.data && o.fileName ? /* @__PURE__ */ t(D, { children: [
+          /* @__PURE__ */ e(
+            R,
+            {
+              src: o.data,
+              crop: s,
+              onCropCallback: l,
+              aspectRatio: x,
+              setPreviewImage: n
+            }
+          ),
+          /* @__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(j, {}),
+            "Ta bort bild"
+          ] }) })
+        ] }) : /* @__PURE__ */ e(V, { locale: i, setFileItem: m, setHasImageChanged: I })
+      }
+    ),
+    /* @__PURE__ */ t(
+      A,
+      {
+        p: r.Medium,
+        gap: r.Medium,
+        borderTop: `1px solid ${b.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 })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  de as ImageUploadModal
+};

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

@@ -0,0 +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;
+//# sourceMappingURL=image-upload.composition.d.ts.map

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

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

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

@@ -0,0 +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;
+//# sourceMappingURL=image-upload.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,95 @@
+import { jsxs as k, Fragment as C, jsx as e } from "react/jsx-runtime";
+import { useDisclosure as U, Box as M, Spinner as V } from "@chakra-ui/react";
+import { useState as u } from "react";
+import { ImageIcon as j } from "./image-upload-icons.js";
+import { ImageUploadModal as A } from "./image-upload-modal.js";
+import { ImageUploadAspectRatio as r } from "./types.js";
+import { Text as F } from "../text/text.js";
+import { Image as P } from "../image/image.js";
+import { ThemeRadiusVariable as p, ThemeColorVariable as o, ThemeSpaceVariable as R } from "../../theme/theme-types.js";
+function K({
+  title: l,
+  savedImageUrl: n,
+  savedCrop: i,
+  aspectRatio: t,
+  isLoading: d,
+  locale: g = "en-US",
+  onSave: a
+}) {
+  const { isOpen: f, onOpen: h, onClose: m } = U(), [s, x] = u(n || ""), [B, w] = u(i || null), b = (c, S, D) => {
+    const N = {
+      crop: S,
+      file: {
+        imageFilename: c.fileName,
+        imageUploadData: c.data
+      }
+    };
+    a && (a(N, D), m());
+  }, y = () => {
+    switch (t) {
+      case r.OneByOne:
+        return "102px";
+      case r.SixteenByNine:
+        return "178px";
+      case r.ThirtyTwoByNine:
+        return "360px";
+      default:
+        return "102px";
+    }
+  }, I = () => {
+    switch (t) {
+      case r.OneByOne:
+        return "1:1";
+      case r.SixteenByNine:
+        return "16:9";
+      case r.ThirtyTwoByNine:
+        return "32:9";
+      default:
+        return "";
+    }
+  }, O = () => d ? /* @__PURE__ */ e(V, { color: o.OnBackgroundBorder, size: "lg", speed: "0.825s" }) : s ? /* @__PURE__ */ e(
+    P,
+    {
+      alt: "Preview Image",
+      src: s,
+      borderRadius: p.Medium,
+      h: "100%",
+      w: "100%"
+    }
+  ) : /* @__PURE__ */ e(j, {}), T = y();
+  return /* @__PURE__ */ k(C, { children: [
+    /* @__PURE__ */ e(
+      M,
+      {
+        as: "button",
+        type: "button",
+        onClick: h,
+        bg: o.BackgroundDisabled,
+        borderRadius: p.Medium,
+        w: T,
+        h: "102px",
+        children: /* @__PURE__ */ e(O, {})
+      }
+    ),
+    /* @__PURE__ */ e(F, { mt: R.XSmall, color: o.OnBackground, children: I() }),
+    /* @__PURE__ */ e(
+      A,
+      {
+        locale: g,
+        title: l,
+        src: n,
+        savedCrop: i,
+        aspectRatio: t,
+        isOpen: f,
+        onClose: m,
+        handleSaveImage: b,
+        setPreviewImage: x,
+        crop: B,
+        setCrop: w
+      }
+    )
+  ] });
+}
+export {
+  K as ImageUpload
+};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=image-upload.spec.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-upload.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload.spec.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+export { ImageUpload } from './image-upload.js';
+export type { ImageUploadProps } from './types.js';
+export { ImageUploadAspectRatio } from './types.js';
+export type { ImageData } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACjD,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,48 @@
+export declare const translations: {
+    "sv-SE": {
+        primary: string;
+        secondary: string;
+        remove: string;
+        pullAndDrop: string;
+        upload: string;
+        unsupportedFormat: string;
+        sizeExceeded: string;
+    };
+    "en-US": {
+        primary: string;
+        secondary: string;
+        remove: string;
+        pullAndDrop: string;
+        upload: string;
+        unsupportedFormat: string;
+        sizeExceeded: string;
+    };
+    "en-GB": {
+        primary: string;
+        secondary: string;
+        remove: string;
+        pullAndDrop: string;
+        upload: string;
+        unsupportedFormat: string;
+        sizeExceeded: string;
+    };
+    "nb-NO": {
+        primary: string;
+        secondary: string;
+        remove: string;
+        pullAndDrop: string;
+        upload: string;
+        unsupportedFormat: string;
+        sizeExceeded: string;
+    };
+    "da-DK": {
+        primary: string;
+        secondary: string;
+        remove: string;
+        pullAndDrop: string;
+        upload: string;
+        unsupportedFormat: string;
+        sizeExceeded: string;
+    };
+};
+//# sourceMappingURL=translations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/translations.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCxB,CAAC"}

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

@@ -0,0 +1,42 @@
+const e = {
+  primary: "Save",
+  secondary: "Cancel",
+  remove: "Remove image",
+  pullAndDrop: "Drag and drop the image here",
+  upload: "Upload a file",
+  unsupportedFormat: "Unsupported file format. Please upload a JPG, PNG, WebP, GIF, or SVG.",
+  sizeExceeded: "The image size exceeds 3MB. Please choose a smaller file or reduce the size of the current image."
+}, r = {
+  "sv-SE": {
+    primary: "Spara",
+    secondary: "Avbryt",
+    remove: "Ta bort bild",
+    pullAndDrop: "Dra och släpp bilden här",
+    upload: "ladda upp en fil",
+    unsupportedFormat: "Otillåtet filformat. Vänligen ladda upp JPG, PNG, WebP, GIF, eller SVG.",
+    sizeExceeded: "Storleken på bilden du försöker ladda upp överskrider 3MB. Vänligen välj en mindre fil eller minska storleken på den nuvarande bilden."
+  },
+  "en-US": e,
+  "en-GB": e,
+  "nb-NO": {
+    primary: "Lagre",
+    secondary: "Avbryt",
+    remove: "Fjern bilde",
+    pullAndDrop: "Dra og slipp bildet her",
+    upload: "Last opp en fil",
+    unsupportedFormat: "Ugyldig filformat. Vennligst last opp en JPG, PNG, WebP, GIF eller SVG.",
+    sizeExceeded: "Bildet du prøver å laste opp overstiger 3MB. Vennligst velg en mindre fil eller reduser størrelsen på det nåværende bildet."
+  },
+  "da-DK": {
+    primary: "Gem",
+    secondary: "Annuller",
+    remove: "Fjern billede",
+    pullAndDrop: "Træk og slip billedet her",
+    upload: "Upload en fil",
+    unsupportedFormat: "Ugyldigt filformat. Upload venligst en JPG, PNG, WebP, GIF eller SVG.",
+    sizeExceeded: "Billedets størrelse overstiger 3MB. Vælg venligst en mindre fil eller reducer størrelsen på det nuværende billede."
+  }
+};
+export {
+  r as translations
+};

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

@@ -0,0 +1,60 @@
+export type Locales = "en-US" | "nb-NO" | "da-DK" | "sv-SE" | "en-GB";
+export declare enum ImageUploadAspectRatio {
+    ThirtyTwoByNine = "THIRTY_TWO_BY_NINE",
+    SixteenByNine = "SIXTEEN_BY_NINE",
+    OneByOne = "ONE_BY_ONE"
+}
+export type ImageData = {
+    crop: Crop | null;
+    file: {
+        imageFilename: string;
+        imageUploadData: string;
+    };
+};
+export type Crop = {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+export type ActiveAction = null | "resize" | "move" | "new-selection";
+export type HandlePosition = {
+    id: string;
+    corner: string;
+    x: number;
+    y: number;
+};
+export type ImageUploadProps = {
+    /**
+     * The title displayed at the top of the ImageUpload modal component.
+     */
+    title?: string;
+    /**
+     * The URL of the saved image. This is used to display the image that was previously saved.
+     * If provided, the component will start with this image pre-loaded.
+     */
+    savedImageUrl?: string;
+    /**
+     * The saved crop settings from a previous session.
+     * If provided, the cropper will start with this crop selection.
+     */
+    savedCrop?: Crop;
+    /**
+     * The aspect ratio to enforce for the cropping box.
+     * This is a required field.
+     */
+    aspectRatio: ImageUploadAspectRatio;
+    /**
+     * Callback function that will be invoked when the user saves the image.
+     * The function receives the final image data and a boolean indicating whether the image has changed.
+     */
+    onSave?: (imageData: ImageData, hasImageChanged: boolean) => void;
+    /**
+     * A boolean flag indicating if some operation is currently loading.
+     * When true, it will render a loading indicator within the component.
+     */
+    isLoading?: boolean;
+    /** Locale used for translating the text in the image upload modal */
+    locale?: Locales;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AACtE,oBAAY,sBAAsB;IACjC,eAAe,uBAAuB;IACtC,aAAa,oBAAoB;IACjC,QAAQ,eAAe;CACvB;AACD,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,EAAE;QACL,aAAa,EAAE,MAAM,CAAC;QACtB,eAAe,EAAE,MAAM,CAAC;KACxB,CAAC;CACF,CAAC;AACF,MAAM,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AACF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,eAAe,CAAC;AACtE,MAAM,MAAM,cAAc,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC;IAEjB;;;OAGG;IACH,WAAW,EAAE,sBAAsB,CAAC;IAEpC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAElE;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC"}

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

@@ -0,0 +1,4 @@
+var _ = /* @__PURE__ */ ((N) => (N.ThirtyTwoByNine = "THIRTY_TWO_BY_NINE", N.SixteenByNine = "SIXTEEN_BY_NINE", N.OneByOne = "ONE_BY_ONE", N))(_ || {});
+export {
+  _ as ImageUploadAspectRatio
+};

package/dist/components/input/example-icon.d.ts

@@ -0,0 +1,3 @@
+import { ComponentWithAs, IconProps } from '@chakra-ui/react';
+export declare const ExampleIcon: ComponentWithAs<"svg", IconProps>;
+//# sourceMappingURL=example-icon.d.ts.map

package/dist/components/input/example-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example-icon.d.ts","sourceRoot":"","sources":["../../../lib/components/input/example-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAc,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEpF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,KAAK,EAAE,SAAS,CAIxD,CAAC"}

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

@@ -0,0 +1,4 @@
+import { SystemStyleObject } from '@chakra-ui/react';
+import { VisualInputState } from './types.js';
+export declare function getVisualStateStyle(visualState: VisualInputState): undefined | SystemStyleObject;
+//# sourceMappingURL=helper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/input/helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,GAAG,SAAS,GAAG,iBAAiB,CAqBhG"}

package/dist/components/input/helper.js

@@ -0,0 +1,26 @@
+import { ThemeColorVariable as r } from "../../theme/theme-types.js";
+function n(o) {
+  switch (o) {
+    case "success":
+      return {
+        borderColor: r.Success,
+        boxShadow: `0 0 0 4px ${r.SuccessContainer}`,
+        _hover: {
+          borderColor: r.Success
+        }
+      };
+    case "warning":
+      return {
+        borderColor: r.Warning,
+        boxShadow: `0 0 0 4px ${r.WarningContainer}`,
+        _hover: {
+          borderColor: r.Warning
+        }
+      };
+    default:
+      return;
+  }
+}
+export {
+  n as getVisualStateStyle
+};

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

@@ -0,0 +1,3 @@
+export { Input } from './input.js';
+export type { InputProps } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +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;
+//# sourceMappingURL=input.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/input/input.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,+CAMjB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAA2C,CAAC;AACjE,eAAO,MAAM,QAAQ,+CAA2C,CAAC;AACjE,eAAO,MAAM,OAAO,+CAA0C,CAAC;AAC/D,eAAO,MAAM,OAAO,+CAAsD,CAAC;AAC3E,eAAO,MAAM,OAAO,+CAAsD,CAAC;AAE3E,eAAO,MAAM,WAAW,+CAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAMzB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAIxB,CAAC"}

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

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+/**
+ * Element that allows users enter single valued data.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/input
+ */
+export declare const Input: React.ForwardRefExoticComponent<import('./types.js').CustomProperties & {
+    value?: string | number | readonly string[] | undefined;
+    id?: string | undefined | undefined;
+    pattern?: string | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    name?: string | undefined | undefined;
+    type?: React.HTMLInputTypeAttribute | undefined;
+    isDisabled?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isReadOnly?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
+    placeholder?: string | undefined | undefined;
+} & import('../../index.js').CustomChakraBoxProps & import('../../index.js').LayoutProps & import('../../index.js').MarginProps & import('../../index.js').PaddingProps & import('../../index.js').TypographyProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../lib/components/input/input.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC;;;;GAIG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;8MAyBjB,CAAC"}

package/dist/components/input/input.js

@@ -0,0 +1,28 @@
+import { jsxs as I, jsx as t } from "react/jsx-runtime";
+import { InputGroup as f, InputLeftAddon as s, InputLeftElement as l, Input as h, InputRightElement as a, InputRightAddon as x } from "@chakra-ui/react";
+import R from "react";
+import { getVisualStateStyle as j } from "./helper.js";
+const y = R.forwardRef(
+  ({
+    size: u = "md",
+    visualState: n,
+    leftAddon: r,
+    rightAddon: o,
+    leftElement: p,
+    rightElement: e,
+    variant: i = "outline",
+    ...d
+  }, m) => {
+    const c = n ? j(n) : void 0;
+    return /* @__PURE__ */ I(f, { size: u, children: [
+      r && /* @__PURE__ */ t(s, { children: r }),
+      p && /* @__PURE__ */ t(l, { children: p }),
+      /* @__PURE__ */ t(h, { ref: m, sx: c, ...d, variant: i }),
+      e && /* @__PURE__ */ t(a, { children: e }),
+      o && /* @__PURE__ */ t(x, { children: o })
+    ] });
+  }
+);
+export {
+  y as Input
+};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=input.spec.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/input/input.spec.tsx"],"names":[],"mappings":""}