@wrdagency/blockout 0.1.10 → 1.0.0

package/dist/components/data-view/types/filters.d.ts

@@ -0,0 +1,19 @@
+import { Optionable } from '../../../types/options';
+import { FC } from 'react';
+export type FilterEditor<TValue = any> = FC<{
+    className?: string;
+    value: TValue;
+    onChangeValue: (value: TValue) => void;
+    options?: Optionable[];
+}>;
+export type FilterType<TField = any, TValue = any> = {
+    id: string;
+    label: string;
+    filterFn: (field: TField, value: TValue) => boolean;
+    editor?: FilterEditor<TValue>;
+};
+export type Filter = {
+    field: string;
+    type: string;
+    value: string | string[];
+};

package/dist/components/data-view/types/filters.js

@@ -0,0 +1 @@
+

package/dist/components/data-view/types/hierarchy.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type AccessorProps<TData extends object = object> = {
+    item: TData;
+    items: TData[];
+};
+export type ChildAccessor<TData extends object = object> = (opts: AccessorProps<TData>) => TData[];
+export type ParentAccessor<TData extends object = object> = (opts: AccessorProps<TData>) => TData | undefined;
+export type HierarchyDefinition<TData extends object = object> = {
+    getChildren: ChildAccessor<TData>;
+    getParent: ParentAccessor<TData>;
+    hasParent: (item: TData) => boolean;
+    getNodeIcon: (item: TData, position: "parent" | "child") => ReactNode;
+};

package/dist/components/data-view/types/hierarchy.js

@@ -0,0 +1 @@
+

package/dist/components/data-view/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './fields';
+export * from './filters';
+export * from './view';

package/dist/components/data-view/types/index.js

@@ -0,0 +1 @@
+

package/dist/components/data-view/types/view.d.ts

@@ -0,0 +1,47 @@
+import { Filter } from './filters';
+import { TagObject } from '../../tag';
+import { default as React, PropsWithChildren, ReactNode } from 'react';
+import { Property } from './fields';
+export type FieldVisibility = {
+    id: string;
+    visible: boolean;
+};
+export type RelationshipVisibilityLevel = "hidden" | "minimal" | "full";
+export type View = {
+    layout: Layout;
+    fields: FieldVisibility[];
+    sortBy: string;
+    sortOrder: SortDirection;
+    groupBy: string | false;
+    groupOrder: SortDirection;
+    includeEmptyGroups: boolean;
+    page: number;
+    perPage: number;
+    search: string;
+    filters: Filter[];
+    relationships: RelationshipVisibilityLevel;
+};
+export type DataGroup<TData extends object = object> = {
+    id: string;
+    items: TData[];
+    label: ReactNode;
+    icon?: ReactNode;
+};
+export type SortDirection = "asc" | "desc";
+export type PartialView = Omit<Partial<View>, "fields"> & {
+    fields?: string[];
+};
+export type Layout = "table" | "grid" | "kanban" | "list";
+export type LayoutItem = {
+    id: string;
+    thumbnail?: string;
+    title?: ReactNode;
+    tags?: TagObject[];
+    description?: ReactNode;
+    properties: Property[];
+};
+export type LayoutComponent = React.FC<PropsWithChildren> & {
+    Group: React.FC<PropsWithChildren>;
+    Item: React.FC;
+    Empty: React.FC;
+};

package/dist/components/data-view/types/view.js

@@ -0,0 +1 @@
+

package/dist/components/filesystem/file.js

