@e280/sly 0.2.0-17 → 0.2.0-19

package/README.md

@@ -20,6 +20,7 @@
 <br/><br/>
 
 ## 🦝 sly and friends
+> `@e280/sly`  
 
 ```sh
 npm install @e280/sly lit @e280/strata @e280/stz
@@ -31,13 +32,18 @@ npm install @e280/sly lit @e280/strata @e280/stz
 > - 🏂 [@e280/stz](https://github.com/e280/stz), our ts standard library
 > - 🐢 [@e280/scute](https://github.com/e280/scute), our buildy-bundly-buddy
 
+> [!TIP]
+> you can import everything in sly from `@e280/sly`,  
+> or from specific subpackages like `@e280/sly/view`, `@e280/sly/dom`, etc...
+
 
 
 <br/><br/>
 <a id="views"></a>
 
 ## 🍋🦝 sly views
-> *the crown jewel of sly*
+> `@e280/sly/view`  
+> *the crown jewel of sly*  
 
 ```ts
 view(use => () => html`<p>hello world</p>`)
@@ -280,19 +286,30 @@ import {html, css} from "lit"
     v // 123
     ```
 - **use.attrs** — ergonomic typed html attribute access  
-    *(see [dom.attrs](#dom.attrs) for more details)*
-    ```ts
-    const attrs = use.attrs.spec({
-      name: String,
-      count: Number,
-      active: Boolean,
-    })
-    ```
-    ```ts
-    attrs.name // "chase"
-    attrs.count // 123
-    attrs.active // true
-    ```
+    - `use.attrs` is a bit different than `dom.attrs`, just to properly memoize .spec and .on for the render fn
+    - use.attrs.spec
+        ```ts
+        const attrs = use.attrs.spec({
+          name: String,
+          count: Number,
+          active: Boolean,
+        })
+        ```
+        ```ts
+        attrs.name // "chase"
+        attrs.count // 123
+        attrs.active // true
+        ```
+    - use.attrs.(strings/numbers/booleans)
+        ```ts
+        use.attrs.strings.name // "chase"
+        use.attrs.numbers.count // 123
+        use.attrs.booleans.active // true
+        ```
+    - use.attrs.on
+        ```ts
+        use.attrs.on(() => console.log("an attribute changed"))
+        ```
 - **use.render** — rerender the view (debounced)
     ```ts
     use.render()
@@ -346,7 +363,8 @@ import {html, css} from "lit"
 <a id="base-element"></a>
 
 ## 🪵🦝 sly base element
-> *the classic experience*
+> `@e280/sly/base`  
+> *the classic experience*  
 
 ```ts
 import {BaseElement, Use, dom} from "@e280/sly"
@@ -442,7 +460,8 @@ import {html, css} from "lit"
 <a id="dom"></a>
 
 ## 🪄🦝 sly dom
-> *the "it's not jquery!" multitool*
+> `@e280/sly/dom`  
+> *the "it's not jquery!" multitool*  
 
 ```ts
 import {dom} from "@e280/sly"
@@ -520,9 +539,9 @@ import {dom} from "@e280/sly"
     ```
     or if you wanna be more loosey-goosy, skip the spec
     ```ts
-    dom.attrs(element).string.name = "pimsley"
-    dom.attrs(element).number.count = 125
-    dom.attrs(element).boolean.active = true
+    dom.attrs(element).strings.name = "pimsley"
+    dom.attrs(element).numbers.count = 125
+    dom.attrs(element).booleans.active = true
     ```
 
 
@@ -531,7 +550,8 @@ import {dom} from "@e280/sly"
 <a id="ops"></a>
 
 ## 🫛🦝 sly ops
-> *tools for async operations and loading spinners*
+> `@e280/sly/ops`  
+> *tools for async operations and loading spinners*  
 
 ```ts
 import {nap} from "@e280/stz"
@@ -640,7 +660,8 @@ import {Pod, podium, Op, loaders} from "@e280/sly"
 <a id="loaders"></a>
 
 ## ⏳🦝 sly loaders
-> *animated loading spinners for ops*
+> `@e280/sly/loaders`  
+> *animated loading spinners for ops*  
 
 ```ts
 import {loaders} from "@e280/sly"
@@ -675,7 +696,8 @@ import {loaders} from "@e280/sly"
 <a id="spa"></a>
 
 ## 💅🦝 sly spa
-> *hash router for single-page-apps*
+> `@e280/sly/spa`  
+> *hash router for single-page-apps*  
 
 ```ts
 import {spa, html} from "@e280/sly"
