@e280/quay 0.0.0-2 → 0.0.0-9

package/x/dom/components/breadcrumb/component.d.ts

@@ -1 +1 @@
-export declare const QuayBreadcrumb: typeof import("@benev/slate").ShadowElement;
+export declare const QuayBreadcrumb: new () => HTMLElement;

package/x/dom/components/breadcrumb/component.js

@@ -1,14 +1,15 @@
-import { html, shadowComponent } from "@benev/slate";
+import { html } from "lit";
+import { shadowElement, useHost, useStyles } from "@e280/sly";
 import themeCss from "../../theme.css.js";
 import { findLocalGroup } from "../../utils/find-local-group.js";
-export const QuayBreadcrumb = shadowComponent(use => {
-    use.css(themeCss);
-    const group = findLocalGroup(use.element);
+export const QuayBreadcrumb = shadowElement(() => {
+    useStyles(themeCss);
+    const group = findLocalGroup(useHost());
     const { trail, config: { codex, renderLabel } } = group;
     const click = (item) => (e) => group.trail.setTrail(e, item);
     return html `
 		<sl-breadcrumb>
-			${trail.signal.value.map(item => html `
+			${trail.signal().map(item => html `
 				<sl-breadcrumb-item @click="${click(item)}">
 					${item === null
         ? "root"

package/x/dom/components/breadcrumb/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/breadcrumb/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAC,MAAM,cAAc,CAAA;AAElD,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAG9D,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IACnD,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAEjB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IACzC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,EAAC,GAAG,KAAK,CAAA;IAEnD,MAAM,KAAK,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,CAAC,CAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;IAE9E,OAAO,IAAI,CAAA;;KAEP,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;kCACN,KAAK,CAAC,IAAI,CAAC;OACtC,IAAI,KAAK,IAAI;QACd,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;;IAEvC,CAAC;;EAEH,CAAA;AACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/breadcrumb/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,aAAa,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,WAAW,CAAA;AAE3D,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAG9D,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,EAAE;IAChD,SAAS,CAAC,QAAQ,CAAC,CAAA;IAEnB,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE,CAAC,CAAA;IACvC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,EAAC,GAAG,KAAK,CAAA;IAEnD,MAAM,KAAK,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,CAAC,CAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;IAE9E,OAAO,IAAI,CAAA;;KAEP,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;kCACF,KAAK,CAAC,IAAI,CAAC;OACtC,IAAI,KAAK,IAAI;QACd,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;;IAEvC,CAAC;;EAEH,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/components/browser/component.d.ts

@@ -1 +1 @@
-export declare const QuayBrowser: typeof import("@benev/slate").ShadowElement;
+export declare const QuayBrowser: new () => HTMLElement;

package/x/dom/components/browser/component.js

@@ -1,14 +1,17 @@
-import { html, shadowComponent } from "@benev/slate";
+import { html } from "lit";
+import { shadowElement, useHost, useMount, useRender, useState, useStyles } from "@e280/sly";
 import styleCss from "./style.css.js";
 import themeCss from "../../theme.css.js";
 import { findLocalGroup } from "../../utils/find-local-group.js";
-export const QuayBrowser = shadowComponent(use => {
-    use.styles(themeCss, styleCss);
-    const group = findLocalGroup(use.element);
+export const QuayBrowser = shadowElement(() => {
+    useStyles(themeCss, styleCss);
+    const host = useHost();
+    const render = useRender();
+    const group = findLocalGroup(host);
     const { trail, config } = group;
-    const [viewMode, setViewMode] = use.state('tiles');
-    use.mount(() => {
-        const dispose = group.on.upload.sub(() => use.rerender());
+    const [viewMode, setViewMode] = useState('tiles');
+    useMount(() => {
+        const dispose = group.on.upload.sub(() => render());
         return () => dispose();
     });
     const getItems = () => {

package/x/dom/components/browser/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/browser/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAC,MAAM,cAAc,CAAA;AAElD,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAG9D,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IAChD,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE9B,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IACzC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,KAAK,CAAA;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,GAAG,CAAC,KAAK,CAAsB,OAAO,CAAC,CAAA;IAEvE,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE;QACd,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAA;QACzD,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,CAAA;IACvB,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAgB,CAAA;IAC1F,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;KAE1B,QAAQ,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;gCACA,CAAC,CAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;;QAE7D,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;;iCAEnC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;QACjD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;;;IAG5B,CAAC;;EAEH,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;KAE5B,QAAQ,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;kBACd,CAAC,CAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;OAChD,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;;wBAEb,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;wBACxB,IAAI,CAAC,IAAI;;;IAG7B,CAAC;;EAEH,CAAA;IACD,gBAAgB;IAChB,8CAA8C;IAE9C,OAAO,IAAI,CAAA;;;;mDAIuC,QAAQ,KAAK,OAAO,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC;;;;;mDAKzD,QAAQ,KAAK,SAAS,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC;;;;;;;IAO5G,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE;EAC1D,CAAA;AACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/browser/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAC,MAAM,WAAW,CAAA;AAE1F,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAG9D,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,EAAE;IAC7C,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC7B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IAClC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,KAAK,CAAA;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,OAAO,CAAC,CAAA;IAEtE,QAAQ,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAA;QACnD,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,CAAA;IACvB,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAgB,CAAA;IAC1F,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;KAE1B,QAAQ,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;gCACA,CAAC,CAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;;QAE7D,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;;iCAEnC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;QACjD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;;;IAG5B,CAAC;;EAEH,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;KAE5B,QAAQ,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;kBACd,CAAC,CAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;OAChD,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;;wBAEb,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;wBACxB,IAAI,CAAC,IAAI;;;IAG7B,CAAC;;EAEH,CAAA;IACD,gBAAgB;IAChB,8CAA8C;IAE9C,OAAO,IAAI,CAAA;;;;mDAIuC,QAAQ,KAAK,OAAO,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC;;;;;mDAKzD,QAAQ,KAAK,SAAS,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC;;;;;;;IAO5G,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE;EAC1D,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/components/browser/style.css.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@benev/slate").CSSResult;
+declare const _default: import("lit").CSSResult;
 export default _default;

package/x/dom/components/browser/style.css.js

@@ -1,4 +1,4 @@
-import { css } from "@benev/slate";
+import { css } from "lit";
 export default css `
 
 .toolbar {

package/x/dom/components/browser/style.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/dom/components/browser/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAA;AAChC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHjB,CAAA"}
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/dom/components/browser/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHjB,CAAA"}

package/x/dom/components/dropzone/component.d.ts

@@ -1 +1 @@
-export declare const QuayDropzone: typeof import("@benev/slate").ShadowElement;
+export declare const QuayDropzone: new () => HTMLElement;

package/x/dom/components/dropzone/component.js

@@ -1,10 +1,12 @@
-import { html, shadowComponent } from "@benev/slate";
+import { html } from "lit";
+import { shadowElement, useHost, useStyles } from "@e280/sly";
 import styleCss from "./style.css.js";
 import themeCss from "../../theme.css.js";
 import { findLocalGroup } from "../../utils/find-local-group.js";
-export const QuayDropzone = shadowComponent(use => {
-    use.styles(themeCss, styleCss);
-    const group = findLocalGroup(use.element);
+export const QuayDropzone = shadowElement(() => {
+    useStyles(themeCss, styleCss);
+    const host = useHost();
+    const group = findLocalGroup(host);
     const { dropzone, config: { root } } = group;
     return html `
 		<div class="dropzone" ?data-hovering=${dropzone.hovering}>

package/x/dom/components/dropzone/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/dropzone/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAC,MAAM,cAAc,CAAA;AAElD,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAE9D,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IACjD,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE9B,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IACzC,MAAM,EAAC,QAAQ,EAAE,MAAM,EAAE,EAAC,IAAI,EAAC,EAAC,GAAG,KAAK,CAAA;IAExC,OAAO,IAAI,CAAA;yCAC6B,QAAQ,CAAC,QAAQ;;;;cAI5C,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC;YAC5C,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;gBACpC,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;iBAC3C,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;iBAC7C,QAAQ,CAAC,SAAS;;;;;;;EAOjC,CAAA;AACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/dropzone/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,aAAa,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,WAAW,CAAA;AAE3D,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAE9D,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,EAAE;IAC9C,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC7B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IAEtB,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IAClC,MAAM,EAAC,QAAQ,EAAE,MAAM,EAAE,EAAC,IAAI,EAAC,EAAC,GAAG,KAAK,CAAA;IAExC,OAAO,IAAI,CAAA;yCAC6B,QAAQ,CAAC,QAAQ;;;;cAI5C,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC;YAC5C,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;gBACpC,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;iBAC3C,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;iBAC7C,QAAQ,CAAC,SAAS;;;;;;;EAOjC,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/components/dropzone/style.css.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@benev/slate").CSSResult;
+declare const _default: import("lit").CSSResult;
 export default _default;

package/x/dom/components/dropzone/style.css.js

@@ -1,4 +1,4 @@
-import { css } from "@benev/slate";
+import { css } from "lit";
 export default css `
 
 .dropzone {

package/x/dom/components/dropzone/style.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/dom/components/dropzone/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAA;AAChC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDjB,CAAA"}
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/dom/components/dropzone/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDjB,CAAA"}

package/x/dom/components/filter/component.d.ts

@@ -1 +1 @@
-export declare const QuayFilter: typeof import("@benev/slate").ShadowElement;
+export declare const QuayFilter: new () => HTMLElement;

package/x/dom/components/filter/component.js

@@ -1,9 +1,11 @@
-import { html, shadowComponent, css } from "@benev/slate";
+import { html, css } from "lit";
+import { shadowElement, useHost, useStyles } from "@e280/sly";
 import themeCss from "../../theme.css.js";
 import { findLocalGroup } from "../../utils/find-local-group.js";
-export const QuayFilter = shadowComponent(use => {
-    const group = findLocalGroup(use.element);
-    use.styles(themeCss, css `
+export const QuayFilter = shadowElement(() => {
+    const host = useHost();
+    const group = findLocalGroup(host);
+    useStyles(themeCss, css `
 		sl-menu {
 			margin-top: 0.3em;
 
@@ -16,7 +18,7 @@ export const QuayFilter = shadowComponent(use => {
 	`);
     const onSelectFilter = (e) => {
         const value = e.detail.item.value;
-        group.selectedFilter.value = value;
+        group.selectedFilter(value);
     };
     return html `
 		<div class="panel">
@@ -28,7 +30,7 @@ export const QuayFilter = shadowComponent(use => {
 				${[...group.config.filters?.keys()].map(filter => html `
 					<sl-menu-item value=${filter}>
 						<div class=item>
-							<sl-icon name="check" slot="prefix" style="visibility: ${filter === group.selectedFilter.value ? 'visible' : 'hidden'}"></sl-icon>
+							<sl-icon name="check" slot="prefix" style="visibility: ${filter === group.selectedFilter() ? 'visible' : 'hidden'}"></sl-icon>
 							<span>${filter}</span>
 						</div>
 					</sl-menu-item>

package/x/dom/components/filter/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/filter/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAE,GAAG,EAAC,MAAM,cAAc,CAAA;AACvD,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAG9D,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IAC/C,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEzC,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;EAUvB,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC7D,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;QACjC,KAAK,CAAC,cAAc,CAAC,KAAK,GAAG,KAAK,CAAA;IACnC,CAAC,CAAA;IAED,OAAO,IAAI,CAAA;;;;;;yBAMa,cAAc;MACjC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;2BAC/B,MAAM;;gEAE+B,MAAM,KAAK,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;eAC7G,MAAM;;;KAGhB,CAAC;;;SAGG,CAAA;AACT,CAAC,CAAC,CAAA"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/filter/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,aAAa,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,WAAW,CAAA;AAE3D,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAG9D,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,EAAE;IAC5C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IAElC,SAAS,CAAC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;EAUtB,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC7D,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;QACjC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,OAAO,IAAI,CAAA;;;;;;yBAMa,cAAc;MACjC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;2BAC/B,MAAM;;gEAE+B,MAAM,KAAK,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;eACzG,MAAM;;;KAGhB,CAAC;;;SAGG,CAAA;AACT,CAAC,CAAC,CAAA"}

package/x/dom/components/outliner/component.d.ts

@@ -1 +1 @@
-export declare const QuayOutliner: typeof import("@benev/slate").ShadowElement;
+export declare const QuayOutliner: new () => HTMLElement;

package/x/dom/components/outliner/component.js

@@ -1,13 +1,15 @@
-import { html, shadowComponent } from "@benev/slate";
+import { html } from "lit";
+import { shadowElement, useHost, useStyles } from "@e280/sly";
 import themeCss from "../../theme.css.js";
 import { Tree } from "../../views/tree/component.js";
 import { findLocalGroup } from "../../utils/find-local-group.js";
-export const QuayOutliner = shadowComponent(use => {
-    use.styles(themeCss);
-    const group = findLocalGroup(use.element);
+export const QuayOutliner = shadowElement(() => {
+    useStyles(themeCss);
+    const host = useHost();
+    const group = findLocalGroup(host);
     return html `
 		<div class="panel">
-			${Tree([group])}
+			${Tree(group)}
 		</div>`;
 });
 //# sourceMappingURL=component.js.map

package/x/dom/components/outliner/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/outliner/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAC,MAAM,cAAc,CAAA;AAClD,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAC,IAAI,EAAC,MAAM,+BAA+B,CAAA;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAE9D,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IACjD,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IACpB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEzC,OAAO,IAAI,CAAA;;KAEP,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;SACT,CAAA;AACT,CAAC,CAAC,CAAA"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/outliner/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,aAAa,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,WAAW,CAAA;AAE3D,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAC,IAAI,EAAC,MAAM,+BAA+B,CAAA;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAE9D,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,EAAE;IAC9C,SAAS,CAAC,QAAQ,CAAC,CAAA;IACnB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IAElC,OAAO,IAAI,CAAA;;KAEP,IAAI,CAAC,KAAK,CAAC;SACP,CAAA;AACT,CAAC,CAAC,CAAA"}

package/x/dom/components/searchbar/component.d.ts

@@ -1 +1 @@
-export declare const QuaySearchbar: typeof import("@benev/slate").ShadowElement;
+export declare const QuaySearchbar: new () => HTMLElement;

package/x/dom/components/searchbar/component.js

@@ -1,4 +1,5 @@
-import { html, shadowComponent, css } from '@benev/slate';
+import { html, css } from "lit";
+import { shadowElement, useHost, useStyles } from "@e280/sly";
 import themeCss from '../../theme.css.js';
 import { findLocalGroup } from '../../utils/find-local-group.js';
 const styleCss = css `
@@ -6,16 +7,17 @@ const styleCss = css `
 		padding-left: 0.5em;
 	}
 `;
-export const QuaySearchbar = shadowComponent(use => {
-    use.styles(themeCss, styleCss);
-    const group = findLocalGroup(use.element);
+export const QuaySearchbar = shadowElement(() => {
+    useStyles(themeCss, styleCss);
+    const host = useHost();
+    const group = findLocalGroup(host);
     return html `
 		<sl-input
 			size='small'
 			pill
 			placeholder='Search'
 			clearable
-			@sl-input=${(e) => group.searchText.value = e.target.value}
+			@sl-input=${(e) => group.searchText(e.target.value)}
 		>
 			<sl-icon name='search' slot='prefix'></sl-icon>
 		</sl-input>

package/x/dom/components/searchbar/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/searchbar/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAE,GAAG,EAAC,MAAM,cAAc,CAAA;AACvD,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAE9D,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;CAInB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IAClD,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC9B,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEzC,OAAO,IAAI,CAAA;;;;;;eAMG,CAAC,CAAc,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK;;;;EAI9F,CAAA;AACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/searchbar/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,aAAa,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,WAAW,CAAA;AAE3D,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAE9D,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;CAInB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAC,GAAG,EAAE;IAC/C,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC7B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IAElC,OAAO,IAAI,CAAA;;;;;;eAMG,CAAC,CAAc,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;;;;EAIvF,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/components/sort/component.d.ts

@@ -1 +1 @@
-export declare const QuaySort: typeof import("@benev/slate").ShadowElement;
+export declare const QuaySort: new () => HTMLElement;

package/x/dom/components/sort/component.js

@@ -1,9 +1,11 @@
-import { html, shadowComponent, css } from "@benev/slate";
+import { html, css } from "lit";
+import { shadowElement, useHost, useStyles } from "@e280/sly";
 import themeCss from "../../theme.css.js";
 import { findLocalGroup } from "../../utils/find-local-group.js";
-export const QuaySort = shadowComponent(use => {
-    const group = findLocalGroup(use.element);
-    use.styles(themeCss, css `
+export const QuaySort = shadowElement(() => {
+    const host = useHost();
+    const group = findLocalGroup(host);
+    useStyles(themeCss, css `
 		sl-button sl-icon {
 			font-size: 14px;
 		}
@@ -20,7 +22,7 @@ export const QuaySort = shadowComponent(use => {
 	`);
     const onSelectSort = (e) => {
         const value = e.detail.item.value;
-        group.selectedSort.value = value;
+        group.selectedSort(value);
     };
     return html `
 		<div class="panel">
@@ -32,7 +34,7 @@ export const QuaySort = shadowComponent(use => {
 				${[...group.config.sorts?.keys()].map(sort => html `
 					<sl-menu-item value=${sort}>
 						<div class=item>
-							<sl-icon name="check" slot="prefix" style="visibility: ${sort === group.selectedSort.value ? 'visible' : 'hidden'}"></sl-icon>
+							<sl-icon name="check" slot="prefix" style="visibility: ${sort === group.selectedSort() ? 'visible' : 'hidden'}"></sl-icon>
 							<span>${sort}</span>
 						</div>
 					</sl-menu-item>

package/x/dom/components/sort/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/sort/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAE,GAAG,EAAC,MAAM,cAAc,CAAA;AACvD,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAG9D,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IAC7C,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEzC,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;EAcvB,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC3D,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;QACjC,KAAK,CAAC,YAAY,CAAC,KAAK,GAAG,KAAK,CAAA;IACjC,CAAC,CAAA;IAED,OAAO,IAAI,CAAA;;;;;;yBAMa,YAAY;MAC/B,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;2BAC3B,IAAI;;gEAEiC,IAAI,KAAK,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;eACzG,IAAI;;;KAGd,CAAC;;;SAGG,CAAA;AACT,CAAC,CAAC,CAAA"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/sort/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,aAAa,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,WAAW,CAAA;AAE3D,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAG9D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,EAAE;IAC1C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IACtB,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IAElC,SAAS,CAAC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;EActB,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC3D,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;QACjC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,OAAO,IAAI,CAAA;;;;;;yBAMa,YAAY;MAC/B,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;2BAC3B,IAAI;;gEAEiC,IAAI,KAAK,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;eACrG,IAAI;;;KAGd,CAAC;;;SAGG,CAAA;AACT,CAAC,CAAC,CAAA"}

package/x/dom/components.d.ts

@@ -7,12 +7,12 @@ import { QuaySearchbar } from "./components/searchbar/component.js";
 import { QuayBreadcrumb } from "./components/breadcrumb/component.js";
 export { QuayOutliner, QuaySearchbar, QuayDropzone, QuayBrowser, QuayBreadcrumb, QuayFilter, QuaySort };
 export declare const components: {
-    QuayOutliner: typeof import("@benev/slate").ShadowElement;
-    QuaySearchbar: typeof import("@benev/slate").ShadowElement;
-    QuayDropzone: typeof import("@benev/slate").ShadowElement;
-    QuayBrowser: typeof import("@benev/slate").ShadowElement;
-    QuayBreadcrumb: typeof import("@benev/slate").ShadowElement;
-    QuayFilter: typeof import("@benev/slate").ShadowElement;
-    QuaySort: typeof import("@benev/slate").ShadowElement;
+    QuayOutliner: new () => HTMLElement;
+    QuaySearchbar: new () => HTMLElement;
+    QuayDropzone: new () => HTMLElement;
+    QuayBrowser: new () => HTMLElement;
+    QuayBreadcrumb: new () => HTMLElement;
+    QuayFilter: new () => HTMLElement;
+    QuaySort: new () => HTMLElement;
 };
 export declare function setShoelaceDarkTheme(): void;

package/x/dom/theme.css.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@benev/slate").CSSResult;
+declare const _default: import("lit").CSSResult;
 export default _default;

package/x/dom/theme.css.js

@@ -1,4 +1,4 @@
-import { css } from "@benev/slate";
+import { css } from "lit";
 export default css `@layer theme, view; @layer theme {
 
 * {

package/x/dom/theme.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.css.js","sourceRoot":"","sources":["../../s/dom/theme.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAA;AAChC,eAAe,GAAG,CAAA;;;;;;;;EAQhB,CAAA"}
+{"version":3,"file":"theme.css.js","sourceRoot":"","sources":["../../s/dom/theme.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;EAQhB,CAAA"}

package/x/dom/views/tree/component.d.ts

@@ -1,7 +1,2 @@
-import { TemplateResult } from "@benev/slate";
 import { Group } from "../../../logic/group.js";
-export declare const Tree: (props: [group: Group<any>], meta?: Partial<{
-    content: import("lit-html").TemplateResult;
-    auto_exportparts: boolean;
-    attrs: import("@benev/slate").ShadowAttrs;
-}>) => import("lit-html/directive.js").DirectiveResult<any>;
+export declare const Tree: import("@e280/sly").ShadowView<[group: Group<any>]>;

package/x/dom/views/tree/component.js

@@ -1,12 +1,14 @@
-import { html, shadowView } from "@benev/slate";
+import { html } from "lit";
+import { shadow, useMount, useRender, useStyles } from "@e280/sly";
 import styleCss from "./style.css.js";
 import themeCss from "../../theme.css.js";
-export const Tree = shadowView(use => (group) => {
-    use.styles(themeCss, styleCss);
+export const Tree = shadow((group) => {
+    useStyles(themeCss, styleCss);
+    const render = useRender();
     const { config } = group;
     const { dropzone, trail, config: { root } } = group;
-    use.mount(() => {
-        const dispose = group.on.upload.sub(() => use.rerender());
+    useMount(() => {
+        const dispose = group.on.upload.sub(() => render());
         return () => dispose();
     });
     const renderFolderItem = (item) => html `
@@ -27,7 +29,7 @@ export const Tree = shadowView(use => (group) => {
 		${config.renderIcon(item, false)}
 		${config.renderLabel(item)}
 	`;
-    const render = (item) => {
+    const renderTree = (item) => {
         return html `
 			<sl-tree-item
 				draggable="true"
@@ -40,13 +42,13 @@ export const Tree = shadowView(use => (group) => {
 				${item.kind === "folder"
             ? renderFolderItem(item)
             : renderItem(item)}
-				${group.sort(item.children).map((item) => group.matches(item) ? render(item) : null)}
+				${group.sort(item.children).map((item) => group.matches(item) ? renderTree(item) : null)}
 			</sl-tree-item>
 		`;
     };
     return html `
 		<sl-tree selection=leaf>
-			${render(root)}
+			${renderTree(root)}
 		</sl-tree>`;
 });
 //# sourceMappingURL=component.js.map

package/x/dom/views/tree/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/views/tree/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,UAAU,EAAiB,MAAM,cAAc,CAAA;AAE7D,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAKzC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,KAAY,EAAE,EAAE;IACtD,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE9B,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAA;IACtB,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAC,IAAI,EAAC,EAAC,GAAG,KAAK,CAAA;IAE/C,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE;QACd,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAA;QACzD,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,CAAA;IACvB,CAAC,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,IAAI,CAAA;;gBAEnC,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;gBAC7C,QAAQ,CAAC,SAAS;eACnB,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;WAChD,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;YACvC,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;;;;4CAIA,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;8CAC5B,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC;IACvE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;EAC1B,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,IAAI,CAAA;IACzC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;IAC9B,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;EAC1B,CAAA;IAED,MAAM,MAAM,GAAG,CAAC,IAAe,EAAkB,EAAE;QAClD,OAAO,IAAI,CAAA;;;iBAGI,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;eAC/C,QAAQ,CAAC,OAAO;aAClB,CAAC,CAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;gBAClC,IAAI,CAAC,IAAI;kBACP,QAAQ,CAAC,QAAQ,EAAE,EAAE,KAAK,IAAI,CAAC,EAAE;;MAE7C,IAAI,CAAC,IAAI,KAAK,QAAQ;YACvB,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;YACxB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC;MACjB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;;GAErF,CAAA;IACF,CAAC,CAAA;IAED,OAAO,IAAI,CAAA;;KAEP,MAAM,CAAC,IAAI,CAAC;aACJ,CAAA;AACb,CAAC,CAAC,CAAA"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/views/tree/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAA;AACxC,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,WAAW,CAAA;AAEhE,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAKzC,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,KAAY,EAAE,EAAE;IAC3C,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAA;IACtB,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAC,IAAI,EAAC,EAAC,GAAG,KAAK,CAAA;IAE/C,QAAQ,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAA;QACnD,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,CAAA;IACvB,CAAC,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,IAAI,CAAA;;gBAEnC,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;gBAC7C,QAAQ,CAAC,SAAS;eACnB,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;WAChD,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;YACvC,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;;;;4CAIA,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;8CAC5B,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC;IACvE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;EAC1B,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,IAAI,CAAA;IACzC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;IAC9B,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;EAC1B,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,IAAe,EAAkB,EAAE;QACtD,OAAO,IAAI,CAAA;;;iBAGI,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;eAC/C,QAAQ,CAAC,OAAO;aAClB,CAAC,CAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;gBAClC,IAAI,CAAC,IAAI;kBACP,QAAQ,CAAC,QAAQ,EAAE,EAAE,KAAK,IAAI,CAAC,EAAE;;MAE7C,IAAI,CAAC,IAAI,KAAK,QAAQ;YACvB,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;YACxB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC;MACjB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;;GAEzF,CAAA;IACF,CAAC,CAAA;IAED,OAAO,IAAI,CAAA;;KAEP,UAAU,CAAC,IAAI,CAAC;aACR,CAAA;AACb,CAAC,CAAC,CAAA"}

package/x/dom/views/tree/style.css.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@benev/slate").CSSResult;
+declare const _default: import("lit").CSSResult;
 export default _default;

package/x/dom/views/tree/style.css.js

@@ -1,4 +1,4 @@
-import { css } from "@benev/slate";
+import { css } from "lit";
 export default css `
 
 sl-tree-item::part(expand-button) {

package/x/dom/views/tree/style.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/dom/views/tree/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAA;AAChC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DjB,CAAA"}
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/dom/views/tree/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DjB,CAAA"}

package/x/index.d.ts

@@ -1,6 +1,11 @@
-export { register, css } from "@benev/slate";
+export { css } from "lit";
+export { dom } from "@e280/sly";
 export * from "./cellar/index.js";
 export * from "./dom/components.js";
+export { brain } from "./dom/context.js";
+export * from "./logic/presets/media/schema.js";
+export * from "./logic/presets/media/group.js";
+export * from "./logic/presets/media/store.js";
 declare const Quay: {
     permissions: {
         all: import("./logic/permissions.js").Permission;