arxatec-ui 0.1.71 → 0.1.72

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

@@ -0,0 +1,26 @@
+export { EXPLORER_GRID_CLASS } from './constants';
+export type { ExplorerItemType } from './types';
+export { ExplorerBreadcrumb } from './explorer_breadcrumb';
+export type { ExplorerBreadcrumbProps, ExplorerBreadcrumbItem, } from './explorer_breadcrumb';
+export { ExplorerEmptyState } from './explorer_empty_state';
+export type { ExplorerEmptyStateProps } from './explorer_empty_state';
+export { ExplorerErrorState } from './explorer_error_state';
+export type { ExplorerErrorStateProps } from './explorer_error_state';
+export { ExplorerGrid } from './explorer_grid';
+export type { ExplorerGridProps } from './explorer_grid';
+export { ExplorerGridCard } from './explorer_grid_card';
+export type { ExplorerGridCardProps } from './explorer_grid_card';
+export { ExplorerLoadingState } from './explorer_loading_state';
+export type { ExplorerLoadingStateProps } from './explorer_loading_state';
+export { ExplorerNameCell } from './explorer_name_cell';
+export type { ExplorerNameCellProps } from './explorer_name_cell';
+export { ExplorerPanel } from './explorer_panel';
+export type { ExplorerPanelProps } from './explorer_panel';
+export { ExplorerRow } from './explorer_row';
+export type { ExplorerRowProps } from './explorer_row';
+export { ExplorerTable } from './explorer_table';
+export type { ExplorerTableProps, ExplorerColumn } from './explorer_table';
+export { ItemActionsContextContent, ItemActionsDropdown } from './item_actions';
+export type { ExplorerAction } from './item_actions';
+export type { ItemActionsDropdownProps } from './item_actions/item_actions_dropdown';
+export type { ItemActionsContextContentProps } from './item_actions/item_actions_context_content';

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

@@ -0,0 +1,3 @@
+export { ItemActionsContextContent } from './item_actions_context_content';
+export { ItemActionsDropdown } from './item_actions_dropdown';
+export type { ExplorerAction } from './types';

package/dist/components/file_explorer/item_actions/item_actions_context_content/index.d.ts

@@ -0,0 +1,5 @@
+import { ExplorerAction } from '../types';
+export interface ItemActionsContextContentProps {
+    actions: ExplorerAction[];
+}
+export declare const ItemActionsContextContent: ({ actions, }: ItemActionsContextContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_explorer/item_actions/item_actions_context_content/index.js

@@ -0,0 +1,21 @@
+import { ContextMenuContent as e } from "../../../context_menu/components/context_menu_content/index.js";
+import { ContextMenuItem as t } from "../../../context_menu/components/context_menu_item/index.js";
+import { ContextMenuSeparator as n } from "../../../context_menu/components/context_menu_separator/index.js";
+import { stopEvent as r } from "../../shared/utils/index.js";
+import { visibleActions as i } from "../utils/index.js";
+import { Fragment as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/file_explorer/item_actions/item_actions_context_content/index.tsx
+var c = ({ actions: c }) => /* @__PURE__ */ o(e, {
+	onClick: r,
+	onDoubleClick: r,
+	children: i(c).map((e) => /* @__PURE__ */ s(a, { children: [e.separatorBefore && /* @__PURE__ */ o(n, {}), /* @__PURE__ */ s(t, {
+		className: "gap-2",
+		onClick: e.onSelect,
+		children: [/* @__PURE__ */ o(e.icon, { className: "size-4" }), e.label]
+	})] }, e.key))
+});
+//#endregion
+export { c as ItemActionsContextContent };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/item_actions/item_actions_context_content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_explorer/item_actions/item_actions_context_content/index.tsx"],"sourcesContent":["import {\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuSeparator,\n} from \"../../../context_menu\";\nimport { Fragment } from \"react\";\nimport { stopEvent } from \"../../shared/utils\";\nimport type { ExplorerAction } from \"../types\";\nimport { visibleActions } from \"../utils\";\n\nexport interface ItemActionsContextContentProps {\n  actions: ExplorerAction[];\n}\n\nexport const ItemActionsContextContent = ({\n  actions,\n}: ItemActionsContextContentProps) => (\n  <ContextMenuContent onClick={stopEvent} onDoubleClick={stopEvent}>\n    {visibleActions(actions).map((action) => (\n      <Fragment key={action.key}>\n        {action.separatorBefore && <ContextMenuSeparator />}\n\n        <ContextMenuItem className=\"gap-2\" onClick={action.onSelect}>\n          <action.icon className=\"size-4\" />\n          {action.label}\n        </ContextMenuItem>\n      </Fragment>\n    ))}\n  </ContextMenuContent>\n);\n"],"mappings":";;;;;;;;AAcA,IAAa,KAA6B,EACxC,iBAEA,kBAAC,GAAD;CAAoB,SAAS;CAAW,eAAe;WACpD,EAAe,EAAQ,CAAC,KAAK,MAC5B,kBAAC,GAAD,EAAA,UAAA,CACG,EAAO,mBAAmB,kBAAC,GAAD,EAAwB,CAAA,EAEnD,kBAAC,GAAD;EAAiB,WAAU;EAAQ,SAAS,EAAO;YAAnD,CACE,kBAAC,EAAO,MAAR,EAAa,WAAU,UAAW,CAAA,EACjC,EAAO,MACQ;IACT,EAAA,EAPI,EAAO,IAOX,CACX;CACiB,CAAA"}

package/dist/components/file_explorer/item_actions/item_actions_dropdown/index.d.ts

