arxatec-ui 0.1.71 → 0.1.72

package/dist/components/emoji_picker/components/emoji_picker_footer/index.js

@@ -2,10 +2,10 @@ import { cn as e } from "../../../../utilities/class/index.js";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import { EmojiPicker as i } from "frimousse";
 //#region src/components/emoji_picker/components/emoji_picker_footer/index.tsx
-var a = ({ className: a, ...o }) => /* @__PURE__ */ n("div", {
+var a = ({ className: a, emptyLabel: o = "Seleccionar un emoji…", ...s }) => /* @__PURE__ */ n("div", {
 	className: e("max-w-(--frimousse-viewport-width) flex w-full min-w-0 items-center gap-1 border-t p-2", a),
 	"data-slot": "emoji-picker-footer",
-	...o,
+	...s,
 	children: /* @__PURE__ */ n(i.ActiveEmoji, { children: ({ emoji: e }) => e ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("div", {
 		className: "flex size-7 flex-none items-center justify-center text-lg",
 		children: e.emoji
@@ -14,7 +14,7 @@ var a = ({ className: a, ...o }) => /* @__PURE__ */ n("div", {
 		children: e.label
 	})] }) : /* @__PURE__ */ n("span", {
 		className: "text-muted-foreground ml-1.5 flex h-7 items-center truncate text-xs",
-		children: "Seleccionar un emoji…"
+		children: o
 	}) })
 });
 //#endregion

package/dist/components/emoji_picker/components/emoji_picker_footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/emoji_picker/components/emoji_picker_footer/index.tsx"],"sourcesContent":["import {\n        EmojiPicker as EmojiPickerPrimitive\n} from \"frimousse\";\nimport type * as React from \"react\";\nimport { cn } from \"@/utilities/index\";\n\nconst EmojiPickerFooter = ({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) => {\n  return (\n    <div\n      className={cn(\n        \"max-w-(--frimousse-viewport-width) flex w-full min-w-0 items-center gap-1 border-t p-2\",\n        className\n      )}\n      data-slot=\"emoji-picker-footer\"\n      {...props}\n    >\n      <EmojiPickerPrimitive.ActiveEmoji>\n        {({ emoji }) =>\n          emoji ? (\n            <>\n              <div className=\"flex size-7 flex-none items-center justify-center text-lg\">\n                {emoji.emoji}\n              </div>\n              <span className=\"text-secondary-foreground truncate text-xs\">\n                {emoji.label}\n              </span>\n            </>\n          ) : (\n            <span className=\"text-muted-foreground ml-1.5 flex h-7 items-center truncate text-xs\">\n              Seleccionar un emoji…\n            </span>\n          )\n        }\n      </EmojiPickerPrimitive.ActiveEmoji>\n    </div>\n  );\n};\n\nexport { EmojiPickerFooter };\n"],"mappings":";;;;AAMA,IAAM,KAAqB,EACzB,cACA,GAAG,QAGD,kBAAC,OAAD;CACE,WAAW,EACT,0FACA,EACD;CACD,aAAU;CACV,GAAI;WAEJ,kBAAC,EAAqB,aAAtB,EAAA,WACI,EAAE,eACF,IACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAM;EACH,CAAA,EACN,kBAAC,QAAD;EAAM,WAAU;YACb,EAAM;EACF,CAAA,CACN,EAAA,CAAA,GAEH,kBAAC,QAAD;EAAM,WAAU;YAAsE;EAE/E,CAAA,EAGsB,CAAA;CAC/B,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/emoji_picker/components/emoji_picker_footer/index.tsx"],"sourcesContent":["import { EmojiPicker as EmojiPickerPrimitive } from \"frimousse\";\nimport type * as React from \"react\";\nimport { cn } from \"@/utilities/index\";\n\nconst EmojiPickerFooter = ({\n  className,\n  emptyLabel = \"Seleccionar un emoji…\",\n  ...props\n}: React.ComponentProps<\"div\"> & { emptyLabel?: React.ReactNode }) => {\n  return (\n    <div\n      className={cn(\n        \"max-w-(--frimousse-viewport-width) flex w-full min-w-0 items-center gap-1 border-t p-2\",\n        className,\n      )}\n      data-slot=\"emoji-picker-footer\"\n      {...props}\n    >\n      <EmojiPickerPrimitive.ActiveEmoji>\n        {({ emoji }) =>\n          emoji ? (\n            <>\n              <div className=\"flex size-7 flex-none items-center justify-center text-lg\">\n                {emoji.emoji}\n              </div>\n              <span className=\"text-secondary-foreground truncate text-xs\">\n                {emoji.label}\n              </span>\n            </>\n          ) : (\n            <span className=\"text-muted-foreground ml-1.5 flex h-7 items-center truncate text-xs\">\n              {emptyLabel}\n            </span>\n          )\n        }\n      </EmojiPickerPrimitive.ActiveEmoji>\n    </div>\n  );\n};\n\nexport { EmojiPickerFooter };\n"],"mappings":";;;;AAIA,IAAM,KAAqB,EACzB,cACA,gBAAa,yBACb,GAAG,QAGD,kBAAC,OAAD;CACE,WAAW,EACT,0FACA,EACD;CACD,aAAU;CACV,GAAI;WAEJ,kBAAC,EAAqB,aAAtB,EAAA,WACI,EAAE,eACF,IACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAM;EACH,CAAA,EACN,kBAAC,QAAD;EAAM,WAAU;YACb,EAAM;EACF,CAAA,CACN,EAAA,CAAA,GAEH,kBAAC,QAAD;EAAM,WAAU;YACb;EACI,CAAA,EAGsB,CAAA;CAC/B,CAAA"}

package/dist/components/file_explorer/constants/index.d.ts

@@ -0,0 +1 @@
+export declare const EXPLORER_GRID_CLASS = "grid gap-3 grid-cols-[repeat(auto-fill,minmax(210px,1fr))]";

package/dist/components/file_explorer/constants/index.js

@@ -0,0 +1,6 @@
+//#region src/components/file_explorer/constants/index.ts
+var e = "grid gap-3 grid-cols-[repeat(auto-fill,minmax(210px,1fr))]";
+//#endregion
+export { e as EXPLORER_GRID_CLASS };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/file_explorer/constants/index.ts"],"sourcesContent":["export const EXPLORER_GRID_CLASS =\n  \"grid gap-3 grid-cols-[repeat(auto-fill,minmax(210px,1fr))]\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/file_explorer/explorer_breadcrumb/index.d.ts