@@ -698,6 +720,7 @@ import {spa, html} from "@e280/sly"
     - the router has an effect on the appearance of the url in the browser address bar -- the home `#/` is removed, aesthetically, eg, `e280.org/#/` is rewritten to `e280.org` using *history.replaceState*
     - you can provide `loader` option if you want to specify the loading spinner (defaults to `loaders.make()`)
     - you can provide `notFound` option, if you want to specify what is shown on invalid routes (defaults to `() => null`)
+    - when `auto` is true (default), the router calls `.refresh()` and `.listen()` in the constructor.. set it to `false` if you want manual control
     - you can set `auto` option false if you want to omit the default initial refresh and listen calls
 - **render your current page**
     ```ts
@@ -728,18 +751,12 @@ import {spa, html} from "@e280/sly"
     const hash = router.nav.user.hash("123")
       // "#/user/123"
 
-    return html`
-      <a href="${hash}">user 123</a>
-    `
+    html`<a href="${hash}">user 123</a>`
     ```
 - **check if a route is the currently-active one**
     ```ts
     const hash = router.nav.user.active
       // true
-
-    return html`
-      <a href="${hash}">user 123</a>
-    `
     ```
 - **force-refresh the router**
     ```ts
@@ -768,7 +785,8 @@ import {spa, html} from "@e280/sly"
 <a id="loot"></a>
 
 ## 🪙🦝 loot
-> *drag-and-drop facilities*
+> `@e280/sly/loot`  
+> *drag-and-drop facilities*  
 
 ```ts
 import {loot, view, dom} from "@e280/sly"

package/package.json

