dishui 0.0.64 → 0.0.66

package/dist/components/pro/FileExplorer/CreateDialog.js

@@ -1,81 +1,81 @@
-import m from "../../Button/index.js";
-import { useEffect as h, useRef as f, useState as p } from "react";
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-var v = {
-  newFolder: "New Folder",
-  newFile: "New File",
-  create: "Create",
-  cancel: "Cancel",
-  folderNamePlaceholder: "Folder name",
-  fileNamePlaceholder: "File name"
-}, y = ({ type: l, labels: d, onConfirm: n, onCancel: o }) => {
-  const t = {
-    ...v,
-    ...d
-  }, [a, u] = p(""), i = f(null);
-  return h(() => {
-    const e = setTimeout(() => {
-      i.current?.focus();
-    }, 50);
-    return () => clearTimeout(e);
-  }, []), /* @__PURE__ */ c("div", {
-    className: "flex items-center gap-2 px-3 py-2 bg-base-200/80 rounded-lg border border-base-300 animate-in",
-    children: [/* @__PURE__ */ r("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "h-5 w-5 opacity-50 flex-shrink-0",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      strokeWidth: 1.5,
-      children: l === "folder" ? /* @__PURE__ */ r("path", {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        d: "M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z"
-      }) : /* @__PURE__ */ r("path", {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        d: "M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-      })
-    }), /* @__PURE__ */ c("form", {
-      onSubmit: (e) => {
-        e.preventDefault();
-        const s = a.trim();
-        s && n(s);
-      },
-      className: "flex items-center gap-2 flex-1",
-      onKeyDown: (e) => {
-        e.key === "Escape" && o();
-      },
-      children: [
-        /* @__PURE__ */ r("input", {
-          ref: i,
-          type: "text",
-          className: "input input-sm input-bordered flex-1 min-w-0",
-          placeholder: l === "folder" ? t.folderNamePlaceholder : t.fileNamePlaceholder,
-          value: a,
-          onChange: (e) => u(e.target.value)
-        }),
-        /* @__PURE__ */ r(m, {
-          variant: "primary",
-          size: "xs",
-          disabled: !a.trim(),
-          onClick: () => {
-            a.trim() && n(a.trim());
-          },
-          children: t.create
-        }),
-        /* @__PURE__ */ r(m, {
-          variant: "ghost",
-          size: "xs",
-          onClick: o,
-          children: t.cancel
-        })
-      ]
-    })]
-  });
-};
-export {
-  y as CreateDialog
+import e from "../../Button/index.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/pro/FileExplorer/CreateDialog.tsx
+var o = {
+	newFolder: "New Folder",
+	newFile: "New File",
+	create: "Create",
+	cancel: "Cancel",
+	folderNamePlaceholder: "Folder name",
+	fileNamePlaceholder: "File name"
+}, s = ({ type: s, labels: c, onConfirm: l, onCancel: u }) => {
+	let d = {
+		...o,
+		...c
+	}, [f, p] = r(""), m = n(null);
+	return t(() => {
+		let e = setTimeout(() => {
+			m.current?.focus();
+		}, 50);
+		return () => clearTimeout(e);
+	}, []), /* @__PURE__ */ a("div", {
+		className: "flex items-center gap-2 px-3 py-2 bg-base-200/80 rounded-lg border border-base-300 animate-in",
+		children: [/* @__PURE__ */ i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			className: "h-5 w-5 opacity-50 flex-shrink-0",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			strokeWidth: 1.5,
+			children: s === "folder" ? /* @__PURE__ */ i("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				d: "M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z"
+			}) : /* @__PURE__ */ i("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				d: "M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+			})
+		}), /* @__PURE__ */ a("form", {
+			onSubmit: (e) => {
+				e.preventDefault();
+				let t = f.trim();
+				t && l(t);
+			},
+			className: "flex items-center gap-2 flex-1",
+			onKeyDown: (e) => {
+				e.key === "Escape" && u();
+			},
+			children: [
+				/* @__PURE__ */ i("input", {
+					ref: m,
+					type: "text",
+					className: "input input-sm input-bordered flex-1 min-w-0",
+					placeholder: s === "folder" ? d.folderNamePlaceholder : d.fileNamePlaceholder,
+					value: f,
+					onChange: (e) => p(e.target.value)
+				}),
+				/* @__PURE__ */ i(e, {
+					variant: "primary",
+					size: "xs",
+					disabled: !f.trim(),
+					onClick: () => {
+						f.trim() && l(f.trim());
+					},
+					children: d.create
+				}),
+				/* @__PURE__ */ i(e, {
+					variant: "ghost",
+					size: "xs",
+					onClick: u,
+					children: d.cancel
+				})
+			]
+		})]
+	});
 };