@@ -0,0 +1,9 @@
+export interface ExplorerBreadcrumbItem {
+    name: string;
+    id: string | null;
+}
+export interface ExplorerBreadcrumbProps {
+    items: ExplorerBreadcrumbItem[];
+    onNavigate: (id: string | null, index: number) => void;
+}
+export declare const ExplorerBreadcrumb: ({ items, onNavigate, }: ExplorerBreadcrumbProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_explorer/explorer_breadcrumb/index.js

@@ -0,0 +1,21 @@
+import { Breadcrumb as e } from "../../breadcrumb/components/breadcrumb/index.js";
+import { BreadcrumbList as t } from "../../breadcrumb/components/breadcrumb_list/index.js";
+import { BreadcrumbItem as n } from "../../breadcrumb/components/breadcrumb_item/index.js";
+import { BreadcrumbLink as r } from "../../breadcrumb/components/breadcrumb_link/index.js";
+import { BreadcrumbSeparator as i } from "../../breadcrumb/components/breadcrumb_separator/index.js";
+import { Fragment as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/file_explorer/explorer_breadcrumb/index.tsx
+var c = ({ items: c, onNavigate: l }) => /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(t, { children: c.map((e, t) => /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(r, {
+	asChild: !0,
+	className: "text-base",
+	children: /* @__PURE__ */ o("button", {
+		type: "button",
+		onClick: () => l(e.id, t),
+		children: e.name
+	})
+}) }), t < c.length - 1 && /* @__PURE__ */ o(i, {})] }, e.id ?? "root")) }) });
+//#endregion
+export { c as ExplorerBreadcrumb };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/explorer_breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/file_explorer/explorer_breadcrumb/index.tsx"],"sourcesContent":["import {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbSeparator,\n} from \"../../breadcrumb\";\nimport { Fragment } from \"react\";\n\nexport interface ExplorerBreadcrumbItem {\n  name: string;\n  id: string | null;\n}\n\nexport interface ExplorerBreadcrumbProps {\n  items: ExplorerBreadcrumbItem[];\n  onNavigate: (id: string | null, index: number) => void;\n}\n\nexport const ExplorerBreadcrumb = ({\n  items,\n  onNavigate,\n}: ExplorerBreadcrumbProps) => (\n  <Breadcrumb>\n    <BreadcrumbList>\n      {items.map((item, idx) => (\n        <Fragment key={item.id ?? \"root\"}>\n          <BreadcrumbItem>\n            <BreadcrumbLink asChild className=\"text-base\">\n              <button type=\"button\" onClick={() => onNavigate(item.id, idx)}>\n                {item.name}\n              </button>\n            </BreadcrumbLink>\n          </BreadcrumbItem>\n          {idx < items.length - 1 && <BreadcrumbSeparator />}\n        </Fragment>\n      ))}\n    </BreadcrumbList>\n  </Breadcrumb>\n);\n"],"mappings":";;;;;;;;AAmBA,IAAa,KAAsB,EACjC,UACA,oBAEA,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACG,EAAM,KAAK,GAAM,MAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAgB,SAAA;CAAQ,WAAU;WAChC,kBAAC,UAAD;EAAQ,MAAK;EAAS,eAAe,EAAW,EAAK,IAAI,EAAI;YAC1D,EAAK;EACC,CAAA;CACM,CAAA,EACF,CAAA,EAChB,IAAM,EAAM,SAAS,KAAK,kBAAC,GAAD,EAAuB,CAAA,CACzC,EAAA,EATI,EAAK,MAAM,OASf,CACX,EACa,CAAA,EACN,CAAA"}

package/dist/components/file_explorer/explorer_empty_state/index.d.ts

@@ -0,0 +1,9 @@
+import { LucideIcon } from 'lucide-react';
+import { ComponentProps } from 'react';
+export interface ExplorerEmptyStateProps extends ComponentProps<"div"> {
+    title: string;
+    description: string;
+    icon?: LucideIcon;
+    isDragging?: boolean;
+}
+export declare const ExplorerEmptyState: ({ title, description, icon: Icon, isDragging, className, ...rest }: ExplorerEmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_explorer/explorer_empty_state/index.js

@@ -0,0 +1,32 @@
+import { cn as e } from "../../../utilities/class/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { FolderPlus as r } from "lucide-react";
+//#region src/components/file_explorer/explorer_empty_state/index.tsx
+var i = ({ title: i, description: a, icon: o = r, isDragging: s = !1, className: c, ...l }) => /* @__PURE__ */ t("div", {
+	className: e("flex h-[calc(100vh-80px)]! bg-status-card-background-empty w-full rounded-md transition-colors cursor-pointer border border-border", s && "bg-border", c),
+	...l,
+	children: /* @__PURE__ */ t("div", {
+		className: "w-full flex items-center justify-center pointer-events-none",
+		children: /* @__PURE__ */ n("div", {
+			className: "max-w-sm w-full mx-auto items-center justify-center flex-col flex",
+			children: [
+				/* @__PURE__ */ t("div", {
+					className: e("size-12 rounded-md bg-status-card-background-icon-empty flex items-center justify-center transition", s && "rotate-12"),
+					children: /* @__PURE__ */ t(o, { className: "size-6" })
+				}),
+				/* @__PURE__ */ t("h2", {
+					className: "text-base font-normal text-foreground text-center mt-4",
+					children: i
+				}),
+				/* @__PURE__ */ t("p", {
+					className: "text-sm text-muted-foreground text-center",
+					children: a
+				})
+			]
+		})
+	})
+});
+//#endregion
+export { i as ExplorerEmptyState };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/explorer_empty_state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/file_explorer/explorer_empty_state/index.tsx"],"sourcesContent":["import { FolderPlus, type LucideIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../../utilities/class\";\n\nexport interface ExplorerEmptyStateProps extends ComponentProps<\"div\"> {\n  title: string;\n  description: string;\n  icon?: LucideIcon;\n  isDragging?: boolean;\n}\n\nexport const ExplorerEmptyState = ({\n  title,\n  description,\n  icon: Icon = FolderPlus,\n  isDragging = false,\n  className,\n  ...rest\n}: ExplorerEmptyStateProps) => (\n  <div\n    className={cn(\n      \"flex h-[calc(100vh-80px)]! bg-status-card-background-empty w-full rounded-md transition-colors cursor-pointer border border-border\",\n      isDragging && \"bg-border\",\n      className,\n    )}\n    {...rest}\n  >\n    <div className=\"w-full flex items-center justify-center pointer-events-none\">\n      <div className=\"max-w-sm w-full mx-auto items-center justify-center flex-col flex\">\n        <div\n          className={cn(\n            \"size-12 rounded-md bg-status-card-background-icon-empty flex items-center justify-center transition\",\n            isDragging && \"rotate-12\",\n          )}\n        >\n          <Icon className=\"size-6\" />\n        </div>\n\n        <h2 className=\"text-base font-normal text-foreground text-center mt-4\">\n          {title}\n        </h2>\n\n        <p className=\"text-sm text-muted-foreground text-center\">\n          {description}\n        </p>\n      </div>\n    </div>\n  </div>\n);\n"],"mappings":";;;;AAWA,IAAa,KAAsB,EACjC,UACA,gBACA,MAAM,IAAO,GACb,gBAAa,IACb,cACA,GAAG,QAEH,kBAAC,OAAD;CACE,WAAW,EACT,sIACA,KAAc,aACd,EACD;CACD,GAAI;WAEJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KACE,WAAW,EACT,uGACA,KAAc,YACf;eAED,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;KACvB,CAAA;IAEN,kBAAC,MAAD;KAAI,WAAU;eACX;KACE,CAAA;IAEL,kBAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA;IACA;;EACF,CAAA;CACF,CAAA"}