@@ -0,0 +1,7 @@
+import { ExplorerAction } from '../types';
+export interface ItemActionsDropdownProps {
+    actions: ExplorerAction[];
+    iconClassName?: string;
+    label?: string;
+}
+export declare const ItemActionsDropdown: ({ actions, iconClassName, label, }: ItemActionsDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_explorer/item_actions/item_actions_dropdown/index.js

@@ -0,0 +1,38 @@
+import { cn as e } from "../../../../utilities/class/index.js";
+import { Button as t } from "../../../button/index.js";
+import { DropdownMenu as n } from "../../../dropdown_menu/components/dropdown_menu/index.js";
+import { DropdownMenuTrigger as r } from "../../../dropdown_menu/components/dropdown_menu_trigger/index.js";
+import { DropdownMenuContent as i } from "../../../dropdown_menu/components/dropdown_menu_content/index.js";
+import { DropdownMenuItem as a } from "../../../dropdown_menu/components/dropdown_menu_item/index.js";
+import { DropdownMenuSeparator as o } from "../../../dropdown_menu/components/dropdown_menu_separator/index.js";
+import { stopEvent as s } from "../../shared/utils/index.js";
+import { visibleActions as c } from "../utils/index.js";
+import { Fragment as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Ellipsis as f } from "lucide-react";
+//#region src/components/file_explorer/item_actions/item_actions_dropdown/index.tsx
+var p = ({ actions: p, iconClassName: m, label: h = "Actions" }) => /* @__PURE__ */ d(n, { children: [/* @__PURE__ */ u(r, {
+	asChild: !0,
+	children: /* @__PURE__ */ u(t, {
+		className: "mx-auto flex size-7",
+		variant: "secondary",
+		size: "icon",
+		"aria-label": h,
+		onClick: s,
+		onDoubleClick: s,
+		children: /* @__PURE__ */ u(f, { className: e("size-4", m) })
+	})
+}), /* @__PURE__ */ u(i, {
+	align: "end",
+	onClick: s,
+	onDoubleClick: s,
+	children: c(p).map((e) => /* @__PURE__ */ d(l, { children: [e.separatorBefore && /* @__PURE__ */ u(o, {}), /* @__PURE__ */ d(a, {
+		className: "gap-2",
+		onClick: e.onSelect,
+		children: [/* @__PURE__ */ u(e.icon, { className: "size-4" }), e.label]
+	})] }, e.key))
+})] });
+//#endregion
+export { p as ItemActionsDropdown };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/item_actions/item_actions_dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_explorer/item_actions/item_actions_dropdown/index.tsx"],"sourcesContent":["import { Button } from \"../../../button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../../../dropdown_menu\";\nimport { Ellipsis } from \"lucide-react\";\nimport { Fragment } from \"react\";\nimport { cn } from \"../../../../utilities/class\";\nimport { stopEvent } from \"../../shared/utils\";\nimport type { ExplorerAction } from \"../types\";\nimport { visibleActions } from \"../utils\";\n\nexport interface ItemActionsDropdownProps {\n  actions: ExplorerAction[];\n  iconClassName?: string;\n  label?: string;\n}\n\nexport const ItemActionsDropdown = ({\n  actions,\n  iconClassName,\n  label = \"Actions\",\n}: ItemActionsDropdownProps) => (\n  <DropdownMenu>\n    <DropdownMenuTrigger asChild>\n      <Button\n        className=\"mx-auto flex size-7\"\n        variant=\"secondary\"\n        size=\"icon\"\n        aria-label={label}\n        onClick={stopEvent}\n        onDoubleClick={stopEvent}\n      >\n        <Ellipsis className={cn(\"size-4\", iconClassName)} />\n      </Button>\n    </DropdownMenuTrigger>\n\n    <DropdownMenuContent\n      align=\"end\"\n      onClick={stopEvent}\n      onDoubleClick={stopEvent}\n    >\n      {visibleActions(actions).map((action) => (\n        <Fragment key={action.key}>\n          {action.separatorBefore && <DropdownMenuSeparator />}\n\n          <DropdownMenuItem className=\"gap-2\" onClick={action.onSelect}>\n            <action.icon className=\"size-4\" />\n            {action.label}\n          </DropdownMenuItem>\n        </Fragment>\n      ))}\n    </DropdownMenuContent>\n  </DropdownMenu>\n);\n"],"mappings":";;;;;;;;;;;;;AAqBA,IAAa,KAAuB,EAClC,YACA,kBACA,WAAQ,gBAER,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;CAAqB,SAAA;WACnB,kBAAC,GAAD;EACE,WAAU;EACV,SAAQ;EACR,MAAK;EACL,cAAY;EACZ,SAAS;EACT,eAAe;YAEf,kBAAC,GAAD,EAAU,WAAW,EAAG,UAAU,EAAc,EAAI,CAAA;EAC7C,CAAA;CACW,CAAA,EAEtB,kBAAC,GAAD;CACE,OAAM;CACN,SAAS;CACT,eAAe;WAEd,EAAe,EAAQ,CAAC,KAAK,MAC5B,kBAAC,GAAD,EAAA,UAAA,CACG,EAAO,mBAAmB,kBAAC,GAAD,EAAyB,CAAA,EAEpD,kBAAC,GAAD;EAAkB,WAAU;EAAQ,SAAS,EAAO;YAApD,CACE,kBAAC,EAAO,MAAR,EAAa,WAAU,UAAW,CAAA,EACjC,EAAO,MACS;IACV,EAAA,EAPI,EAAO,IAOX,CACX;CACkB,CAAA,CACT,EAAA,CAAA"}

package/dist/components/file_explorer/item_actions/types/index.d.ts

@@ -0,0 +1,9 @@
+import { LucideIcon } from 'lucide-react';
+export interface ExplorerAction {
+    key: string;
+    label: string;
+    icon: LucideIcon;
+    onSelect: () => void;
+    separatorBefore?: boolean;
+    hidden?: boolean;
+}

package/dist/components/file_explorer/item_actions/utils/index.d.ts

@@ -0,0 +1,2 @@
+import { ExplorerAction } from '../types';
+export declare const visibleActions: (actions: ExplorerAction[]) => ExplorerAction[];

package/dist/components/file_explorer/item_actions/utils/index.js

@@ -0,0 +1,6 @@
+//#region src/components/file_explorer/item_actions/utils/index.ts
+var e = (e) => e.filter((e) => !e.hidden);
+//#endregion
+export { e as visibleActions };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/item_actions/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_explorer/item_actions/utils/index.ts"],"sourcesContent":["import type { ExplorerAction } from \"../types\";\n\nexport const visibleActions = (actions: ExplorerAction[]) =>\n  actions.filter((action) => !action.hidden);\n"],"mappings":";AAEA,IAAa,KAAkB,MAC7B,EAAQ,QAAQ,MAAW,CAAC,EAAO,OAAO"}

package/dist/components/file_explorer/shared/utils/index.d.ts

@@ -0,0 +1,2 @@
+import { MouseEvent } from 'react';
+export declare const stopEvent: (event: MouseEvent) => void;

package/dist/components/file_explorer/shared/utils/index.js

@@ -0,0 +1,8 @@
+//#region src/components/file_explorer/shared/utils/index.ts
+var e = (e) => {
+	e.stopPropagation();
+};
+//#endregion
+export { e as stopEvent };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_explorer/shared/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_explorer/shared/utils/index.ts"],"sourcesContent":["import type { MouseEvent } from \"react\";\n\nexport const stopEvent = (event: MouseEvent) => {\n  event.stopPropagation();\n};\n"],"mappings":";AAEA,IAAa,KAAa,MAAsB;AAC9C,GAAM,iBAAiB"}

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

@@ -0,0 +1 @@
+export type ExplorerItemType = "file" | "folder";

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

@@ -0,0 +1,12 @@
+import { ComponentProps, ReactNode } from 'react';
+export interface FileThumbnailProps extends ComponentProps<"div"> {
+    source?: string | null;
+    isLoading?: boolean;
+    isError?: boolean;
+    fallback: ReactNode;
+    alt?: string;
+    imageClassName?: string;
+    onImageError?: ComponentProps<"img">["onError"];
+}
+/** Displays a supplied thumbnail URL; fetching and rendering previews belong to the consumer. */
+export declare const FileThumbnail: import('react').ForwardRefExoticComponent<Omit<FileThumbnailProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/file_thumbnail/index.js

