@remix-run/ui 0.1.2 → 0.3.0

package/dist/components/tabs/tabs.d.ts

@@ -67,9 +67,9 @@ export type TabsPanelProps = Props<'div'> & {
 };
 declare function TabsProvider(handle: Handle<TabsContextProps, TabsContextValue>): () => RemixNode;
 export declare const Context: typeof TabsProvider;
-export declare const list: <boundNode extends HTMLElement = HTMLElement>() => import("@remix-run/ui").MixinDescriptor<boundNode, [], ElementProps>;
-export declare const panel: <boundNode extends HTMLElement = HTMLElement>(options: TabsPanelOptions) => import("@remix-run/ui").MixinDescriptor<boundNode, [options: TabsPanelOptions], ElementProps>;
-export declare const trigger: <boundNode extends HTMLElement = HTMLElement>(options: TabsTriggerOptions) => import("@remix-run/ui").MixinDescriptor<boundNode, [options: TabsTriggerOptions], ElementProps>;
+export declare const list: import("@remix-run/ui").MixinFactory<HTMLElement, [], ElementProps>;
+export declare const panel: import("@remix-run/ui").MixinFactory<HTMLElement, [options: TabsPanelOptions], ElementProps>;
+export declare const trigger: import("@remix-run/ui").MixinFactory<HTMLElement, [options: TabsTriggerOptions], ElementProps>;
 export declare function onTabsChange<target extends HTMLElement>(handler: TabsChangeHandler<target>, captureBoolean?: boolean): import("@remix-run/ui").MixinDescriptor<target, ["rmx:tabs-change", (event: import("../../runtime/event-listeners.ts").EnsureEvent<import("../../runtime/event-listeners.ts").EventMap<target>["rmx:tabs-change"], target>, signal: AbortSignal) => void | Promise<void>, (boolean | undefined)?], ElementProps>;
 export declare function Tabs(handle: Handle<TabsProps>): () => import("@remix-run/ui").RemixElement;
 export declare function TabsList(handle: Handle<TabsListProps>): () => import("@remix-run/ui").RemixElement;

package/dist/index.d.ts

@@ -13,7 +13,7 @@ export { createElement } from './runtime/create-element.ts';
 export type { ElementType, ElementProps, RemixElement, Renderable, RemixNode, Props, } from './runtime/jsx.ts';
 export type { HostProps, LayoutAnimationConfig } from './runtime/dom.ts';
 export { createMixin } from './runtime/mixins/mixin.ts';
-export type { MixinDescriptor, MixinHandle, MixinType, MixInput, MixValue, } from './runtime/mixins/mixin.ts';
+export type { MixinDescriptor, MixinFactory, MixinHandle, MixinType, MixInput, MixValue, } from './runtime/mixins/mixin.ts';
 export { TypedEventTarget } from './runtime/typed-event-target.ts';
 export { addEventListeners } from './runtime/event-listeners.ts';
 export type { Dispatched } from './runtime/event-listeners.ts';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wDAAwD;AAExD,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAItC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAQhF,uBAAuB;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAUzD,mBAAmB;AACnB,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAYxD,2BAA2B;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAU3D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAQvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAEhE,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAA;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAG1C,mBAAmB;AACnB,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wDAAwD;AAExD,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAItC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAQhF,uBAAuB;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAUzD,mBAAmB;AACnB,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAYxD,2BAA2B;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAU3D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AASvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAEhE,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAA;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAG1C,mBAAmB;AACnB,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/interactions/keydown/keydown.d.ts

@@ -1 +1 @@
-export declare const onKeyDown: <boundNode extends HTMLElement = HTMLElement>(key: string, handler: (event: KeyboardEvent) => void) => import("@remix-run/ui").MixinDescriptor<boundNode, [key: string, handler: (event: KeyboardEvent) => void], import("@remix-run/ui").ElementProps>;
+export declare const onKeyDown: import("@remix-run/ui").MixinFactory<HTMLElement, [key: string, handler: (event: KeyboardEvent) => void], import("@remix-run/ui").ElementProps>;