package/dist/components/file_explorer/explorer_error_state/index.d.ts

@@ -0,0 +1,6 @@
+export interface ExplorerErrorStateProps {
+    title: string;
+    description: string;
+    className?: string;
+}
+export declare const ExplorerErrorState: ({ title, description, className, }: ExplorerErrorStateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_explorer/explorer_error_state/index.js

@@ -0,0 +1,18 @@
+import { cn as e } from "../../../utilities/class/index.js";
+import { StatusMessage as t } from "../../status_message/index.js";
+import { jsx as n } from "react/jsx-runtime";
+import { FolderX as r } from "lucide-react";
+//#region src/components/file_explorer/explorer_error_state/index.tsx
+var i = ({ title: i, description: a, className: o }) => /* @__PURE__ */ n(t, {
+	title: i,
+	description: a,
+	icon: r,
+	classNameCard: e("w-full h-[calc(100vh-80px)] flex-col items-center justify-center", o),
+	classNameIconCard: "mx-auto",
+	classNameDescription: "text-center w-full",
+	classNameTitle: "text-center w-full"
+});
+//#endregion
+export { i as ExplorerErrorState };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/explorer_error_state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/file_explorer/explorer_error_state/index.tsx"],"sourcesContent":["import { StatusMessage } from \"../../status_message\";\nimport { FolderX } from \"lucide-react\";\nimport { cn } from \"../../../utilities/class\";\n\nexport interface ExplorerErrorStateProps {\n  title: string;\n  description: string;\n  className?: string;\n}\n\nexport const ExplorerErrorState = ({\n  title,\n  description,\n  className,\n}: ExplorerErrorStateProps) => (\n  <StatusMessage\n    title={title}\n    description={description}\n    icon={FolderX}\n    classNameCard={cn(\n      \"w-full h-[calc(100vh-80px)] flex-col items-center justify-center\",\n      className,\n    )}\n    classNameIconCard=\"mx-auto\"\n    classNameDescription=\"text-center w-full\"\n    classNameTitle=\"text-center w-full\"\n  />\n);\n"],"mappings":";;;;;AAUA,IAAa,KAAsB,EACjC,UACA,gBACA,mBAEA,kBAAC,GAAD;CACS;CACM;CACb,MAAM;CACN,eAAe,EACb,oEACA,EACD;CACD,mBAAkB;CAClB,sBAAqB;CACrB,gBAAe;CACf,CAAA"}

package/dist/components/file_explorer/explorer_grid/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode, RefObject } from 'react';
+export interface ExplorerGridProps {
+    selectableRef?: RefObject<HTMLDivElement | null>;
+    viewportRef?: RefObject<HTMLDivElement | null>;
+    className?: string;
+    overlay?: ReactNode;
+    after?: ReactNode;
+    children: ReactNode;
+}
+export declare const ExplorerGrid: ({ selectableRef, viewportRef, className, overlay, after, children, }: ExplorerGridProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_explorer/explorer_grid/index.js

@@ -0,0 +1,21 @@
+import { cn as e } from "../../../utilities/class/index.js";
+import { EXPLORER_GRID_CLASS as t } from "../constants/index.js";
+import { ExplorerPanel as n } from "../explorer_panel/index.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/file_explorer/explorer_grid/index.tsx
+var i = ({ selectableRef: i, viewportRef: a, className: o, overlay: s, after: c, children: l }) => /* @__PURE__ */ r(n, {
+	bare: !0,
+	selectableRef: i,
+	viewportRef: a,
+	className: o,
+	overlay: s,
+	after: c,
+	children: /* @__PURE__ */ r("div", {
+		className: e("relative z-30 pb-3", t),
+		children: l
+	})
+});
+//#endregion
+export { i as ExplorerGrid };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/explorer_grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/file_explorer/explorer_grid/index.tsx"],"sourcesContent":["import type { ReactNode, RefObject } from \"react\";\nimport { cn } from \"../../../utilities/class\";\nimport { EXPLORER_GRID_CLASS } from \"../constants\";\nimport { ExplorerPanel } from \"../explorer_panel\";\n\nexport interface ExplorerGridProps {\n  selectableRef?: RefObject<HTMLDivElement | null>;\n  viewportRef?: RefObject<HTMLDivElement | null>;\n  className?: string;\n  overlay?: ReactNode;\n  after?: ReactNode;\n  children: ReactNode;\n}\n\nexport const ExplorerGrid = ({\n  selectableRef,\n  viewportRef,\n  className,\n  overlay,\n  after,\n  children,\n}: ExplorerGridProps) => (\n  <ExplorerPanel\n    bare\n    selectableRef={selectableRef}\n    viewportRef={viewportRef}\n    className={className}\n    overlay={overlay}\n    after={after}\n  >\n    <div className={cn(\"relative z-30 pb-3\", EXPLORER_GRID_CLASS)}>\n      {children}\n    </div>\n  </ExplorerPanel>\n);\n"],"mappings":";;;;;AAcA,IAAa,KAAgB,EAC3B,kBACA,gBACA,cACA,YACA,UACA,kBAEA,kBAAC,GAAD;CACE,MAAA;CACe;CACF;CACF;CACF;CACF;WAEP,kBAAC,OAAD;EAAK,WAAW,EAAG,sBAAsB,EAAoB;EAC1D;EACG,CAAA;CACQ,CAAA"}

package/dist/components/file_explorer/explorer_grid_card/index.d.ts