@@ -2,7 +2,7 @@ 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-2rb_aClP.js";
+import { C as r } from "../../6VRAQV3D-DIdyGLyW.js";
 const N = ({ name: e, href: s }) => {
   const i = c(e), m = _(e), t = s ? "a" : "span";
   return /* @__PURE__ */ n(

package/dist/components/filesystem/folder.js

@@ -1,38 +1,39 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { jsx as l, jsxs as H } 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-DRn904Gy.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-2rb_aClP.js";
-import { D as N } from "../../F5MUBM3I-87B2_4WK.js";
-var f = v(void 0), I = "div", h = s(
+import { u as _ } from "../../WYCIER3C-DndYR0iO.js";
+import { c as g } from "../../RS7LB2H4-lmOMNc4h.js";
+import { c as m, q as b, a as C, m as d, r as p, o as s, p as c, _ as A, j as F } from "../../LMDWO4NN-DyBcLLfK.js";
+import { C as G } from "../../6VRAQV3D-DIdyGLyW.js";
+import { D as y } from "../../F5MUBM3I-Cv5aLv5o.js";
+import { D as N } from "../../KFH4SEIX-BuapSU1b.js";
+var f = v(void 0), I = "div", h = m(
   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,
+    const t = M(f), o = b(a.id);
+    return C(() => (t == null || t(o), () => t == null ? void 0 : t(void 0)), [t, o]), a = d({
+      id: o,
       "aria-hidden": !0
     }, a), p(a);
   }
 );
-m(function(a) {
+s(function(a) {
   const t = h(a);
-  return H(I, t);
+  return c(I, t);
 });
-var w = "div", x = s(function(a) {
-  var t = a, { store: l } = t, n = A(t, ["store"]);
+var w = "div", x = m(function(a) {
+  var t = a, { store: o } = t, n = A(t, ["store"]);
   return n = h(n), n;
-}), D = m(function(a) {
+}), D = s(function(a) {
   const t = x(a);
-  return H(w, t);
-}), P = "div", V = s(
+  return c(w, t);
+}), P = "div", V = m(
   function(a) {
-    const [t, l] = u();
-    return a = G(
+    const [t, o] = u();
+    return a = F(
       a,
-      (n) => /* @__PURE__ */ o(f.Provider, { value: l, children: n }),
+      (n) => /* @__PURE__ */ l(f.Provider, { value: o, children: n }),
       []
     ), a = d({
       role: "group",
@@ -40,24 +41,24 @@ var w = "div", x = s(function(a) {
     }, a), p(a);
   }
 );
-m(function(a) {
+s(function(a) {
   const t = V(a);
-  return H(P, t);
+  return c(P, t);
 });
-var O = "div", R = s(
+var O = "div", j = m(
   function(a) {
-    var t = a, { store: l } = t, n = A(t, ["store"]);
+    var t = a, { store: o } = t, n = A(t, ["store"]);
     return n = V(n), n;
   }
-), T = m(function(a) {
-  const t = R(a);
-  return H(O, t);
+), R = s(function(a) {
+  const t = j(a);
+  return c(O, t);
 });
-function $(r = {}) {
+function T(r = {}) {
   const a = _(r);
-  return /* @__PURE__ */ o(b, { value: a, children: r.children });
+  return /* @__PURE__ */ l(g, { value: a, children: r.children });
 }
-const j = /* @__PURE__ */ new Map([
+const $ = /* @__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" }))
@@ -88,7 +89,7 @@ const j = /* @__PURE__ */ new Map([
     "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 = e.forwardRef((r, a) => /* @__PURE__ */ e.createElement(i, { ref: a, ...r, weights: $ }));
 L.displayName = "FolderIcon";
 const S = /* @__PURE__ */ new Map([
   [
@@ -123,29 +124,29 @@ const S = /* @__PURE__ */ new Map([
   ]
 ]), 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,
+const Y = ({ name: r, children: a }) => {
+  const [t, o] = u(!1);
+  return /* @__PURE__ */ l(T, { open: t, setOpen: o, children: /* @__PURE__ */ H(
+    R,
     {
-      render: /* @__PURE__ */ o("li", {}),
+      render: /* @__PURE__ */ l("li", {}),
       className: "component-filesystem__folder",
       children: [
-        /* @__PURE__ */ c(
-          y,
+        /* @__PURE__ */ H(
+          G,
           {
-            render: /* @__PURE__ */ o(N, {}),
+            render: /* @__PURE__ */ l(y, {}),
             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 })
+              /* @__PURE__ */ l(t ? Z : L, { className: "component-filesystem__folder__icon" }),
+              /* @__PURE__ */ l(D, { className: "component-filesystem__folder__name", children: r })
             ]
           }
         ),
-        a && /* @__PURE__ */ o(
-          g,
+        a && /* @__PURE__ */ l(
+          N,
           {
-            render: /* @__PURE__ */ o(E, {}),
+            render: /* @__PURE__ */ l(E, {}),
             className: "component-filesystem__folder__children",
             unmountOnHide: !0,
             children: a
@@ -156,5 +157,5 @@ const X = ({ name: r, children: a }) => {
   ) });
 };
 export {
-  X as Folder
+  Y as Folder
 };

package/dist/components/filesystem/index.js

@@ -3,7 +3,7 @@ import { Folder as r } from "./folder.js";
 import { Icon as m } from "./icon.js";
 import { List as t } from "./list.js";
 import { Root as i } from "./root.js";
-import '../../assets/index11.css';const l = Object.assign(i, {
+import '../../assets/index6.css';const l = Object.assign(i, {
   List: t,
   File: o,
   Folder: r,

package/dist/components/filesystem/list.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as e } from "../../utils/css.js";
 import { forwardRef as s } from "react";
-import { C as i } from "../../5JTVDSTH-CG1NL6Fw.js";
+import { C as i } from "../../5JTVDSTH-BiHTUReD.js";
 const c = s(
   ({ className: r, ...m }, t) => /* @__PURE__ */ o(
     i,

package/dist/components/filesystem/root.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { List as t } from "./list.js";
-import { C as i } from "../../composite-provider-DNftbE5U.js";
+import { C as i } from "../../composite-provider-cs4korvf.js";
 const p = ({ ...r }) => /* @__PURE__ */ o(i, { orientation: "vertical", children: /* @__PURE__ */ o(t, { ...r }) });
 export {
   p as Root

package/dist/components/form/components/pagination.js

@@ -1,16 +1,71 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
 import { Button as o } from "../../button/index.js";
-import { cn as l } from "../../../utils/css.js";
-import { o as u, a as s } from "../../../ArrowRight.es-xyNbtVOa.js";
-import { useForm as p } from "../types/form.js";
-const h = ({
+import { cn as h } from "../../../utils/css.js";
+import * as e from "react";
+import { w as i } from "../../../SSRBase.es-BUXS72ra.js";
+import { useForm as E } from "../types/form.js";
+const s = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M228,128a12,12,0,0,1-12,12H69l51.52,51.51a12,12,0,0,1-17,17l-72-72a12,12,0,0,1,0-17l72-72a12,12,0,0,1,17,17L69,116H216A12,12,0,0,1,228,128Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M112,56V200L40,128Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M216,120H120V56a8,8,0,0,0-13.66-5.66l-72,72a8,8,0,0,0,0,11.32l72,72A8,8,0,0,0,120,200V136h96a8,8,0,0,0,0-16ZM104,180.69,51.31,128,104,75.31Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H120v64a8,8,0,0,1-13.66,5.66l-72-72a8,8,0,0,1,0-11.32l72-72A8,8,0,0,1,120,56v64h96A8,8,0,0,1,224,128Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M222,128a6,6,0,0,1-6,6H54.49l61.75,61.76a6,6,0,1,1-8.48,8.48l-72-72a6,6,0,0,1,0-8.48l72-72a6,6,0,0,1,8.48,8.48L54.49,122H216A6,6,0,0,1,222,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M220,128a4,4,0,0,1-4,4H49.66l65.17,65.17a4,4,0,0,1-5.66,5.66l-72-72a4,4,0,0,1,0-5.66l72-72a4,4,0,0,1,5.66,5.66L49.66,124H216A4,4,0,0,1,220,128Z" }))
+  ]
+]), u = e.forwardRef((a, l) => /* @__PURE__ */ e.createElement(i, { ref: l, ...a, weights: s }));
+u.displayName = "ArrowLeftIcon";
+const g = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,128l-72,72V56Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M221.66,122.34l-72-72A8,8,0,0,0,136,56v64H40a8,8,0,0,0,0,16h96v64a8,8,0,0,0,13.66,5.66l72-72A8,8,0,0,0,221.66,122.34ZM152,180.69V75.31L204.69,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M221.66,133.66l-72,72A8,8,0,0,1,136,200V136H40a8,8,0,0,1,0-16h96V56a8,8,0,0,1,13.66-5.66l72,72A8,8,0,0,1,221.66,133.66Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M220.24,132.24l-72,72a6,6,0,0,1-8.48-8.48L201.51,134H40a6,6,0,0,1,0-12H201.51L139.76,60.24a6,6,0,0,1,8.48-8.48l72,72A6,6,0,0,1,220.24,132.24Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M218.83,130.83l-72,72a4,4,0,0,1-5.66-5.66L206.34,132H40a4,4,0,0,1,0-8H206.34L141.17,58.83a4,4,0,0,1,5.66-5.66l72,72A4,4,0,0,1,218.83,130.83Z" }))
+  ]
+]), p = e.forwardRef((a, l) => /* @__PURE__ */ e.createElement(i, { ref: l, ...a, weights: g }));
+p.displayName = "ArrowRightIcon";
+const L = ({
   className: a,
-  submitText: c = "Submit",
-  ...m
+  submitText: l = "Submit",
+  ...d
 }) => {
-  const { step: t } = p(), r = t.all[t.current - 2], e = t.all[t.current];
-  return /* @__PURE__ */ n("nav", { className: l("component-form-pagination", a), ...m, children: [
-    /* @__PURE__ */ n(
+  const { step: t } = E(), r = t.all[t.current - 2], n = t.all[t.current];
+  return /* @__PURE__ */ m("nav", { className: h("component-form-pagination", a), ...d, children: [
+    /* @__PURE__ */ m(
       o,
       {
         wide: !0,
@@ -18,30 +73,30 @@ const h = ({
         disabled: t.current === 1,
         onClick: t.back,
         children: [
-          /* @__PURE__ */ i(u, {}),
+          /* @__PURE__ */ c(u, {}),
           `Back${r != null && r.title ? `: ${r.title}` : ""}`
         ]
       },
       t.current + "back"
     ),
-    t.current === t.max ? /* @__PURE__ */ i(
+    t.current === t.max ? /* @__PURE__ */ c(
       o,
       {
         wide: !0,
         variant: "primary",
         type: "submit",
-        children: c
+        children: l
       },
       t.current + "next"
-    ) : /* @__PURE__ */ n(
+    ) : /* @__PURE__ */ m(
       o,
       {
         wide: !0,
         variant: "neutral",
         onClick: t.next,
         children: [
-          `Next${e != null && e.title ? `: ${e.title}` : ""}`,
-          /* @__PURE__ */ i(s, {})
+          `Next${n != null && n.title ? `: ${n.title}` : ""}`,
+          /* @__PURE__ */ c(p, {})
         ]
       },
       t.current + "next"
@@ -49,5 +104,5 @@ const h = ({
   ] });
 };
 export {
-  h as FormPagination
+  L as FormPagination
 };

package/dist/components/index.d.ts

@@ -1,11 +1,16 @@
-export * from './block-editor';
+export { Avatar } from './avatar';
+export { Badge } from './badge';
 export { Breadcrumbs } from './breadcrumbs';
 export { Button } from './button';
 export * from './controls';
-export { DataTable, ExampleDataTable } from './data-table';
+export { DataForm } from './data-form';
+export { DataView, Filters, useSchema, useView, type View } from './data-view';
 export { Filesystem } from './filesystem';
 export { createForm, Form } from './form';
 export { Menu } from './menu';
 export { Progress } from './progress';
+export { Shell } from './shell';
 export { Tabs } from './tabs';
+export { Tag } from './tag';
 export { Toolbar } from './toolbar';
+export { Window } from './window';

package/dist/components/index.js

@@ -1,54 +1,73 @@
-import { Editor as t } from "./block-editor/editor.js";
+import { Avatar as e } from "./avatar/index.js";
+import { Badge as m } from "./badge/index.js";
 import { Breadcrumbs as p } from "./breadcrumbs/index.js";
-import { Button as f } from "./button/index.js";
-import { BaseControl as a } from "./controls/base-control/index.js";
-import { CardNumberControl as C } from "./controls/card-number-control/index.js";
-import { CheckboxControl as b } from "./controls/checkbox-control/index.js";
-import { ChoiceControl as c } from "./controls/choice-control/index.js";
-import { DateControl as g } from "./controls/date-control/index.js";
-import { NumberControl as d } from "./controls/number-control/index.js";
-import { PasswordControl as D } from "./controls/password-control/index.js";
-import { RecurrenceControl as h } from "./controls/recurrence-control/index.js";
-import '../assets/style.css';/* empty css                */
-import { SelectControl as N } from "./controls/select-control/component.js";
-import { o as k } from "../options-Cfoqhxw2.js";
-import { TextControl as y } from "./controls/text-control/index.js";
-import { TextareaControl as M } from "./controls/textarea-control/index.js";
-import { ToggleControl as R } from "./controls/toggle-control/index.js";
-import { ToggleGroupControl as j } from "./controls/toggle-group-control/index.js";
-import { DataTable as v, ExampleDataTable as z } from "./data-table/index.js";
-import { Filesystem as H } from "./filesystem/index.js";
-import { Form as J } from "./form/components/index.js";
-import { createForm as L } from "./form/types/form.js";
-import { Menu as U } from "./menu/index.js";
-import { Progress as W } from "./progress/index.js";
-import { Tabs as Y } from "./tabs/index.js";
-import { Toolbar as _ } from "./toolbar/index.js";
+import { Button as l } from "./button/index.js";
+import { BaseControl as n } from "./controls/base-control/index.js";
+import { CardNumberControl as s } from "./controls/card-number-control/index.js";
+import { CheckboxControl as u } from "./controls/checkbox-control/index.js";
+import { ChoiceControl as g } from "./controls/choice-control/index.js";
+import { DateControl as b } from "./controls/date-control/index.js";
+import { ListControl as w } from "./controls/list-control/index.js";
+import { MarkdownControl as h } from "./controls/markdown-control/index.js";
+import { NumberControl as S } from "./controls/number-control/index.js";
+import { PasswordControl as k } from "./controls/password-control/index.js";
+import { RecurrenceControl as N } from "./controls/recurrence-control/index.js";
+import { SelectControl as R } from "./controls/select-control/control.js";
+import { o as v } from "../options-Cfoqhxw2.js";
+import { Select as A } from "./controls/select-control/select.js";
+import { TextControl as L } from "./controls/text-control/index.js";
+import { TextareaControl as W } from "./controls/textarea-control/index.js";
+import { ToggleControl as q } from "./controls/toggle-control/index.js";
+import { ToggleGroupControl as E } from "./controls/toggle-group-control/index.js";
+import { DataForm as I } from "./data-form/index.js";
+import { useSchema as K, useView as Q } from "./data-view/api.js";
+import { f as X } from "../filter-HYEwffYa.js";
+import { Root as Z } from "./data-view/root.js";
+import { Filesystem as $ } from "./filesystem/index.js";
+import { Form as ro } from "./form/components/index.js";
+import { createForm as to } from "./form/types/form.js";
+import { Menu as xo } from "./menu/index.js";
+import { Progress as fo } from "./progress/index.js";
+import { Shell as ao } from "./shell/index.js";
+import { Tabs as Co } from "./tabs/index.js";
+import { Tag as co } from "./tag/index.js";
+import { Toolbar as io } from "./toolbar/index.js";
+import { Window as To } from "./window/index.js";
 export {
-  a as BaseControl,
+  e as Avatar,
+  m as Badge,
+  n as BaseControl,
   p as Breadcrumbs,
-  f as Button,
-  C as CardNumberControl,
-  b as CheckboxControl,
-  c as ChoiceControl,
-  v as DataTable,
-  g as DateControl,
-  t as Editor,
-  z as ExampleDataTable,
-  H as Filesystem,
-  J as Form,
-  U as Menu,
-  d as NumberControl,
-  k as Options,
-  D as PasswordControl,
-  W as Progress,
-  h as RecurrenceControl,
-  N as SelectControl,
-  Y as Tabs,
-  y as TextControl,
-  M as TextareaControl,
-  R as ToggleControl,
-  j as ToggleGroupControl,
-  _ as Toolbar,
-  L as createForm
+  l as Button,
+  s as CardNumberControl,
+  u as CheckboxControl,
+  g as ChoiceControl,
+  I as DataForm,
+  Z as DataView,
+  b as DateControl,
+  $ as Filesystem,
+  X as Filters,
+  ro as Form,
+  w as ListControl,
+  h as MarkdownControl,
+  xo as Menu,
+  S as NumberControl,
+  v as Options,
+  k as PasswordControl,
+  fo as Progress,
+  N as RecurrenceControl,
+  A as Select,
+  R as SelectControl,
+  ao as Shell,
+  Co as Tabs,
+  co as Tag,
+  L as TextControl,
+  W as TextareaControl,
+  q as ToggleControl,
+  E as ToggleGroupControl,
+  io as Toolbar,
+  To as Window,
+  to as createForm,
+  K as useSchema,
+  Q as useView
 };

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

@@ -1,7 +1,11 @@
 import { FC, PropsWithChildren } from 'react';
+import { ButtonProps } from '../button/button';
 import { AnyMenuItem } from './types';
 interface MenuProps extends PropsWithChildren {
     className?: string;
+    iconOnly?: boolean;
+    variant?: ButtonProps["variant"];
+    size?: ButtonProps["size"];
     items: AnyMenuItem[];
 }
 export declare const Menu: FC<MenuProps>;