@sikka/hawa 0.26.27 → 0.26.29

package/dist/fileDropzone/index.js

@@ -1,665 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// elements/fileDropzone/index.ts
-var fileDropzone_exports = {};
-__export(fileDropzone_exports, {
-  FileDropzone: () => FileDropzone
-});
-module.exports = __toCommonJS(fileDropzone_exports);
-
-// elements/fileDropzone/FileDropzone.tsx
-var import_react3 = __toESM(require("react"));
-var import_react_dropzone = require("react-dropzone");
-var import_clsx2 = __toESM(require("clsx"));
-
-// elements/alert/Alert.tsx
-var import_react2 = __toESM(require("react"));
-
-// util/index.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// elements/button/Button.tsx
-var React2 = __toESM(require("react"));
-var import_class_variance_authority = require("class-variance-authority");
-
-// elements/loading/Loading.tsx
-var import_react = __toESM(require("react"));
-var Loading = ({
-  design = "spinner",
-  size = "sm",
-  themeMode = "light",
-  color,
-  ...props
-}) => {
-  let sizeStyles = {
-    button: "hawa-h-4 hawa-w-4",
-    xs: "hawa-h-1 hawa-w-1",
-    sm: "hawa-h-6 hawa-w-6",
-    normal: "hawa-h-8 hawa-w-8",
-    lg: "hawa-h-14 hawa-w-14",
-    xl: "hawa-h-24 hawa-w-24"
-  };
-  let animationStyles = {
-    pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
-    bounce: "hawa-animate-bounce"
-  };
-  switch (design.split("-")[0]) {
-    case "dots":
-      return /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: cn("hawa-flex hawa-flex-row hawa-gap-2", props.className)
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        )
-      );
-    case "square":
-      return /* @__PURE__ */ import_react.default.createElement(
-        "svg",
-        {
-          className: cn("squircle-container", sizeStyles[size]),
-          viewBox: "0 0 35 35",
-          height: "35",
-          width: "35"
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "rect",
-          {
-            className: "squircle-track",
-            x: "2.5",
-            y: "2.5",
-            fill: "none",
-            strokeWidth: "5px",
-            width: "32.5",
-            height: "32.5"
-          }
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          "rect",
-          {
-            className: "square-car",
-            x: "2.5",
-            y: "2.5",
-            fill: "none",
-            strokeWidth: "5px",
-            width: "32.5",
-            height: "32.5",
-            pathLength: "100"
-          }
-        )
-      );
-    case "squircle":
-      return /* @__PURE__ */ import_react.default.createElement(
-        "svg",
-        {
-          className: cn("squircle-container", sizeStyles[size]),
-          x: "0px",
-          y: "0px",
-          viewBox: "0 0 37 37",
-          height: "37",
-          width: "37",
-          preserveAspectRatio: "xMidYMid meet"
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "path",
-          {
-            className: "squircle-track",
-            fill: "none",
-            strokeWidth: "5",
-            pathLength: "100",
-            d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
-          }
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          "path",
-          {
-            className: "squircle-car",
-            fill: "none",
-            strokeWidth: "5",
-            pathLength: "100",
-            d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
-          }
-        )
-      );
-    case "progress":
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "progress-loading" });
-    case "orbit":
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "orbit-container" });
-    default:
-      return /* @__PURE__ */ import_react.default.createElement(
-        "svg",
-        {
-          className: cn("circle-container", sizeStyles[size]),
-          viewBox: "0 0 40 40",
-          height: "40",
-          width: "40"
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "circle",
-          {
-            className: cn("circle-track", {
-              "hawa-stroke-primary-foreground": themeMode === "dark",
-              "hawa-stroke-primary": themeMode === "light"
-            }),
-            cx: "20",
-            cy: "20",
-            r: "17.5",
-            pathLength: "100",
-            strokeWidth: "5px",
-            fill: "none"
-          }
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          "circle",
-          {
-            className: cn("circle-car", {
-              "hawa-stroke-primary-foreground": themeMode === "dark",
-              "hawa-stroke-primary": themeMode === "light"
-            }),
-            cx: "20",
-            cy: "20",
-            r: "17.5",
-            pathLength: "100",
-            strokeWidth: "5px",
-            fill: "none"
-          }
-        )
-      );
-  }
-};
-
-// elements/button/Button.tsx
-var buttonVariants = (0, import_class_variance_authority.cva)(
-  "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "hawa-bg-primary hawa-text-primary-foreground hover:hawa-bg-primary/90",
-        light: "hawa-bg-primary/20 hawa-text-primary hover:hawa-bg-primary/40",
-        destructive: "hawa-bg-destructive hawa-text-destructive-foreground hover:hawa-bg-destructive/90",
-        outline: "hawa-border hawa-border-input hawa-bg-transparent hover:hawa-bg-accent hover:hawa-text-accent-foreground",
-        secondary: "hawa-bg-secondary hawa-text-secondary-foreground hover:hawa-bg-secondary/80",
-        ghost: "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
-        link: "hawa-text-primary hawa-underline-offset-4 hover:hawa-underline",
-        combobox: "hawa-bg-background hawa-border",
-        neoBrutalism: "neo-brutalism"
-        // "hawa-cursor-pointer hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active shadow-color-primary active:shadow-color-primary-active",
-      },
-      size: {
-        default: "hawa-h-10 hawa-px-4 hawa-py-2",
-        heightless: "hawa-px-4 hawa-py-4",
-        xs: "hawa-h-fit hawa-min-h-[25px] hawa-py-1 hawa-text-[10px] hawa-px-2 ",
-        sm: "hawa-h-9  hawa-text-[11px] hawa-rounded-md hawa-px-3",
-        lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
-        xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
-        icon: "hawa-h-10 hawa-w-10",
-        smallIcon: "hawa-h-7 hawa-w-7"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React2.forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    asChild = false,
-    centered = true,
-    isLoading,
-    children,
-    ...props
-  }, ref) => {
-    const Comp = "button";
-    const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React2.createElement(
-      Comp,
-      {
-        className: cn(
-          buttonVariants({ variant, size, className }),
-          centered && "hawa-justify-center"
-          // "hawa-bg-red-500"
-        ),
-        ref,
-        ...props
-      },
-      isLoading ? /* @__PURE__ */ React2.createElement(
-        Loading,
-        {
-          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
-          themeMode: variant === "outline" ? "light" : "dark",
-          color: loadingColor,
-          size: size === "sm" || size === "xs" ? "xs" : "button"
-        }
-      ) : children
-    );
-  }
-);
-Button.displayName = "Button";
-
-// elements/alert/Alert.tsx
-var Alert = ({
-  variant = "normal",
-  direction = "ltr",
-  severity = "none",
-  duration,
-  icon,
-  className,
-  ...props
-}) => {
-  const alertRef = (0, import_react2.useRef)(null);
-  const [closed, setClosed] = (0, import_react2.useState)(false);
-  (0, import_react2.useEffect)(() => {
-    if (duration) {
-      const timeoutHide = setTimeout(() => {
-        setClosed(true);
-      }, duration);
-      const timeoutDestroy = setTimeout(() => {
-        setClosed(true);
-        if (alertRef == null ? void 0 : alertRef.current) {
-          alertRef == null ? void 0 : alertRef.current.removeChild(alertRef == null ? void 0 : alertRef.current.children[0]);
-        }
-      }, duration + 1e3);
-      return () => {
-        clearTimeout(timeoutHide);
-        clearTimeout(timeoutDestroy);
-      };
-    }
-  }, [duration]);
-  let closeButtonStyle = {
-    none: "",
-    info: "",
-    warning: "",
-    error: "",
-    success: "",
-    hyper: "",
-    oceanic: ""
-  };
-  let styleVariant = {
-    none: "hawa-text-gray-700 hawa-bg-gray-100 dark:hawa-bg-gray-900 ",
-    info: "hawa-text-info-foreground hawa-bg-info/90",
-    warning: "hawa-text-warning-foreground hawa-bg-warning/90",
-    error: "hawa-text-destructive-foreground hawa-bg-destructive/90",
-    success: "hawa-text-success-foreground hawa-bg-success/90",
-    hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
-    oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
-  };
-  return /* @__PURE__ */ import_react2.default.createElement("div", { ref: alertRef }, /* @__PURE__ */ import_react2.default.createElement(
-    "div",
-    {
-      "data-testid": "alert",
-      "aria-label": "Alert",
-      role: "alert",
-      dir: direction,
-      className: cn(
-        "hawa-relative hawa-mb-4 hawa-flex hawa-flex-col hawa-rounded hawa-p-4 hawa-text-sm hawa-transition-all",
-        styleVariant[severity],
-        closed ? "hawa-opacity-0" : "hawa-opacity-100",
-        className
-      )
-    },
-    /* @__PURE__ */ import_react2.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react2.default.createElement(
-      "div",
-      {
-        className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
-      },
-      icon
-    ), /* @__PURE__ */ import_react2.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react2.default.createElement(
-      "span",
-      {
-        className: cn(
-          "hawa-font-bold",
-          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8"
-        )
-      },
-      props.title
-    ), /* @__PURE__ */ import_react2.default.createElement(
-      "span",
-      {
-        className: cn(
-          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
-          props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]"
-        )
-      },
-      props.text
-    ), props.actions && /* @__PURE__ */ import_react2.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react2.default.createElement(
-      Button,
-      {
-        key: index,
-        variant: act.variant,
-        onClick: act.onClick()
-      },
-      act.label
-    ))))),
-    !props.persistent && /* @__PURE__ */ import_react2.default.createElement(
-      "button",
-      {
-        type: "button",
-        "data-dismiss-target": "#alert-default",
-        "aria-label": "Close",
-        className: cn(
-          "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all  hover:hawa-text-gray-900",
-          closeButtonStyle[severity],
-          direction === "rtl" ? "hawa-left-2" : "hawa-right-2"
-        ),
-        onClick: () => {
-          if (props.onAlertClosed) {
-            props.onAlertClosed();
-          }
-          setClosed(true);
-          setTimeout(() => {
-            if (alertRef == null ? void 0 : alertRef.current) {
-              alertRef == null ? void 0 : alertRef.current.removeChild(alertRef == null ? void 0 : alertRef.current.children[0]);
-            }
-          }, 200);
-        }
-      },
-      /* @__PURE__ */ import_react2.default.createElement("span", { className: "hawa-sr-only" }, "Close"),
-      /* @__PURE__ */ import_react2.default.createElement(
-        "svg",
-        {
-          "aria-label": "Close Icon",
-          "aria-hidden": "true",
-          className: "hawa-h-5 hawa-w-5",
-          fill: "currentColor",
-          viewBox: "0 0 20 20"
-        },
-        /* @__PURE__ */ import_react2.default.createElement(
-          "path",
-          {
-            fillRule: "evenodd",
-            d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-            clipRule: "evenodd"
-          }
-        )
-      )
-    )
-  ));
-};
-
-// elements/fileDropzone/FileDropzone.tsx
-var FileDropzone = ({
-  texts,
-  files,
-  setFiles,
-  setDeletedFiles,
-  onAcceptedFiles,
-  errorMessages,
-  maxFiles,
-  accept,
-  showPreview,
-  onDeleteFile,
-  onClearFiles,
-  disclaimer,
-  maxSize,
-  label,
-  termsLink,
-  privacyLink
-}) => {
-  var _a, _b, _c, _d, _e, _f;
-  const [cmp, setCmp] = (0, import_react3.useState)(0);
-  const [max, setMax] = (0, import_react3.useState)(0);
-  const {
-    getRootProps,
-    getInputProps,
-    fileRejections,
-    acceptedFiles,
-    isDragActive
-  } = (0, import_react_dropzone.useDropzone)({
-    multiple: true,
-    accept,
-    maxSize,
-    maxFiles,
-    onDrop: (acceptedFiles2) => {
-      setFiles(
-        acceptedFiles2.map(
-          (file, index) => Object.assign(file, {
-            preview: URL.createObjectURL(file)
-          })
-        )
-      );
-    }
-  });
-  (0, import_react3.useEffect)(
-    () => () => {
-      files == null ? void 0 : files.forEach((file) => {
-        URL.revokeObjectURL(file.preview);
-      });
-    },
-    [files]
-  );
-  (0, import_react3.useEffect)(() => {
-    setFiles(acceptedFiles);
-  }, [acceptedFiles, cmp, setFiles]);
-  onClearFiles = () => {
-    acceptedFiles.length = 0;
-    acceptedFiles.splice(0, acceptedFiles.length);
-    setFiles([]);
-  };
-  const clearAllFiles = () => {
-    acceptedFiles.length = 0;
-    setFiles([]);
-  };
-  (0, import_react3.useEffect)(() => {
-    if (maxSize > 0) {
-      const k = 1024;
-      const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-      const i = Math.floor(Math.log(maxSize) / Math.log(1024));
-      setMax(
-        parseFloat((maxSize / Math.pow(1024, i)).toFixed(2)) + " " + sizes[i]
-      );
-    }
-  }, [maxSize]);
-  const errs = fileRejections.map((rej, i) => {
-    switch (rej.errors[0].code) {
-      case "file-too-large":
-        return /* @__PURE__ */ import_react3.default.createElement(
-          Alert,
-          {
-            key: i,
-            text: rej.file.name,
-            title: texts.fileTooLarge,
-            severity: "error"
-          }
-        );
-      case "too-many-files":
-        return /* @__PURE__ */ import_react3.default.createElement(
-          Alert,
-          {
-            key: i,
-            text: rej.file.name,
-            title: texts.tooManyFiles,
-            severity: "error"
-          }
-        );
-      case "file-invalid-type":
-        return /* @__PURE__ */ import_react3.default.createElement(
-          Alert,
-          {
-            key: i,
-            text: rej.file.name,
-            title: texts.invalidFileType,
-            severity: "error"
-          }
-        );
-      default:
-        return /* @__PURE__ */ import_react3.default.createElement(
-          Alert,
-          {
-            key: i,
-            text: rej.file.name,
-            title: rej.errors[0].code,
-            severity: "error"
-          }
-        );
-    }
-  });
-  const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ import_react3.default.createElement(
-    "button",
-    {
-      onClick: (e) => {
-        e.stopPropagation();
-        acceptedFiles.splice(acceptedFiles.indexOf(file), 1);
-        setCmp(Math.random);
-        onDeleteFile(file);
-      },
-      type: "button",
-      className: "hawa-absolute hawa-left-0 hawa-ml-auto hawa-inline-flex hawa-items-center hawa-rounded-inner hawa-rounded-bl-none hawa-rounded-tr-none hawa-bg-gray-900 hawa-p-1.5 hawa-text-sm hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-200 hover:hawa-text-gray-900 dark:hover:hawa-bg-gray-600 dark:hover:hawa-text-white",
-      "data-modal-toggle": "defaultModal"
-    },
-    /* @__PURE__ */ import_react3.default.createElement(
-      "svg",
-      {
-        "aria-hidden": "true",
-        className: "hawa-h-5 hawa-w-5",
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
-      },
-      /* @__PURE__ */ import_react3.default.createElement(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-          clipRule: "evenodd"
-        }
-      )
-    ),
-    /* @__PURE__ */ import_react3.default.createElement("span", { className: "hawa-sr-only" }, "Close modal")
-  ), /* @__PURE__ */ import_react3.default.createElement(
-    "div",
-    {
-      style: {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        overflow: "hidden",
-        height: 100,
-        width: 100,
-        backgroundImage: `url(${file.preview})`,
-        backgroundSize: "cover",
-        backgroundPosition: "center",
-        border: "1px solid black"
-      },
-      className: "hawa-rounded",
-      key: file.name
-    }
-  )));
-  return /* @__PURE__ */ import_react3.default.createElement("div", null, label && /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label), /* @__PURE__ */ import_react3.default.createElement(
-    "div",
-    {
-      className: (0, import_clsx2.default)(
-        "hawa-flex hawa-flex-col hawa-justify-center hawa-rounded hawa-border hawa-border-dashed  hawa-p-6 hawa-transition-all  ",
-        isDragActive ? "hawa-bg-muted" : "hawa-bg-muted/20 hover:hawa-bg-muted/50 "
-      )
-    },
-    /* @__PURE__ */ import_react3.default.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ import_react3.default.createElement("p", { ...getInputProps() }), /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ import_react3.default.createElement(
-      "svg",
-      {
-        stroke: "currentColor",
-        fill: "none",
-        strokeWidth: "2",
-        viewBox: "0 0 24 24",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        height: "1.5em",
-        width: "1.5em"
-      },
-      /* @__PURE__ */ import_react3.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" }),
-      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
-      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M3 3l0 .01" }),
-      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M7 3l0 .01" }),
-      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M11 3l0 .01" }),
-      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M15 3l0 .01" }),
-      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M3 7l0 .01" }),
-      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M3 11l0 .01" }),
-      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M3 15l0 .01" })
-    ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-select-none hawa-pb-2 hawa-pt-1 hawa-text-center hawa-text-xs" }, texts.maxFileSize, " ", max)),
-    acceptedFiles.length > 0 && /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 " }, /* @__PURE__ */ import_react3.default.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
-    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react3.default.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center  hawa-gap-2 hawa-rounded-lg  hawa-p-2" }, thumbs) : null,
-    /* @__PURE__ */ import_react3.default.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
-  ), disclaimer && /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50" }, (_c = texts.disclaimer) != null ? _c : "By uploading a file you agree to our", " ", /* @__PURE__ */ import_react3.default.createElement(
-    "a",
-    {
-      href: termsLink,
-      className: "clickable-link hawa-text-muted-foreground/50"
-    },
-    (_d = texts.terms) != null ? _d : "Terms"
-  ), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ import_react3.default.createElement(
-    "a",
-    {
-      href: privacyLink,
-      className: "clickable-link hawa-text-muted-foreground/50"
-    },
-    (_f = texts.privacyPolicy) != null ? _f : "Privacy Policy"
-  )));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FileDropzone
-});