@@ -0,0 +1,25 @@
+import { DragEvent, MouseEvent, ReactNode } from 'react';
+import { ExplorerItemType } from '../types';
+import { ExplorerAction } from '../item_actions';
+export interface ExplorerGridCardProps {
+    id: string;
+    type: ExplorerItemType;
+    name: string;
+    icon: ReactNode;
+    preview: ReactNode;
+    meta?: ReactNode;
+    path?: string;
+    selected: boolean;
+    actions: ExplorerAction[];
+    actionsLabel?: string;
+    className?: string;
+    draggable?: boolean;
+    onClick?: (event: MouseEvent) => void;
+    onDoubleClick?: () => void;
+    onDragStart?: (event: DragEvent<HTMLDivElement>) => void;
+    onDragEnd?: (event: DragEvent<HTMLDivElement>) => void;
+    onDragOver?: (event: DragEvent<HTMLDivElement>) => void;
+    onDragLeave?: (event: DragEvent<HTMLDivElement>) => void;
+    onDrop?: (event: DragEvent<HTMLDivElement>) => void;
+}
+export declare const ExplorerGridCard: ({ id, type, name, icon, preview, meta, path, selected, actions, actionsLabel, className, draggable, onClick, onDoubleClick, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, }: ExplorerGridCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_explorer/explorer_grid_card/index.js

@@ -0,0 +1,79 @@
+import { cn as e } from "../../../utilities/class/index.js";
+import { ContextMenu as t } from "../../context_menu/components/context_menu/index.js";
+import { ContextMenuTrigger as n } from "../../context_menu/components/context_menu_trigger/index.js";
+import { stopEvent as r } from "../shared/utils/index.js";
+import { ItemActionsContextContent as i } from "../item_actions/item_actions_context_content/index.js";
+import { ItemActionsDropdown as a } from "../item_actions/item_actions_dropdown/index.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/file_explorer/explorer_grid_card/index.tsx
+var c = ({ id: c, type: l, name: u, icon: d, preview: f, meta: p, path: m, selected: h, actions: g, actionsLabel: _, className: v, draggable: y = !1, onClick: b, onDoubleClick: x, onDragStart: S, onDragEnd: C, onDragOver: w, onDragLeave: T, onDrop: E }) => {
+	let D = g.length > 0, O = /* @__PURE__ */ s("div", {
+		className: e("group flex cursor-pointer flex-col overflow-hidden rounded-md border bg-card transition-colors hover:bg-accent/40", h && "border-selector-background bg-selector-background text-selector-foreground hover:bg-selector-background", y && "cursor-grab active:cursor-grabbing", v),
+		"data-selectable-id": c,
+		"data-selectable-type": l,
+		"data-select-disable": y ? "true" : void 0,
+		draggable: y,
+		role: "button",
+		tabIndex: 0,
+		onClick: b,
+		onKeyDown: (e) => {
+			e.target === e.currentTarget && (e.key !== "Enter" && e.key !== " " || (e.key === " " && e.preventDefault(), b?.(e)));
+		},
+		onDoubleClick: x,
+		onDragStart: S,
+		onDragEnd: C,
+		onDragOver: w,
+		onDragLeave: T,
+		onDrop: E,
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "flex items-center gap-2 px-2.5 py-2",
+				children: [
+					/* @__PURE__ */ o("span", {
+						className: "flex shrink-0 [&_svg]:size-5",
+						children: d
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "flex min-w-0 flex-1 flex-col",
+						children: [/* @__PURE__ */ o("p", {
+							className: "truncate whitespace-nowrap text-sm leading-4",
+							title: u,
+							children: u
+						}), m && /* @__PURE__ */ o("p", {
+							className: "truncate whitespace-nowrap text-sm leading-4 text-muted-foreground",
+							title: m,
+							children: m
+						})]
+					}),
+					D && /* @__PURE__ */ o("span", {
+						className: "shrink-0",
+						role: "presentation",
+						onClick: r,
+						onDoubleClick: r,
+						children: /* @__PURE__ */ o(a, {
+							actions: g,
+							label: _,
+							iconClassName: h ? "text-selector-foreground" : void 0
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "flex h-28 items-center justify-center border-t",
+				children: f
+			}),
+			p && /* @__PURE__ */ o("div", {
+				className: "truncate border-t px-2.5 py-1.5 text-sm text-muted-foreground",
+				children: p
+			})
+		]
+	});
+	return D ? /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, {
+		asChild: !0,
+		children: O
+	}), /* @__PURE__ */ o(i, { actions: g })] }) : O;
+};
+//#endregion
+export { c as ExplorerGridCard };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/explorer_grid_card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/file_explorer/explorer_grid_card/index.tsx"],"sourcesContent":["import { ContextMenu, ContextMenuTrigger } from \"../../context_menu\";\nimport type { DragEvent, MouseEvent, ReactNode } from \"react\";\nimport type { ExplorerItemType } from \"../types\";\nimport { cn } from \"../../../utilities/class\";\nimport {\n  ItemActionsContextContent,\n  ItemActionsDropdown,\n  type ExplorerAction,\n} from \"../item_actions\";\nimport { stopEvent } from \"../shared/utils\";\n\nexport interface ExplorerGridCardProps {\n  id: string;\n  type: ExplorerItemType;\n  name: string;\n  icon: ReactNode;\n  preview: ReactNode;\n  meta?: ReactNode;\n  path?: string;\n  selected: boolean;\n  actions: ExplorerAction[];\n  actionsLabel?: string;\n  className?: string;\n  draggable?: boolean;\n  onClick?: (event: MouseEvent) => void;\n  onDoubleClick?: () => void;\n  onDragStart?: (event: DragEvent<HTMLDivElement>) => void;\n  onDragEnd?: (event: DragEvent<HTMLDivElement>) => void;\n  onDragOver?: (event: DragEvent<HTMLDivElement>) => void;\n  onDragLeave?: (event: DragEvent<HTMLDivElement>) => void;\n  onDrop?: (event: DragEvent<HTMLDivElement>) => void;\n}\n\nexport const ExplorerGridCard = ({\n  id,\n  type,\n  name,\n  icon,\n  preview,\n  meta,\n  path,\n  selected,\n  actions,\n  actionsLabel,\n  className,\n  draggable = false,\n  onClick,\n  onDoubleClick,\n  onDragStart,\n  onDragEnd,\n  onDragOver,\n  onDragLeave,\n  onDrop,\n}: ExplorerGridCardProps) => {\n  const hasActions = actions.length > 0;\n\n  const card = (\n    <div\n      className={cn(\n        \"group flex cursor-pointer flex-col overflow-hidden rounded-md border bg-card transition-colors hover:bg-accent/40\",\n        selected &&\n          \"border-selector-background bg-selector-background text-selector-foreground hover:bg-selector-background\",\n        draggable && \"cursor-grab active:cursor-grabbing\",\n        className,\n      )}\n      data-selectable-id={id}\n      data-selectable-type={type}\n      data-select-disable={draggable ? \"true\" : undefined}\n      draggable={draggable}\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n      onKeyDown={(event) => {\n        if (event.target !== event.currentTarget) return;\n        if (event.key !== \"Enter\" && event.key !== \" \") return;\n        if (event.key === \" \") event.preventDefault();\n        onClick?.(event as unknown as MouseEvent);\n      }}\n      onDoubleClick={onDoubleClick}\n      onDragStart={onDragStart}\n      onDragEnd={onDragEnd}\n      onDragOver={onDragOver}\n      onDragLeave={onDragLeave}\n      onDrop={onDrop}\n    >\n      <div className=\"flex items-center gap-2 px-2.5 py-2\">\n        <span className=\"flex shrink-0 [&_svg]:size-5\">{icon}</span>\n\n        <span className=\"flex min-w-0 flex-1 flex-col\">\n          <p\n            className=\"truncate whitespace-nowrap text-sm leading-4\"\n            title={name}\n          >\n            {name}\n          </p>\n          {path && (\n            <p\n              className=\"truncate whitespace-nowrap text-sm leading-4 text-muted-foreground\"\n              title={path}\n            >\n              {path}\n            </p>\n          )}\n        </span>\n\n        {hasActions && (\n          <span\n            className=\"shrink-0\"\n            role=\"presentation\"\n            onClick={stopEvent}\n            onDoubleClick={stopEvent}\n          >\n            <ItemActionsDropdown\n              actions={actions}\n              label={actionsLabel}\n              iconClassName={selected ? \"text-selector-foreground\" : undefined}\n            />\n          </span>\n        )}\n      </div>\n\n      <div className=\"flex h-28 items-center justify-center border-t\">\n        {preview}\n      </div>\n\n      {meta && (\n        <div className=\"truncate border-t px-2.5 py-1.5 text-sm text-muted-foreground\">\n          {meta}\n        </div>\n      )}\n    </div>\n  );\n\n  if (!hasActions) return card;\n\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger asChild>{card}</ContextMenuTrigger>\n      <ItemActionsContextContent actions={actions} />\n    </ContextMenu>\n  );\n};\n"],"mappings":";;;;;;;;AAiCA,IAAa,KAAoB,EAC/B,OACA,SACA,SACA,SACA,YACA,SACA,SACA,aACA,YACA,iBACA,cACA,eAAY,IACZ,YACA,kBACA,gBACA,cACA,eACA,gBACA,gBAC2B;CAC3B,IAAM,IAAa,EAAQ,SAAS,GAE9B,IACJ,kBAAC,OAAD;EACE,WAAW,EACT,qHACA,KACE,2GACF,KAAa,sCACb,EACD;EACD,sBAAoB;EACpB,wBAAsB;EACtB,uBAAqB,IAAY,SAAS,KAAA;EAC/B;EACX,MAAK;EACL,UAAU;EACD;EACT,YAAY,MAAU;AAChB,KAAM,WAAW,EAAM,kBACvB,EAAM,QAAQ,WAAW,EAAM,QAAQ,QACvC,EAAM,QAAQ,OAAK,EAAM,gBAAgB,EAC7C,IAAU,EAA+B;;EAE5B;EACF;EACF;EACC;EACC;EACL;YA1BV;GA4BE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD;MAAM,WAAU;gBAAgC;MAAY,CAAA;KAE5D,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,KAAD;OACE,WAAU;OACV,OAAO;iBAEN;OACC,CAAA,EACH,KACC,kBAAC,KAAD;OACE,WAAU;OACV,OAAO;iBAEN;OACC,CAAA,CAED;;KAEN,KACC,kBAAC,QAAD;MACE,WAAU;MACV,MAAK;MACL,SAAS;MACT,eAAe;gBAEf,kBAAC,GAAD;OACW;OACT,OAAO;OACP,eAAe,IAAW,6BAA6B,KAAA;OACvD,CAAA;MACG,CAAA;KAEL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA;GAEL,KACC,kBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA;GAEJ;;AAKR,QAFK,IAGH,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAoB,SAAA;YAAS;EAA0B,CAAA,EACvD,kBAAC,GAAD,EAAoC,YAAW,CAAA,CACnC,EAAA,CAAA,GANQ"}