@@ -1,18 +1,19 @@
 {
 	"name": "@e280/sly",
-	"version": "0.2.0-17",
+	"version": "0.2.0-19",
 	"description": "web shadow views",
 	"license": "MIT",
 	"type": "module",
 	"main": "./x/index.js",
 	"exports": {
 		".": "./x/index.js",
+		"./base": "./x/base/index.js",
 		"./dom": "./x/dom/index.js",
 		"./loaders": "./x/loaders/index.js",
 		"./loot": "./x/loot/index.js",
 		"./ops": "./x/ops/index.js",
 		"./spa": "./x/spa/index.js",
-		"./ui": "./x/ui/index.js"
+		"./view": "./x/view/index.js"
 	},
 	"files": [
 		"x",

package/s/{ui/base-element.ts → base/element.ts}

@@ -3,11 +3,11 @@ import {debounce} from "@e280/stz"
 import {CSSResultGroup} from "lit"
 
 import {dom} from "../dom/dom.js"
-import {Content} from "./types.js"
-import {Reactor} from "./base/utils/reactor.js"
-import {AttrWatcher} from "./base/utils/attr-watcher.js"
-import {applyStyles} from "./base/utils/apply-styles.js"
-import {Use, _disconnect, _reconnect, _wrap} from "./base/use.js"
+import {Content} from "../view/types.js"
+import {Reactor} from "./utils/reactor.js"
+import {AttrWatcher} from "./utils/attr-watcher.js"
+import {applyStyles} from "./utils/apply-styles.js"
+import {Use, _disconnect, _reconnect, _wrap} from "./use.js"
 
 export class BaseElement extends HTMLElement {
 	static styles: CSSResultGroup | undefined

package/s/base/index.ts

@@ -0,0 +1,5 @@
+
+export * from "./css-reset.js"
+export * from "./element.js"
+export * from "./use.js"
+

package/s/{ui/base → base}/use.ts

@@ -3,10 +3,9 @@ import {CSSResultGroup} from "lit"
 import {defer, MapG} from "@e280/stz"
 import {signal, SignalOptions} from "@e280/strata/signals"
 
-import {Op} from "../../ops/op.js"
-import {dom} from "../../dom/dom.js"
-import {Attrs} from "../../dom/types.js"
+import {Op} from "../ops/op.js"
 import {Mounts} from "./utils/mounts.js"
+import {UseAttrs} from "./utils/use-attrs.js"
 import {applyStyles} from "./utils/apply-styles.js"
 
 export const _wrap = Symbol()
@@ -14,7 +13,7 @@ export const _disconnect = Symbol()
 export const _reconnect = Symbol()
 
 export class Use {
-	attrs: Attrs
+	readonly attrs: UseAttrs
 
 	#runs = 0
 	#position = 0
@@ -45,7 +44,7 @@ export class Use {
 			public renderNow: () => void,
 			public render: () => Promise<void>,
 		) {
-		this.attrs = dom.attrs(this.element)
+		this.attrs = new UseAttrs(this)
 	}
 
 	get renderCount() {

package/s/{ui/base → base}/utils/attr-watcher.ts

@@ -1,5 +1,5 @@
 
-import {dom} from "../../../dom/dom.js"
+import {dom} from "../../dom/dom.js"
 
 export class AttrWatcher {
 	#stopper: (() => void) | undefined

package/s/base/utils/use-attrs.ts

@@ -0,0 +1,27 @@
+
+import {Use} from "../use.js"
+import {dom} from "../../dom/dom.js"
+import {Attrs, AttrSpec} from "../../dom/types.js"
+
+export class UseAttrs {
+	#use: Use
+	#attrs: Attrs
+
+	constructor(use: Use) {
+		this.#use = use
+		this.#attrs = dom.attrs(use.element)
+	}
+
+	get strings() { return this.#attrs.strings }
+	get numbers() { return this.#attrs.numbers }
+	get booleans() { return this.#attrs.booleans }
+
+	spec<A extends AttrSpec>(spec: A) {
+		return this.#use.once(() => this.#attrs.spec(spec))
+	}
+
+	on(fn: () => void) {
+		return this.#use.mount(() => this.#attrs.on(fn))
+	}
+}
+

package/s/demo/views/counter.ts

@@ -2,9 +2,9 @@
 import {css, html} from "lit"
 
 import {dom} from "../../dom/dom.js"
-import {view} from "../../ui/view.js"
-import {cssReset} from "../../ui/base/css-reset.js"
-import {BaseElement} from "../../ui/base-element.js"
+import {view} from "../../view/view.js"
+import {cssReset} from "../../base/css-reset.js"
+import {BaseElement} from "../../base/element.js"
 
 export const CounterView = view(use => (start: number, step: number) => {
 	use.name("counter")

package/s/demo/views/demo.ts

@@ -1,10 +1,10 @@
 
 import {css, html} from "lit"
 
-import {view} from "../../ui/view.js"
+import {view} from "../../view/view.js"
 import {CounterView} from "./counter.js"
 import {LoadersView} from "./loaders.js"
-import {cssReset} from "../../ui/base/css-reset.js"
+import {cssReset} from "../../base/css-reset.js"
 
 export class DemoComponent extends (view.component(use => {
 	use.name("demo")

package/s/demo/views/fastcount.ts

@@ -3,8 +3,8 @@ import {css, html} from "lit"
 import {nap, repeat} from "@e280/stz"
 
 import {dom} from "../../dom/dom.js"
-import {Use} from "../../ui/base/use.js"
-import {BaseElement} from "../../ui/base-element.js"
+import {Use} from "../../base/use.js"
+import {BaseElement} from "../../base/element.js"
 
 export class FastcountElement extends BaseElement {
 	static styles = css`span{color:orange}`

package/s/demo/views/loaders.ts

@@ -1,9 +1,9 @@
 
 import {css, html} from "lit"
 import {Op} from "../../ops/op.js"
-import {view} from "../../ui/view.js"
+import {view} from "../../view/view.js"
 import {loaders} from "../../loaders/index.js"
-import {cssReset} from "../../ui/base/css-reset.js"
+import {cssReset} from "../../base/css-reset.js"
 
 export const LoadersView = view(use => () => {
 	use.name("loaders")

package/s/dom/attrs/attrs.ts

@@ -8,9 +8,9 @@ import {AttrProxies} from "./parts/attr-proxies.js"
 export function attrs(element: HTMLElement) {
 	const proxies = new AttrProxies(element)
 	return {
-		string: proxies.string,
-		number: proxies.number,
-		boolean: proxies.boolean,
+		strings: proxies.strings,
+		numbers: proxies.numbers,
+		booleans: proxies.booleans,
 		on: (fn: () => void) => onAttrs(element, fn),
 		spec: <A extends AttrSpec>(spec: A) => attrSpec(element, spec),
 	}

package/s/dom/attrs/parts/attr-proxies.ts

@@ -5,7 +5,7 @@ import {attrFns} from "./attr-fns.js"
 export class AttrProxies {
 	constructor(public element: HTMLElement) {}
 
-	string = new Proxy({}, {
+	strings = new Proxy({}, {
 		get: (_t, key: string) => (
 			attrFns.get.string(this.element, key)
 		),
@@ -14,7 +14,7 @@ export class AttrProxies {
 		),
 	}) as Record<string, string | undefined>
 
-	number = new Proxy({}, {
+	numbers = new Proxy({}, {
 		get: (_t, key: string) => (
 			attrFns.get.number(this.element, key)
 		),
@@ -23,7 +23,7 @@ export class AttrProxies {
 		),
 	}) as Record<string, number | undefined>
 
-	boolean = new Proxy({}, {
+	booleans = new Proxy({}, {
 		get: (_t, key: string) => (
 			attrFns.get.boolean(this.element, key)
 		),

package/s/dom/dom.ts

@@ -3,7 +3,7 @@ import {render} from "lit"
 import {el} from "./parts/el.js"
 import {AttrSpec} from "./types.js"
 import {attrs} from "./attrs/attrs.js"
-import {Content} from "../ui/types.js"
+import {Content} from "../view/types.js"
 import {eve, EveSpec} from "./parts/eve.js"
 import {register} from "./parts/register.js"
 

package/s/dom/parts/el.ts

@@ -1,6 +1,6 @@
 
-import {AttrValue} from "../../ui/types.js"
-import {setAttrs} from "../../ui/view/parts/set-attrs.js"
+import {AttrValue} from "../../view/types.js"
+import {setAttrs} from "../../view/utils/parts/set-attrs.js"
 
 export function el<E extends HTMLElement>(
 		tagName: string,

package/s/index.ts

@@ -1,8 +1,9 @@
 
+export * from "./base/index.js"
 export * from "./dom/index.js"
 export * from "./loaders/index.js"
 export * from "./loot/index.js"
 export * from "./ops/index.js"
 export * from "./spa/index.js"
-export * from "./ui/index.js"
+export * from "./view/index.js"
 

package/s/loaders/make.ts

@@ -1,7 +1,7 @@
 
 import {Loader} from "./types.js"
 import {earth} from "./parts/anims.js"
-import type {Content} from "../ui/types.js"
+import type {Content} from "../view/types.js"
 import {ErrorDisplay} from "./parts/error-display.js"
 
 export function make(

package/s/loaders/parts/anims.ts

@@ -1,6 +1,6 @@
 
 import {makeAsciiAnim} from "./ascii-anim.js"
-import type {Content} from "../../ui/types.js"
+import type {Content} from "../../view/types.js"
 
 const fast = 20
 const mid = 10

package/s/loaders/parts/ascii-anim.ts

@@ -2,9 +2,9 @@
 import {css} from "lit"
 import {nap, repeat} from "@e280/stz"
 
-import {view} from "../../ui/view.js"
-import {Content} from "../../ui/types.js"
-import {cssReset} from "../../ui/base/css-reset.js"
+import {view} from "../../view/view.js"
+import {Content} from "../../view/types.js"
+import {cssReset} from "../../base/css-reset.js"
 
 export function makeAsciiAnim(hz: number, frames: string[]): () => Content {
 	return () => AsciiAnim({hz, frames})

package/s/loaders/parts/error-display.ts

@@ -1,7 +1,7 @@
 
 import {css, html} from "lit"
-import {view} from "../../ui/view.js"
-import {cssReset} from "../../ui/base/css-reset.js"
+import {view} from "../../view/view.js"
+import {cssReset} from "../../base/css-reset.js"
 
 export const ErrorDisplay = view(use => (error: any) => {
 	use.name("error")

package/s/loaders/types.ts

@@ -1,6 +1,6 @@
 
 import type {Op} from "../ops/op.js"
-import type {Content} from "../ui/types.js"
+import type {Content} from "../view/types.js"
 
 export type Loader = <V>(op: Op<V>, ready: (value: V) => Content) => Content
 

package/s/spa/plumbing/braces.ts

@@ -1,6 +1,6 @@
 
 import {Hasher, Route} from "./types.js"
-import type {Content} from "../../ui/types.js"
+import type {Content} from "../../view/types.js"
 
 type ParamKeys<S extends string> =
 	S extends `${string}{${infer P}}${infer R}` ? (string & P) | ParamKeys<R> : never

package/s/spa/plumbing/router-core.ts

@@ -1,6 +1,6 @@
 
 import {signal} from "@e280/strata"
-import type {Content} from "../../ui/types.js"
+import type {Content} from "../../view/types.js"
 import {Navigable, normalizeHash, resolveRoute} from "./primitives.js"
 import {Hashbearer, Navigables, ResolvedRoute, Routes} from "./types.js"
 

package/s/spa/plumbing/types.ts

@@ -1,7 +1,7 @@
 
 import type {Op} from "../../ops/op.js"
 import type {Navigable} from "./primitives.js"
-import type {Content} from "../../ui/types.js"
+import type {Content} from "../../view/types.js"
 import type {Loader} from "../../loaders/types.js"
 
 export type RouterOptions<R extends Routes> = {

package/s/spa/router.ts

@@ -1,6 +1,6 @@
 
 import {disposer} from "@e280/stz"
-import {Content} from "../ui/types.js"
+import {Content} from "../view/types.js"
 import {Loader} from "../loaders/types.js"
 import {loaders} from "../loaders/index.js"
 import {RouterCore} from "./plumbing/router-core.js"

package/s/view/index.ts

@@ -0,0 +1,6 @@
+
+export * from "./utils/parts/chain.js"
+export * from "./utils/parts/sly-view.js"
+export * from "./types.js"
+export * from "./view.js"
+

package/s/{ui → view}/types.ts

@@ -3,9 +3,9 @@ import {TemplateResult} from "lit"
 import {Constructor} from "@e280/stz"
 import {DirectiveResult} from "lit/directive.js"
 
-import {Use} from "./base/use.js"
-import {ViewChain} from "./view/parts/chain.js"
-import {BaseElement} from "./base-element.js"
+import {Use} from "../base/use.js"
+import {ViewChain} from "./utils/parts/chain.js"
+import {BaseElement} from "../base/element.js"
 
 export type Content = TemplateResult | DirectiveResult | HTMLElement | string | null | undefined | void | Content[]
 export type AttrValue = string | boolean | number | undefined | null | void

package/s/{ui/view → view/utils}/make-component.ts

@@ -1,9 +1,9 @@
 
 import {Constructor} from "@e280/stz"
-import {Use} from "../base/use.js"
+import {Use} from "../../base/use.js"
 import {makeView} from "./make-view.js"
-import {BaseElement} from "../base-element.js"
-import {Reactor} from "../base/utils/reactor.js"
+import {BaseElement} from "../../base/element.js"
+import {Reactor} from "../../base/utils/reactor.js"
 import {ComponentClass, ViewFn} from "../types.js"
 
 /** make a component from a BaseElement and a view. */

package/s/{ui/view → view/utils}/make-view.ts

@@ -3,7 +3,7 @@ import {Constructor} from "@e280/stz"
 import {DirectiveResult} from "lit/async-directive.js"
 import {View, ViewFn} from "../types.js"
 import {ViewChain} from "./parts/chain.js"
-import {BaseElement} from "../base-element.js"
+import {BaseElement} from "../../base/element.js"
 import {ViewContext} from "./parts/context.js"
 import {makeComponent} from "./make-component.js"
 import {makeViewDirective} from "./parts/directive.js"

package/s/{ui/view → view/utils}/parts/capsule.ts

@@ -5,9 +5,9 @@ import {SlyView} from "./sly-view.js"
 import {dom} from "../../../dom/dom.js"
 import {setAttrs} from "./set-attrs.js"
 import {ViewContext} from "./context.js"
-import {Reactor} from "../../base/utils/reactor.js"
-import {AttrWatcher} from "../../base/utils/attr-watcher.js"
-import {_disconnect, _reconnect, _wrap, Use} from "../../base/use.js"
+import {Reactor} from "../../../base/utils/reactor.js"
+import {AttrWatcher} from "../../../base/utils/attr-watcher.js"
+import {_disconnect, _reconnect, _wrap, Use} from "../../../base/use.js"
 
 /** controls the rendering of view context into an element. */
 export class ViewCapsule<Props extends any[]> {

package/s/{ui → view}/view.ts

@@ -1,8 +1,8 @@
 
 import {Content, ViewFn} from "./types.js"
-import {makeView} from "./view/make-view.js"
-import {BaseElement} from "./base-element.js"
-import {_disconnect, _reconnect, Use} from "./base/use.js"
+import {makeView} from "./utils/make-view.js"
+import {BaseElement} from "../base/element.js"
+import {_disconnect, _reconnect, Use} from "../base/use.js"
 
 export function view<Props extends any[]>(fn: ViewFn<Props>) {
 	return makeView(fn, {mode: "open"})

package/x/base/css-reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-reset.js","sourceRoot":"","sources":["../../s/base/css-reset.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAA;AAEvC,MAAM,CAAC,MAAM,QAAQ,GAAmB,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB1C,CAAA"}

package/x/{ui/base-element.d.ts → base/element.d.ts}

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from "lit";
-import { Content } from "./types.js";
-import { Use } from "./base/use.js";
+import { Content } from "../view/types.js";
+import { Use } from "./use.js";
 export declare class BaseElement extends HTMLElement {
     #private;
     static styles: CSSResultGroup | undefined;

package/x/{ui/base-element.js → base/element.js}

@@ -1,9 +1,9 @@
 import { debounce } from "@e280/stz";
 import { dom } from "../dom/dom.js";
-import { Reactor } from "./base/utils/reactor.js";
-import { AttrWatcher } from "./base/utils/attr-watcher.js";
-import { applyStyles } from "./base/utils/apply-styles.js";
-import { Use, _disconnect, _reconnect, _wrap } from "./base/use.js";
+import { Reactor } from "./utils/reactor.js";
+import { AttrWatcher } from "./utils/attr-watcher.js";
+import { applyStyles } from "./utils/apply-styles.js";
+import { Use, _disconnect, _reconnect, _wrap } from "./use.js";
 export class BaseElement extends HTMLElement {
     static styles;
     shadow;
@@ -49,4 +49,4 @@ export class BaseElement extends HTMLElement {
         this.#attrWatcher.stop();
     }
 }
-//# sourceMappingURL=base-element.js.map
+//# sourceMappingURL=element.js.map

package/x/base/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../s/base/element.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAA;AAGlC,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAA;AAEjC,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,GAAG,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,UAAU,CAAA;AAE5D,MAAM,OAAO,WAAY,SAAQ,WAAW;IAC3C,MAAM,CAAC,MAAM,CAA4B;IAEhC,MAAM,CAAY;IAE3B,IAAI,CAAK;IACT,WAAW,GAAG,CAAC,CAAA;IACf,QAAQ,GAAG,IAAI,OAAO,EAAE,CAAA;IACxB,YAAY,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;IAEzD,4FAA4F;IAC5F,YAAY;QACX,OAAO,IAAI,CAAC,YAAY,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,CAAA;IACzC,CAAC;IAED;QACC,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,CAAA;QACjC,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,CAClB,IAAI,EACJ,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,MAAM,CACX,CAAA;IACF,CAAC;IAED,qCAAqC;IACrC,MAAM,CAAC,IAAS,IAAY,CAAC;IAE7B,+DAA+D;IAC/D,SAAS,GAAG,GAAG,EAAE;QAChB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;YACrB,GAAG,CAAC,MAAM,CACT,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CAAC,MAAM,CACnB,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5B,IAAI,CAAC,MAAM,CACX,CACD,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC,CAAA;IAED,6DAA6D;IAC7D,MAAM,GAAG,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IAEpC,iBAAiB;QAChB,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE,CAAC;YAC5B,MAAM,MAAM,GAAI,IAAI,CAAC,WAAmB,CAAC,MAAM,CAAA;YAC/C,IAAI,MAAM;gBAAE,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YAC5C,IAAI,CAAC,SAAS,EAAE,CAAA;QACjB,CAAC;aACI,CAAC;YACL,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAA;QACxB,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAA;QACzB,IAAI,CAAC,WAAW,EAAE,CAAA;IACnB,CAAC;IAED,oBAAoB;QACnB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAA;QACxB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAA;QACrB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;IACzB,CAAC;CACD"}

package/x/base/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./css-reset.js";
+export * from "./element.js";
+export * from "./use.js";

package/x/base/index.js

@@ -0,0 +1,4 @@
+export * from "./css-reset.js";
+export * from "./element.js";
+export * from "./use.js";
+//# sourceMappingURL=index.js.map

package/x/base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/base/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA"}