+//#endregion
+export { s as CreateDialog };
 
 //# sourceMappingURL=CreateDialog.js.map

package/dist/components/pro/FileExplorer/CreateDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateDialog.js","names":[],"sources":["../../../../src/components/pro/FileExplorer/CreateDialog.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { CreateDialogProps } from './types';\nimport Button from '../../Button';\nimport Input from '../../Input';\n\nconst defaultLabels = {\n    newFolder: 'New Folder',\n    newFile: 'New File',\n    create: 'Create',\n    cancel: 'Cancel',\n    folderNamePlaceholder: 'Folder name',\n    fileNamePlaceholder: 'File name',\n};\n\nexport const CreateDialog: React.FC<CreateDialogProps> = ({\n    type,\n    labels: userLabels,\n    onConfirm,\n    onCancel,\n}) => {\n    const labels = { ...defaultLabels, ...userLabels };\n    const [name, setName] = useState('');\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        // Auto-focus the input with a small delay for animation\n        const timer = setTimeout(() => {\n            inputRef.current?.focus();\n        }, 50);\n        return () => clearTimeout(timer);\n    }, []);\n\n    const handleSubmit = (e: React.FormEvent) => {\n        e.preventDefault();\n        const trimmed = name.trim();\n        if (trimmed) {\n            onConfirm(trimmed);\n        }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'Escape') {\n            onCancel();\n        }\n    };\n\n    return (\n        <div className=\"flex items-center gap-2 px-3 py-2 bg-base-200/80 rounded-lg border border-base-300 animate-in\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5 opacity-50 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n                {type === 'folder' ? (\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z\" />\n                ) : (\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n                )}\n            </svg>\n\n            <form onSubmit={handleSubmit} className=\"flex items-center gap-2 flex-1\" onKeyDown={handleKeyDown}>\n                <input\n                    ref={inputRef}\n                    type=\"text\"\n                    className=\"input input-sm input-bordered flex-1 min-w-0\"\n                    placeholder={type === 'folder' ? labels.folderNamePlaceholder : labels.fileNamePlaceholder}\n                    value={name}\n                    onChange={(e) => setName(e.target.value)}\n                />\n                <Button\n                    variant=\"primary\"\n                    size=\"xs\"\n                    disabled={!name.trim()}\n                    onClick={() => { if (name.trim()) onConfirm(name.trim()); }}\n                >\n                    {labels.create}\n                </Button>\n                <Button\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    onClick={onCancel}\n                >\n                    {labels.cancel}\n                </Button>\n            </form>\n        </div>\n    );\n};\n"],"mappings":";;;AAKA,IAAM,IAAgB;AAAA,EAClB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,uBAAuB;AAAA,EACvB,qBAAqB;AACzB,GAEa,IAAA,CAA6C,EACtD,MAAA,GACA,QAAQ,GACR,WAAA,GACA,UAAA,EAAA,MACE;AACF,QAAM,IAAS;AAAA,IAAE,GAAG;AAAA,IAAe,GAAG;AAAA,EAAW,GAC3C,CAAC,GAAM,CAAA,IAAW,EAAS,EAAE,GAC7B,IAAW,EAAyB,IAAI;AAE9C,SAAA,EAAA,MAAgB;AAEZ,UAAM,IAAQ,WAAA,MAAiB;AAC3B,MAAA,EAAS,SAAS,MAAM;AAAA,IAC5B,GAAG,EAAE;AACL,WAAA,MAAa,aAAa,CAAK;AAAA,EACnC,GAAG,CAAC,CAAC,GAiBD,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,cAAf,CACI,gBAAA,EAAC,OAAD;AAAA,MAAK,OAAM;AAAA,MAA6B,WAAU;AAAA,MAAmC,MAAK;AAAA,MAAO,SAAQ;AAAA,MAAY,QAAO;AAAA,MAAe,aAAa;AAAA,gBACnJ,MAAS,WACN,gBAAA,EAAC,QAAD;AAAA,QAAM,eAAc;AAAA,QAAQ,gBAAe;AAAA,QAAQ,GAAE;AAAA,MAAwF,CAAA,IAE7I,gBAAA,EAAC,QAAD;AAAA,QAAM,eAAc;AAAA,QAAQ,gBAAe;AAAA,QAAQ,GAAE;AAAA,MAAwH,CAAA;AAAA,IAEhL,CAAA,GAEL,gBAAA,EAAC,QAAD;AAAA,MAAM,UAxBR,CAAgB,MAAuB;AACzC,UAAE,eAAe;AACjB,cAAM,IAAU,EAAK,KAAK;AAC1B,QAAI,KACA,EAAU,CAAO;AAAA,MAEzB;AAAA,MAkBsC,WAAU;AAAA,MAAiC,WAhB3E,CAAiB,MAA2B;AAC9C,QAAI,EAAE,QAAQ,YACV,EAAS;AAAA,MAEjB;AAAA,gBAYQ;AAAA,QACI,gBAAA,EAAC,SAAD;AAAA,UACI,KAAK;AAAA,UACL,MAAK;AAAA,UACL,WAAU;AAAA,UACV,aAAa,MAAS,WAAW,EAAO,wBAAwB,EAAO;AAAA,UACvE,OAAO;AAAA,UACP,UAAA,CAAW,MAAM,EAAQ,EAAE,OAAO,KAAK;AAAA,QAC1C,CAAA;AAAA,QACD,gBAAA,EAAC,GAAD;AAAA,UACI,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU,CAAC,EAAK,KAAK;AAAA,UACrB,SAAA,MAAe;AAAE,YAAI,EAAK,KAAK,KAAG,EAAU,EAAK,KAAK,CAAC;AAAA,UAAG;AAAA,oBAEzD,EAAO;AAAA,QACJ,CAAA;AAAA,QACR,gBAAA,EAAC,GAAD;AAAA,UACI,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS;AAAA,oBAER,EAAO;AAAA,QACJ,CAAA;AAAA,MACN;AAAA,MACL;AAAA;AAEb"}
+{"version":3,"file":"CreateDialog.js","names":[],"sources":["../../../../src/components/pro/FileExplorer/CreateDialog.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { CreateDialogProps } from './types';\nimport Button from '../../Button';\nimport Input from '../../Input';\n\nconst defaultLabels = {\n    newFolder: 'New Folder',\n    newFile: 'New File',\n    create: 'Create',\n    cancel: 'Cancel',\n    folderNamePlaceholder: 'Folder name',\n    fileNamePlaceholder: 'File name',\n};\n\nexport const CreateDialog: React.FC<CreateDialogProps> = ({\n    type,\n    labels: userLabels,\n    onConfirm,\n    onCancel,\n}) => {\n    const labels = { ...defaultLabels, ...userLabels };\n    const [name, setName] = useState('');\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        // Auto-focus the input with a small delay for animation\n        const timer = setTimeout(() => {\n            inputRef.current?.focus();\n        }, 50);\n        return () => clearTimeout(timer);\n    }, []);\n\n    const handleSubmit = (e: React.FormEvent) => {\n        e.preventDefault();\n        const trimmed = name.trim();\n        if (trimmed) {\n            onConfirm(trimmed);\n        }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'Escape') {\n            onCancel();\n        }\n    };\n\n    return (\n        <div className=\"flex items-center gap-2 px-3 py-2 bg-base-200/80 rounded-lg border border-base-300 animate-in\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5 opacity-50 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n                {type === 'folder' ? (\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z\" />\n                ) : (\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n                )}\n            </svg>\n\n            <form onSubmit={handleSubmit} className=\"flex items-center gap-2 flex-1\" onKeyDown={handleKeyDown}>\n                <input\n                    ref={inputRef}\n                    type=\"text\"\n                    className=\"input input-sm input-bordered flex-1 min-w-0\"\n                    placeholder={type === 'folder' ? labels.folderNamePlaceholder : labels.fileNamePlaceholder}\n                    value={name}\n                    onChange={(e) => setName(e.target.value)}\n                />\n                <Button\n                    variant=\"primary\"\n                    size=\"xs\"\n                    disabled={!name.trim()}\n                    onClick={() => { if (name.trim()) onConfirm(name.trim()); }}\n                >\n                    {labels.create}\n                </Button>\n                <Button\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    onClick={onCancel}\n                >\n                    {labels.cancel}\n                </Button>\n            </form>\n        </div>\n    );\n};\n"],"mappings":";;;;AAKA,IAAM,IAAgB;CAClB,WAAW;CACX,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,uBAAuB;CACvB,qBAAqB;AACzB,GAEa,KAA6C,EACtD,SACA,QAAQ,GACR,cACA,kBACE;CACF,IAAM,IAAS;EAAE,GAAG;EAAe,GAAG;CAAW,GAC3C,CAAC,GAAM,KAAW,EAAS,EAAE,GAC7B,IAAW,EAAyB,IAAI;CAwB9C,OAtBA,QAAgB;EAEZ,IAAM,IAAQ,iBAAiB;GAC3B,EAAS,SAAS,MAAM;EAC5B,GAAG,EAAE;EACL,aAAa,aAAa,CAAK;CACnC,GAAG,CAAC,CAAC,GAiBD,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACI,kBAAC,OAAD;GAAK,OAAM;GAA6B,WAAU;GAAmC,MAAK;GAAO,SAAQ;GAAY,QAAO;GAAe,aAAa;GACnJ,UAAA,MAAS,WACN,kBAAC,QAAD;IAAM,eAAc;IAAQ,gBAAe;IAAQ,GAAE;GAAwF,CAAA,IAE7I,kBAAC,QAAD;IAAM,eAAc;IAAQ,gBAAe;IAAQ,GAAE;GAAwH,CAAA;EAEhL,CAAA,GAEL,kBAAC,QAAD;GAAM,WAxBQ,MAAuB;IACzC,EAAE,eAAe;IACjB,IAAM,IAAU,EAAK,KAAK;IAC1B,AAAI,KACA,EAAU,CAAO;GAEzB;GAkBsC,WAAU;GAAiC,YAhB1D,MAA2B;IAC9C,AAAI,EAAE,QAAQ,YACV,EAAS;GAEjB;GAYQ,UAAA;IACI,kBAAC,SAAD;KACI,KAAK;KACL,MAAK;KACL,WAAU;KACV,aAAa,MAAS,WAAW,EAAO,wBAAwB,EAAO;KACvE,OAAO;KACP,WAAW,MAAM,EAAQ,EAAE,OAAO,KAAK;IAC1C,CAAA;IACD,kBAAC,GAAD;KACI,SAAQ;KACR,MAAK;KACL,UAAU,CAAC,EAAK,KAAK;KACrB,eAAe;MAAE,AAAI,EAAK,KAAK,KAAG,EAAU,EAAK,KAAK,CAAC;KAAG;KAEzD,UAAA,EAAO;IACJ,CAAA;IACR,kBAAC,GAAD;KACI,SAAQ;KACR,MAAK;KACL,SAAS;KAER,UAAA,EAAO;IACJ,CAAA;GACN;EACL,CAAA,CAAA;;AAEb"}

package/dist/components/pro/FileExplorer/FileExplorer.js

@@ -1,210 +1,207 @@
-import { FileUploader as Z } from "../../FileUploader/FileUploader.js";
-import { Breadcrumb as _ } from "./Breadcrumb.js";
-import { Toolbar as ee } from "./Toolbar.js";
-import { ListView as oe } from "./ListView.js";
-import { GridView as te } from "./GridView.js";
-import { CreateDialog as re } from "./CreateDialog.js";
-import { useCallback as c, useEffect as ie, useMemo as se, useState as d } from "react";
-import { jsx as r, jsxs as b } from "react/jsx-runtime";
-var le = {
-  loading: "Loading...",
-  emptyFolder: "This folder is empty",
-  items: "items",
-  uploadFiles: "Upload"
+import { FileUploader as e } from "../../FileUploader/FileUploader.js";
+import { Breadcrumb as t } from "./Breadcrumb.js";
+import { Toolbar as n } from "./Toolbar.js";
+import { ListView as r } from "./ListView.js";
+import { GridView as i } from "./GridView.js";
+import { CreateDialog as a } from "./CreateDialog.js";
+import { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/pro/FileExplorer/FileExplorer.tsx
+var f = {
+	loading: "Loading...",
+	emptyFolder: "This folder is empty",
+	items: "items",
+	uploadFiles: "Upload"
 };
-function ae(o, s, F, E) {
-  if (o.type !== s.type) return o.type === "folder" ? -1 : 1;
-  let l = 0;
-  switch (F) {
-    case "name":
-      l = o.name.localeCompare(s.name, void 0, { sensitivity: "base" });
-      break;
-    case "size":
-      l = (o.size || 0) - (s.size || 0);
-      break;
-    case "modifiedAt":
-      l = (o.modifiedAt ? new Date(o.modifiedAt).getTime() : 0) - (s.modifiedAt ? new Date(s.modifiedAt).getTime() : 0);
-      break;
-    case "type": {
-      const m = o.name.split(".").pop()?.toLowerCase() || "", f = s.name.split(".").pop()?.toLowerCase() || "";
-      l = m.localeCompare(f);
-      break;
-    }
-  }
-  return E === "desc" ? -l : l;
+function p(e, t, n, r) {
+	if (e.type !== t.type) return e.type === "folder" ? -1 : 1;
+	let i = 0;
+	switch (n) {
+		case "name":
+			i = e.name.localeCompare(t.name, void 0, { sensitivity: "base" });
+			break;
+		case "size":
+			i = (e.size || 0) - (t.size || 0);
+			break;
+		case "modifiedAt":
+			i = (e.modifiedAt ? new Date(e.modifiedAt).getTime() : 0) - (t.modifiedAt ? new Date(t.modifiedAt).getTime() : 0);
+			break;
+		case "type": {
+			let n = e.name.split(".").pop()?.toLowerCase() || "", r = t.name.split(".").pop()?.toLowerCase() || "";
+			i = n.localeCompare(r);
+			break;
+		}
+	}
+	return r === "desc" ? -i : i;
 }
-var we = ({ adapter: o, uploadAdapter: s, initialPath: F = "/", viewMode: E = "list", enableCreate: l = !1, enableDelete: m = !1, enableRename: f = !1, enableUpload: Q = !1, uploadAccept: q, uploadMaxFileSize: G, className: I = "", labels: P, onFileSelect: g, onPathChange: k, onUploadComplete: L, onUploadError: R }) => {
-  const a = {
-    ...le,
-    ...P
-  }, [n, $] = d(F), [v, h] = d([]), [H, U] = d(!1), [u, T] = d(""), [D, J] = d(E), [y, M] = d({
-    field: "name",
-    direction: "asc"
-  }), [p, w] = d(null), [K, S] = d(!1), x = c(async (e) => {
-    U(!0);
-    try {
-      const t = await o.list(e);
-      h(t);
-    } catch (t) {
-      console.error("Failed to list directory:", t), h([]);
-    } finally {
-      U(!1);
-    }
-  }, [o]);
-  ie(() => {
-    x(n);
-  }, [n, x]);
-  const C = c((e) => {
-    $(e), T(""), w(null), S(!1), k?.(e);
-  }, [k]), N = se(() => {
-    let e = v;
-    if (u) {
-      const t = u.toLowerCase();
-      e = v.filter((i) => i.name.toLowerCase().includes(t));
-    }
-    return [...e].sort((t, i) => ae(t, i, y.field, y.direction));
-  }, [
-    v,
-    u,
-    y
-  ]), j = c((e) => {
-    e.type === "folder" ? C(e.path) : g?.(e);
-  }, [C, g]), z = c((e) => {
-    e.type === "folder" ? C(e.path) : g?.(e);
-  }, [C, g]), A = c(async (e) => {
-    if (o.delete)
-      try {
-        await o.delete(e.path), h((t) => t.filter((i) => i.path !== e.path));
-      } catch (t) {
-        console.error("Failed to delete:", t);
-      }
-  }, [o]), V = c(async (e) => {
-    if (!o.rename) return;
-    const t = window.prompt("New name:", e.name);
-    if (!(!t || t === e.name))
-      try {
-        const i = await o.rename(e.path, t);
-        h((Y) => Y.map((B) => B.path === e.path ? i : B));
-      } catch (i) {
-        console.error("Failed to rename:", i);
-      }
-  }, [o]), O = c(async (e) => {
-    if (p)
-      try {
-        let t;
-        p === "folder" && o.createFolder ? t = await o.createFolder(n, e) : p === "file" && o.createFile && (t = await o.createFile(n, e)), t && h((i) => [...i, t]);
-      } catch (t) {
-        console.error("Failed to create:", t);
-      } finally {
-        w(null);
-      }
-  }, [
-    p,
-    n,
-    o
-  ]), W = c((e) => {
-    x(n), L?.(e);
-  }, [
-    x,
-    n,
-    L
-  ]), X = Q && !!s;
-  return /* @__PURE__ */ b("div", {
-    className: `flex flex-col bg-base-100 rounded-xl border border-base-300 overflow-hidden shadow-lg ${I}`,
-    children: [
-      /* @__PURE__ */ r("div", {
-        className: "border-b border-base-300 px-2",
-        children: /* @__PURE__ */ r(_, {
-          path: n,
-          labels: a,
-          adapter: o,
-          onNavigate: C
-        })
-      }),
-      /* @__PURE__ */ r(ee, {
-        searchQuery: u,
-        onSearchChange: T,
-        viewMode: D,
-        onViewModeChange: J,
-        sortConfig: y,
-        onSortChange: M,
-        enableCreate: l,
-        hasCreateFolder: !!o.createFolder,
-        hasCreateFile: !!o.createFile,
-        onCreateFolder: () => w("folder"),
-        onCreateFile: () => w("file"),
-        enableUpload: X,
-        onUploadFiles: () => S((e) => !e),
-        labels: a
-      }),
-      p && /* @__PURE__ */ r("div", {
-        className: "px-3 py-2 border-b border-base-300",
-        children: /* @__PURE__ */ r(re, {
-          type: p,
-          labels: a,
-          onConfirm: O,
-          onCancel: () => w(null)
-        })
-      }),
-      K && s && /* @__PURE__ */ r("div", {
-        className: "px-3 py-3 border-b border-base-300 bg-base-200/30",
-        children: /* @__PURE__ */ r(Z, {
-          adapter: s,
-          accept: q,
-          maxFileSize: G,
-          multiple: !0,
-          autoUpload: !0,
-          labels: a,
-          onUploadComplete: W,
-          onError: R
-        })
-      }),
-      /* @__PURE__ */ r("div", {
-        className: "flex-1 overflow-y-auto min-h-[300px]",
-        children: H ? /* @__PURE__ */ b("div", {
-          className: "flex items-center justify-center py-16",
-          children: [/* @__PURE__ */ r("span", { className: "loading loading-spinner loading-md opacity-50" }), /* @__PURE__ */ r("span", {
-            className: "ml-2 text-sm opacity-50",
-            children: a.loading
-          })]
-        }) : D === "list" ? /* @__PURE__ */ r(oe, {
-          entries: N,
-          sortConfig: y,
-          onSortChange: M,
-          onEntryClick: j,
-          onEntryDoubleClick: z,
-          onDelete: m ? A : void 0,
-          onRename: f ? V : void 0,
-          enableDelete: m,
-          enableRename: f,
-          labels: a
-        }) : /* @__PURE__ */ r(te, {
-          entries: N,
-          onEntryClick: j,
-          onEntryDoubleClick: z,
-          onDelete: m ? A : void 0,
-          onRename: f ? V : void 0,
-          enableDelete: m,
-          enableRename: f,
-          labels: a
-        })
-      }),
-      /* @__PURE__ */ b("div", {
-        className: "border-t border-base-300 px-3 py-1.5 text-xs opacity-50 flex items-center justify-between",
-        children: [/* @__PURE__ */ b("span", { children: [
-          N.length,
-          " ",
-          a.items
-        ] }), u && /* @__PURE__ */ b("span", {
-          className: "italic",
-          children: ["Filtered from ", v.length]
-        })]
-      })
-    ]
-  });
-};
-export {
-  we as FileExplorer
+var m = ({ adapter: m, uploadAdapter: h, initialPath: g = "/", viewMode: _ = "list", enableCreate: v = !1, enableDelete: y = !1, enableRename: b = !1, enableUpload: x = !1, uploadAccept: S, uploadMaxFileSize: C, className: w = "", labels: T, onFileSelect: E, onPathChange: D, onUploadComplete: O, onUploadError: k }) => {
+	let A = {
+		...f,
+		...T
+	}, [j, M] = l(g), [N, P] = l([]), [F, I] = l(!1), [L, R] = l(""), [z, B] = l(_), [V, H] = l({
+		field: "name",
+		direction: "asc"
+	}), [U, W] = l(null), [G, K] = l(!1), q = o(async (e) => {
+		I(!0);
+		try {
+			let t = await m.list(e);
+			P(t);
+		} catch (e) {
+			console.error("Failed to list directory:", e), P([]);
+		} finally {
+			I(!1);
+		}
+	}, [m]);
+	s(() => {
+		q(j);
+	}, [j, q]);
+	let J = o((e) => {
+		M(e), R(""), W(null), K(!1), D?.(e);
+	}, [D]), Y = c(() => {
+		let e = N;
+		if (L) {
+			let t = L.toLowerCase();
+			e = N.filter((e) => e.name.toLowerCase().includes(t));
+		}
+		return [...e].sort((e, t) => p(e, t, V.field, V.direction));
+	}, [
+		N,
+		L,
+		V
+	]), X = o((e) => {
+		e.type === "folder" ? J(e.path) : E?.(e);
+	}, [J, E]), Z = o((e) => {
+		e.type === "folder" ? J(e.path) : E?.(e);
+	}, [J, E]), Q = o(async (e) => {
+		if (m.delete) try {
+			await m.delete(e.path), P((t) => t.filter((t) => t.path !== e.path));
+		} catch (e) {
+			console.error("Failed to delete:", e);
+		}
+	}, [m]), $ = o(async (e) => {
+		if (!m.rename) return;
+		let t = window.prompt("New name:", e.name);
+		if (t && t !== e.name) try {
+			let n = await m.rename(e.path, t);
+			P((t) => t.map((t) => t.path === e.path ? n : t));
+		} catch (e) {
+			console.error("Failed to rename:", e);
+		}
+	}, [m]), ee = o(async (e) => {
+		if (U) try {
+			let t;
+			U === "folder" && m.createFolder ? t = await m.createFolder(j, e) : U === "file" && m.createFile && (t = await m.createFile(j, e)), t && P((e) => [...e, t]);
+		} catch (e) {
+			console.error("Failed to create:", e);
+		} finally {
+			W(null);
+		}
+	}, [
+		U,
+		j,
+		m
+	]), te = o((e) => {
+		q(j), O?.(e);
+	}, [
+		q,
+		j,
+		O
+	]), ne = x && !!h;
+	return /* @__PURE__ */ d("div", {
+		className: `flex flex-col bg-base-100 rounded-xl border border-base-300 overflow-hidden shadow-lg ${w}`,
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "border-b border-base-300 px-2",
+				children: /* @__PURE__ */ u(t, {
+					path: j,
+					labels: A,
+					adapter: m,
+					onNavigate: J
+				})
+			}),
+			/* @__PURE__ */ u(n, {
+				searchQuery: L,
+				onSearchChange: R,
+				viewMode: z,
+				onViewModeChange: B,
+				sortConfig: V,
+				onSortChange: H,
+				enableCreate: v,
+				hasCreateFolder: !!m.createFolder,
+				hasCreateFile: !!m.createFile,
+				onCreateFolder: () => W("folder"),
+				onCreateFile: () => W("file"),
+				enableUpload: ne,
+				onUploadFiles: () => K((e) => !e),
+				labels: A
+			}),
+			U && /* @__PURE__ */ u("div", {
+				className: "px-3 py-2 border-b border-base-300",
+				children: /* @__PURE__ */ u(a, {
+					type: U,
+					labels: A,
+					onConfirm: ee,
+					onCancel: () => W(null)
+				})
+			}),
+			G && h && /* @__PURE__ */ u("div", {
+				className: "px-3 py-3 border-b border-base-300 bg-base-200/30",
+				children: /* @__PURE__ */ u(e, {
+					adapter: h,
+					accept: S,
+					maxFileSize: C,
+					multiple: !0,
+					autoUpload: !0,
+					labels: A,
+					onUploadComplete: te,
+					onError: k
+				})
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "flex-1 overflow-y-auto min-h-[300px]",
+				children: F ? /* @__PURE__ */ d("div", {
+					className: "flex items-center justify-center py-16",
+					children: [/* @__PURE__ */ u("span", { className: "loading loading-spinner loading-md opacity-50" }), /* @__PURE__ */ u("span", {
+						className: "ml-2 text-sm opacity-50",
+						children: A.loading
+					})]
+				}) : z === "list" ? /* @__PURE__ */ u(r, {
+					entries: Y,
+					sortConfig: V,
+					onSortChange: H,
+					onEntryClick: X,
+					onEntryDoubleClick: Z,
+					onDelete: y ? Q : void 0,
+					onRename: b ? $ : void 0,
+					enableDelete: y,
+					enableRename: b,
+					labels: A
+				}) : /* @__PURE__ */ u(i, {
+					entries: Y,
+					onEntryClick: X,
+					onEntryDoubleClick: Z,
+					onDelete: y ? Q : void 0,
+					onRename: b ? $ : void 0,
+					enableDelete: y,
+					enableRename: b,
+					labels: A
+				})
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "border-t border-base-300 px-3 py-1.5 text-xs opacity-50 flex items-center justify-between",
+				children: [/* @__PURE__ */ d("span", { children: [
+					Y.length,
+					" ",
+					A.items
+				] }), L && /* @__PURE__ */ d("span", {
+					className: "italic",
+					children: ["Filtered from ", N.length]
+				})]
+			})
+		]
+	});
 };
+//#endregion
+export { m as FileExplorer };
 
 //# sourceMappingURL=FileExplorer.js.map