package/dist/components/file_explorer/explorer_loading_state/index.d.ts

@@ -0,0 +1,4 @@
+export interface ExplorerLoadingStateProps {
+    className?: string;
+}
+export declare const ExplorerLoadingState: ({ className, }: ExplorerLoadingStateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_explorer/explorer_loading_state/index.js

@@ -0,0 +1,9 @@
+import { cn as e } from "../../../utilities/class/index.js";
+import { Skeleton as t } from "../../skeleton/index.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/file_explorer/explorer_loading_state/index.tsx
+var r = ({ className: r }) => /* @__PURE__ */ n(t, { className: e("w-full h-[calc(100vh-80px)]", r) });
+//#endregion
+export { r as ExplorerLoadingState };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/explorer_loading_state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/file_explorer/explorer_loading_state/index.tsx"],"sourcesContent":["import { Skeleton } from \"../../skeleton\";\nimport { cn } from \"../../../utilities/class\";\n\nexport interface ExplorerLoadingStateProps {\n  className?: string;\n}\n\nexport const ExplorerLoadingState = ({\n  className,\n}: ExplorerLoadingStateProps) => (\n  <Skeleton className={cn(\"w-full h-[calc(100vh-80px)]\", className)} />\n);\n"],"mappings":";;;;AAOA,IAAa,KAAwB,EACnC,mBAEA,kBAAC,GAAD,EAAU,WAAW,EAAG,+BAA+B,EAAU,EAAI,CAAA"}

package/dist/components/file_explorer/explorer_name_cell/index.d.ts