@@ -0,0 +1,35 @@
+import { cn as e } from "../../utilities/class/index.js";
+import { Skeleton as t } from "../skeleton/index.js";
+import { forwardRef as n, useState as r } from "react";
+import { Fragment as i, jsx as a } from "react/jsx-runtime";
+//#region src/components/file_thumbnail/index.tsx
+function o({ source: t, alt: n, fallback: o, className: s, onError: c }) {
+	let [l, u] = r(!1);
+	return l ? /* @__PURE__ */ a(i, { children: o }) : /* @__PURE__ */ a("img", {
+		src: t,
+		alt: n,
+		loading: "lazy",
+		className: e("size-full object-cover object-top", s),
+		onError: (e) => {
+			u(!0), c?.(e);
+		}
+	});
+}
+var s = n(function({ source: n, isLoading: r = !1, isError: i = !1, fallback: s, alt: c = "", imageClassName: l, onImageError: u, className: d, ...f }, p) {
+	return /* @__PURE__ */ a("div", {
+		ref: p,
+		className: e("flex size-full items-center justify-center overflow-hidden", d),
+		...f,
+		children: i ? s : r ? /* @__PURE__ */ a(t, { className: "size-full rounded-none" }) : n ? /* @__PURE__ */ a(o, {
+			source: n,
+			alt: c,
+			fallback: s,
+			className: l,
+			onError: u
+		}, n) : s
+	});
+});
+//#endregion
+export { s as FileThumbnail };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_thumbnail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/file_thumbnail/index.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useState,\n  type ComponentProps,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../utilities/class\";\nimport { Skeleton } from \"../skeleton\";\n\nexport interface FileThumbnailProps extends ComponentProps<\"div\"> {\n  source?: string | null;\n  isLoading?: boolean;\n  isError?: boolean;\n  fallback: ReactNode;\n  alt?: string;\n  imageClassName?: string;\n  onImageError?: ComponentProps<\"img\">[\"onError\"];\n}\n\ninterface ThumbnailImageProps {\n  source: string;\n  alt: string;\n  fallback: ReactNode;\n  className?: string;\n  onError?: ComponentProps<\"img\">[\"onError\"];\n}\n\nfunction ThumbnailImage({\n  source,\n  alt,\n  fallback,\n  className,\n  onError,\n}: ThumbnailImageProps) {\n  const [failed, setFailed] = useState(false);\n  if (failed) return <>{fallback}</>;\n\n  return (\n    <img\n      src={source}\n      alt={alt}\n      loading=\"lazy\"\n      className={cn(\"size-full object-cover object-top\", className)}\n      onError={(event) => {\n        setFailed(true);\n        onError?.(event);\n      }}\n    />\n  );\n}\n\n/** Displays a supplied thumbnail URL; fetching and rendering previews belong to the consumer. */\nexport const FileThumbnail = forwardRef<HTMLDivElement, FileThumbnailProps>(\n  function FileThumbnail(\n    {\n      source,\n      isLoading = false,\n      isError = false,\n      fallback,\n      alt = \"\",\n      imageClassName,\n      onImageError,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex size-full items-center justify-center overflow-hidden\",\n          className,\n        )}\n        {...props}\n      >\n        {isError ? (\n          fallback\n        ) : isLoading ? (\n          <Skeleton className=\"size-full rounded-none\" />\n        ) : source ? (\n          <ThumbnailImage\n            key={source}\n            source={source}\n            alt={alt}\n            fallback={fallback}\n            className={imageClassName}\n            onError={onImageError}\n          />\n        ) : (\n          fallback\n        )}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;AA2BA,SAAS,EAAe,EACtB,WACA,QACA,aACA,cACA,cACsB;CACtB,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAM;AAG3C,QAFI,IAAe,kBAAA,GAAA,EAAA,UAAG,GAAY,CAAA,GAGhC,kBAAC,OAAD;EACE,KAAK;EACA;EACL,SAAQ;EACR,WAAW,EAAG,qCAAqC,EAAU;EAC7D,UAAU,MAAU;AAElB,GADA,EAAU,GAAK,EACf,IAAU,EAAM;;EAElB,CAAA;;AAKN,IAAa,IAAgB,EAC3B,SACE,EACE,WACA,eAAY,IACZ,aAAU,IACV,aACA,SAAM,IACN,mBACA,iBACA,cACA,GAAG,KAEL,GACA;AACA,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,8DACA,EACD;EACD,GAAI;YAEH,IACC,IACE,IACF,kBAAC,GAAD,EAAU,WAAU,0BAA2B,CAAA,GAC7C,IACF,kBAAC,GAAD;GAEU;GACH;GACK;GACV,WAAW;GACX,SAAS;GACT,EANK,EAML,GAEF;EAEE,CAAA;EAGX"}

package/dist/components/file_type_icon/file_kind/index.d.ts

@@ -0,0 +1,13 @@
+export type FileKind = "pdf" | "document" | "spreadsheet" | "presentation" | "image" | "video" | "audio" | "archive" | "code" | "json" | "markup" | "font" | "database" | "binary" | "unknown";
+export interface FileKindStyle {
+    color: string;
+    accent: string;
+    fallbackLabel: string;
+}
+export declare const FILE_KIND_STYLES: Record<FileKind, FileKindStyle>;
+export declare const SHEET_BODY = "M6.5 1.5h7L20 8v12.5a2 2 0 0 1-2 2H6.5a2 2 0 0 1-2-2v-17a2 2 0 0 1 2-2Z";
+export declare const SHEET_FOLD = "M13.5 1.5 20 8h-4.5a2 2 0 0 1-2-2Z";
+export declare const SHEET_BAND = "M4.5 14H20v6.5a2 2 0 0 1-2 2H6.5a2 2 0 0 1-2-2Z";
+export declare const LABEL_FONT_SIZE: Record<number, number>;
+export declare const getFileKindStyle: (mimeType: string) => FileKindStyle;
+export declare const getFileTypeLabel: (mimeType: string, fileName?: string) => string;

package/dist/components/file_type_icon/file_kind/index.js

