elements-kit 0.18.1 → 0.18.2

package/dist/{element-D6xVuWdX.mjs → element-xQwq4ulc.mjs}

@@ -296,6 +296,7 @@ function mountStatic(el, list, kind) {
 	const buffer = acquireFragment();
 	let disposers = null;
 	if (kind === 1) for (const c of list) {
+		if (c == null || c === false || c === true) continue;
 		const node = c;
 		const dispose = node[Symbol.dispose];
 		if (dispose) (disposers ??= []).push(dispose);

package/dist/for.d.mts

@@ -1,4 +1,4 @@
-import { i as Props, s as Require } from "./infer-DGtBn6Nm.mjs";
+import { i as Props, s as Require } from "./infer-B7T5hi_D.mjs";
 
 //#region src/for.d.ts
 type KeyFn<T> = (item: T, index: number) => string | number;

package/dist/for.mjs

@@ -1,6 +1,6 @@
 import { c as effectScope, g as untracked, h as trigger, m as signal, p as onCleanup, s as effect } from "./lib-Dkc7cV5F.mjs";
 import "./signals/index.mjs";
-import { n as disposeElement } from "./element-D6xVuWdX.mjs";
+import { n as disposeElement } from "./element-xQwq4ulc.mjs";
 //#region src/for.ts
 /**
 * Keyed list renderer. See {@link ForProps} for prop details.

package/dist/{infer-DGtBn6Nm.d.mts → infer-B7T5hi_D.d.mts}

@@ -448,7 +448,7 @@ declare namespace JSX$1 {
     ref?: (el: Element) => void;
   }
   export type LibraryManagedAttributes<C, P> = ResolveProps<C, P>;
-  type RegisteredElements = { [K in keyof CustomElementRegistry]: CustomElementRegistry[K] extends AnyElementCtor ? WithJsxNamespaces<MaybeReactiveProps<ElementProps<CustomElementRegistry[K]>>, InstanceType<CustomElementRegistry[K]>> : never };
+  type RegisteredElements = { [K in keyof CustomElementRegistry]: CustomElementRegistry[K] extends infer C extends AnyElementCtor ? WithJsxNamespaces<MaybeReactiveProps<ElementProps<C>>, InstanceType<C>> : never };
   export type IntrinsicElements = { [K in keyof JSX.IntrinsicElements]: WithJsxNamespaces<JSX.IntrinsicElements[K], IntrinsicElementOf<JSX.IntrinsicElements[K]>> & (IntrinsicElementOf<JSX.IntrinsicElements[K]> extends SVGElement ? SvgNamespaceAttrs : {}) } & RegisteredElements;
   export {};
 }

package/dist/integrations/react.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/integrations/react.d.ts
 /**

package/dist/jsx-runtime/index.d.mts

@@ -1,2 +1,2 @@
-import { U as createElement, _ as SlotProps, a as RawProps, b as MaybeReactive, c as ResolveProps, d as ComponentClass, f as ComponentFn, g as JSX, h as Attrs, i as Props, l as Child, m as PropsTarget, n as ElementProps, o as ReactiveProps, p as ComponentInstance, r as MaybeReactiveProps, s as Require, t as ComponentProps, u as Component, v as Fragment } from "../infer-DGtBn6Nm.mjs";
+import { U as createElement, _ as SlotProps, a as RawProps, b as MaybeReactive, c as ResolveProps, d as ComponentClass, f as ComponentFn, g as JSX, h as Attrs, i as Props, l as Child, m as PropsTarget, n as ElementProps, o as ReactiveProps, p as ComponentInstance, r as MaybeReactiveProps, s as Require, t as ComponentProps, u as Component, v as Fragment } from "../infer-B7T5hi_D.mjs";
 export { Attrs, type Child, type Component, type ComponentClass, type ComponentFn, type ComponentInstance, type ComponentProps, type ElementProps, Fragment, JSX, type MaybeReactive, type MaybeReactiveProps, type Props, type PropsTarget, type RawProps, type ReactiveProps, type Require, type ResolveProps, SlotProps, createElement as h, createElement as jsx, createElement as jsxDEV, createElement as jsxs };

package/dist/jsx-runtime/index.mjs

@@ -1,4 +1,4 @@
-import { r as mountChild, t as createElement } from "../element-D6xVuWdX.mjs";
+import { r as mountChild, t as createElement } from "../element-xQwq4ulc.mjs";
 //#region src/jsx-runtime/fragment.ts
 /**
 * Used by the JSX transform for `<>...</>` fragments.

package/dist/signals/index.d.mts

@@ -1,2 +1,2 @@
-import { A as SIGNAL, B as signal, C as isReactive, D as COMPUTED, E as resolveProps, F as isComputed, H as untracked, I as isEffect, L as isEffectScope, M as computed, N as effect, O as EFFECT, P as effectScope, R as isSignal, S as Updater, T as resolve, V as trigger, b as MaybeReactive, j as batch, k as EFFECT_SCOPE, w as reactive, x as Signal, y as Computed, z as onCleanup } from "../infer-DGtBn6Nm.mjs";
+import { A as SIGNAL, B as signal, C as isReactive, D as COMPUTED, E as resolveProps, F as isComputed, H as untracked, I as isEffect, L as isEffectScope, M as computed, N as effect, O as EFFECT, P as effectScope, R as isSignal, S as Updater, T as resolve, V as trigger, b as MaybeReactive, j as batch, k as EFFECT_SCOPE, w as reactive, x as Signal, y as Computed, z as onCleanup } from "../infer-B7T5hi_D.mjs";
 export { COMPUTED, Computed, EFFECT, EFFECT_SCOPE, MaybeReactive, SIGNAL, Signal, Updater, batch, computed, effect, effectScope, isComputed, isEffect, isEffectScope, isReactive, isSignal, onCleanup, reactive, resolve, resolveProps, signal, trigger, untracked };

package/dist/ui/button/button.css

@@ -11,7 +11,7 @@
   display: inline-flex;
 }
 
-.x-button:where([data-disabled]) {
+.x-button:where([data-disabled], :disabled) {
   --spinner-opacity: 1;
 }
 
@@ -118,7 +118,7 @@
   filter: var(--base-button-solid-high-contrast-active-filter);
 }
 
-.x-button:where([data-variant="solid"]):where([data-disabled]) {
+.x-button:where([data-variant="solid"]):where([data-disabled], :disabled) {
   color: var(--neutral-a8);
   background-color: var(--neutral-a3);
   filter: none;
@@ -133,7 +133,7 @@
   color: var(--accent-12);
 }
 
-.x-button:where([data-variant="soft"], [data-variant="text"], [data-variant="borderless"]):where([data-disabled]) {
+.x-button:where([data-variant="soft"], [data-variant="text"], [data-variant="borderless"]):where([data-disabled], :disabled) {
   color: var(--neutral-a8);
   background-color: var(--neutral-a3);
 }
@@ -161,7 +161,7 @@
   background-color: var(--accent-a5);
 }
 
-.x-button:where([data-variant="soft"]):where([data-disabled]) {
+.x-button:where([data-variant="soft"]):where([data-disabled], :disabled) {
   color: var(--neutral-a8);
   background-color: var(--neutral-a3);
 }
@@ -185,7 +185,7 @@
   background-color: var(--accent-a4);
 }
 
-.x-button:where([data-variant="text"], [data-variant="borderless"]):where([data-disabled]) {
+.x-button:where([data-variant="text"], [data-variant="borderless"]):where([data-disabled], :disabled) {
   color: var(--neutral-a8);
   background-color: #0000;
 }
@@ -220,7 +220,7 @@
   color: var(--accent-12);
 }
 
-.x-button:where([data-variant="outline"]):where([data-disabled]) {
+.x-button:where([data-variant="outline"]):where([data-disabled], :disabled) {
   color: var(--neutral-a8);
   box-shadow: inset 0 0 0 1px var(--neutral-a7);
   background-color: #0000;
@@ -256,7 +256,7 @@
   color: var(--accent-12);
 }
 
-.x-button:where([data-variant="surface"]):where([data-disabled]) {
+.x-button:where([data-variant="surface"]):where([data-disabled], :disabled) {
   color: var(--neutral-a8);
   box-shadow: inset 0 0 0 1px var(--neutral-a6);
   background-color: var(--neutral-a2);

package/dist/ui/styles/unset.css

@@ -29,6 +29,20 @@
   -webkit-tap-highlight-color: transparent;
 }
 
+.unset:where(dialog, [popover]) {
+  box-sizing: border-box;
+  background: none;
+  border: 0;
+  outline: none;
+  max-width: none;
+  max-height: none;
+  margin: 0;
+  padding: 0;
+  position: fixed;
+  inset: auto;
+  overflow: visible;
+}
+
 .unset:where(select) {
   text-align: start;
   font-style: normal;

package/dist/utilities/active-element.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/active-element.d.ts
 declare const activeElement: Computed<Element | null>;

package/dist/utilities/async.d.mts

@@ -1,4 +1,4 @@
-import { b as MaybeReactive } from "../infer-DGtBn6Nm.mjs";
+import { b as MaybeReactive } from "../infer-B7T5hi_D.mjs";
 import { ComputedPromise } from "./promise.mjs";
 
 //#region src/utilities/async.d.ts

package/dist/utilities/debounced.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/debounced.d.ts
 /**

package/dist/utilities/element-rect.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/element-rect.d.ts
 type RectResult = {

package/dist/utilities/element-scroll.d.mts

@@ -1,4 +1,4 @@
-import { x as Signal } from "../infer-DGtBn6Nm.mjs";
+import { x as Signal } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/element-scroll.d.ts
 type ElementScrollResult = {

package/dist/utilities/event-driven.d.mts

@@ -1,4 +1,4 @@
-import { x as Signal, y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { x as Signal, y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/event-driven.d.ts
 /**

package/dist/utilities/event-listener.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/event-listener.d.ts
 /**

package/dist/utilities/focus-within.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/focus-within.d.ts
 /**

package/dist/utilities/hover.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/hover.d.ts
 /**

package/dist/utilities/interval.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/interval.d.ts
 type IntervalResult = {

package/dist/utilities/location.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/location.d.ts
 type LocationResult = {

package/dist/utilities/media-devices.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/media-devices.d.ts
 /**

package/dist/utilities/media-player.d.mts

@@ -1,4 +1,4 @@
-import { x as Signal, y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { x as Signal, y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/media-player.d.ts
 type MediaPlayerResult<T extends HTMLMediaElement> = {

package/dist/utilities/media-query.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/media-query.d.ts
 /**

package/dist/utilities/network.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/network.d.ts
 /**

package/dist/utilities/orientation.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/orientation.d.ts
 type OrientationResult = {

package/dist/utilities/previous.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/previous.d.ts
 /**

package/dist/utilities/promise.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/promise.d.ts
 /**

package/dist/utilities/routing.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/routing.d.ts
 /**

package/dist/utilities/search-params.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/search-params.d.ts
 /**

package/dist/utilities/storage.d.mts

@@ -1,4 +1,4 @@
-import { x as Signal } from "../infer-DGtBn6Nm.mjs";
+import { x as Signal } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/storage.d.ts
 type StorageOptions<T> = {

package/dist/utilities/throttled.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/throttled.d.ts
 /**

package/dist/utilities/timeout.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/timeout.d.ts
 type TimeoutResult = {

package/dist/utilities/window-focus.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/window-focus.d.ts
 /**

package/dist/utilities/window-size.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-DGtBn6Nm.mjs";
+import { y as Computed } from "../infer-B7T5hi_D.mjs";
 
 //#region src/utilities/window-size.d.ts
 type WindowSizeResult = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "elements-kit",
   "type": "module",
-  "version": "0.18.1",
+  "version": "0.18.2",
   "description": "A lightweight reactive UI library that transforms native HTMLElements into reactive components with signals. Ideal for framework-agnostic applications and web components.",
   "keywords": [
     "webcomponents",
@@ -89,11 +89,18 @@
       "import": "./dist/utilities/*.mjs",
       "types": "./dist/utilities/*.d.mts"
     },
+    "./ui/overlay": {
+      "source": "./src/ui/overlay/gestures.ts",
+      "import": "./dist/ui/overlay/gestures.mjs",
+      "types": "./dist/ui/overlay/gestures.d.mts"
+    },
     "./ui/*": "./dist/ui/*"
   },
   "scripts": {
     "build": "tsdown",
-    "build:docs": "pnpm build && pnpm --filter elements-kit-docs build",
+    "build:docs": "pnpm build && pnpm --filter elements-kit-docs build && pnpm build:storybook && rm -rf docs/dist/storybook && cp -R storybook/storybook-static docs/dist/storybook",
+    "build:storybook": "pnpm --filter elements-kit-storybook build",
+    "storybook": "pnpm --filter elements-kit-storybook dev",
     "watch": "tsdown -w",
     "test": "vitest run",
     "test:watch": "vitest"