@floegence/floe-webapp-core 0.58.0 → 0.59.0

package/dist/components/file-browser/FileIcons.js

@@ -1,302 +1,56 @@
-import { createComponent as i, Dynamic as q, insert as E, effect as k, className as K, setAttribute as c, template as d, setStyleProperty as F } from "solid-js/web";
-import { Show as w, createUniqueId as W } from "solid-js";
-import { classifyArchiveFileName as O } from "./archiveFiles.js";
-var J = /* @__PURE__ */ d('<svg><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></svg>', !1, !0, !1), Q = /* @__PURE__ */ d('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"><path fill=none stroke-width=1.5 stroke-linecap=round stroke-linejoin=round d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline fill=none stroke-width=1.5 stroke-linecap=round stroke-linejoin=round points="14 2 14 8 20 8">'), Z = /* @__PURE__ */ d('<svg><path fill=none stroke=var(--error) stroke-width=1.35 stroke-linecap=round d="M15.9 15.9 20.1 20.1"></svg>', !1, !0, !1), ee = /* @__PURE__ */ d('<svg><g data-file-link-kind=symbolic><circle cx=18 cy=18 r=4 stroke-width=1></circle><path fill=none stroke-width=1.2 stroke-linecap=round stroke-linejoin=round d="M15.8 18h3.4m0 0-1.4-1.4m1.4 1.4-1.4 1.4"></svg>', !1, !0, !1), ne = /* @__PURE__ */ d('<svg><path fill=var(--background) opacity=0.3 d="M3 8l4-3h14l-4 3H3z"></svg>', !1, !0, !1), re = /* @__PURE__ */ d('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"><defs><linearGradient x1=0% y1=0% x2=0% y2=100%><stop offset=0% style="stop-color:var(--floe-file-icon-warning, var(--warning));stop-opacity:1"></stop><stop offset=100% style=stop-opacity:1></stop></linearGradient></defs><path>'), te = /* @__PURE__ */ d('<svg><g data-file-icon-kind=archive><path d="M10 9.75h4M10 12.25h4M10 14.75h4"fill=none stroke="var(--floe-file-icon-warning, var(--warning))"stroke-width=1.35 stroke-linecap=round></path><rect x=9.25 y=17 width=5.5 height=2.25 rx=0.7 fill="var(--floe-file-icon-warning, var(--warning))"opacity=0.18 stroke="var(--floe-file-icon-warning, var(--warning))"stroke-width=1></svg>', !1, !0, !1), oe = /* @__PURE__ */ d('<svg><path fill=none stroke="var(--floe-file-icon-info, var(--info))"stroke-width=1.5 stroke-linecap=round stroke-linejoin=round d="m10 13-2 2 2 2m4-4 2 2-2 2"></svg>', !1, !0, !1), ie = /* @__PURE__ */ d('<svg><g><rect x=5 y=13.5 width=14 height=5.75 rx=1.8 opacity=0.12 stroke-width=1></rect><text x=12 y=17.45 font-weight=700 text-anchor=middle style="font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace"></svg>', !1, !0, !1), le = /* @__PURE__ */ d('<svg><circle cx=10 cy=13 r=2 fill="var(--floe-file-icon-success, var(--success))"></svg>', !1, !0, !1), ae = /* @__PURE__ */ d('<svg><path fill=none stroke="var(--floe-file-icon-success, var(--success))"stroke-width=1.5 stroke-linecap=round stroke-linejoin=round d="m20 17-3-3-4 4-2-2-5 3"></svg>', !1, !0, !1), se = /* @__PURE__ */ d('<svg><g data-file-icon-kind=video><rect x=6.75 y=12 width=10.5 height=6.25 rx=1.5 fill="color-mix(in srgb, #8b5cf6 86%, var(--foreground))"opacity=0.14 stroke="color-mix(in srgb, #8b5cf6 86%, var(--foreground))"stroke-width=1.2></rect><path fill="color-mix(in srgb, #8b5cf6 86%, var(--foreground))"d="M10.75 13.7v2.85a.45.45 0 0 0 .68.39l2.45-1.43a.45.45 0 0 0 0-.78l-2.45-1.42a.45.45 0 0 0-.68.39z"></path><line x1=8 y1=19.5 x2=16 y2=19.5 stroke="color-mix(in srgb, #8b5cf6 86%, var(--foreground))"stroke-width=1.2 stroke-linecap=round opacity=0.72></svg>', !1, !0, !1), ce = /* @__PURE__ */ d('<svg><g data-file-icon-kind=audio><path fill=none stroke="var(--floe-file-icon-info, var(--info))"stroke-width=1.45 stroke-linecap=round stroke-linejoin=round d="M9 16.25v-5.2l5.5-1.15v5.15"></path><ellipse cx=8.2 cy=17.2 rx=1.75 ry=1.25 fill="var(--floe-file-icon-info, var(--info))"opacity=0.2 stroke="var(--floe-file-icon-info, var(--info))"stroke-width=1.1></ellipse><ellipse cx=13.7 cy=16 rx=1.75 ry=1.25 fill="var(--floe-file-icon-info, var(--info))"opacity=0.2 stroke="var(--floe-file-icon-info, var(--info))"stroke-width=1.1></svg>', !1, !0, !1), fe = /* @__PURE__ */ d('<svg><line x1=8 y1=13 x2=16 y2=13 stroke="var(--floe-file-icon-error, var(--error))"stroke-width=1.5 stroke-linecap=round></svg>', !1, !0, !1), ge = /* @__PURE__ */ d('<svg><line x1=8 y1=17 x2=14 y2=17 stroke="var(--floe-file-icon-error, var(--error))"stroke-width=1.5 stroke-linecap=round></svg>', !1, !0, !1), de = /* @__PURE__ */ d('<svg><path fill=none stroke="var(--floe-file-icon-warning, var(--warning))"stroke-width=1.5 stroke-linecap=round stroke-linejoin=round d="M10 12v4h2m-2-4h2l2 4"></svg>', !1, !0, !1), ve = /* @__PURE__ */ d('<svg><path fill=none stroke="var(--floe-file-icon-primary, var(--primary))"stroke-width=1.5 stroke-linecap=round stroke-linejoin=round d="M9 14h6m-3-3v6"></svg>', !1, !0, !1), ue = /* @__PURE__ */ d("<span>");
-const he = /* @__PURE__ */ new Set(["png", "jpg", "jpeg", "gif", "svg", "webp", "ico", "bmp"]), Ee = /* @__PURE__ */ new Set(["mp4", "webm", "mov", "m4v", "ogv", "mkv"]), ke = /* @__PURE__ */ new Set(["mp3", "m4a", "aac", "wav", "ogg", "oga", "opus", "flac"]), me = /* @__PURE__ */ new Set(["pdf", "doc", "docx", "xls", "xlsx", "ppt", "pptx", "txt", "md", "rtf"]), _e = /* @__PURE__ */ new Set(["json", "yaml", "yml", "toml", "xml", "ini", "env", "config", "cfg", "conf", "properties"]), Se = /* @__PURE__ */ new Set(["css", "scss", "sass", "less", "styl"]), pe = /* @__PURE__ */ new Set(["clj", "cljs", "cljc", "coffee", "elm", "erl", "ex", "exs", "haml", "handlebars", "hbs", "heex", "hrl", "jinja", "jinja2", "jl", "lisp", "liquid", "m", "mm", "ml", "mli", "nim", "proto", "slim", "twig", "zig"]), ye = "color-mix(in srgb, #8b5cf6 86%, var(--foreground))", be = {
-  warning: "var(--floe-file-icon-warning, var(--warning))",
-  primary: "var(--floe-file-icon-primary, var(--primary))",
-  info: "var(--floe-file-icon-info, var(--info))",
-  success: "var(--floe-file-icon-success, var(--success))",
-  error: "var(--floe-file-icon-error, var(--error))",
-  neutral: "color-mix(in srgb, var(--foreground) 70%, var(--background))"
-}, M = {
-  label: "JS",
-  tone: "warning"
-}, L = {
-  label: "TS",
-  tone: "primary"
-}, A = {
-  label: "SH",
-  tone: "success"
-}, we = {
-  label: "PY",
-  tone: "info"
-}, N = {
-  label: "RB",
-  tone: "error"
-}, Ce = {
-  label: "GO",
-  tone: "info"
-}, xe = {
-  label: "RS",
-  tone: "error"
-}, Ae = {
-  label: "JAVA",
-  tone: "warning"
-}, Be = {
-  label: "KT",
-  tone: "primary"
-}, Te = {
-  label: "SC",
-  tone: "error"
-}, Ie = {
-  label: "C",
-  tone: "neutral"
-}, De = {
-  label: "C++",
-  tone: "neutral"
-}, Pe = {
-  label: "C#",
-  tone: "primary"
-}, Ge = {
-  label: "F#",
-  tone: "info"
-}, Fe = {
-  label: "PHP",
-  tone: "primary"
-}, Oe = {
-  label: "PL",
-  tone: "info"
-}, Me = {
-  label: "SW",
-  tone: "error"
-}, Le = {
-  label: "LUA",
-  tone: "warning"
-}, Ne = {
-  label: "DART",
-  tone: "info"
-}, je = {
-  label: "R",
-  tone: "info"
-}, Re = {
-  label: "SQL",
-  tone: "warning"
-}, ze = {
-  label: "GQL",
-  tone: "primary"
-}, j = {
-  label: "GRV",
-  tone: "success"
-}, $e = {
-  label: "HTML",
-  tone: "warning"
-}, He = {
-  label: "VUE",
-  tone: "success"
-}, Ve = {
-  label: "SVE",
-  tone: "error"
-}, Xe = {
-  label: "AST",
-  tone: "warning"
-}, Ue = {
-  label: "MDX",
-  tone: "primary"
-}, x = {
-  label: "DKR",
-  tone: "info"
-}, Ye = {
-  label: "MAKE",
-  tone: "warning"
-}, R = {
-  label: "CMK",
-  tone: "primary"
-}, qe = {
-  label: "PS",
-  tone: "primary"
-}, Ke = {
-  label: "BAT",
-  tone: "neutral"
-}, B = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Map();
-t(M, ["js", "jsx", "mjs", "cjs"]);
-t(L, ["ts", "tsx", "mts", "cts"]);
-t(A, ["sh", "bash", "zsh", "fish", "ksh", "csh"]);
-t(we, ["py", "pyi", "pyw"]);
-t(N, ["rb", "rake", "gemspec", "erb"]);
-t(Ce, ["go"]);
-t(xe, ["rs"]);
-t(Ae, ["java"]);
-t(Be, ["kt", "kts"]);
-t(Te, ["scala", "sc"]);
-t(Ie, ["c", "h"]);
-t(De, ["cc", "cp", "cpp", "cxx", "hh", "hpp", "hxx"]);
-t(Pe, ["cs"]);
-t(Ge, ["fs", "fsi", "fsx"]);
-t(Fe, ["php", "phtml"]);
-t(Oe, ["pl", "pm"]);
-t(Me, ["swift"]);
-t(Le, ["lua"]);
-t(Ne, ["dart"]);
-t(je, ["r"]);
-t(Re, ["sql"]);
-t(ze, ["graphql", "gql"]);
-t(j, ["groovy", "gradle", "gvy"]);
-t($e, ["html", "htm", "xhtml"]);
-t(He, ["vue"]);
-t(Ve, ["svelte"]);
-t(Xe, ["astro"]);
-t(Ue, ["mdx"]);
-t(qe, ["ps1", "psd1", "psm1"]);
-t(Ke, ["bat", "cmd"]);
-t(x, ["dockerfile", "containerfile"]);
-t(R, ["cmake"]);
-m(x, ["dockerfile", "containerfile"]);
-m(Ye, ["makefile", "gnumakefile", "justfile"]);
-m(R, ["cmakelists.txt"]);
-m(A, [".bashrc", ".bash_profile", ".bash_aliases", ".profile", ".zshrc", ".zprofile", ".zshenv", ".zlogin", ".zlogout", ".kshrc", ".cshrc", ".tcshrc", ".envrc"]);
-m(N, ["gemfile", "rakefile", "podfile", "fastfile", "appfile", "brewfile", "vagrantfile"]);
-m(j, ["jenkinsfile"]);
-We(x, ["dockerfile.", "containerfile."]);
-Je(x, [".dockerfile", ".containerfile"]);
-function t(e, n) {
-  for (const r of n)
-    B.set(r, e);
-}
-function m(e, n) {
-  for (const r of n)
-    z.set(r, e);
-}
-function We(e, n) {
-  for (const r of n)
-    $.set(r, e);
-}
-function Je(e, n) {
-  for (const r of n)
-    H.set(r, e);
-}
-function V(e) {
-  const n = e?.trim().toLowerCase();
-  if (n)
-    return n.startsWith(".") ? n.slice(1) : n;
-}
-function X(e) {
-  const n = e?.trim();
-  if (!n)
-    return;
-  const r = n.split(/[\\/]/);
-  return r[r.length - 1]?.toLowerCase();
-}
-function Qe(e) {
-  const n = X(e);
-  if (!n)
-    return;
-  const r = n.lastIndexOf(".");
-  if (!(r <= 0 || r === n.length - 1))
-    return n.slice(r + 1);
-}
-function U(e) {
-  return V(e.extension) ?? Qe(e.name);
-}
-function Ze(e) {
-  const n = X(e.name);
-  if (n) {
-    const g = z.get(n);
-    if (g)
-      return g;
-    for (const [f, o] of $)
-      if (n.startsWith(f))
-        return o;
-    for (const [f, o] of H)
-      if (n.endsWith(f))
-        return o;
-  }
-  const r = U(e);
-  return r ? B.get(r) : void 0;
-}
-function en(e) {
-  return e.length <= 2 ? "6.2" : e.length === 3 ? "5.3" : e.length === 4 ? "4.5" : "4";
-}
-function nn(e) {
-  return (n) => i(vn, {
-    get class() {
-      return n.class;
-    },
-    spec: e
-  });
-}
-function C(e) {
-  const n = `${e.tone}:${e.label}`, r = G.get(n);
-  if (r)
-    return r;
-  const g = nn(e);
-  return G.set(n, g), g;
-}
-const u = (e) => {
-  const n = () => e.accent ?? "currentColor";
+import { createComponent as a, mergeProps as s, Dynamic as M, insert as m, effect as I, className as P, setAttribute as o, template as h } from "solid-js/web";
+import { Show as y, createUniqueId as T } from "solid-js";
+import { fileIconDefinition as t, fileIconForExtension as q, resolveFileIconDefinition as E, fileIconCatalog as J } from "./fileIconCatalog.js";
+import { fileIconArtwork as L } from "./fileIconArtwork.generated.js";
+var N = /* @__PURE__ */ h('<svg><path d="m31 31 12 12"stroke-width=2.4></svg>', !1, !0, !1), U = /* @__PURE__ */ h('<svg><g transform="translate(1 1)"data-file-link-kind=symbolic><circle cx=37 cy=37 r=9 fill=var(--background) stroke-width=2></circle><path d="M32 37h9m0 0-4-4m4 4-4 4"fill=none stroke-width=2.2 stroke-linecap=round stroke-linejoin=round></svg>', !1, !0, !1), V = /* @__PURE__ */ h('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 48 48"fill=none aria-hidden=true><defs><linearGradient x1=0 y1=0 x2=0 y2=1><stop stop-color=var(--floe-icon-paper-top)></stop><stop offset=1 stop-color=var(--floe-icon-paper-bottom)></stop></linearGradient><linearGradient x1=0 y1=0 x2=.75 y2=1><stop></stop><stop offset=1>'), H = /* @__PURE__ */ h("<span>");
+function K(e) {
+  const r = () => e.target === "broken" ? "var(--error)" : "var(--foreground)";
   return (() => {
-    var r = Q(), g = r.firstChild, f = g.nextSibling;
-    return E(r, i(w, {
+    var i = U(), f = i.firstChild, g = f.nextSibling;
+    return m(i, a(y, {
       get when() {
-        return e.accent;
+        return e.target === "broken";
       },
       get children() {
-        var o = J();
-        return k((l) => {
-          var a = n(), v = e.fillOpacity ?? 0.18;
-          return a !== l.e && c(o, "fill", l.e = a), v !== l.t && c(o, "opacity", l.t = v), l;
-        }, {
-          e: void 0,
-          t: void 0
-        }), o;
+        var d = N();
+        return I(() => o(d, "stroke", r())), d;
       }
-    }), g), E(r, () => e.children, null), k((o) => {
-      var l = e.class, a = e.linkTargetType ? "symbolic" : void 0, v = e.linkTargetType, h = n(), s = n();
-      return l !== o.e && c(r, "class", o.e = l), a !== o.t && c(r, "data-file-link-kind", o.t = a), v !== o.a && c(r, "data-file-link-target-type", o.a = v), h !== o.o && c(g, "stroke", o.o = h), s !== o.i && c(f, "stroke", o.i = s), o;
+    }), null), I((d) => {
+      var l = e.target, k = r(), v = r();
+      return l !== d.e && o(i, "data-file-link-target-type", d.e = l), k !== d.t && o(f, "stroke", d.t = k), v !== d.a && o(g, "stroke", d.a = v), d;
     }, {
       e: void 0,
       t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0
-    }), r;
+      a: void 0
+    }), i;
   })();
-}, T = (e) => {
-  const n = () => e.targetType === "broken" ? "var(--error)" : "color-mix(in srgb, var(--foreground) 82%, var(--background))", r = () => e.targetType === "broken" ? "color-mix(in srgb, var(--error) 18%, var(--background))" : "color-mix(in srgb, var(--background) 92%, var(--foreground) 8%)";
-  return (() => {
-    var g = ee(), f = g.firstChild, o = f.nextSibling;
-    return E(g, i(w, {
-      get when() {
-        return e.targetType === "broken";
-      },
-      get children() {
-        return Z();
-      }
-    }), null), k((l) => {
-      var a = e.targetType, v = r(), h = n(), s = n();
-      return a !== l.e && c(g, "data-file-link-target-type", l.e = a), v !== l.t && c(f, "fill", l.t = v), h !== l.a && c(f, "stroke", l.a = h), s !== l.o && c(o, "stroke", l.o = s), l;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0
-    }), g;
-  })();
-}, _ = (e) => {
-  const n = W(), r = () => !!e.open, g = () => `${r() ? "floe-folder-open-gradient" : "floe-folder-gradient"}-${n}`;
+}
+function u(e) {
+  const r = `floe-file-${T()}`, i = () => e.size ?? 24, f = () => e.definition.palette ?? {}, g = () => f().darkPrimary ? "var(--floe-icon-monochrome)" : f().primary || `var(--floe-icon-${e.definition.tone})`, d = () => L[e.definition.id + (e.definition.id === "folder" && e.open ? "-open" : "")];
   return (() => {
-    var f = re(), o = f.firstChild, l = o.firstChild, a = l.firstChild, v = a.nextSibling, h = o.nextSibling;
-    return E(f, i(w, {
-      get when() {
-        return r();
+    var l = V(), k = l.firstChild, v = k.firstChild, F = v.nextSibling, b = F.firstChild, w = b.nextSibling;
+    return o(v, "id", `${r}-paper`), o(F, "id", `${r}-color`), m(l, a(M, {
+      get component() {
+        return d();
       },
-      get children() {
-        return ne();
+      id: r,
+      get compact() {
+        return i() <= 20;
       }
-    }), null), E(f, i(w, {
+    }), null), m(l, a(y, {
       get when() {
-        return e.linkTargetType;
+        return e.link;
       },
       get children() {
-        return i(T, {
-          get targetType() {
-            return e.linkTargetType;
+        return a(K, {
+          get target() {
+            return e.link;
           }
         });
       }
-    }), null), k((s) => {
-      var S = e.class, p = e.linkTargetType ? "symbolic" : void 0, y = e.linkTargetType, b = g(), I = r() ? "color-mix(in srgb, var(--floe-file-icon-warning, var(--warning)) 70%, var(--foreground))" : "color-mix(in srgb, var(--floe-file-icon-warning, var(--warning)) 80%, var(--foreground))", D = `url(#${g()})`, P = r() ? "M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7.414A2 2 0 0 0 20.414 6L18 3.586A2 2 0 0 0 16.586 3H5zm4 2h7.586L19 7.414V17H5V5h4z" : "M3 5a2 2 0 0 1 2-2h4.586a1 1 0 0 1 .707.293L12 5h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5z";
-      return S !== s.e && c(f, "class", s.e = S), p !== s.t && c(f, "data-file-link-kind", s.t = p), y !== s.a && c(f, "data-file-link-target-type", s.a = y), b !== s.o && c(l, "id", s.o = b), I !== s.i && F(v, "stop-color", s.i = I), D !== s.n && c(h, "fill", s.n = D), P !== s.s && c(h, "d", s.s = P), s;
+    }), null), I((n) => {
+      var S = i(), x = i(), C = e.class, z = e.definition.id, D = e.definition.category === "archive" ? "archive" : e.definition.id, $ = i() <= 20 ? "compact" : "detailed", j = e.open || void 0, A = e.link ? "symbolic" : void 0, B = e.link, p = f().gradientStart || g(), G = f().gradientEnd || g(), O = f().primary ? 1 : 0.83;
+      return S !== n.e && o(l, "width", n.e = S), x !== n.t && o(l, "height", n.t = x), C !== n.a && o(l, "class", n.a = C), z !== n.o && o(l, "data-file-icon-type", n.o = z), D !== n.i && o(l, "data-file-icon-kind", n.i = D), $ !== n.n && o(l, "data-file-icon-size", n.n = $), j !== n.s && o(l, "data-file-icon-open", n.s = j), A !== n.h && o(l, "data-file-link-kind", n.h = A), B !== n.r && o(l, "data-file-link-target-type", n.r = B), p !== n.d && o(b, "stop-color", n.d = p), G !== n.l && o(w, "stop-color", n.l = G), O !== n.u && o(w, "stop-opacity", n.u = O), n;
     }, {
       e: void 0,
       t: void 0,
@@ -304,231 +58,118 @@ const u = (e) => {
       o: void 0,
       i: void 0,
       n: void 0,
-      s: void 0
-    }), f;
+      s: void 0,
+      h: void 0,
+      r: void 0,
+      d: void 0,
+      l: void 0,
+      u: void 0
+    }), l;
   })();
-}, rn = (e) => i(_, {
-  get class() {
-    return e.class;
-  }
-}), tn = (e) => i(_, {
-  get class() {
-    return e.class;
+}
+const Q = new Map(J.map((e) => [e.id, (r) => a(u, s(r, {
+  definition: e
+}))])), c = (e) => Q.get(e.id), R = c(t("folder")), W = (e) => a(u, s(e, {
+  get definition() {
+    return t("folder");
   },
   open: !0
-}), on = (e) => i(_, {
-  get class() {
-    return e.class;
-  },
-  linkTargetType: "folder"
-}), ln = (e) => i(_, {
-  get class() {
-    return e.class;
-  },
-  open: !0,
-  linkTargetType: "folder"
-}), an = (e) => i(_, {
-  get class() {
-    return e.class;
-  },
-  linkTargetType: "broken"
-}), sn = (e) => i(_, {
-  get class() {
-    return e.class;
-  },
-  open: !0,
-  linkTargetType: "broken"
-}), cn = (e) => i(u, {
-  get class() {
-    return e.class;
-  }
-}), fn = (e) => i(u, {
-  get class() {
-    return e.class;
-  },
-  linkTargetType: "file",
-  get children() {
-    return i(T, {
-      targetType: "file"
-    });
-  }
-}), gn = (e) => i(u, {
-  get class() {
-    return e.class;
-  },
-  accent: "var(--muted-foreground)",
-  linkTargetType: "broken",
-  get children() {
-    return i(T, {
-      targetType: "broken"
-    });
-  }
-}), Y = (e) => i(u, {
-  get class() {
-    return e.class;
-  },
-  accent: "var(--floe-file-icon-warning, var(--warning))",
-  get children() {
-    return te();
-  }
-}), dn = (e) => i(u, {
-  get class() {
-    return e.class;
-  },
-  accent: "var(--floe-file-icon-info, var(--info))",
-  get children() {
-    return oe();
-  }
-}), vn = (e) => {
-  const n = () => be[e.spec.tone], r = () => en(e.spec.label), g = () => e.spec.label.length > 3 ? "0.02em" : "0.04em";
-  return i(u, {
-    get class() {
-      return e.class;
-    },
-    get accent() {
-      return n();
-    },
-    get children() {
-      var f = ie(), o = f.firstChild, l = o.nextSibling;
-      return E(l, () => e.spec.label), k((a) => {
-        var v = e.spec.label, h = e.spec.tone, s = n(), S = n(), p = n(), y = r(), b = g();
-        return v !== a.e && c(f, "data-code-badge-label", a.e = v), h !== a.t && c(f, "data-code-badge-tone", a.t = h), s !== a.a && c(o, "fill", a.a = s), S !== a.o && c(o, "stroke", a.o = S), p !== a.i && c(l, "fill", a.i = p), y !== a.n && c(l, "font-size", a.n = y), b !== a.s && F(l, "letter-spacing", a.s = b), a;
-      }, {
-        e: void 0,
-        t: void 0,
-        a: void 0,
-        o: void 0,
-        i: void 0,
-        n: void 0,
-        s: void 0
-      }), f;
-    }
-  });
-}, xn = C(M), An = C(L), Bn = C(A), un = (e) => i(u, {
-  get class() {
-    return e.class;
+})), X = (e) => a(u, s(e, {
+  get definition() {
+    return t("folder");
   },
-  accent: "var(--floe-file-icon-success, var(--success))",
-  get children() {
-    return [le(), ae()];
-  }
-}), hn = (e) => i(u, {
-  get class() {
-    return e.class;
+  link: "folder"
+})), Y = (e) => a(u, s(e, {
+  get definition() {
+    return t("folder");
   },
-  accent: ye,
-  get children() {
-    var n = se(), r = n.firstChild, g = r.nextSibling;
-    return g.nextSibling, n;
-  }
-}), En = (e) => i(u, {
-  get class() {
-    return e.class;
+  link: "folder",
+  open: !0
+})), Z = (e) => a(u, s(e, {
+  get definition() {
+    return t("folder");
   },
-  accent: "var(--floe-file-icon-info, var(--info))",
-  get children() {
-    return ce();
-  }
-}), kn = (e) => i(u, {
-  get class() {
-    return e.class;
+  link: "broken"
+})), _ = (e) => a(u, s(e, {
+  get definition() {
+    return t("folder");
   },
-  accent: "var(--floe-file-icon-error, var(--error))",
-  get children() {
-    return [fe(), ge()];
-  }
-}), mn = (e) => i(u, {
-  get class() {
-    return e.class;
+  link: "broken",
+  open: !0
+})), ce = c(t("file")), ee = (e) => a(u, s(e, {
+  get definition() {
+    return t("file");
   },
-  accent: "var(--floe-file-icon-warning, var(--warning))",
-  get children() {
-    return de();
-  }
-}), _n = (e) => i(u, {
-  get class() {
-    return e.class;
+  link: "file"
+})), ne = (e) => a(u, s(e, {
+  get definition() {
+    return t("file");
   },
-  accent: "var(--floe-file-icon-primary, var(--primary))",
-  get children() {
-    return ve();
-  }
-});
-function Sn(e) {
-  const n = V(e);
-  if (n && O(`file.${n}`))
-    return Y;
-  if (n) {
-    const r = B.get(n);
-    if (r)
-      return C(r);
+  link: "broken"
+})), ae = c(t("archive")), de = c(t("code")), fe = c(t("js")), se = c(t("ts")), ue = c(t("shell")), ve = c(t("image")), ge = c(t("video")), ke = c(t("audio")), me = c(t("pdf")), Ie = c(t("json")), he = c(t("css"));
+function ye(e) {
+  return c(q(e));
+}
+function te(e, r = {}) {
+  if (e.icon) return e.icon;
+  const i = e.link?.kind === "symbolic" ? e.link.targetType : void 0;
+  if (e.type === "folder") {
+    if (i === "broken") return r.open ? _ : Z;
+    if (i) return r.open ? Y : X;
+    const f = E(e.name, !0);
+    return f.id !== "folder" ? c(f) : r.open ? W : R;
   }
-  return n && pe.has(n) ? dn : n && he.has(n) ? un : n && Ee.has(n) ? hn : n && ke.has(n) ? En : n && me.has(n) ? kn : n && _e.has(n) ? mn : n && Se.has(n) ? _n : cn;
+  return i === "broken" ? ne : i ? ee : c(E(e.name, !1, e.extension));
 }
-function pn(e, n) {
-  const r = e.link?.kind === "symbolic" ? e.link.targetType : void 0;
-  return r === "broken" ? n.open ? sn : an : r ? n.open ? ln : on : n.open ? tn : rn;
-}
-function yn(e, n = {}) {
-  if (e.icon)
-    return e.icon;
-  if (e.type === "folder")
-    return pn(e, n);
-  if (e.link?.kind === "symbolic" && e.link.targetType === "broken")
-    return gn;
-  if (e.link?.kind === "symbolic")
-    return fn;
-  if (O(e.name))
-    return Y;
-  const r = Ze(e);
-  return r ? C(r) : Sn(U(e));
-}
-function Tn(e) {
-  const n = () => yn(e.item, {
+function Fe(e) {
+  const r = () => te(e.item, {
     open: e.open
   });
-  return i(w, {
+  return a(y, {
     get when() {
-      return typeof n() == "function";
+      return typeof r() == "function";
     },
     get fallback() {
       return (() => {
-        var r = ue();
-        return E(r, () => n()), k(() => K(r, `inline-flex items-center justify-center ${e.class ?? ""}`.trim())), r;
+        var i = H();
+        return m(i, () => r()), I(() => P(i, `inline-flex items-center justify-center ${e.class ?? ""}`.trim())), i;
       })();
     },
     get children() {
-      return i(q, {
+      return a(M, {
         get component() {
-          return n();
+          return r();
         },
         get class() {
           return e.class;
+        },
+        get size() {
+          return e.size;
         }
       });
     }
   });
 }
 export {
-  Y as ArchiveFileIcon,
-  En as AudioFileIcon,
-  gn as BrokenSymlinkIcon,
-  dn as CodeFileIcon,
-  mn as ConfigFileIcon,
-  kn as DocumentFileIcon,
-  cn as FileIcon,
-  Tn as FileItemIcon,
-  rn as FolderIcon,
-  tn as FolderOpenIcon,
-  un as ImageFileIcon,
-  xn as JavaScriptFileIcon,
-  Bn as ShellScriptFileIcon,
-  _n as StyleFileIcon,
-  fn as SymlinkFileIcon,
-  on as SymlinkFolderIcon,
-  ln as SymlinkFolderOpenIcon,
-  An as TypeScriptFileIcon,
-  hn as VideoFileIcon,
-  Sn as getFileIcon,
-  yn as resolveFileItemIcon
+  ae as ArchiveFileIcon,
+  ke as AudioFileIcon,
+  ne as BrokenSymlinkIcon,
+  de as CodeFileIcon,
+  Ie as ConfigFileIcon,
+  me as DocumentFileIcon,
+  ce as FileIcon,
+  Fe as FileItemIcon,
+  R as FolderIcon,
+  W as FolderOpenIcon,
+  ve as ImageFileIcon,
+  fe as JavaScriptFileIcon,
+  ue as ShellScriptFileIcon,
+  he as StyleFileIcon,
+  ee as SymlinkFileIcon,
+  X as SymlinkFolderIcon,
+  Y as SymlinkFolderOpenIcon,
+  se as TypeScriptFileIcon,
+  ge as VideoFileIcon,
+  ye as getFileIcon,
+  te as resolveFileItemIcon
 };