@@ -0,0 +1,178 @@
+import { extensionFromFileName as e, extensionFromMime as t } from "./mime_extensions.js";
+//#region src/components/file_type_icon/file_kind/index.ts
+var n = {
+	pdf: {
+		color: "text-red-600 dark:text-red-500",
+		accent: "[--file-kind:var(--color-red-600)] dark:[--file-kind:var(--color-red-500)]",
+		fallbackLabel: "PDF"
+	},
+	document: {
+		color: "text-blue-600 dark:text-blue-500",
+		accent: "[--file-kind:var(--color-blue-600)] dark:[--file-kind:var(--color-blue-500)]",
+		fallbackLabel: "DOC"
+	},
+	spreadsheet: {
+		color: "text-emerald-700 dark:text-emerald-600",
+		accent: "[--file-kind:var(--color-emerald-700)] dark:[--file-kind:var(--color-emerald-600)]",
+		fallbackLabel: "XLS"
+	},
+	presentation: {
+		color: "text-orange-600 dark:text-orange-500",
+		accent: "[--file-kind:var(--color-orange-600)] dark:[--file-kind:var(--color-orange-500)]",
+		fallbackLabel: "PPT"
+	},
+	image: {
+		color: "text-violet-600 dark:text-violet-500",
+		accent: "[--file-kind:var(--color-violet-600)] dark:[--file-kind:var(--color-violet-500)]",
+		fallbackLabel: "IMG"
+	},
+	video: {
+		color: "text-pink-600 dark:text-pink-500",
+		accent: "[--file-kind:var(--color-pink-600)] dark:[--file-kind:var(--color-pink-500)]",
+		fallbackLabel: "VID"
+	},
+	audio: {
+		color: "text-cyan-700 dark:text-cyan-600",
+		accent: "[--file-kind:var(--color-cyan-700)] dark:[--file-kind:var(--color-cyan-600)]",
+		fallbackLabel: "AUD"
+	},
+	archive: {
+		color: "text-amber-700 dark:text-amber-600",
+		accent: "[--file-kind:var(--color-amber-700)] dark:[--file-kind:var(--color-amber-600)]",
+		fallbackLabel: "ZIP"
+	},
+	code: {
+		color: "text-sky-600 dark:text-sky-500",
+		accent: "[--file-kind:var(--color-sky-600)] dark:[--file-kind:var(--color-sky-500)]",
+		fallbackLabel: "CODE"
+	},
+	json: {
+		color: "text-lime-700 dark:text-lime-600",
+		accent: "[--file-kind:var(--color-lime-700)] dark:[--file-kind:var(--color-lime-600)]",
+		fallbackLabel: "JSON"
+	},
+	markup: {
+		color: "text-teal-700 dark:text-teal-600",
+		accent: "[--file-kind:var(--color-teal-700)] dark:[--file-kind:var(--color-teal-600)]",
+		fallbackLabel: "XML"
+	},
+	font: {
+		color: "text-fuchsia-600 dark:text-fuchsia-500",
+		accent: "[--file-kind:var(--color-fuchsia-600)] dark:[--file-kind:var(--color-fuchsia-500)]",
+		fallbackLabel: "FONT"
+	},
+	database: {
+		color: "text-indigo-600 dark:text-indigo-500",
+		accent: "[--file-kind:var(--color-indigo-600)] dark:[--file-kind:var(--color-indigo-500)]",
+		fallbackLabel: "DB"
+	},
+	binary: {
+		color: "text-zinc-600 dark:text-zinc-500",
+		accent: "[--file-kind:var(--color-zinc-600)] dark:[--file-kind:var(--color-zinc-500)]",
+		fallbackLabel: "BIN"
+	},
+	unknown: {
+		color: "text-slate-500 dark:text-slate-500",
+		accent: "[--file-kind:var(--color-slate-500)] dark:[--file-kind:var(--color-slate-500)]",
+		fallbackLabel: "FILE"
+	}
+}, r = {
+	"application/pdf": "pdf",
+	"application/msword": "document",
+	"application/vnd.openxmlformats-officedocument.wordprocessingml.document": "document",
+	"application/vnd.oasis.opendocument.text": "document",
+	"text/plain": "document",
+	"text/rtf": "document",
+	"application/rtf": "document",
+	"application/vnd.google-apps.document": "document",
+	"application/vnd.google-apps.kix": "document",
+	"application/vnd.ms-excel": "spreadsheet",
+	"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "spreadsheet",
+	"application/vnd.oasis.opendocument.spreadsheet": "spreadsheet",
+	"text/csv": "spreadsheet",
+	"application/vnd.google-apps.spreadsheet": "spreadsheet",
+	"application/vnd.ms-powerpoint": "presentation",
+	"application/vnd.openxmlformats-officedocument.presentationml.presentation": "presentation",
+	"application/vnd.oasis.opendocument.presentation": "presentation",
+	"application/vnd.google-apps.presentation": "presentation",
+	"image/jpeg": "image",
+	"image/jpg": "image",
+	"image/png": "image",
+	"image/gif": "image",
+	"image/bmp": "image",
+	"image/webp": "image",
+	"image/tiff": "image",
+	"image/svg+xml": "image",
+	"image/x-icon": "image",
+	"image/vnd.microsoft.icon": "image",
+	"image/heic": "image",
+	"image/heif": "image",
+	"application/vnd.google-apps.drawing": "image",
+	"application/vnd.google-apps.photo": "image",
+	"video/mp4": "video",
+	"video/mpeg": "video",
+	"video/quicktime": "video",
+	"video/x-msvideo": "video",
+	"video/x-ms-wmv": "video",
+	"video/webm": "video",
+	"video/ogg": "video",
+	"video/3gpp": "video",
+	"video/x-flv": "video",
+	"audio/mpeg": "audio",
+	"audio/mp3": "audio",
+	"audio/wav": "audio",
+	"audio/ogg": "audio",
+	"audio/webm": "audio",
+	"audio/aac": "audio",
+	"audio/x-m4a": "audio",
+	"audio/flac": "audio",
+	"audio/x-ms-wma": "audio",
+	"application/zip": "archive",
+	"application/vnd.rar": "archive",
+	"application/x-rar-compressed": "archive",
+	"application/x-7z-compressed": "archive",
+	"application/x-tar": "archive",
+	"application/gzip": "archive",
+	"application/x-bzip2": "archive",
+	"text/html": "code",
+	"text/css": "code",
+	"text/javascript": "code",
+	"application/javascript": "code",
+	"application/typescript": "code",
+	"text/x-python": "code",
+	"text/x-java": "code",
+	"text/x-c": "code",
+	"text/x-c++": "code",
+	"text/x-php": "code",
+	"text/x-ruby": "code",
+	"text/x-go": "code",
+	"text/x-rust": "code",
+	"application/x-sh": "code",
+	"application/vnd.google-apps.script": "code",
+	"text/markdown": "code",
+	"application/json": "json",
+	"application/ld+json": "json",
+	"application/xml": "markup",
+	"text/xml": "markup",
+	"application/sql": "database",
+	"application/x-sqlite3": "database",
+	"application/octet-stream": "binary",
+	"application/x-msdownload": "binary",
+	"application/x-executable": "binary",
+	"application/vnd.google-apps.form": "binary",
+	"application/vnd.google-apps.shortcut": "binary",
+	"font/ttf": "font",
+	"font/otf": "font",
+	"font/woff": "font",
+	"font/woff2": "font",
+	"application/font-woff": "font"
+}, i = "M6.5 1.5h7L20 8v12.5a2 2 0 0 1-2 2H6.5a2 2 0 0 1-2-2v-17a2 2 0 0 1 2-2Z", a = "M13.5 1.5 20 8h-4.5a2 2 0 0 1-2-2Z", o = "M4.5 14H20v6.5a2 2 0 0 1-2 2H6.5a2 2 0 0 1-2-2Z", s = {
+	1: 7.4,
+	2: 7.4,
+	3: 6.4,
+	4: 5.2
+}, c = (e) => n[r[e] ?? "unknown"], l = (n, r) => ((r ? e(r) : null) ?? t(n) ?? c(n).fallbackLabel).toUpperCase().slice(0, 4);
+//#endregion
+export { n as FILE_KIND_STYLES, s as LABEL_FONT_SIZE, o as SHEET_BAND, i as SHEET_BODY, a as SHEET_FOLD, c as getFileKindStyle, l as getFileTypeLabel };
+
+//# sourceMappingURL=index.js.map

