@wrdagency/blockout 0.0.18 → 0.1.0

package/dist/components/filesystem/file.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface FileProps {
+    name: string;
+    href?: string;
+}
+export declare const File: FC<FileProps>;
+export {};

package/dist/components/filesystem/file.js

@@ -0,0 +1,44 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { cn as l } from "../../utils/css.js";
+import { extension as c, filename as _ } from "../../utils/string.js";
+import { Icon as a } from "./icon.js";
+import { C as r } from "../../6VRAQV3D-Clhw_nNS.js";
+const N = ({ name: e, href: s }) => {
+  const i = c(e), m = _(e), t = s ? "a" : "span";
+  return /* @__PURE__ */ n(
+    "li",
+    {
+      className: l(
+        "component-filesystem__file",
+        s && "component-filesystem__file--link"
+      ),
+      children: [
+        /* @__PURE__ */ o(
+          a,
+          {
+            extension: i,
+            name: e,
+            className: "component-filesystem__file__icon"
+          }
+        ),
+        /* @__PURE__ */ n(
+          r,
+          {
+            render: /* @__PURE__ */ o(t, { href: s }),
+            className: "component-filesystem__file__name",
+            children: [
+              /* @__PURE__ */ o("span", { className: "component-filesystem__file__base", children: m }),
+              /* @__PURE__ */ n("span", { className: "component-filesystem__file__extension", children: [
+                ".",
+                i
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  N as File
+};

package/dist/components/filesystem/folder.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+interface FolderProps extends PropsWithChildren {
+    name: string;
+}
+export declare const Folder: FC<FolderProps>;
+export {};

package/dist/components/filesystem/folder.js

@@ -0,0 +1,160 @@
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import * as e from "react";
+import { createContext as v, useContext as M, useState as u } from "react";
+import { w as i } from "../../SSRBase.es-BUXS72ra.js";
+import { List as E } from "./list.js";
+import { u as _, D as g } from "../../WYCIER3C-8jmp2F15.js";
+import { b } from "../../RS7LB2H4-D0fWv5qu.js";
+import { a as s, s as C, b as F, o as d, v as p, f as m, q as H, _ as A, l as G } from "../../LMDWO4NN--KEvZePp.js";
+import { C as y } from "../../6VRAQV3D-Clhw_nNS.js";
+import { D as N } from "../../F5MUBM3I-87B2_4WK.js";
+var f = v(void 0), I = "div", h = s(
+  function(a) {
+    const t = M(f), l = C(a.id);
+    return F(() => (t == null || t(l), () => t == null ? void 0 : t(void 0)), [t, l]), a = d({
+      id: l,
+      "aria-hidden": !0
+    }, a), p(a);
+  }
+);
+m(function(a) {
+  const t = h(a);
+  return H(I, t);
+});
+var w = "div", x = s(function(a) {
+  var t = a, { store: l } = t, n = A(t, ["store"]);
+  return n = h(n), n;
+}), D = m(function(a) {
+  const t = x(a);
+  return H(w, t);
+}), P = "div", V = s(
+  function(a) {
+    const [t, l] = u();
+    return a = G(
+      a,
+      (n) => /* @__PURE__ */ o(f.Provider, { value: l, children: n }),
+      []
+    ), a = d({
+      role: "group",
+      "aria-labelledby": t
+    }, a), p(a);
+  }
+);
+m(function(a) {
+  const t = V(a);
+  return H(P, t);
+});
+var O = "div", R = s(
+  function(a) {
+    var t = a, { store: l } = t, n = A(t, ["store"]);
+    return n = V(n), n;
+  }
+), T = m(function(a) {
+  const t = R(a);
+  return H(O, t);
+});
+function $(r = {}) {
+  const a = _(r);
+  return /* @__PURE__ */ o(b, { value: a, children: r.children });
+}
+const j = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,68H133.39l-26-29.29a20,20,0,0,0-15-6.71H40A20,20,0,0,0,20,52V200.62A19.41,19.41,0,0,0,39.38,220H216.89A19.13,19.13,0,0,0,236,200.89V88A20,20,0,0,0,216,68ZM44,56H90.61l10.67,12H44ZM212,196H44V92H212Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M128,80H32V56a8,8,0,0,1,8-8H92.69a8,8,0,0,1,5.65,2.34Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M216,72H131.31L104,44.69A15.86,15.86,0,0,0,92.69,40H40A16,16,0,0,0,24,56V200.62A15.4,15.4,0,0,0,39.38,216H216.89A15.13,15.13,0,0,0,232,200.89V88A16,16,0,0,0,216,72ZM92.69,56l16,16H40V56ZM216,200H40V88H216Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,72H131.31L104,44.69A15.88,15.88,0,0,0,92.69,40H40A16,16,0,0,0,24,56V200.62A15.41,15.41,0,0,0,39.39,216h177.5A15.13,15.13,0,0,0,232,200.89V88A16,16,0,0,0,216,72ZM40,56H92.69l16,16H40Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,74H130.49l-27.9-27.9a13.94,13.94,0,0,0-9.9-4.1H40A14,14,0,0,0,26,56V200.62A13.39,13.39,0,0,0,39.38,214H216.89A13.12,13.12,0,0,0,230,200.89V88A14,14,0,0,0,216,74ZM40,54H92.69a2,2,0,0,1,1.41.59L113.51,74H38V56A2,2,0,0,1,40,54ZM218,200.89a1.11,1.11,0,0,1-1.11,1.11H39.38A1.4,1.4,0,0,1,38,200.62V86H216a2,2,0,0,1,2,2Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,72H131.31L104,44.69A15.86,15.86,0,0,0,92.69,40H40A16,16,0,0,0,24,56V200.62A15.4,15.4,0,0,0,39.38,216H216.89A15.13,15.13,0,0,0,232,200.89V88A16,16,0,0,0,216,72ZM40,56H92.69l16,16H40ZM216,200H40V88H216Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,76H129.66L101.17,47.52A11.9,11.9,0,0,0,92.69,44H40A12,12,0,0,0,28,56V200.62A11.4,11.4,0,0,0,39.38,212H216.89A11.12,11.12,0,0,0,228,200.89V88A12,12,0,0,0,216,76ZM36,56a4,4,0,0,1,4-4H92.69a4,4,0,0,1,2.82,1.17L118.34,76H36ZM220,200.89a3.12,3.12,0,0,1-3.11,3.11H39.38A3.39,3.39,0,0,1,36,200.62V84H216a4,4,0,0,1,4,4Z" }))
+  ]
+]), L = e.forwardRef((r, a) => /* @__PURE__ */ e.createElement(i, { ref: a, ...r, weights: j }));
+L.displayName = "FolderIcon";
+const S = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M248.23,112.31A20,20,0,0,0,232,104H220V88a20,20,0,0,0-20-20H132L105.34,48a20.12,20.12,0,0,0-12-4H40A20,20,0,0,0,20,64V208a12,12,0,0,0,12,12H211.1a12,12,0,0,0,11.33-8l28.49-81.47.06-.17A20,20,0,0,0,248.23,112.31ZM92,68l28.8,21.6A12,12,0,0,0,128,92h68v12H69.77a20,20,0,0,0-18.94,13.58L44,137.15V68ZM202.59,196H48.89l23.72-68H226.37Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M208,88v24H69.77a8,8,0,0,0-7.59,5.47L32,208V64a8,8,0,0,1,8-8H93.33a8,8,0,0,1,4.8,1.6L128,80h72A8,8,0,0,1,208,88Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M245,110.64A16,16,0,0,0,232,104H216V88a16,16,0,0,0-16-16H130.67L102.94,51.2a16.14,16.14,0,0,0-9.6-3.2H40A16,16,0,0,0,24,64V208a8,8,0,0,0,8,8H211.1a8,8,0,0,0,7.59-5.47l28.49-85.47A16.05,16.05,0,0,0,245,110.64ZM93.34,64,123.2,86.4A8,8,0,0,0,128,88h72v16H69.77a16,16,0,0,0-15.18,10.94L40,158.7V64Zm112,136H43.1l26.67-80H232Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M245,110.64A16,16,0,0,0,232,104H216V88a16,16,0,0,0-16-16H130.67L102.94,51.2a16.14,16.14,0,0,0-9.6-3.2H40A16,16,0,0,0,24,64V208h0a8,8,0,0,0,8,8H211.1a8,8,0,0,0,7.59-5.47l28.49-85.47A16.05,16.05,0,0,0,245,110.64ZM93.34,64,123.2,86.4A8,8,0,0,0,128,88h72v16H69.77a16,16,0,0,0-15.18,10.94L40,158.7V64Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M243.36,111.81A14,14,0,0,0,232,106H214V88a14,14,0,0,0-14-14H130L101.74,52.8a14.06,14.06,0,0,0-8.4-2.8H40A14,14,0,0,0,26,64V208a6,6,0,0,0,6,6H211.1a6,6,0,0,0,5.69-4.1l28.49-85.47A14,14,0,0,0,243.36,111.81ZM40,62H93.34a2,2,0,0,1,1.2.4L124.4,84.8A6,6,0,0,0,128,86h72a2,2,0,0,1,2,2v18H69.77a14,14,0,0,0-13.28,9.57L38,171V64A2,2,0,0,1,40,62Zm193.9,58.63L206.78,202H40.33l27.54-82.63a2,2,0,0,1,1.9-1.37H232a2,2,0,0,1,1.9,2.63Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M245,110.64A16,16,0,0,0,232,104H216V88a16,16,0,0,0-16-16H130.67L102.94,51.2a16.14,16.14,0,0,0-9.6-3.2H40A16,16,0,0,0,24,64V208h0a8,8,0,0,0,8,8H211.1a8,8,0,0,0,7.59-5.47l28.49-85.47A16.05,16.05,0,0,0,245,110.64ZM93.34,64,123.2,86.4A8,8,0,0,0,128,88h72v16H69.77a16,16,0,0,0-15.18,10.94L40,158.7V64Zm112,136H43.1l26.67-80H232Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M241.72,113a11.88,11.88,0,0,0-9.73-5H212V88a12,12,0,0,0-12-12H129.33l-28.8-21.6a12.05,12.05,0,0,0-7.2-2.4H40A12,12,0,0,0,28,64V208a4,4,0,0,0,4,4H211.09a4,4,0,0,0,3.79-2.74l28.49-85.47A11.86,11.86,0,0,0,241.72,113ZM40,60H93.33a4,4,0,0,1,2.4.8L125.6,83.2a4,4,0,0,0,2.4.8h72a4,4,0,0,1,4,4v20H69.76a12,12,0,0,0-11.38,8.21L36,183.35V64A4,4,0,0,1,40,60Zm195.78,61.26L208.2,204H37.55L66,118.74A4,4,0,0,1,69.76,116H232a4,4,0,0,1,3.79,5.26Z" }))
+  ]
+]), Z = e.forwardRef((r, a) => /* @__PURE__ */ e.createElement(i, { ref: a, ...r, weights: S }));
+Z.displayName = "FolderOpenIcon";
+const X = ({ name: r, children: a }) => {
+  const [t, l] = u(!1);
+  return /* @__PURE__ */ o($, { open: t, setOpen: l, children: /* @__PURE__ */ c(
+    T,
+    {
+      render: /* @__PURE__ */ o("li", {}),
+      className: "component-filesystem__folder",
+      children: [
+        /* @__PURE__ */ c(
+          y,
+          {
+            render: /* @__PURE__ */ o(N, {}),
+            className: "component-filesystem__folder__line",
+            children: [
+              /* @__PURE__ */ o(t ? Z : L, { className: "component-filesystem__folder__icon" }),
+              /* @__PURE__ */ o(D, { className: "component-filesystem__folder__name", children: r })
+            ]
+          }
+        ),
+        a && /* @__PURE__ */ o(
+          g,
+          {
+            render: /* @__PURE__ */ o(E, {}),
+            className: "component-filesystem__folder__children",
+            unmountOnHide: !0,
+            children: a
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  X as Folder
+};

package/dist/components/filesystem/icon.d.ts

@@ -0,0 +1,7 @@
+import { IconProps as BaseIconProps } from '@phosphor-icons/react';
+import { FC } from 'react';
+type IconProps = {
+    extension?: string;
+};
+export declare const Icon: FC<IconProps & BaseIconProps>;
+export {};