@solostylist/ui-kit 1.0.0

package/dist/AppDataTable/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './AppDataTable';
+export type { ColumnDef, AppDataTableProps } from './AppDataTable';

package/dist/AppDataTable/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppDataTable.js";
+export {
+  o as default
+};

package/dist/AppDataTable/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppDialog/AppDialog.d.ts

@@ -0,0 +1,15 @@
+import { Breakpoint } from '@mui/material';
+import * as React from 'react';
+interface AppDialogProps {
+    title?: string | React.ReactNode;
+    content?: string | React.ReactNode;
+    actions?: React.ReactNode;
+    onClose?: () => void;
+    open?: boolean;
+    maxWidth?: Breakpoint;
+    useForm?: boolean;
+    onSubmit?: () => void;
+    showClose?: boolean;
+}
+declare const AppDialog: ({ title, content, actions, onClose, open, maxWidth, useForm, onSubmit, showClose, }: AppDialogProps) => React.JSX.Element;
+export default AppDialog;

package/dist/AppDialog/AppDialog.js

@@ -0,0 +1,31 @@
+import { j as r } from "../jsx-runtime-B6kdoens.js";
+import { Dialog as p, DialogTitle as j, Stack as h, Typography as t, IconButton as f, DialogContent as m, DialogActions as g } from "@mui/material";
+import { S as u } from "../X-DETrowOy.js";
+const w = ({
+  title: i,
+  content: s,
+  actions: e,
+  onClose: n = () => {
+  },
+  open: a = !1,
+  maxWidth: l = "sm",
+  useForm: c = !1,
+  onSubmit: x = () => {
+  },
+  showClose: d = !0
+}) => {
+  const o = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    s && /* @__PURE__ */ r.jsx(m, { children: typeof s == "string" ? /* @__PURE__ */ r.jsx(t, { color: "text.secondary", variant: "body2", children: s }) : s }),
+    e && /* @__PURE__ */ r.jsx(g, { children: e })
+  ] });
+  return /* @__PURE__ */ r.jsxs(p, { fullWidth: !0, maxWidth: l, onClose: n, open: a, children: [
+    i && /* @__PURE__ */ r.jsx(j, { children: /* @__PURE__ */ r.jsxs(h, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+      typeof i == "string" ? /* @__PURE__ */ r.jsx(t, { variant: "h5", textTransform: "capitalize", children: i }) : /* @__PURE__ */ r.jsx("div", { children: i }),
+      d && /* @__PURE__ */ r.jsx(f, { onClick: n, children: /* @__PURE__ */ r.jsx(u, {}) })
+    ] }) }),
+    c ? /* @__PURE__ */ r.jsx("form", { onSubmit: x, children: o }) : o
+  ] });
+};
+export {
+  w as default
+};

package/dist/AppDialog/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppDialog';

package/dist/AppDialog/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppDialog.js";
+export {
+  o as default
+};

package/dist/AppDialog/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppDialogConfirm/AppDialogConfirm.d.ts