package/dist/components/file_type_icon/file_kind/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/file_type_icon/file_kind/index.ts"],"sourcesContent":["import { extensionFromFileName, extensionFromMime } from \"./mime_extensions\";\n\nexport type FileKind =\n  | \"pdf\"\n  | \"document\"\n  | \"spreadsheet\"\n  | \"presentation\"\n  | \"image\"\n  | \"video\"\n  | \"audio\"\n  | \"archive\"\n  | \"code\"\n  | \"json\"\n  | \"markup\"\n  | \"font\"\n  | \"database\"\n  | \"binary\"\n  | \"unknown\";\n\nexport interface FileKindStyle {\n  color: string;\n  accent: string;\n  fallbackLabel: string;\n}\n\nexport const FILE_KIND_STYLES: Record<FileKind, FileKindStyle> = {\n  pdf: {\n    color: \"text-red-600 dark:text-red-500\",\n    accent:\n      \"[--file-kind:var(--color-red-600)] dark:[--file-kind:var(--color-red-500)]\",\n    fallbackLabel: \"PDF\",\n  },\n  document: {\n    color: \"text-blue-600 dark:text-blue-500\",\n    accent:\n      \"[--file-kind:var(--color-blue-600)] dark:[--file-kind:var(--color-blue-500)]\",\n    fallbackLabel: \"DOC\",\n  },\n  spreadsheet: {\n    color: \"text-emerald-700 dark:text-emerald-600\",\n    accent:\n      \"[--file-kind:var(--color-emerald-700)] dark:[--file-kind:var(--color-emerald-600)]\",\n    fallbackLabel: \"XLS\",\n  },\n  presentation: {\n    color: \"text-orange-600 dark:text-orange-500\",\n    accent:\n      \"[--file-kind:var(--color-orange-600)] dark:[--file-kind:var(--color-orange-500)]\",\n    fallbackLabel: \"PPT\",\n  },\n  image: {\n    color: \"text-violet-600 dark:text-violet-500\",\n    accent:\n      \"[--file-kind:var(--color-violet-600)] dark:[--file-kind:var(--color-violet-500)]\",\n    fallbackLabel: \"IMG\",\n  },\n  video: {\n    color: \"text-pink-600 dark:text-pink-500\",\n    accent:\n      \"[--file-kind:var(--color-pink-600)] dark:[--file-kind:var(--color-pink-500)]\",\n    fallbackLabel: \"VID\",\n  },\n  audio: {\n    color: \"text-cyan-700 dark:text-cyan-600\",\n    accent:\n      \"[--file-kind:var(--color-cyan-700)] dark:[--file-kind:var(--color-cyan-600)]\",\n    fallbackLabel: \"AUD\",\n  },\n  archive: {\n    color: \"text-amber-700 dark:text-amber-600\",\n    accent:\n      \"[--file-kind:var(--color-amber-700)] dark:[--file-kind:var(--color-amber-600)]\",\n    fallbackLabel: \"ZIP\",\n  },\n  code: {\n    color: \"text-sky-600 dark:text-sky-500\",\n    accent:\n      \"[--file-kind:var(--color-sky-600)] dark:[--file-kind:var(--color-sky-500)]\",\n    fallbackLabel: \"CODE\",\n  },\n  json: {\n    color: \"text-lime-700 dark:text-lime-600\",\n    accent:\n      \"[--file-kind:var(--color-lime-700)] dark:[--file-kind:var(--color-lime-600)]\",\n    fallbackLabel: \"JSON\",\n  },\n  markup: {\n    color: \"text-teal-700 dark:text-teal-600\",\n    accent:\n      \"[--file-kind:var(--color-teal-700)] dark:[--file-kind:var(--color-teal-600)]\",\n    fallbackLabel: \"XML\",\n  },\n  font: {\n    color: \"text-fuchsia-600 dark:text-fuchsia-500\",\n    accent:\n      \"[--file-kind:var(--color-fuchsia-600)] dark:[--file-kind:var(--color-fuchsia-500)]\",\n    fallbackLabel: \"FONT\",\n  },\n  database: {\n    color: \"text-indigo-600 dark:text-indigo-500\",\n    accent:\n      \"[--file-kind:var(--color-indigo-600)] dark:[--file-kind:var(--color-indigo-500)]\",\n    fallbackLabel: \"DB\",\n  },\n  binary: {\n    color: \"text-zinc-600 dark:text-zinc-500\",\n    accent:\n      \"[--file-kind:var(--color-zinc-600)] dark:[--file-kind:var(--color-zinc-500)]\",\n    fallbackLabel: \"BIN\",\n  },\n  unknown: {\n    color: \"text-slate-500 dark:text-slate-500\",\n    accent:\n      \"[--file-kind:var(--color-slate-500)] dark:[--file-kind:var(--color-slate-500)]\",\n    fallbackLabel: \"FILE\",\n  },\n};\n\nconst MIME_TO_KIND: Record<string, FileKind> = {\n  \"application/pdf\": \"pdf\",\n\n  \"application/msword\": \"document\",\n  \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\":\n    \"document\",\n  \"application/vnd.oasis.opendocument.text\": \"document\",\n  \"text/plain\": \"document\",\n  \"text/rtf\": \"document\",\n  \"application/rtf\": \"document\",\n\n  \"application/vnd.google-apps.document\": \"document\",\n  \"application/vnd.google-apps.kix\": \"document\",\n\n  \"application/vnd.ms-excel\": \"spreadsheet\",\n  \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\":\n    \"spreadsheet\",\n  \"application/vnd.oasis.opendocument.spreadsheet\": \"spreadsheet\",\n  \"text/csv\": \"spreadsheet\",\n  \"application/vnd.google-apps.spreadsheet\": \"spreadsheet\",\n\n  \"application/vnd.ms-powerpoint\": \"presentation\",\n  \"application/vnd.openxmlformats-officedocument.presentationml.presentation\":\n    \"presentation\",\n  \"application/vnd.oasis.opendocument.presentation\": \"presentation\",\n  \"application/vnd.google-apps.presentation\": \"presentation\",\n\n  \"image/jpeg\": \"image\",\n  \"image/jpg\": \"image\",\n  \"image/png\": \"image\",\n  \"image/gif\": \"image\",\n  \"image/bmp\": \"image\",\n  \"image/webp\": \"image\",\n  \"image/tiff\": \"image\",\n  \"image/svg+xml\": \"image\",\n  \"image/x-icon\": \"image\",\n  \"image/vnd.microsoft.icon\": \"image\",\n  \"image/heic\": \"image\",\n  \"image/heif\": \"image\",\n  \"application/vnd.google-apps.drawing\": \"image\",\n  \"application/vnd.google-apps.photo\": \"image\",\n\n  \"video/mp4\": \"video\",\n  \"video/mpeg\": \"video\",\n  \"video/quicktime\": \"video\",\n  \"video/x-msvideo\": \"video\",\n  \"video/x-ms-wmv\": \"video\",\n  \"video/webm\": \"video\",\n  \"video/ogg\": \"video\",\n  \"video/3gpp\": \"video\",\n  \"video/x-flv\": \"video\",\n\n  \"audio/mpeg\": \"audio\",\n  \"audio/mp3\": \"audio\",\n  \"audio/wav\": \"audio\",\n  \"audio/ogg\": \"audio\",\n  \"audio/webm\": \"audio\",\n  \"audio/aac\": \"audio\",\n  \"audio/x-m4a\": \"audio\",\n  \"audio/flac\": \"audio\",\n  \"audio/x-ms-wma\": \"audio\",\n\n  \"application/zip\": \"archive\",\n  \"application/vnd.rar\": \"archive\",\n  \"application/x-rar-compressed\": \"archive\",\n  \"application/x-7z-compressed\": \"archive\",\n  \"application/x-tar\": \"archive\",\n  \"application/gzip\": \"archive\",\n  \"application/x-bzip2\": \"archive\",\n\n  \"text/html\": \"code\",\n  \"text/css\": \"code\",\n  \"text/javascript\": \"code\",\n  \"application/javascript\": \"code\",\n  \"application/typescript\": \"code\",\n  \"text/x-python\": \"code\",\n  \"text/x-java\": \"code\",\n  \"text/x-c\": \"code\",\n  \"text/x-c++\": \"code\",\n  \"text/x-php\": \"code\",\n  \"text/x-ruby\": \"code\",\n  \"text/x-go\": \"code\",\n  \"text/x-rust\": \"code\",\n  \"application/x-sh\": \"code\",\n  \"application/vnd.google-apps.script\": \"code\",\n  \"text/markdown\": \"code\",\n\n  \"application/json\": \"json\",\n  \"application/ld+json\": \"json\",\n\n  \"application/xml\": \"markup\",\n  \"text/xml\": \"markup\",\n\n  \"application/sql\": \"database\",\n  \"application/x-sqlite3\": \"database\",\n\n  \"application/octet-stream\": \"binary\",\n  \"application/x-msdownload\": \"binary\",\n  \"application/x-executable\": \"binary\",\n  \"application/vnd.google-apps.form\": \"binary\",\n  \"application/vnd.google-apps.shortcut\": \"binary\",\n\n  \"font/ttf\": \"font\",\n  \"font/otf\": \"font\",\n  \"font/woff\": \"font\",\n  \"font/woff2\": \"font\",\n  \"application/font-woff\": \"font\",\n};\n\nexport const SHEET_BODY =\n  \"M6.5 1.5h7L20 8v12.5a2 2 0 0 1-2 2H6.5a2 2 0 0 1-2-2v-17a2 2 0 0 1 2-2Z\";\nexport const SHEET_FOLD = \"M13.5 1.5 20 8h-4.5a2 2 0 0 1-2-2Z\";\nexport const SHEET_BAND = \"M4.5 14H20v6.5a2 2 0 0 1-2 2H6.5a2 2 0 0 1-2-2Z\";\n\nexport const LABEL_FONT_SIZE: Record<number, number> = {\n  1: 7.4,\n  2: 7.4,\n  3: 6.4,\n  4: 5.2,\n};\n\nexport const getFileKindStyle = (mimeType: string): FileKindStyle =>\n  FILE_KIND_STYLES[MIME_TO_KIND[mimeType] ?? \"unknown\"];\n\nexport const getFileTypeLabel = (\n  mimeType: string,\n  fileName?: string,\n): string => {\n  const fromName = fileName ? extensionFromFileName(fileName) : null;\n  const ext = fromName ?? extensionFromMime(mimeType);\n  const label = ext ?? getFileKindStyle(mimeType).fallbackLabel;\n  return label.toUpperCase().slice(0, 4);\n};\n"],"mappings":";;AAyBA,IAAa,IAAoD;CAC/D,KAAK;EACH,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,UAAU;EACR,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,aAAa;EACX,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,cAAc;EACZ,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,OAAO;EACL,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,OAAO;EACL,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,OAAO;EACL,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,SAAS;EACP,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,MAAM;EACJ,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,MAAM;EACJ,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,QAAQ;EACN,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,MAAM;EACJ,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,UAAU;EACR,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,QAAQ;EACN,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACD,SAAS;EACP,OAAO;EACP,QACE;EACF,eAAe;EAChB;CACF,EAEK,IAAyC;CAC7C,mBAAmB;CAEnB,sBAAsB;CACtB,2EACE;CACF,2CAA2C;CAC3C,cAAc;CACd,YAAY;CACZ,mBAAmB;CAEnB,wCAAwC;CACxC,mCAAmC;CAEnC,4BAA4B;CAC5B,qEACE;CACF,kDAAkD;CAClD,YAAY;CACZ,2CAA2C;CAE3C,iCAAiC;CACjC,6EACE;CACF,mDAAmD;CACnD,4CAA4C;CAE5C,cAAc;CACd,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,cAAc;CACd,cAAc;CACd,iBAAiB;CACjB,gBAAgB;CAChB,4BAA4B;CAC5B,cAAc;CACd,cAAc;CACd,uCAAuC;CACvC,qCAAqC;CAErC,aAAa;CACb,cAAc;CACd,mBAAmB;CACnB,mBAAmB;CACnB,kBAAkB;CAClB,cAAc;CACd,aAAa;CACb,cAAc;CACd,eAAe;CAEf,cAAc;CACd,aAAa;CACb,aAAa;CACb,aAAa;CACb,cAAc;CACd,aAAa;CACb,eAAe;CACf,cAAc;CACd,kBAAkB;CAElB,mBAAmB;CACnB,uBAAuB;CACvB,gCAAgC;CAChC,+BAA+B;CAC/B,qBAAqB;CACrB,oBAAoB;CACpB,uBAAuB;CAEvB,aAAa;CACb,YAAY;CACZ,mBAAmB;CACnB,0BAA0B;CAC1B,0BAA0B;CAC1B,iBAAiB;CACjB,eAAe;CACf,YAAY;CACZ,cAAc;CACd,cAAc;CACd,eAAe;CACf,aAAa;CACb,eAAe;CACf,oBAAoB;CACpB,sCAAsC;CACtC,iBAAiB;CAEjB,oBAAoB;CACpB,uBAAuB;CAEvB,mBAAmB;CACnB,YAAY;CAEZ,mBAAmB;CACnB,yBAAyB;CAEzB,4BAA4B;CAC5B,4BAA4B;CAC5B,4BAA4B;CAC5B,oCAAoC;CACpC,wCAAwC;CAExC,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,cAAc;CACd,yBAAyB;CAC1B,EAEY,IACX,2EACW,IAAa,sCACb,IAAa,mDAEb,IAA0C;CACrD,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ,EAEY,KAAoB,MAC/B,EAAiB,EAAa,MAAa,YAEhC,KACX,GACA,QAEiB,IAAW,EAAsB,EAAS,GAAG,SACtC,EAAkB,EAAS,IAC9B,EAAiB,EAAS,CAAC,eACnC,aAAa,CAAC,MAAM,GAAG,EAAE"}