package/dist/interactions/outside-click/outside-click-mixin.d.ts

@@ -1,2 +1,3 @@
-declare const onOutsideClick: <boundNode extends HTMLElement = HTMLElement>(active: boolean, handler: (target: Node | null) => void, isInsideTarget?: ((target: Node) => boolean) | undefined, stopPropagation?: boolean | undefined) => import("@remix-run/ui").MixinDescriptor<boundNode, [active: boolean, handler: (target: Node | null) => void, isInsideTarget?: ((target: Node) => boolean) | undefined, stopPropagation?: boolean | undefined], import("@remix-run/ui").ElementProps>;
+type InsideTargetMatcher = (target: Node) => boolean;
+declare const onOutsideClick: import("@remix-run/ui").MixinFactory<HTMLElement, [active: boolean, handler: (target: Node | null) => void, isInsideTarget?: InsideTargetMatcher | undefined, stopPropagation?: boolean | undefined], import("@remix-run/ui").ElementProps>;
 export { onOutsideClick };

package/dist/interactions/typeahead/typeahead-mixin.d.ts

@@ -1,8 +1,10 @@
 import { type ElementProps } from '@remix-run/ui';
 export type SearchValue = string | string[];
-export declare const hiddenTypeahead: <boundNode extends HTMLElement = HTMLElement>(onTypeahead: (text: string) => void) => import("@remix-run/ui").MixinDescriptor<boundNode, [onTypeahead: (text: string) => void], ElementProps>;
+type HiddenTypeaheadHandler = (text: string) => void;
+export declare const hiddenTypeahead: import("@remix-run/ui").MixinFactory<HTMLElement, [onTypeahead: HiddenTypeaheadHandler], ElementProps>;
 export declare function itemMatchesSearchText<item>(item: item, text: string, getSearchValues: (item: item) => SearchValue): boolean;
 export declare function matchNextItemBySearchText<item>(text: string, items: item[], options: {
     fromIndex: number;
     getSearchValues: (item: item) => SearchValue;
 }): item | null;
+export {};

package/dist/runtime/client-entries.d.ts