@@ -0,0 +1,30 @@
+import { Breakpoint } from '@mui/material';
+import * as React from 'react';
+interface AppDialogConfirmProps {
+    title?: string | React.ReactNode;
+    content?: string | React.ReactNode;
+    onConfirm?: () => void;
+    onClose?: () => void;
+    open?: boolean;
+    maxWidth?: Breakpoint;
+    showClose?: boolean;
+    loading?: boolean;
+}
+declare const AppDialogConfirm: ({ title, content, onConfirm, onClose, open, maxWidth, showClose, loading, }: AppDialogConfirmProps) => React.JSX.Element;
+export default AppDialogConfirm;
+export interface DialogConfirmOpenOptions {
+    title: string;
+    content: string;
+    onConfirm: () => void;
+}
+export interface DialogConfirmContextProps {
+    handleOpen: (dialogConfirmOptions: DialogConfirmOpenOptions) => void;
+    handleClose: () => void;
+    open: boolean;
+    loading: boolean;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const DialogConfirmProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useDialogConfirm: () => DialogConfirmContextProps;

package/dist/AppDialogConfirm/AppDialogConfirm.js

@@ -0,0 +1,74 @@
+import { j as n } from "../jsx-runtime-B6kdoens.js";
+import * as r from "react";
+import { Dialog as C, DialogTitle as g, Stack as j, IconButton as D, DialogContent as v, DialogActions as y } from "@mui/material";
+import { S as b } from "../X-DETrowOy.js";
+import d from "../AppButton/AppButton.js";
+import { useDialog as k } from "../hooks/use-dialog.js";
+import { T as m } from "../Typography-BYkXNa-U.js";
+const w = ({
+  title: e,
+  content: o,
+  onConfirm: s = () => {
+  },
+  onClose: i = () => {
+  },
+  open: t = !1,
+  maxWidth: a = "sm",
+  showClose: c = !0,
+  loading: l = !1
+}) => /* @__PURE__ */ n.jsxs(C, { fullWidth: !0, maxWidth: a, onClose: i, open: t, children: [
+  e && /* @__PURE__ */ n.jsx(g, { children: /* @__PURE__ */ n.jsxs(j, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+    typeof e == "string" ? /* @__PURE__ */ n.jsx(m, { variant: "h5", textTransform: "capitalize", children: e }) : /* @__PURE__ */ n.jsx("div", { children: e }),
+    c && /* @__PURE__ */ n.jsx(D, { onClick: i, children: /* @__PURE__ */ n.jsx(b, {}) })
+  ] }) }),
+  o && /* @__PURE__ */ n.jsx(v, { children: typeof o == "string" ? /* @__PURE__ */ n.jsx(m, { color: "text.secondary", variant: "body2", children: o }) : o }),
+  /* @__PURE__ */ n.jsx(y, { children: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(d, { onClick: i, variant: "outlined", disabled: l, children: "Cancel" }),
+    /* @__PURE__ */ n.jsx(d, { onClick: s, disabled: l, children: "Confirm" })
+  ] }) })
+] }), f = r.createContext(null), I = ({ children: e }) => {
+  const o = k(), [s, i] = r.useState(!1), [t, a] = r.useState({
+    title: "",
+    content: "",
+    onConfirm: () => {
+    }
+  }), c = {
+    handleOpen: r.useCallback(
+      (p) => {
+        const { title: x, content: h, onConfirm: u } = p;
+        a({ title: x, content: h, onConfirm: u }), o.handleOpen();
+      },
+      [o]
+    ),
+    handleClose: o.handleClose,
+    open: o.open,
+    loading: s,
+    setLoading: i
+  }, l = () => {
+    t.onConfirm();
+  };
+  return /* @__PURE__ */ n.jsxs(f.Provider, { value: c, children: [
+    /* @__PURE__ */ n.jsx(
+      w,
+      {
+        open: o.open,
+        title: t == null ? void 0 : t.title,
+        content: t == null ? void 0 : t.content,
+        onClose: o.handleClose,
+        onConfirm: l,
+        loading: s
+      }
+    ),
+    e
+  ] });
+}, O = () => {
+  const e = r.useContext(f);
+  if (!e)
+    throw new Error("useDialogConfirm must be used within a DialogConfirmProvider");
+  return e;
+};
+export {
+  I as DialogConfirmProvider,
+  w as default,
+  O as useDialogConfirm
+};

package/dist/AppDialogConfirm/index.d.ts

@@ -0,0 +1,2 @@
+export { default, DialogConfirmProvider, useDialogConfirm } from './AppDialogConfirm';
+export type { DialogConfirmContextProps, DialogConfirmOpenOptions } from './AppDialogConfirm';

package/dist/AppDialogConfirm/index.js

@@ -0,0 +1,6 @@
+import { DialogConfirmProvider as i, default as e, useDialogConfirm as f } from "./AppDialogConfirm.js";
+export {
+  i as DialogConfirmProvider,
+  e as default,
+  f as useDialogConfirm
+};

package/dist/AppDialogConfirm/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppDialogMessage/AppDialogMessage.d.ts