package/dist/components/file_type_icon/file_kind/mime_extensions.d.ts

@@ -0,0 +1,2 @@
+export declare function extensionFromMime(mimeType: string): string | null;
+export declare function extensionFromFileName(fileName: string): string | null;

package/dist/components/file_type_icon/file_kind/mime_extensions.js

@@ -0,0 +1,54 @@
+//#region src/components/file_type_icon/file_kind/mime_extensions.ts
+var e = {
+	"application/pdf": "pdf",
+	"application/msword": "doc",
+	"application/vnd.openxmlformats-officedocument.wordprocessingml.document": "docx",
+	"image/png": "png",
+	"image/jpeg": "jpg",
+	"image/webp": "webp",
+	"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "xlsx",
+	"application/vnd.ms-excel": "xls",
+	"application/vnd.openxmlformats-officedocument.presentationml.presentation": "pptx",
+	"application/vnd.ms-powerpoint": "ppt",
+	"image/gif": "gif",
+	"image/svg+xml": "svg",
+	"image/bmp": "bmp",
+	"image/tiff": "tif",
+	"image/heic": "heic",
+	"image/heif": "heif",
+	"image/x-icon": "ico",
+	"text/plain": "txt",
+	"text/csv": "csv",
+	"application/json": "json",
+	"text/html": "html",
+	"application/rtf": "rtf",
+	"application/xml": "xml",
+	"application/vnd.oasis.opendocument.text": "odt",
+	"application/vnd.oasis.opendocument.spreadsheet": "ods",
+	"application/vnd.oasis.opendocument.presentation": "odp",
+	"application/zip": "zip",
+	"application/vnd.rar": "rar",
+	"application/x-7z-compressed": "7z",
+	"application/x-tar": "tar",
+	"application/gzip": "gz",
+	"video/mp4": "mp4",
+	"video/x-msvideo": "avi",
+	"video/webm": "webm",
+	"video/quicktime": "mov",
+	"audio/mpeg": "mp3",
+	"audio/wav": "wav",
+	"audio/ogg": "ogg"
+};
+function t(t) {
+	return e[t.toLowerCase().trim()] ?? null;
+}
+function n(e) {
+	let t = e.trim(), n = t.lastIndexOf(".");
+	if (n <= 0 || n === t.length - 1) return null;
+	let r = t.slice(n + 1).toLowerCase();
+	return /^[a-z0-9]{1,8}$/.test(r) ? r : null;
+}
+//#endregion
+export { n as extensionFromFileName, t as extensionFromMime };
+
+//# sourceMappingURL=mime_extensions.js.map