@@ -34,7 +34,7 @@ export type EntryMetadata = {
 /**
  * An entry component preserves the exact function type with added metadata
  */
-export type EntryComponent<props extends SerializableProps = {}, context = NoContext> = ((handle: Handle<props, context>) => RenderFn<props>) & EntryMetadata;
+export type EntryComponent<props extends SerializableProps = {}, context = NoContext> = ((handle: Handle<props, context>) => RenderFn) & EntryMetadata;
 /**
  * Marks a component as a client entry for client-side hydration.
  *
@@ -68,7 +68,6 @@ export type EntryComponent<props extends SerializableProps = {}, context = NoCon
  * ```
  */
 export declare function clientEntry<props extends SerializableProps = {}, context = NoContext>(entryId: string, component: (handle: Handle<props, context>) => RenderFn): EntryComponent<props, context>;
-export declare function clientEntry<props extends SerializableProps = {}, context = NoContext>(entryId: string, component: (handle: Handle<Record<string, never>, context>) => RenderFn<props>): EntryComponent<props, context>;
 /**
  * Type guard to check if a component is an entry component
  *

package/dist/runtime/client-entries.js.map

@@ -1 +1 @@
-{"version":3,"file":"client-entries.js","sourceRoot":"","sources":["../../src/runtime/client-entries.ts"],"names":[],"mappings":"AA6FA,iBAAiB;AACjB,MAAM,UAAU,WAAW,CAAC,OAAe,EAAE,SAAc;IACzD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAA;IACvD,CAAC;IAED,4CAA4C;IAC5C,SAAS,CAAC,MAAM,GAAG,IAAI,CAAA;IACvB,SAAS,CAAC,QAAQ,GAAG,OAAO,CAAA;IAE5B,OAAO,SAAS,CAAA;AAClB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,SAAkB;IACxC,OAAO,OAAO,CAAC,SAAS,IAAI,OAAO,SAAS,KAAK,UAAU,IAAK,SAAiB,CAAC,MAAM,KAAK,IAAI,CAAC,CAAA;AACpG,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,GAAG,GAAU;IAChD,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,GAAG,GAAG,CAAC,CAAA;AAC9C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,MAAmB;IAC9C,OAAO,MAAM,IAAI,MAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QACvD,MAAM,GAAG,MAAM,CAAC,WAAW,CAAA;IAC7B,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC"}
+{"version":3,"file":"client-entries.js","sourceRoot":"","sources":["../../src/runtime/client-entries.ts"],"names":[],"mappings":"AAyFA,iBAAiB;AACjB,MAAM,UAAU,WAAW,CAAC,OAAe,EAAE,SAAc;IACzD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAA;IACvD,CAAC;IAED,4CAA4C;IAC5C,SAAS,CAAC,MAAM,GAAG,IAAI,CAAA;IACvB,SAAS,CAAC,QAAQ,GAAG,OAAO,CAAA;IAE5B,OAAO,SAAS,CAAA;AAClB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,SAAkB;IACxC,OAAO,OAAO,CAAC,SAAS,IAAI,OAAO,SAAS,KAAK,UAAU,IAAK,SAAiB,CAAC,MAAM,KAAK,IAAI,CAAC,CAAA;AACpG,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,GAAG,GAAU;IAChD,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,GAAG,GAAG,CAAC,CAAA;AAC9C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,MAAmB;IAC9C,OAAO,MAAM,IAAI,MAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QACvD,MAAM,GAAG,MAAM,CAAC,WAAW,CAAA;IAC7B,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/runtime/component.d.ts

@@ -98,13 +98,18 @@ export type Component<Props = ElementProps, ContextValue = NoContext> = (handle:
 export type ContextFrom<ComponentType> = ComponentType extends Component<any, infer Provided> ? Provided : ComponentType extends (handle: Handle<any, infer Provided>, ...args: any[]) => any ? Provided : never;
 /**
  * Context storage API exposed on component handles.
+ *
+ * Context values are keyed by provider component identity. `get(Component)`
+ * reads the nearest ancestor instance whose component function is exactly
+ * `Component`, so nested instances of the same provider shadow outer instances
+ * while different component types remain independent.
  */
 export interface Context<C> {
     /** Replaces the current context value for this component instance. */
     set(values: C): void;
-    /** Reads the context value associated with the given component type. */
+    /** Reads the context value from the nearest ancestor instance of the given component type. */
     get<ComponentType>(component: ComponentType): ContextFrom<ComponentType>;
-    /** Reads the context value associated with the given component key. */
+    /** Reads an unknown context value for an untyped lookup. */
     get(component: ElementType | symbol): unknown | undefined;
 }
 /**
@@ -145,9 +150,9 @@ export interface FrameProps {
  */
 export type ComponentFn<Props = Record<string, never>, ContextValue = NoContext> = (handle: Handle<Props, ContextValue>) => RenderFn;
 /**
- * Render function returned by a component factory.
+ * Zero-argument render function returned by a component factory.
  */
-export type RenderFn<Props = ElementProps> = (props: Props) => RemixNode;
+export type RenderFn = () => RemixNode;
 export type { RemixNode } from './jsx.ts';
 /**
  * Props accepted by the built-in {@link Fragment} component.
@@ -181,37 +186,35 @@ type ComponentConfig = {
 /**
  * Runtime handle returned by {@link createComponent}.
  */
-export type ComponentHandle = ReturnType<typeof createComponent>;
+export interface ComponentHandle<C = NoContext> {
+    frame: FrameHandle;
+    render(nextProps: ElementProps): [RemixNode, Array<() => void>];
+    remove(): Array<() => void>;
+    setScheduleUpdate(nextScheduleUpdate: () => void): void;
+    getContextValue(): C | undefined;
+    isRemoved(): boolean;
+}
 /**
  * Creates the internal runtime wrapper for a component instance.
  *
  * @param config Component runtime configuration.
  * @returns Component runtime helpers used by the reconciler.
  */
-export declare function createComponent<C = NoContext>(config: ComponentConfig): ComponentRuntime<C>;
-declare class ComponentRuntime<C = NoContext> {
-    #private;
-    frame: FrameHandle;
-    constructor(config: ComponentConfig);
-    render: (nextProps: ElementProps) => [RemixNode, Array<() => void>];
-    remove: () => Array<() => void>;
-    setScheduleUpdate: (nextScheduleUpdate: () => void) => void;
-    getContextValue: () => C | undefined;
-}
+export declare function createComponent<C = NoContext>(config: ComponentConfig): ComponentHandle<C>;
 /**
  * Built-in component used to render nested frame content.
  *
  * @param handle Component handle for the frame instance.
  * @returns A placeholder render function handled by the reconciler.
  */
-export declare function Frame(handle: Handle<FrameProps, FrameHandle>): () => null;
+export declare function Frame(handle: Handle<FrameProps, FrameHandle>): RenderFn;
 /**
  * Built-in component used to group children without adding a host element.
  *
  * @param handle Component handle for the fragment instance.
  * @returns A placeholder render function handled by the reconciler.
  */
-export declare function Fragment(handle: Handle<FragmentProps>): () => null;
+export declare function Fragment(handle: Handle<FragmentProps>): RenderFn;
 /**
  * Creates a frame handle with default no-op implementations for testing and internal wiring.
  *

package/dist/runtime/component.js

@@ -17,6 +17,7 @@ class ComponentRuntime {
     #props = {};
     #renderController;
     #renderFn;
+    #removed = false;
     #scheduleUpdate = () => {
         throw new Error('scheduleUpdate not implemented');
     };
@@ -27,7 +28,7 @@ class ComponentRuntime {
         this.#handle = this.#createHandle();
     }
     render = (nextProps) => {
-        if (this.#connectedController?.signal.aborted) {
+        if (this.#removed) {
             console.warn('render called after component was removed, potential application memory leak');
             return [null, []];
         }
@@ -43,17 +44,21 @@ class ComponentRuntime {
             renderFn = result;
             this.#renderFn = renderFn;
         }
-        return [renderFn(this.#props), this.#dequeueTasks()];
+        return [renderFn(), this.#dequeueTasks()];
     };
     remove = () => {
+        if (this.#removed)
+            return [];
+        this.#removed = true;
         this.#connectedController?.abort();
         this.#abortRenderSignal();
-        return this.#dequeueTasks();
+        return this.#dequeueTasks(AbortSignal.abort());
     };
     setScheduleUpdate = (nextScheduleUpdate) => {
         this.#scheduleUpdate = nextScheduleUpdate;
     };
     getContextValue = () => this.#contextValue;
+    isRemoved = () => this.#removed;
     #createHandle() {
         let component = this;
         let context = {
@@ -66,6 +71,10 @@ class ComponentRuntime {
             id: this.#config.id,
             props: this.#props,
             update: () => new Promise((resolve) => {
+                if (component.#removed) {
+                    resolve(AbortSignal.abort());
+                    return;
+                }
                 this.#tasks.push((signal) => resolve(signal));
                 this.#scheduleUpdate();
             }),
@@ -95,12 +104,12 @@ class ComponentRuntime {
         this.#renderController?.abort();
         this.#renderController = undefined;
     }
-    #dequeueTasks() {
-        let needsSignal = this.#tasks.some((task) => task.length >= 1);
+    #dequeueTasks(signal) {
+        let needsSignal = signal === undefined && this.#tasks.some((task) => task.length >= 1);
         if (needsSignal) {
             this.#renderController ??= new AbortController();
         }
-        let signal = this.#renderController?.signal;
+        signal ??= this.#renderController?.signal;
         let tasks = this.#tasks.splice(0, this.#tasks.length);
         return tasks.map((task) => () => task(signal));
     }

package/dist/runtime/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/runtime/component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/runtime/component.ts"],"names":[],"mappings":"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"}

package/dist/runtime/core/attributes.d.ts

@@ -2,11 +2,13 @@ import type { ElementProps } from '../jsx.ts';
 export declare const FRAMEWORK_PROPS: Set<string>;
 export declare const SELF_CLOSING_TAGS: Set<string>;
 export declare function isChildlessElement(name: string): boolean;
-export declare function canUseProperty(element: Element, name: string, isSvg: boolean): element is Element & Record<string, unknown>;
+export declare function canUseProperty(element: Element, name: string, isSvg: boolean, attr: string): element is Element & Record<string, unknown>;
 export declare function normalizeAttributeName(name: string, isSvg: boolean): {
     ns?: string;
     attr: string;
 };
+export declare function isBooleanishStringAttribute(name: string): boolean;
+export declare function shouldStringifyBooleanAttribute(name: string): boolean;
 export declare function serializeStyleObject(style: Record<string, unknown>): string;
 export declare function getMergedClassName(props: ElementProps): string | undefined;
 export declare function toKebabCase(value: string): string;

package/dist/runtime/core/attributes.js

@@ -12,6 +12,16 @@ const ATTRIBUTE_FALLBACK_NAMES = new Set([
     'colSpan',
     'role',
     'popover',
+    'translate',
+]);
+const BOOLEANISH_STRING_ATTRIBUTES = new Set([
+    'autoReverse',
+    'contenteditable',
+    'draggable',
+    'externalResourcesRequired',
+    'focusable',
+    'preserveAlpha',
+    'spellcheck',
 ]);
 export const FRAMEWORK_PROPS = new Set(['children', 'mix', 'key', 'animate', 'innerHTML', 'on']);
 export const SELF_CLOSING_TAGS = new Set([
@@ -33,11 +43,13 @@ export const SELF_CLOSING_TAGS = new Set([
 export function isChildlessElement(name) {
     return SELF_CLOSING_TAGS.has(name);
 }
-export function canUseProperty(element, name, isSvg) {
+export function canUseProperty(element, name, isSvg, attr) {
     if (isSvg)
         return false;
     if (ATTRIBUTE_FALLBACK_NAMES.has(name))
         return false;
+    if (isBooleanishStringAttribute(attr))
+        return false;
     return name in element;
 }
 export function normalizeAttributeName(name, isSvg) {
@@ -58,6 +70,12 @@ export function normalizeAttributeName(name, isSvg) {
     }
     return normalizeSvgAttribute(name);
 }
+export function isBooleanishStringAttribute(name) {
+    return BOOLEANISH_STRING_ATTRIBUTES.has(name);
+}
+export function shouldStringifyBooleanAttribute(name) {
+    return isBooleanishStringAttribute(name) || name === 'value';
+}
 export function serializeStyleObject(style) {
     let parts = [];
     for (let [key, value] of Object.entries(style)) {

package/dist/runtime/core/attributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"attributes.js","sourceRoot":"","sources":["../../../src/runtime/core/attributes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"attributes.js","sourceRoot":"","sources":["../../../src/runtime/core/attributes.ts"],"names":[],"mappings":"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"}

package/dist/runtime/core/props.js

@@ -1,4 +1,4 @@
-import { canUseProperty, getMergedClassName, normalizeAttributeName, serializeStyleObject, toKebabCase, } from "./attributes.js";
+import { canUseProperty, getMergedClassName, isBooleanishStringAttribute, normalizeAttributeName, serializeStyleObject, toKebabCase, } from "./attributes.js";
 import { normalizeCssValue } from "../../style/style.js";
 const SVG_NS = 'http://www.w3.org/2000/svg';
 function isFrameworkProp(name) {
@@ -57,10 +57,10 @@ export function patchHostProps(curr, next, dom) {
             continue;
         if (name in next && next[name] != null)
             continue;
-        if (canUseProperty(dom, name, isSvg)) {
+        let { ns, attr } = normalizeAttributeName(name, isSvg);
+        if (canUseProperty(dom, name, isSvg, attr)) {
             clearRuntimePropertyOnRemoval(dom, name);
         }
-        let { ns, attr } = normalizeAttributeName(name, isSvg);
         if (ns)
             dom.removeAttributeNS(ns, toLocalName(attr));
         else
@@ -100,7 +100,7 @@ function patchHostProp(dom, name, value, isSvg) {
         dom.setAttribute('style', value);
         return;
     }
-    if (canUseProperty(dom, name, isSvg)) {
+    if (canUseProperty(dom, name, isSvg, attr)) {
         try {
             dom[name] = value == null ? '' : value;
             return;
@@ -110,7 +110,8 @@ function patchHostProp(dom, name, value, isSvg) {
     if (typeof value === 'function')
         return;
     let isAriaOrData = name.startsWith('aria-') || name.startsWith('data-');
-    if (value != null && (value !== false || isAriaOrData)) {
+    let isBooleanishString = isBooleanishStringAttribute(attr);
+    if (value != null && (value !== false || isAriaOrData || isBooleanishString)) {
         let attrValue = name === 'popover' && value === true ? '' : String(value);
         if (ns)
             dom.setAttributeNS(ns, attr, attrValue);

package/dist/runtime/core/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sourceRoot":"","sources":["../../../src/runtime/core/props.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"props.js","sourceRoot":"","sources":["../../../src/runtime/core/props.ts"],"names":[],"mappings":"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"}

package/dist/runtime/demos/basic.demo.d.ts

@@ -0,0 +1,6 @@
+import { type Handle } from '@remix-run/ui';
+/**
+ * @name Basic Counter
+ * @description The smallest interactive Remix UI counter from the standalone demos.
+ */
+export default function App(handle: Handle): () => import("@remix-run/ui").RemixElement;

package/dist/runtime/demos/basic.demo.js

@@ -0,0 +1,16 @@
+import { jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+import { on } from '@remix-run/ui';
+/**
+ * @name Basic Counter
+ * @description The smallest interactive Remix UI counter from the standalone demos.
+ */
+export default function App(handle) {
+    let count = 0;
+    return () => (_jsxs("button", { mix: [
+            on('click', () => {
+                count++;
+                handle.update();
+            }),
+        ], children: ["Ye ol' counter: ", count] }));
+}
+//# sourceMappingURL=basic.demo.js.map

package/dist/runtime/demos/basic.demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic.demo.js","sourceRoot":"","sources":["../../../src/runtime/demos/basic.demo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,eAAe,CAAA;AAE/C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,MAAc;IACxC,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,OAAO,GAAG,EAAE,CAAC,CACX,kBACE,GAAG,EAAE;YACH,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;gBACf,KAAK,EAAE,CAAA;gBACP,MAAM,CAAC,MAAM,EAAE,CAAA;YACjB,CAAC,CAAC;SACH,iCAEgB,KAAK,IACf,CACV,CAAA;AACH,CAAC"}

package/dist/runtime/demos/controlled-uncontrolled-values.demo.d.ts

@@ -0,0 +1,6 @@
+import { type Handle } from '@remix-run/ui';
+/**
+ * @name Controlled and Uncontrolled Values
+ * @description Compares controlled props with uncontrolled DOM values across rerenders and remounts.
+ */
+export default function App(handle: Handle): () => import("@remix-run/ui").RemixElement;

package/dist/runtime/demos/controlled-uncontrolled-values.demo.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+import { on } from '@remix-run/ui';
+/**
+ * @name Controlled and Uncontrolled Values
+ * @description Compares controlled props with uncontrolled DOM values across rerenders and remounts.
+ */
+export default function App(handle) {
+    let controlledText = 'hello';
+    let controlledChecked = true;
+    let controlledChoice = 'alpha';
+    let uncontrolledTextSnapshot = 'type to update this';
+    let uncontrolledCheckedSnapshot = true;
+    let renderCount = 0;
+    let uncontrolledVersion = 0;
+    let rerender = () => {
+        renderCount++;
+        handle.update();
+    };
+    let resetControlled = () => {
+        controlledText = 'hello';
+        controlledChecked = true;
+        controlledChoice = 'alpha';
+        rerender();
+    };
+    let remountUncontrolled = () => {
+        uncontrolledVersion++;
+        uncontrolledTextSnapshot = 'type to update this';
+        uncontrolledCheckedSnapshot = true;
+        rerender();
+    };
+    return () => (_jsxs("main", { style: {
+            fontFamily: 'system-ui, sans-serif',
+            maxWidth: '860px',
+            margin: '24px auto',
+            padding: '0 16px',
+            lineHeight: 1.45,
+        }, children: [_jsx("h1", { children: "Controlled vs Uncontrolled Values" }), _jsxs("p", { children: ["Render count: ", _jsx("strong", { children: renderCount })] }), _jsxs("div", { style: { display: 'flex', gap: '10px', marginBottom: '18px' }, children: [_jsx("button", { mix: [on('click', rerender)], children: "Force Re-render" }), _jsx("button", { mix: [on('click', resetControlled)], children: "Reset Controlled" }), _jsx("button", { mix: [on('click', remountUncontrolled)], children: "Remount Uncontrolled" })] }), _jsxs("section", { style: {
+                    border: '1px solid #d0d7de',
+                    borderRadius: '8px',
+                    padding: '12px',
+                    marginBottom: '12px',
+                }, children: [_jsx("h2", { children: "Controlled" }), _jsx("p", { children: "These values come from component state. The text input allows everything except digits, and invalid input does not call update." }), _jsxs("label", { style: { display: 'block', marginBottom: '8px' }, children: ["Text:", _jsx("input", { style: { marginLeft: '8px' }, value: controlledText, mix: [
+                                    on('input', (event) => {
+                                        let nextValue = event.currentTarget.value;
+                                        if (/\d/.test(nextValue)) {
+                                            return;
+                                        }
+                                        controlledText = nextValue;
+                                        rerender();
+                                    }),
+                                ] })] }), _jsxs("label", { style: { display: 'block', marginBottom: '8px' }, children: [_jsx("input", { type: "checkbox", checked: controlledChecked, mix: [
+                                    on('change', (event) => {
+                                        controlledChecked = event.currentTarget.checked;
+                                        rerender();
+                                    }),
+                                ] }), ' ', "Checked"] }), _jsxs("label", { style: { display: 'block', marginBottom: '8px' }, children: ["Choice:", _jsxs("select", { style: { marginLeft: '8px' }, value: controlledChoice, mix: [
+                                    on('change', (event) => {
+                                        controlledChoice = event.currentTarget.value;
+                                        rerender();
+                                    }),
+                                ], children: [_jsx("option", { value: "alpha", children: "Alpha" }), _jsx("option", { value: "beta", children: "Beta" }), _jsx("option", { value: "gamma", children: "Gamma" })] })] }), _jsxs("div", { children: ["State snapshot: text=", _jsx("code", { children: JSON.stringify(controlledText) }), ", checked=", _jsx("code", { children: String(controlledChecked) }), ", choice=", _jsx("code", { children: JSON.stringify(controlledChoice) })] })] }), _jsxs("section", { style: {
+                    border: '1px solid #d0d7de',
+                    borderRadius: '8px',
+                    padding: '12px',
+                }, children: [_jsx("h2", { children: "Uncontrolled" }), _jsxs("p", { children: ["These initialize from ", _jsx("code", { children: "defaultValue/defaultChecked" }), " once and then keep their own DOM state."] }), _jsxs("label", { style: { display: 'block', marginBottom: '8px' }, children: ["Text:", _jsx("input", { style: { marginLeft: '8px' }, defaultValue: "type to update this", mix: [
+                                    on('input', (event) => {
+                                        uncontrolledTextSnapshot = event.currentTarget.value;
+                                        rerender();
+                                    }),
+                                ] })] }), _jsxs("label", { style: { display: 'block', marginBottom: '8px' }, children: [_jsx("input", { type: "checkbox", defaultChecked: true, mix: [
+                                    on('change', (event) => {
+                                        uncontrolledCheckedSnapshot = event.currentTarget.checked;
+                                        rerender();
+                                    }),
+                                ] }), ' ', "Checked"] }), _jsxs("div", { children: ["Last DOM snapshot: text=", _jsx("code", { children: JSON.stringify(uncontrolledTextSnapshot) }), ", checked=", _jsx("code", { children: String(uncontrolledCheckedSnapshot) })] })] }, `uncontrolled-${uncontrolledVersion}`)] }));
+}
+//# sourceMappingURL=controlled-uncontrolled-values.demo.js.map

package/dist/runtime/demos/controlled-uncontrolled-values.demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-uncontrolled-values.demo.js","sourceRoot":"","sources":["../../../src/runtime/demos/controlled-uncontrolled-values.demo.tsx"],"names":[],"mappings":"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"}

package/dist/runtime/demos/keyed-list.demo.d.ts

@@ -0,0 +1,6 @@
+import { type Handle } from '@remix-run/ui';
+/**
+ * @name Keyed List
+ * @description Exercises keyed DOM reconciliation with shuffling, reversing, and per-item controls.
+ */
+export default function App(handle: Handle): () => import("@remix-run/ui").RemixElement;

package/dist/runtime/demos/keyed-list.demo.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+import { on } from '@remix-run/ui';
+/**
+ * @name Keyed List
+ * @description Exercises keyed DOM reconciliation with shuffling, reversing, and per-item controls.
+ */
+export default function App(handle) {
+    let items = [
+        { id: 'a', label: 'Item A' },
+        { id: 'b', label: 'Item B' },
+        { id: 'c', label: 'Item C' },
+        { id: 'd', label: 'Item D' },
+    ];
+    let shuffleInterval = null;
+    let moveUp = (index) => {
+        if (index === 0)
+            return;
+        let newItems = [...items];
+        [newItems[index - 1], newItems[index]] = [newItems[index], newItems[index - 1]];
+        items = newItems;
+        handle.update();
+    };
+    let moveDown = (index) => {
+        if (index === items.length - 1)
+            return;
+        let newItems = [...items];
+        [newItems[index], newItems[index + 1]] = [newItems[index + 1], newItems[index]];
+        items = newItems;
+        handle.update();
+    };
+    let reverse = () => {
+        items = [...items].reverse();
+        handle.update();
+    };
+    let shuffle = () => {
+        let newItems = [...items];
+        for (let i = newItems.length - 1; i > 0; i--) {
+            let j = Math.floor(Math.random() * (i + 1));
+            [newItems[i], newItems[j]] = [newItems[j], newItems[i]];
+        }
+        items = newItems;
+        handle.update();
+    };
+    let toggleAutoShuffle = () => {
+        if (shuffleInterval !== null) {
+            clearInterval(shuffleInterval);
+            shuffleInterval = null;
+        }
+        else {
+            shuffleInterval = setInterval(() => {
+                shuffle();
+            }, 1000);
+        }
+        handle.update();
+    };
+    return () => (_jsxs("div", { children: [_jsxs("div", { className: "controls", children: [_jsx("button", { mix: [on('click', reverse)], children: "Reverse List" }), _jsx("button", { mix: [on('click', shuffle)], children: "Shuffle List" }), _jsx("button", { mix: [on('click', toggleAutoShuffle)], children: shuffleInterval !== null ? 'Stop Auto-Shuffle' : 'Start Auto-Shuffle' })] }), items.map((item, index) => (_jsxs("div", { className: "list-item", children: [_jsx("input", { type: "text", placeholder: item.label, defaultValue: item.label }), _jsx("button", { 
+                        // disabled={index === 0}
+                        mix: [on('click', () => moveUp(index))], children: "\u2191" }), _jsx("button", { 
+                        // disabled={index === items.length - 1}
+                        mix: [on('click', () => moveDown(index))], children: "\u2193" })] }, item.id)))] }));
+}
+//# sourceMappingURL=keyed-list.demo.js.map

package/dist/runtime/demos/keyed-list.demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyed-list.demo.js","sourceRoot":"","sources":["../../../src/runtime/demos/keyed-list.demo.tsx"],"names":[],"mappings":"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"}

package/dist/runtime/demos/readme.demo.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @name README Examples
+ * @description A gallery of small examples that mirror the package README snippets.
+ */
+export default function DemoApp(): () => import("@remix-run/ui").RemixElement;