@@ -0,0 +1,27 @@
+import { Breakpoint } from '@mui/material';
+import * as React from 'react';
+interface AppDialogMessageProps {
+    title?: string | React.ReactNode;
+    content?: string | React.ReactNode;
+    onClose?: () => void;
+    onOk?: () => void;
+    open?: boolean;
+    maxWidth?: Breakpoint;
+    showClose?: boolean;
+}
+declare const AppDialogMessage: ({ title, content, onClose, onOk, open, maxWidth, showClose, }: AppDialogMessageProps) => React.JSX.Element;
+export default AppDialogMessage;
+export interface DialogMessageOpenOptions {
+    title?: string;
+    content?: string;
+    onOk?: () => void;
+}
+export interface DialogMessageContextProps {
+    handleOpen: (dialogMessageOptions: DialogMessageOpenOptions) => void;
+    handleClose: () => void;
+    open: boolean;
+}
+export declare const DialogMessageProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useDialogMessage: () => DialogMessageContextProps;

package/dist/AppDialogMessage/AppDialogMessage.js

@@ -0,0 +1,64 @@
+import { j as e } from "../jsx-runtime-B6kdoens.js";
+import * as s from "react";
+import { Dialog as x, DialogTitle as u, Stack as m, IconButton as g, DialogContent as j, DialogActions as f } from "@mui/material";
+import { S as C } from "../X-DETrowOy.js";
+import D from "../AppButton/AppButton.js";
+import { useDialog as k } from "../hooks/use-dialog.js";
+import { T as c } from "../Typography-BYkXNa-U.js";
+const v = ({
+  title: t,
+  content: o,
+  onClose: n = () => {
+  },
+  onOk: r = () => {
+  },
+  open: i = !1,
+  maxWidth: l = "sm",
+  showClose: a = !0
+}) => /* @__PURE__ */ e.jsxs(x, { fullWidth: !0, maxWidth: l, onClose: n, open: i, children: [
+  t && /* @__PURE__ */ e.jsx(u, { children: /* @__PURE__ */ e.jsxs(m, { direction: "row", spacing: 3, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+    typeof t == "string" ? /* @__PURE__ */ e.jsx(c, { variant: "h5", textTransform: "capitalize", children: t }) : /* @__PURE__ */ e.jsx("div", { children: t }),
+    a && /* @__PURE__ */ e.jsx(g, { onClick: n, children: /* @__PURE__ */ e.jsx(C, {}) })
+  ] }) }),
+  o && /* @__PURE__ */ e.jsx(j, { children: typeof o == "string" ? /* @__PURE__ */ e.jsx(c, { color: "text.secondary", variant: "body2", children: o }) : o }),
+  /* @__PURE__ */ e.jsx(f, { children: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(D, { onClick: r, children: "Ok" }) }) })
+] }), d = s.createContext(null), M = ({ children: t }) => {
+  const o = k(), [n, r] = s.useState({
+    title: "",
+    content: "",
+    onOk: o.handleClose
+  }), i = {
+    handleOpen: s.useCallback(
+      (l) => {
+        const { title: a, content: p, onOk: h = o.handleClose } = l;
+        r({ title: a, content: p, onOk: h }), o.handleOpen();
+      },
+      [o]
+    ),
+    handleClose: o.handleClose,
+    open: o.open
+  };
+  return /* @__PURE__ */ e.jsxs(d.Provider, { value: i, children: [
+    /* @__PURE__ */ e.jsx(
+      v,
+      {
+        open: o.open,
+        title: n == null ? void 0 : n.title,
+        content: n == null ? void 0 : n.content,
+        onClose: o.handleClose,
+        onOk: n == null ? void 0 : n.onOk
+      }
+    ),
+    t
+  ] });
+}, P = () => {
+  const t = s.useContext(d);
+  if (!t)
+    throw new Error("useDialogMessage must be used within a DialogMessageProvider");
+  return t;
+};
+export {
+  M as DialogMessageProvider,
+  v as default,
+  P as useDialogMessage
+};

package/dist/AppDialogMessage/index.d.ts