package/dist/components/file_type_icon/file_kind/mime_extensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mime_extensions.js","names":[],"sources":["../../../../src/components/file_type_icon/file_kind/mime_extensions.ts"],"sourcesContent":["const MIME_EXTENSIONS: Readonly<Record<string, string>> = {\n  \"application/pdf\": \"pdf\",\n  \"application/msword\": \"doc\",\n  \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\":\n    \"docx\",\n  \"image/png\": \"png\",\n  \"image/jpeg\": \"jpg\",\n  \"image/webp\": \"webp\",\n  \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\": \"xlsx\",\n  \"application/vnd.ms-excel\": \"xls\",\n  \"application/vnd.openxmlformats-officedocument.presentationml.presentation\":\n    \"pptx\",\n  \"application/vnd.ms-powerpoint\": \"ppt\",\n  \"image/gif\": \"gif\",\n  \"image/svg+xml\": \"svg\",\n  \"image/bmp\": \"bmp\",\n  \"image/tiff\": \"tif\",\n  \"image/heic\": \"heic\",\n  \"image/heif\": \"heif\",\n  \"image/x-icon\": \"ico\",\n  \"text/plain\": \"txt\",\n  \"text/csv\": \"csv\",\n  \"application/json\": \"json\",\n  \"text/html\": \"html\",\n  \"application/rtf\": \"rtf\",\n  \"application/xml\": \"xml\",\n  \"application/vnd.oasis.opendocument.text\": \"odt\",\n  \"application/vnd.oasis.opendocument.spreadsheet\": \"ods\",\n  \"application/vnd.oasis.opendocument.presentation\": \"odp\",\n  \"application/zip\": \"zip\",\n  \"application/vnd.rar\": \"rar\",\n  \"application/x-7z-compressed\": \"7z\",\n  \"application/x-tar\": \"tar\",\n  \"application/gzip\": \"gz\",\n  \"video/mp4\": \"mp4\",\n  \"video/x-msvideo\": \"avi\",\n  \"video/webm\": \"webm\",\n  \"video/quicktime\": \"mov\",\n  \"audio/mpeg\": \"mp3\",\n  \"audio/wav\": \"wav\",\n  \"audio/ogg\": \"ogg\",\n};\n\nexport function extensionFromMime(mimeType: string): string | null {\n  return MIME_EXTENSIONS[mimeType.toLowerCase().trim()] ?? null;\n}\n\nexport function extensionFromFileName(fileName: string): string | null {\n  const trimmed = fileName.trim();\n  const dot = trimmed.lastIndexOf(\".\");\n  if (dot <= 0 || dot === trimmed.length - 1) return null;\n  const ext = trimmed.slice(dot + 1).toLowerCase();\n  return /^[a-z0-9]{1,8}$/.test(ext) ? ext : null;\n}\n"],"mappings":";AAAA,IAAM,IAAoD;CACxD,mBAAmB;CACnB,sBAAsB;CACtB,2EACE;CACF,aAAa;CACb,cAAc;CACd,cAAc;CACd,qEAAqE;CACrE,4BAA4B;CAC5B,6EACE;CACF,iCAAiC;CACjC,aAAa;CACb,iBAAiB;CACjB,aAAa;CACb,cAAc;CACd,cAAc;CACd,cAAc;CACd,gBAAgB;CAChB,cAAc;CACd,YAAY;CACZ,oBAAoB;CACpB,aAAa;CACb,mBAAmB;CACnB,mBAAmB;CACnB,2CAA2C;CAC3C,kDAAkD;CAClD,mDAAmD;CACnD,mBAAmB;CACnB,uBAAuB;CACvB,+BAA+B;CAC/B,qBAAqB;CACrB,oBAAoB;CACpB,aAAa;CACb,mBAAmB;CACnB,cAAc;CACd,mBAAmB;CACnB,cAAc;CACd,aAAa;CACb,aAAa;CACd;AAED,SAAgB,EAAkB,GAAiC;AACjE,QAAO,EAAgB,EAAS,aAAa,CAAC,MAAM,KAAK;;AAG3D,SAAgB,EAAsB,GAAiC;CACrE,IAAM,IAAU,EAAS,MAAM,EACzB,IAAM,EAAQ,YAAY,IAAI;AACpC,KAAI,KAAO,KAAK,MAAQ,EAAQ,SAAS,EAAG,QAAO;CACnD,IAAM,IAAM,EAAQ,MAAM,IAAM,EAAE,CAAC,aAAa;AAChD,QAAO,kBAAkB,KAAK,EAAI,GAAG,IAAM"}