@@ -0,0 +1,12 @@
+import { DragEvent, ReactNode } from 'react';
+export interface ExplorerNameCellProps {
+    name: string;
+    icon: ReactNode;
+    path?: string;
+    selected?: boolean;
+    className?: string;
+    draggable?: boolean;
+    onDragStart?: (event: DragEvent<HTMLSpanElement>) => void;
+    onDragEnd?: (event: DragEvent<HTMLSpanElement>) => void;
+}
+export declare const ExplorerNameCell: ({ name, icon, path, selected, className, draggable, onDragStart, onDragEnd, }: ExplorerNameCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_explorer/explorer_name_cell/index.js

@@ -0,0 +1,32 @@
+import { cn as e } from "../../../utilities/class/index.js";
+import { TableCell as t } from "../../table/index.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/file_explorer/explorer_name_cell/index.tsx
+var i = ({ name: i, icon: a, path: o, selected: s = !1, className: c, draggable: l = !1, onDragStart: u, onDragEnd: d }) => /* @__PURE__ */ n(t, {
+	className: e("max-w-[320px]", s && "text-selector-foreground", c),
+	children: /* @__PURE__ */ r("span", {
+		className: e("flex items-center gap-2.5 overflow-hidden", l && "cursor-grab active:cursor-grabbing"),
+		"data-select-disable": l ? "true" : void 0,
+		draggable: l,
+		onDragStart: u,
+		onDragEnd: d,
+		children: [/* @__PURE__ */ n("span", {
+			className: e("shrink-0", o ? "[&_svg]:size-6" : "[&_svg]:size-5"),
+			children: a
+		}), /* @__PURE__ */ r("span", {
+			className: "flex min-w-0 flex-col",
+			children: [/* @__PURE__ */ n("p", {
+				className: "truncate overflow-hidden whitespace-nowrap leading-4",
+				children: i
+			}), o && /* @__PURE__ */ n("p", {
+				className: "truncate whitespace-nowrap text-sm leading-4 text-muted-foreground",
+				title: o,
+				children: o
+			})]
+		})]
+	})
+});
+//#endregion
+export { i as ExplorerNameCell };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/explorer_name_cell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/file_explorer/explorer_name_cell/index.tsx"],"sourcesContent":["import { TableCell } from \"../../table\";\nimport type { DragEvent, ReactNode } from \"react\";\nimport { cn } from \"../../../utilities/class\";\n\nexport interface ExplorerNameCellProps {\n  name: string;\n  icon: ReactNode;\n  path?: string;\n  selected?: boolean;\n  className?: string;\n  draggable?: boolean;\n  onDragStart?: (event: DragEvent<HTMLSpanElement>) => void;\n  onDragEnd?: (event: DragEvent<HTMLSpanElement>) => void;\n}\n\nexport const ExplorerNameCell = ({\n  name,\n  icon,\n  path,\n  selected = false,\n  className,\n  draggable = false,\n  onDragStart,\n  onDragEnd,\n}: ExplorerNameCellProps) => (\n  <TableCell\n    className={cn(\n      \"max-w-[320px]\",\n      selected && \"text-selector-foreground\",\n      className,\n    )}\n  >\n    <span\n      className={cn(\n        \"flex items-center gap-2.5 overflow-hidden\",\n        draggable && \"cursor-grab active:cursor-grabbing\",\n      )}\n      data-select-disable={draggable ? \"true\" : undefined}\n      draggable={draggable}\n      onDragStart={onDragStart}\n      onDragEnd={onDragEnd}\n    >\n      <span\n        className={cn(\"shrink-0\", path ? \"[&_svg]:size-6\" : \"[&_svg]:size-5\")}\n      >\n        {icon}\n      </span>\n\n      <span className=\"flex min-w-0 flex-col\">\n        <p className=\"truncate overflow-hidden whitespace-nowrap leading-4\">\n          {name}\n        </p>\n        {path && (\n          <p\n            className=\"truncate whitespace-nowrap text-sm leading-4 text-muted-foreground\"\n            title={path}\n          >\n            {path}\n          </p>\n        )}\n      </span>\n    </span>\n  </TableCell>\n);\n"],"mappings":";;;;AAeA,IAAa,KAAoB,EAC/B,SACA,SACA,SACA,cAAW,IACX,cACA,eAAY,IACZ,gBACA,mBAEA,kBAAC,GAAD;CACE,WAAW,EACT,iBACA,KAAY,4BACZ,EACD;WAED,kBAAC,QAAD;EACE,WAAW,EACT,6CACA,KAAa,qCACd;EACD,uBAAqB,IAAY,SAAS,KAAA;EAC/B;EACE;EACF;YARb,CAUE,kBAAC,QAAD;GACE,WAAW,EAAG,YAAY,IAAO,mBAAmB,iBAAiB;aAEpE;GACI,CAAA,EAEP,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,KAAD;IAAG,WAAU;cACV;IACC,CAAA,EACH,KACC,kBAAC,KAAD;IACE,WAAU;IACV,OAAO;cAEN;IACC,CAAA,CAED;KACF;;CACG,CAAA"}

package/dist/components/file_explorer/explorer_panel/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, RefObject } from 'react';
+export interface ExplorerPanelProps {
+    selectableRef?: RefObject<HTMLDivElement | null>;
+    viewportRef?: RefObject<HTMLDivElement | null>;
+    className?: string;
+    bare?: boolean;
+    overlay?: ReactNode;
+    after?: ReactNode;
+    children: ReactNode;
+}
+export declare const ExplorerPanel: ({ selectableRef, viewportRef, className, bare, overlay, after, children, }: ExplorerPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_explorer/explorer_panel/index.js

@@ -0,0 +1,17 @@
+import { cn as e } from "../../../utilities/class/index.js";
+import { ScrollArea as t } from "../../scroll_area/index.js";
+import { jsxs as n } from "react/jsx-runtime";
+//#region src/components/file_explorer/explorer_panel/index.tsx
+var r = ({ selectableRef: r, viewportRef: i, className: a, bare: o = !1, overlay: s, after: c, children: l }) => /* @__PURE__ */ n("div", {
+	ref: r,
+	className: e("h-[calc(100vh-80px)] relative overflow-hidden flex flex-col", !o && "border bg-card rounded-md", a),
+	children: [/* @__PURE__ */ n(t, {
+		viewportRef: i,
+		className: "flex-1 min-h-0 relative z-20",
+		children: [l, s]
+	}), c]
+});
+//#endregion
+export { r as ExplorerPanel };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/explorer_panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/file_explorer/explorer_panel/index.tsx"],"sourcesContent":["import { ScrollArea } from \"../../scroll_area\";\nimport type { ReactNode, RefObject } from \"react\";\nimport { cn } from \"../../../utilities/class\";\n\nexport interface ExplorerPanelProps {\n  selectableRef?: RefObject<HTMLDivElement | null>;\n  viewportRef?: RefObject<HTMLDivElement | null>;\n  className?: string;\n  bare?: boolean;\n  overlay?: ReactNode;\n  after?: ReactNode;\n  children: ReactNode;\n}\n\nexport const ExplorerPanel = ({\n  selectableRef,\n  viewportRef,\n  className,\n  bare = false,\n  overlay,\n  after,\n  children,\n}: ExplorerPanelProps) => (\n  <div\n    ref={selectableRef}\n    className={cn(\n      \"h-[calc(100vh-80px)] relative overflow-hidden flex flex-col\",\n      !bare && \"border bg-card rounded-md\",\n      className,\n    )}\n  >\n    <ScrollArea\n      viewportRef={viewportRef}\n      className=\"flex-1 min-h-0 relative z-20\"\n    >\n      {children}\n      {overlay}\n    </ScrollArea>\n\n    {after}\n  </div>\n);\n"],"mappings":";;;;AAcA,IAAa,KAAiB,EAC5B,kBACA,gBACA,cACA,UAAO,IACP,YACA,UACA,kBAEA,kBAAC,OAAD;CACE,KAAK;CACL,WAAW,EACT,+DACA,CAAC,KAAQ,6BACT,EACD;WANH,CAQE,kBAAC,GAAD;EACe;EACb,WAAU;YAFZ,CAIG,GACA,EACU;KAEZ,EACG"}

package/dist/components/file_explorer/explorer_row/index.d.ts