@@ -0,0 +1,2 @@
+export { default, DialogMessageProvider, useDialogMessage } from './AppDialogMessage';
+export type { DialogMessageOpenOptions, DialogMessageContextProps } from './AppDialogMessage';

package/dist/AppDialogMessage/index.js

@@ -0,0 +1,6 @@
+import { DialogMessageProvider as o, default as s, useDialogMessage as g } from "./AppDialogMessage.js";
+export {
+  o as DialogMessageProvider,
+  s as default,
+  g as useDialogMessage
+};

package/dist/AppDialogMessage/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppEmpty/AppEmpty.d.ts

@@ -0,0 +1,5 @@
+interface AppEmptyProps {
+    title?: string;
+}
+declare const AppEmpty: ({ title }: AppEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export default AppEmpty;

package/dist/AppEmpty/AppEmpty.js

@@ -0,0 +1,6 @@
+import { j as r } from "../jsx-runtime-B6kdoens.js";
+import { Typography as t } from "@mui/material";
+const e = ({ title: o }) => /* @__PURE__ */ r.jsx(t, { variant: "body2", color: "text.secondary", my: 3, children: o || "No data available." });
+export {
+  e as default
+};

package/dist/AppEmpty/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppEmpty';

package/dist/AppEmpty/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppEmpty.js";
+export {
+  o as default
+};

package/dist/AppEmpty/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppError/AppError.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const AppError: () => React.JSX.Element;
+export default AppError;

package/dist/AppError/AppError.js

@@ -0,0 +1,18 @@
+import { j as r } from "../jsx-runtime-B6kdoens.js";
+import { Stack as t, Box as a, Typography as e } from "@mui/material";
+const s = () => /* @__PURE__ */ r.jsxs(t, { alignItems: "center", gap: 2, children: [
+  /* @__PURE__ */ r.jsx(
+    a,
+    {
+      alt: "Internal server error",
+      component: "img",
+      src: "../assets/error.svg",
+      sx: { height: "auto", maxWidth: "100%", width: "100px" }
+    }
+  ),
+  /* @__PURE__ */ r.jsx(e, { variant: "h5", children: "500: Internal server error" }),
+  /* @__PURE__ */ r.jsx(e, { variant: "body2", children: "We're sorry, but we encountered an error while trying to load the content. Please try again later." })
+] });
+export {
+  s as default
+};

package/dist/AppError/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppError';

package/dist/AppError/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppError.js";
+export {
+  o as default
+};

package/dist/AppError/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppFileDropzone/AppFileDropzone.d.ts

@@ -0,0 +1,20 @@
+import { DropzoneOptions, FileWithPath } from 'react-dropzone';
+import * as React from 'react';
+export type CustomFile = File | FileWithPath | {
+    name: string;
+    size: number;
+};
+interface AppFileDropzoneProps extends DropzoneOptions {
+    caption?: string;
+    files?: CustomFile[];
+    onRemove?: (file: CustomFile) => void;
+    onRemoveAll?: () => void;
+    onUpload?: () => void;
+    label?: string;
+    disabledUpload?: boolean;
+    error?: string;
+    required?: boolean;
+    isShowBtnRemoveAll?: boolean;
+}
+declare const AppFileDropzone: ({ caption, label, error, onRemoveAll, onUpload, onRemove, required, disabledUpload, isShowBtnRemoveAll, ...props }: AppFileDropzoneProps) => React.JSX.Element;
+export default AppFileDropzone;

package/dist/AppFileDropzone/AppFileDropzone.js

@@ -0,0 +1,166 @@
+import { j as e } from "../jsx-runtime-B6kdoens.js";
+import { Tooltip as E, IconButton as w } from "@mui/material";
+import t, { forwardRef as M } from "react";
+import { E as Z } from "../SSRBase-B9xq2wUG.js";
+import { S as V } from "../X-DETrowOy.js";
+import { useDropzone as z } from "react-dropzone";
+import F from "../AppAvatar/AppAvatar.js";
+import I from "../AppButton/AppButton.js";
+import O from "../AppFileIcon/AppFileIcon.js";
+import S from "../AppFormControl/AppFormControl.js";
+import { bytesToSize as C } from "../utils/bytes-to-size.js";
+import { S as n } from "../Stack-D9qNbbkC.js";
+import { B as x } from "../Box-yxuKPTCX.js";
+import { T as i } from "../Typography-BYkXNa-U.js";
+const H = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M196.49,151.51a12,12,0,0,1-17,17L168,157v51a12,12,0,0,1-24,0V157l-11.51,11.52a12,12,0,1,1-17-17l32-32a12,12,0,0,1,17,0ZM160,36A92.08,92.08,0,0,0,79,84.37,68,68,0,1,0,72,220h28a12,12,0,0,0,0-24H72a44,44,0,0,1-1.81-87.95A91.7,91.7,0,0,0,68,128a12,12,0,0,0,24,0,68,68,0,1,1,132.6,21.29,12,12,0,1,0,22.8,7.51A92.06,92.06,0,0,0,160,36Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+      "path",
+      {
+        d: "M240,128a80,80,0,0,1-80,80H72A56,56,0,1,1,85.92,97.74l0,.1A80,80,0,0,1,240,128Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ t.createElement("path", { d: "M178.34,165.66,160,147.31V208a8,8,0,0,1-16,0V147.31l-18.34,18.35a8,8,0,0,1-11.32-11.32l32-32a8,8,0,0,1,11.32,0l32,32a8,8,0,0,1-11.32,11.32ZM160,40A88.08,88.08,0,0,0,81.29,88.68,64,64,0,1,0,72,216h40a8,8,0,0,0,0-16H72a48,48,0,0,1,0-96c1.1,0,2.2,0,3.29.12A88,88,0,0,0,72,128a8,8,0,0,0,16,0,72,72,0,1,1,100.8,66,8,8,0,0,0,3.2,15.34,7.9,7.9,0,0,0,3.2-.68A88,88,0,0,0,160,40Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M247.93,124.52C246.11,77.54,207.07,40,160.06,40A88.1,88.1,0,0,0,81.29,88.67h0A87.48,87.48,0,0,0,72,127.73,8.18,8.18,0,0,1,64.57,136,8,8,0,0,1,56,128a103.66,103.66,0,0,1,5.34-32.92,4,4,0,0,0-4.75-5.18A64.09,64.09,0,0,0,8,152c0,35.19,29.75,64,65,64H160A88.09,88.09,0,0,0,247.93,124.52Zm-50.27,9.14a8,8,0,0,1-11.32,0L168,115.31V176a8,8,0,0,1-16,0V115.31l-18.34,18.35a8,8,0,0,1-11.32-11.32l32-32a8,8,0,0,1,11.32,0l32,32A8,8,0,0,1,197.66,133.66Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M188.24,164.24a6,6,0,0,1-8.48,0L158,142.49V208a6,6,0,0,1-12,0V142.49l-21.76,21.75a6,6,0,0,1-8.48-8.48l32-32a6,6,0,0,1,8.48,0l32,32A6,6,0,0,1,188.24,164.24ZM160,42A86.1,86.1,0,0,0,82.43,90.88,62,62,0,1,0,72,214h40a6,6,0,0,0,0-12H72a50,50,0,0,1,0-100,50.68,50.68,0,0,1,5.91.36A85.54,85.54,0,0,0,74,128a6,6,0,0,0,12,0,74,74,0,1,1,103.6,67.85,6,6,0,0,0,4.8,11A86,86,0,0,0,160,42Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M178.34,165.66,160,147.31V208a8,8,0,0,1-16,0V147.31l-18.34,18.35a8,8,0,0,1-11.32-11.32l32-32a8,8,0,0,1,11.32,0l32,32a8,8,0,0,1-11.32,11.32ZM160,40A88.08,88.08,0,0,0,81.29,88.68,64,64,0,1,0,72,216h40a8,8,0,0,0,0-16H72a48,48,0,0,1,0-96c1.1,0,2.2,0,3.29.12A88,88,0,0,0,72,128a8,8,0,0,0,16,0,72,72,0,1,1,100.8,66,8,8,0,0,0,3.2,15.34,7.9,7.9,0,0,0,3.2-.68A88,88,0,0,0,160,40Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M186.83,162.83a4,4,0,0,1-5.66,0L156,137.66V208a4,4,0,0,1-8,0V137.66l-25.17,25.17a4,4,0,0,1-5.66-5.66l32-32a4,4,0,0,1,5.66,0l32,32A4,4,0,0,1,186.83,162.83ZM160,44A84.09,84.09,0,0,0,83.61,93.13,60,60,0,1,0,72,212h40a4,4,0,0,0,0-8H72a52,52,0,1,1,8.57-103.27A83.45,83.45,0,0,0,76,128a4,4,0,0,0,8,0,76,76,0,1,1,106.4,69.68,4,4,0,0,0,1.6,7.66,3.92,3.92,0,0,0,1.6-.33A84,84,0,0,0,160,44Z" }))
+  ]
+]);
+var P = Object.defineProperty, k = Object.defineProperties, D = Object.getOwnPropertyDescriptors, u = Object.getOwnPropertySymbols, B = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable, h = (r, a, l) => a in r ? P(r, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : r[a] = l, T = (r, a) => {
+  for (var l in a || (a = {}))
+    B.call(a, l) && h(r, l, a[l]);
+  if (u)
+    for (var l of u(a))
+      L.call(a, l) && h(r, l, a[l]);
+  return r;
+}, R = (r, a) => k(r, D(a));
+const f = M((r, a) => /* @__PURE__ */ t.createElement(Z, R(T({ ref: a }, r), { weights: H })));
+f.displayName = "CloudArrowUp";
+const l0 = ({
+  caption: r,
+  label: a = "",
+  error: l,
+  onRemoveAll: g,
+  onUpload: U,
+  onRemove: s,
+  required: j = !1,
+  disabledUpload: _ = !1,
+  isShowBtnRemoveAll: A = !1,
+  ...p
+}) => {
+  var m, d;
+  const { getRootProps: v, getInputProps: b, isDragActive: c } = z(p);
+  return /* @__PURE__ */ e.jsxs(S, { error: l, label: a, required: j, children: [
+    /* @__PURE__ */ e.jsx(n, { spacing: 2, mt: "0.5rem", children: /* @__PURE__ */ e.jsxs(
+      x,
+      {
+        sx: {
+          alignItems: "center",
+          border: "1px dashed var(--mui-palette-divider)",
+          borderRadius: 1,
+          cursor: "pointer",
+          display: "flex",
+          flexWrap: "wrap",
+          justifyContent: "center",
+          outline: "none",
+          p: 6,
+          ...c && {
+            bgcolor: "var(--mui-palette-action-selected)",
+            opacity: 0.5
+          },
+          "&:hover": {
+            ...!c && {
+              bgcolor: "var(--mui-palette-action-hover)"
+            }
+          }
+        },
+        ...v(),
+        children: [
+          /* @__PURE__ */ e.jsx("input", { ...b() }),
+          /* @__PURE__ */ e.jsxs(n, { direction: "row", spacing: 2, sx: { alignItems: "center" }, children: [
+            /* @__PURE__ */ e.jsx(
+              F,
+              {
+                sx: {
+                  "--Avatar-size": "64px",
+                  "--Icon-fontSize": "var(--icon-fontSize-lg)",
+                  bgcolor: "var(--mui-palette-background-paper)",
+                  boxShadow: "var(--mui-shadows-8)",
+                  color: "var(--mui-palette-text-primary)"
+                },
+                children: /* @__PURE__ */ e.jsx(f, {})
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(n, { spacing: 1, children: [
+              /* @__PURE__ */ e.jsxs(i, { variant: "h6", children: [
+                /* @__PURE__ */ e.jsx(i, { component: "span", sx: { textDecoration: "underline" }, variant: "inherit", children: "Click to upload" }),
+                " ",
+                "or drag and drop your files here"
+              ] }),
+              r ? /* @__PURE__ */ e.jsx(i, { color: "text.secondary", variant: "body2", children: r }) : null
+            ] })
+          ] })
+        ]
+      }
+    ) }),
+    (m = p.files) != null && m.length ? /* @__PURE__ */ e.jsxs(n, { mt: 2, spacing: 2, children: [
+      /* @__PURE__ */ e.jsx(n, { component: "ul", spacing: 1, sx: { listStyle: "none", m: 0, p: 0 }, children: (d = p.files) == null ? void 0 : d.map((o) => {
+        const y = o.name.split(".").pop();
+        return /* @__PURE__ */ e.jsxs(
+          n,
+          {
+            component: "li",
+            direction: "row",
+            spacing: 2,
+            sx: {
+              alignItems: "center",
+              border: "1px solid var(--mui-palette-divider)",
+              borderRadius: 1,
+              flex: "1 1 auto",
+              p: 1
+            },
+            children: [
+              /* @__PURE__ */ e.jsx(O, { extension: y }),
+              /* @__PURE__ */ e.jsxs(x, { sx: { flex: "1 1 auto" }, children: [
+                /* @__PURE__ */ e.jsx(i, { variant: "subtitle2", children: o.name }),
+                /* @__PURE__ */ e.jsx(i, { color: "text.secondary", variant: "body2", children: C(o.size) })
+              ] }),
+              /* @__PURE__ */ e.jsx(E, { title: "Remove", children: /* @__PURE__ */ e.jsx(
+                w,
+                {
+                  onClick: () => {
+                    s == null || s(o);
+                  },
+                  children: /* @__PURE__ */ e.jsx(V, {})
+                }
+              ) })
+            ]
+          },
+          o.size
+        );
+      }) }),
+      /* @__PURE__ */ e.jsx(n, { direction: "row", spacing: 2, sx: { alignItems: "center", justifyContent: "flex-end" }, children: A && /* @__PURE__ */ e.jsx(I, { onClick: g, size: "small", type: "button", variant: "text", children: "Remove all" }) })
+    ] }) : null
+  ] });
+};
+export {
+  l0 as default
+};

package/dist/AppFileDropzone/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './AppFileDropzone';
+export type { CustomFile } from './AppFileDropzone';

package/dist/AppFileDropzone/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppFileDropzone.js";
+export {
+  o as default
+};

package/dist/AppFileDropzone/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppFileIcon/AppFileIcon.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface AppFileIconProps {
+    extension?: string;
+}
+declare const AppFileIcon: ({ extension }: AppFileIconProps) => React.JSX.Element;
+export default AppFileIcon;

package/dist/AppFileIcon/AppFileIcon.js

@@ -0,0 +1,29 @@
+import { j as e } from "../jsx-runtime-B6kdoens.js";
+import { B as i } from "../Box-yxuKPTCX.js";
+const o = {
+  jpeg: "/assets/icon-jpg.svg",
+  jpg: "/assets/icon-jpg.svg",
+  mp4: "/assets/icon-mp4.svg",
+  pdf: "/assets/icon-pdf.svg",
+  png: "/assets/icon-png.svg",
+  svg: "/assets/icon-svg.svg"
+}, p = ({ extension: t }) => {
+  let s;
+  return t ? s = o[t] ?? "/assets/icon-other.svg" : s = "/assets/icon-other.svg", /* @__PURE__ */ e.jsx(
+    i,
+    {
+      sx: {
+        alignItems: "center",
+        display: "inline-flex",
+        flex: "0 0 auto",
+        justifyContent: "center",
+        width: "36px",
+        height: "36px"
+      },
+      children: /* @__PURE__ */ e.jsx(i, { alt: "File", component: "img", src: s, sx: { height: "100%", width: "auto" } })
+    }
+  );
+};
+export {
+  p as default
+};

package/dist/AppFileIcon/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppFileIcon';

package/dist/AppFileIcon/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppFileIcon.js";
+export {
+  o as default
+};

package/dist/AppFileIcon/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}