package/dist/components/file_type_icon/file_type_icon.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+export interface FileTypeIconProps extends SVGProps<SVGSVGElement> {
+    mimeType: string;
+    fileName?: string;
+}
+export declare const FileTypeIcon: ({ mimeType, className, fileName, ...props }: FileTypeIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_type_icon/file_type_icon.js

@@ -0,0 +1,67 @@
+import { cn as e } from "../../utilities/class/index.js";
+import { LABEL_FONT_SIZE as t, SHEET_BAND as n, SHEET_BODY as r, SHEET_FOLD as i, getFileKindStyle as a, getFileTypeLabel as o } from "./file_kind/index.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/file_type_icon/file_type_icon.tsx
+var l = ({ mimeType: l, className: u = "size-4", fileName: d, ...f }) => {
+	let { color: p } = a(l), m = o(l, d);
+	return /* @__PURE__ */ c("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		"data-file-label": m,
+		className: e("shrink-0", p, u),
+		...f,
+		children: [
+			/* @__PURE__ */ s("path", {
+				d: r,
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ s("path", {
+				d: i,
+				fill: "currentColor",
+				opacity: "0.45"
+			}),
+			/* @__PURE__ */ c("g", {
+				fill: "#fff",
+				opacity: "0.9",
+				children: [/* @__PURE__ */ s("rect", {
+					x: "7.4",
+					y: "9.6",
+					width: "8",
+					height: "1.5",
+					rx: "0.75"
+				}), /* @__PURE__ */ s("rect", {
+					x: "7.4",
+					y: "12.2",
+					width: "5",
+					height: "1.5",
+					rx: "0.75"
+				})]
+			}),
+			/* @__PURE__ */ s("path", {
+				d: n,
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ s("path", {
+				d: n,
+				fill: "#000",
+				opacity: "0.24"
+			}),
+			/* @__PURE__ */ s("text", {
+				x: "12.25",
+				y: "20",
+				textAnchor: "middle",
+				fill: "#fff",
+				fontSize: t[m.length] ?? 5.2,
+				fontWeight: "700",
+				letterSpacing: "-0.15",
+				fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+				children: m
+			})
+		]
+	});
+};
+//#endregion
+export { l as FileTypeIcon };
+
+//# sourceMappingURL=file_type_icon.js.map

package/dist/components/file_type_icon/file_type_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file_type_icon.js","names":[],"sources":["../../../src/components/file_type_icon/file_type_icon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\nimport { cn } from \"../../utilities/class\";\nimport {\n  getFileKindStyle,\n  getFileTypeLabel,\n  LABEL_FONT_SIZE,\n  SHEET_BAND,\n  SHEET_BODY,\n  SHEET_FOLD,\n} from \"./file_kind\";\n\nexport interface FileTypeIconProps extends SVGProps<SVGSVGElement> {\n  mimeType: string;\n  fileName?: string;\n}\n\nexport const FileTypeIcon = ({\n  mimeType,\n  className = \"size-4\",\n  fileName,\n  ...props\n}: FileTypeIconProps) => {\n  const { color } = getFileKindStyle(mimeType);\n  const label = getFileTypeLabel(mimeType, fileName);\n\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      data-file-label={label}\n      className={cn(\"shrink-0\", color, className)}\n      {...props}\n    >\n      <path d={SHEET_BODY} fill=\"currentColor\" />\n      <path d={SHEET_FOLD} fill=\"currentColor\" opacity=\"0.45\" />\n      <g fill=\"#fff\" opacity=\"0.9\">\n        <rect x=\"7.4\" y=\"9.6\" width=\"8\" height=\"1.5\" rx=\"0.75\" />\n        <rect x=\"7.4\" y=\"12.2\" width=\"5\" height=\"1.5\" rx=\"0.75\" />\n      </g>\n      <path d={SHEET_BAND} fill=\"currentColor\" />\n      <path d={SHEET_BAND} fill=\"#000\" opacity=\"0.24\" />\n      <text\n        x=\"12.25\"\n        y=\"20\"\n        textAnchor=\"middle\"\n        fill=\"#fff\"\n        fontSize={LABEL_FONT_SIZE[label.length] ?? 5.2}\n        fontWeight=\"700\"\n        letterSpacing=\"-0.15\"\n        fontFamily=\"ui-monospace, SFMono-Regular, Menlo, monospace\"\n      >\n        {label}\n      </text>\n    </svg>\n  );\n};\n"],"mappings":";;;;AAgBA,IAAa,KAAgB,EAC3B,aACA,eAAY,UACZ,aACA,GAAG,QACoB;CACvB,IAAM,EAAE,aAAU,EAAiB,EAAS,EACtC,IAAQ,EAAiB,GAAU,EAAS;AAElD,QACE,kBAAC,OAAD;EACE,SAAQ;EACR,MAAK;EACL,eAAY;EACZ,mBAAiB;EACjB,WAAW,EAAG,YAAY,GAAO,EAAU;EAC3C,GAAI;YANN;GAQE,kBAAC,QAAD;IAAM,GAAG;IAAY,MAAK;IAAiB,CAAA;GAC3C,kBAAC,QAAD;IAAM,GAAG;IAAY,MAAK;IAAe,SAAQ;IAAS,CAAA;GAC1D,kBAAC,KAAD;IAAG,MAAK;IAAO,SAAQ;cAAvB,CACE,kBAAC,QAAD;KAAM,GAAE;KAAM,GAAE;KAAM,OAAM;KAAI,QAAO;KAAM,IAAG;KAAS,CAAA,EACzD,kBAAC,QAAD;KAAM,GAAE;KAAM,GAAE;KAAO,OAAM;KAAI,QAAO;KAAM,IAAG;KAAS,CAAA,CACxD;;GACJ,kBAAC,QAAD;IAAM,GAAG;IAAY,MAAK;IAAiB,CAAA;GAC3C,kBAAC,QAAD;IAAM,GAAG;IAAY,MAAK;IAAO,SAAQ;IAAS,CAAA;GAClD,kBAAC,QAAD;IACE,GAAE;IACF,GAAE;IACF,YAAW;IACX,MAAK;IACL,UAAU,EAAgB,EAAM,WAAW;IAC3C,YAAW;IACX,eAAc;IACd,YAAW;cAEV;IACI,CAAA;GACH"}

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

@@ -0,0 +1,4 @@
+export { FileTypeIcon } from './file_type_icon';
+export type { FileTypeIconProps } from './file_type_icon';
+export { getFileKindStyle, getFileTypeLabel, FILE_KIND_STYLES, } from './file_kind';
+export type { FileKind, FileKindStyle } from './file_kind';

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export declare const FOLDER_VARIANT: {
+    readonly DEFAULT: "default";
+    readonly SHARED: "shared";
+    readonly DRIVE: "drive";
+};
+export type FolderVariant = (typeof FOLDER_VARIANT)[keyof typeof FOLDER_VARIANT];
+export declare const MARK_COLOR = "var(--primary-foreground)";
+export declare const MARKS: Record<FolderVariant, ReactNode>;
+export declare const FOLDER_BODY = "M4.5 6.5a2 2 0 0 1 2-2h3.36a2 2 0 0 1 1.42.59l1.23 1.23a2 2 0 0 0 1.41.59H18a2 2 0 0 1 2 2V18a2 2 0 0 1-2 2H6.5a2 2 0 0 1-2-2Z";
+export declare const FOLDER_FRONT = "M4.5 9.6h15.5V18a2 2 0 0 1-2 2H6.5a2 2 0 0 1-2-2Z";