@@ -0,0 +1,18 @@
+import { DragEvent, MouseEvent, ReactNode } from 'react';
+import { ExplorerItemType } from '../types';
+import { ExplorerAction } from '../item_actions';
+export interface ExplorerRowProps {
+    id: string;
+    type: ExplorerItemType;
+    selected: boolean;
+    actions: ExplorerAction[];
+    actionsLabel?: string;
+    className?: string;
+    onClick?: (event: MouseEvent) => void;
+    onDoubleClick?: () => void;
+    onDragOver?: (event: DragEvent<HTMLTableRowElement>) => void;
+    onDragLeave?: (event: DragEvent<HTMLTableRowElement>) => void;
+    onDrop?: (event: DragEvent<HTMLTableRowElement>) => void;
+    children: ReactNode;
+}
+export declare const ExplorerRow: ({ id, type, selected, actions, actionsLabel, className, onClick, onDoubleClick, onDragOver, onDragLeave, onDrop, children, }: ExplorerRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_explorer/explorer_row/index.js

@@ -0,0 +1,39 @@
+import { cn as e } from "../../../utilities/class/index.js";
+import { ContextMenu as t } from "../../context_menu/components/context_menu/index.js";
+import { ContextMenuTrigger as n } from "../../context_menu/components/context_menu_trigger/index.js";
+import { TableCell as r, TableRow as i } from "../../table/index.js";
+import { stopEvent as a } from "../shared/utils/index.js";
+import { ItemActionsContextContent as o } from "../item_actions/item_actions_context_content/index.js";
+import { ItemActionsDropdown as s } from "../item_actions/item_actions_dropdown/index.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/file_explorer/explorer_row/index.tsx
+var u = ({ id: u, type: d, selected: f, actions: p, actionsLabel: m, className: h, onClick: g, onDoubleClick: _, onDragOver: v, onDragLeave: y, onDrop: b, children: x }) => {
+	let S = p.length > 0, C = /* @__PURE__ */ l(i, {
+		className: e("hover:transparent border-b!", f && "bg-selector-background text-selector-foreground hover:bg-selector-background", h),
+		"data-selectable-id": u,
+		"data-selectable-type": d,
+		onClick: g,
+		onDoubleClick: _,
+		onDragOver: v,
+		onDragLeave: y,
+		onDrop: b,
+		children: [x, /* @__PURE__ */ c(r, {
+			className: "w-[50px]",
+			onClick: a,
+			onDoubleClick: a,
+			children: S && /* @__PURE__ */ c(s, {
+				actions: p,
+				label: m,
+				iconClassName: f ? "text-selector-foreground" : void 0
+			})
+		})]
+	});
+	return S ? /* @__PURE__ */ l(t, { children: [/* @__PURE__ */ c(n, {
+		asChild: !0,
+		children: C
+	}), /* @__PURE__ */ c(o, { actions: p })] }) : C;
+};
+//#endregion
+export { u as ExplorerRow };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/explorer_row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/file_explorer/explorer_row/index.tsx"],"sourcesContent":["import { ContextMenu, ContextMenuTrigger } from \"../../context_menu\";\nimport { TableCell, TableRow } from \"../../table\";\nimport type { DragEvent, MouseEvent, ReactNode } from \"react\";\nimport type { ExplorerItemType } from \"../types\";\nimport { cn } from \"../../../utilities/class\";\nimport {\n  ItemActionsContextContent,\n  ItemActionsDropdown,\n  type ExplorerAction,\n} from \"../item_actions\";\nimport { stopEvent } from \"../shared/utils\";\n\nexport interface ExplorerRowProps {\n  id: string;\n  type: ExplorerItemType;\n  selected: boolean;\n  actions: ExplorerAction[];\n  actionsLabel?: string;\n  className?: string;\n  onClick?: (event: MouseEvent) => void;\n  onDoubleClick?: () => void;\n  onDragOver?: (event: DragEvent<HTMLTableRowElement>) => void;\n  onDragLeave?: (event: DragEvent<HTMLTableRowElement>) => void;\n  onDrop?: (event: DragEvent<HTMLTableRowElement>) => void;\n  children: ReactNode;\n}\n\nexport const ExplorerRow = ({\n  id,\n  type,\n  selected,\n  actions,\n  actionsLabel,\n  className,\n  onClick,\n  onDoubleClick,\n  onDragOver,\n  onDragLeave,\n  onDrop,\n  children,\n}: ExplorerRowProps) => {\n  const hasActions = actions.length > 0;\n\n  const row = (\n    <TableRow\n      className={cn(\n        \"hover:transparent border-b!\",\n        selected &&\n          \"bg-selector-background text-selector-foreground hover:bg-selector-background\",\n        className,\n      )}\n      data-selectable-id={id}\n      data-selectable-type={type}\n      onClick={onClick}\n      onDoubleClick={onDoubleClick}\n      onDragOver={onDragOver}\n      onDragLeave={onDragLeave}\n      onDrop={onDrop}\n    >\n      {children}\n\n      <TableCell\n        className=\"w-[50px]\"\n        onClick={stopEvent}\n        onDoubleClick={stopEvent}\n      >\n        {hasActions && (\n          <ItemActionsDropdown\n            actions={actions}\n            label={actionsLabel}\n            iconClassName={selected ? \"text-selector-foreground\" : undefined}\n          />\n        )}\n      </TableCell>\n    </TableRow>\n  );\n\n  if (!hasActions) return row;\n\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger asChild>{row}</ContextMenuTrigger>\n      <ItemActionsContextContent actions={actions} />\n    </ContextMenu>\n  );\n};\n"],"mappings":";;;;;;;;;AA2BA,IAAa,KAAe,EAC1B,OACA,SACA,aACA,YACA,iBACA,cACA,YACA,kBACA,eACA,gBACA,WACA,kBACsB;CACtB,IAAM,IAAa,EAAQ,SAAS,GAE9B,IACJ,kBAAC,GAAD;EACE,WAAW,EACT,+BACA,KACE,gFACF,EACD;EACD,sBAAoB;EACpB,wBAAsB;EACb;EACM;EACH;EACC;EACL;YAbV,CAeG,GAED,kBAAC,GAAD;GACE,WAAU;GACV,SAAS;GACT,eAAe;aAEd,KACC,kBAAC,GAAD;IACW;IACT,OAAO;IACP,eAAe,IAAW,6BAA6B,KAAA;IACvD,CAAA;GAEM,CAAA,CACH;;AAKb,QAFK,IAGH,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAoB,SAAA;YAAS;EAAyB,CAAA,EACtD,kBAAC,GAAD,EAAoC,YAAW,CAAA,CACnC,EAAA,CAAA,GANQ"}

package/dist/components/file_explorer/explorer_table/index.d.ts

@@ -0,0 +1,20 @@
+import { LucideIcon } from 'lucide-react';
+import { ReactNode, RefObject } from 'react';
+export interface ExplorerColumn {
+    key: string;
+    icon: LucideIcon;
+    label?: string;
+    className?: string;
+    center?: boolean;
+}
+export interface ExplorerTableProps {
+    columns: ExplorerColumn[];
+    selectableRef?: RefObject<HTMLDivElement | null>;
+    viewportRef?: RefObject<HTMLDivElement | null>;
+    className?: string;
+    flow?: boolean;
+    overlay?: ReactNode;
+    after?: ReactNode;
+    children: ReactNode;
+}
+export declare const ExplorerTable: ({ columns, selectableRef, viewportRef, className, flow, overlay, after, children, }: ExplorerTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_explorer/explorer_table/index.js

@@ -0,0 +1,63 @@
+import { cn as e } from "../../../utilities/class/index.js";
+import { ScrollArea as t } from "../../scroll_area/index.js";
+import { Table as n, TableBody as r, TableHead as i, TableHeader as a, TableRow as o } from "../../table/index.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/file_explorer/explorer_table/index.tsx
+var l = ({ columns: l, selectableRef: u, viewportRef: d, className: f, flow: p = !1, overlay: m, after: h, children: g }) => {
+	let _ = /* @__PURE__ */ s(a, { children: /* @__PURE__ */ s(o, { children: l.map((t) => /* @__PURE__ */ s(i, {
+		className: t.className,
+		children: /* @__PURE__ */ c("span", {
+			className: e("flex items-center gap-2 text-sm text-foreground", t.center && "justify-center"),
+			children: [/* @__PURE__ */ s(t.icon, { className: "size-4" }), t.label]
+		})
+	}, t.key)) }) });
+	return p ? /* @__PURE__ */ c("div", {
+		ref: u,
+		className: e("relative overflow-hidden rounded-md border bg-card", f),
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "relative z-30",
+				children: /* @__PURE__ */ c(n, {
+					classNameFather: "border-none rounded-none overflow-visible",
+					children: [_, /* @__PURE__ */ s(r, {
+						className: "border-none",
+						children: g
+					})]
+				})
+			}),
+			m,
+			h
+		]
+	}) : /* @__PURE__ */ c("div", {
+		ref: u,
+		className: e("border h-[calc(100vh-80px)] bg-card rounded-md relative overflow-hidden flex flex-col", f),
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "border-b bg-card relative z-20",
+				children: /* @__PURE__ */ s(n, {
+					classNameFather: "border-none rounded-none overflow-visible",
+					children: _
+				})
+			}),
+			/* @__PURE__ */ c(t, {
+				viewportRef: d,
+				className: "flex-1 min-h-0 relative z-20",
+				children: [/* @__PURE__ */ s("div", {
+					className: "relative z-30",
+					children: /* @__PURE__ */ s(n, {
+						classNameFather: "border-none rounded-none overflow-visible",
+						children: /* @__PURE__ */ s(r, {
+							className: "border-none",
+							children: g
+						})
+					})
+				}), m]
+			}),
+			h
+		]
+	});
+};
+//#endregion
+export { l as ExplorerTable };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/explorer_table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/file_explorer/explorer_table/index.tsx"],"sourcesContent":["import { ScrollArea } from \"../../scroll_area\";\nimport {\n  Table,\n  TableBody,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"../../table\";\nimport type { LucideIcon } from \"lucide-react\";\nimport type { ReactNode, RefObject } from \"react\";\nimport { cn } from \"../../../utilities/class\";\n\nexport interface ExplorerColumn {\n  key: string;\n  icon: LucideIcon;\n  label?: string;\n  className?: string;\n  center?: boolean;\n}\n\nexport interface ExplorerTableProps {\n  columns: ExplorerColumn[];\n  selectableRef?: RefObject<HTMLDivElement | null>;\n  viewportRef?: RefObject<HTMLDivElement | null>;\n  className?: string;\n  flow?: boolean;\n  overlay?: ReactNode;\n  after?: ReactNode;\n  children: ReactNode;\n}\n\nexport const ExplorerTable = ({\n  columns,\n  selectableRef,\n  viewportRef,\n  className,\n  flow = false,\n  overlay,\n  after,\n  children,\n}: ExplorerTableProps) => {\n  const header = (\n    <TableHeader>\n      <TableRow>\n        {columns.map((column) => (\n          <TableHead key={column.key} className={column.className}>\n            <span\n              className={cn(\n                \"flex items-center gap-2 text-sm text-foreground\",\n                column.center && \"justify-center\",\n              )}\n            >\n              <column.icon className=\"size-4\" />\n              {column.label}\n            </span>\n          </TableHead>\n        ))}\n      </TableRow>\n    </TableHeader>\n  );\n\n  if (flow) {\n    return (\n      <div\n        ref={selectableRef}\n        className={cn(\n          \"relative overflow-hidden rounded-md border bg-card\",\n          className,\n        )}\n      >\n        <div className=\"relative z-30\">\n          <Table classNameFather=\"border-none rounded-none overflow-visible\">\n            {header}\n            <TableBody className=\"border-none\">{children}</TableBody>\n          </Table>\n        </div>\n\n        {overlay}\n        {after}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={selectableRef}\n      className={cn(\n        \"border h-[calc(100vh-80px)] bg-card rounded-md relative overflow-hidden flex flex-col\",\n        className,\n      )}\n    >\n      <div className=\"border-b bg-card relative z-20\">\n        <Table classNameFather=\"border-none rounded-none overflow-visible\">\n          {header}\n        </Table>\n      </div>\n\n      <ScrollArea\n        viewportRef={viewportRef}\n        className=\"flex-1 min-h-0 relative z-20\"\n      >\n        <div className=\"relative z-30\">\n          <Table classNameFather=\"border-none rounded-none overflow-visible\">\n            <TableBody className=\"border-none\">{children}</TableBody>\n          </Table>\n        </div>\n        {overlay}\n      </ScrollArea>\n\n      {after}\n    </div>\n  );\n};\n"],"mappings":";;;;;AA+BA,IAAa,KAAiB,EAC5B,YACA,kBACA,gBACA,cACA,UAAO,IACP,YACA,UACA,kBACwB;CACxB,IAAM,IACJ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACG,EAAQ,KAAK,MACZ,kBAAC,GAAD;EAA4B,WAAW,EAAO;YAC5C,kBAAC,QAAD;GACE,WAAW,EACT,mDACA,EAAO,UAAU,iBAClB;aAJH,CAME,kBAAC,EAAO,MAAR,EAAa,WAAU,UAAW,CAAA,EACjC,EAAO,MACH;;EACG,EAVI,EAAO,IAUX,CACZ,EACO,CAAA,EACC,CAAA;AAyBhB,QAtBI,IAEA,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EACT,sDACA,EACD;YALH;GAOE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAO,iBAAgB;eAAvB,CACG,GACD,kBAAC,GAAD;MAAW,WAAU;MAAe;MAAqB,CAAA,CACnD;;IACJ,CAAA;GAEL;GACA;GACG;MAKR,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EACT,yFACA,EACD;YALH;GAOE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAO,iBAAgB;eACpB;KACK,CAAA;IACJ,CAAA;GAEN,kBAAC,GAAD;IACe;IACb,WAAU;cAFZ,CAIE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAO,iBAAgB;gBACrB,kBAAC,GAAD;OAAW,WAAU;OAAe;OAAqB,CAAA;MACnD,CAAA;KACJ,CAAA,EACL,EACU;;GAEZ;GACG"}