@remix-run/ui 0.1.2 → 0.2.0

package/dist/theme/contract.d.ts

@@ -2,124 +2,39 @@ import type { css, Handle, MixinDescriptor, RemixElement } from '@remix-run/ui';
 export interface ThemeVariableTree {
     [key: string]: string | ThemeVariableTree;
 }
-declare const themeVariableNames: {
-    readonly space: {
-        readonly none: "--rmx-space-none";
-        readonly px: "--rmx-space-px";
-        readonly xs: "--rmx-space-xs";
-        readonly sm: "--rmx-space-sm";
-        readonly md: "--rmx-space-md";
-        readonly lg: "--rmx-space-lg";
-        readonly xl: "--rmx-space-xl";
-        readonly xxl: "--rmx-space-xxl";
-    };
-    readonly radius: {
-        readonly none: "--rmx-radius-none";
-        readonly sm: "--rmx-radius-sm";
-        readonly md: "--rmx-radius-md";
-        readonly lg: "--rmx-radius-lg";
-        readonly xl: "--rmx-radius-xl";
-        readonly full: "--rmx-radius-full";
-    };
-    readonly fontFamily: {
-        readonly sans: "--rmx-font-family-sans";
-        readonly mono: "--rmx-font-family-mono";
-    };
-    readonly fontSize: {
-        readonly xxxs: "--rmx-font-size-xxxs";
-        readonly xxs: "--rmx-font-size-xxs";
-        readonly xs: "--rmx-font-size-xs";
-        readonly sm: "--rmx-font-size-sm";
-        readonly md: "--rmx-font-size-md";
-        readonly lg: "--rmx-font-size-lg";
-        readonly xl: "--rmx-font-size-xl";
-        readonly xxl: "--rmx-font-size-xxl";
-    };
-    readonly lineHeight: {
-        readonly tight: "--rmx-line-height-tight";
-        readonly normal: "--rmx-line-height-normal";
-        readonly relaxed: "--rmx-line-height-relaxed";
-    };
-    readonly letterSpacing: {
-        readonly tight: "--rmx-letter-spacing-tight";
-        readonly normal: "--rmx-letter-spacing-normal";
-        readonly meta: "--rmx-letter-spacing-meta";
-        readonly wide: "--rmx-letter-spacing-wide";
-    };
-    readonly fontWeight: {
-        readonly normal: "--rmx-font-weight-normal";
-        readonly medium: "--rmx-font-weight-medium";
-        readonly semibold: "--rmx-font-weight-semibold";
-        readonly bold: "--rmx-font-weight-bold";
-    };
+type ThemeVariableGroup<key extends string> = Readonly<Record<key, string>>;
+type ThemeActionVariableGroup = ThemeVariableGroup<'background' | 'backgroundHover' | 'backgroundActive' | 'foreground' | 'border'>;
+type ThemeVariableNames = {
+    readonly space: ThemeVariableGroup<'none' | 'px' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>;
+    readonly radius: ThemeVariableGroup<'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'>;
+    readonly fontFamily: ThemeVariableGroup<'sans' | 'mono'>;
+    readonly fontSize: ThemeVariableGroup<'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>;
+    readonly lineHeight: ThemeVariableGroup<'tight' | 'normal' | 'relaxed'>;
+    readonly letterSpacing: ThemeVariableGroup<'tight' | 'normal' | 'meta' | 'wide'>;
+    readonly fontWeight: ThemeVariableGroup<'normal' | 'medium' | 'semibold' | 'bold'>;
     readonly control: {
-        readonly height: {
-            readonly sm: "--rmx-control-height-sm";
-            readonly md: "--rmx-control-height-md";
-            readonly lg: "--rmx-control-height-lg";
-        };
-    };
-    readonly surface: {
-        readonly lvl0: "--rmx-surface-lvl0";
-        readonly lvl1: "--rmx-surface-lvl1";
-        readonly lvl2: "--rmx-surface-lvl2";
-        readonly lvl3: "--rmx-surface-lvl3";
-        readonly lvl4: "--rmx-surface-lvl4";
-    };
-    readonly shadow: {
-        readonly xs: "--rmx-shadow-xs";
-        readonly sm: "--rmx-shadow-sm";
-        readonly md: "--rmx-shadow-md";
-        readonly lg: "--rmx-shadow-lg";
-        readonly xl: "--rmx-shadow-xl";
+        readonly height: ThemeVariableGroup<'sm' | 'md' | 'lg'>;
     };
+    readonly surface: ThemeVariableGroup<'lvl0' | 'lvl1' | 'lvl2' | 'lvl3' | 'lvl4'>;
+    readonly shadow: ThemeVariableGroup<'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
     readonly colors: {
-        readonly text: {
-            readonly primary: "--rmx-color-text-primary";
-            readonly secondary: "--rmx-color-text-secondary";
-            readonly muted: "--rmx-color-text-muted";
-            readonly link: "--rmx-color-text-link";
-        };
-        readonly border: {
-            readonly subtle: "--rmx-color-border-subtle";
-            readonly default: "--rmx-color-border-default";
-            readonly strong: "--rmx-color-border-strong";
-        };
-        readonly focus: {
-            readonly ring: "--rmx-color-focus-ring";
-        };
-        readonly overlay: {
-            readonly scrim: "--rmx-color-overlay-scrim";
-        };
+        readonly text: ThemeVariableGroup<'primary' | 'secondary' | 'muted' | 'link'>;
+        readonly border: ThemeVariableGroup<'subtle' | 'default' | 'strong'>;
+        readonly focus: ThemeVariableGroup<'ring'>;
+        readonly overlay: ThemeVariableGroup<'scrim'>;
         readonly action: {
-            readonly primary: {
-                readonly background: "--rmx-color-action-primary-background";
-                readonly backgroundHover: "--rmx-color-action-primary-background-hover";
-                readonly backgroundActive: "--rmx-color-action-primary-background-active";
-                readonly foreground: "--rmx-color-action-primary-foreground";
-                readonly border: "--rmx-color-action-primary-border";
-            };
-            readonly secondary: {
-                readonly background: "--rmx-color-action-secondary-background";
-                readonly backgroundHover: "--rmx-color-action-secondary-background-hover";
-                readonly backgroundActive: "--rmx-color-action-secondary-background-active";
-                readonly foreground: "--rmx-color-action-secondary-foreground";
-                readonly border: "--rmx-color-action-secondary-border";
-            };
-            readonly danger: {
-                readonly background: "--rmx-color-action-danger-background";
-                readonly backgroundHover: "--rmx-color-action-danger-background-hover";
-                readonly backgroundActive: "--rmx-color-action-danger-background-active";
-                readonly foreground: "--rmx-color-action-danger-foreground";
-                readonly border: "--rmx-color-action-danger-border";
-            };
+            readonly primary: ThemeActionVariableGroup;
+            readonly secondary: ThemeActionVariableGroup;
+            readonly danger: ThemeActionVariableGroup;
         };
     };
 };
+export declare const themeVariableNames: ThemeVariableNames;
 type MapLeaves<source, leaf> = source extends string ? leaf : {
     [key in keyof source]: MapLeaves<source[key], leaf>;
 };
 export type ThemeValue = string | number;
+export type ThemeContract = MapLeaves<ThemeVariableNames, string>;
 export type ThemeValues = MapLeaves<typeof themeVariableNames, ThemeValue>;
 export type ThemeVars = Readonly<Record<string, string>>;
 export type CreateThemeOptions = {
@@ -137,123 +52,10 @@ export type ThemeComponent = ThemeRenderer & {
     values: ThemeValues;
     vars: ThemeVars;
 };
-export declare const theme: {
-    readonly space: {
-        readonly none: string;
-        readonly px: string;
-        readonly xs: string;
-        readonly sm: string;
-        readonly md: string;
-        readonly lg: string;
-        readonly xl: string;
-        readonly xxl: string;
-    };
-    readonly radius: {
-        readonly none: string;
-        readonly sm: string;
-        readonly md: string;
-        readonly lg: string;
-        readonly xl: string;
-        readonly full: string;
-    };
-    readonly fontFamily: {
-        readonly sans: string;
-        readonly mono: string;
-    };
-    readonly fontSize: {
-        readonly xxxs: string;
-        readonly xxs: string;
-        readonly xs: string;
-        readonly sm: string;
-        readonly md: string;
-        readonly lg: string;
-        readonly xl: string;
-        readonly xxl: string;
-    };
-    readonly lineHeight: {
-        readonly tight: string;
-        readonly normal: string;
-        readonly relaxed: string;
-    };
-    readonly letterSpacing: {
-        readonly tight: string;
-        readonly normal: string;
-        readonly meta: string;
-        readonly wide: string;
-    };
-    readonly fontWeight: {
-        readonly normal: string;
-        readonly medium: string;
-        readonly semibold: string;
-        readonly bold: string;
-    };
-    readonly control: {
-        readonly height: {
-            readonly sm: string;
-            readonly md: string;
-            readonly lg: string;
-        };
-    };
-    readonly surface: {
-        readonly lvl0: string;
-        readonly lvl1: string;
-        readonly lvl2: string;
-        readonly lvl3: string;
-        readonly lvl4: string;
-    };
-    readonly shadow: {
-        readonly xs: string;
-        readonly sm: string;
-        readonly md: string;
-        readonly lg: string;
-        readonly xl: string;
-    };
-    readonly colors: {
-        readonly text: {
-            readonly primary: string;
-            readonly secondary: string;
-            readonly muted: string;
-            readonly link: string;
-        };
-        readonly border: {
-            readonly subtle: string;
-            readonly default: string;
-            readonly strong: string;
-        };
-        readonly focus: {
-            readonly ring: string;
-        };
-        readonly overlay: {
-            readonly scrim: string;
-        };
-        readonly action: {
-            readonly primary: {
-                readonly background: string;
-                readonly backgroundHover: string;
-                readonly backgroundActive: string;
-                readonly foreground: string;
-                readonly border: string;
-            };
-            readonly secondary: {
-                readonly background: string;
-                readonly backgroundHover: string;
-                readonly backgroundActive: string;
-                readonly foreground: string;
-                readonly border: string;
-            };
-            readonly danger: {
-                readonly background: string;
-                readonly backgroundHover: string;
-                readonly backgroundActive: string;
-                readonly foreground: string;
-                readonly border: string;
-            };
-        };
-    };
-};
+export declare const theme: ThemeContract;
 export type ThemeUtility = ReturnType<typeof css>;
 type ThemeMixLeaf = MixinDescriptor<any, any, any>;
 type PreviousThemeMixDepth = [0, 0, 1, 2, 3, 4];
 type NestedThemeMix<value, depth extends number = 4> = depth extends 0 ? value | ReadonlyArray<value> : value | ReadonlyArray<NestedThemeMix<value, PreviousThemeMixDepth[depth]>>;
 export type ThemeMix = NestedThemeMix<ThemeMixLeaf>;
-export { themeVariableNames };
+export {};

package/dist/theme/contract.js

@@ -1,4 +1,4 @@
-const themeVariableNames = {
+const themeVariableNamesSource = {
     space: {
         none: '--rmx-space-none',
         px: '--rmx-space-px',
@@ -112,8 +112,8 @@ const themeVariableNames = {
         },
     },
 };
+export const themeVariableNames = themeVariableNamesSource;
 export const theme = createThemeContract(themeVariableNames);
-export { themeVariableNames };
 function createThemeContract(tree) {
     return mapTreeLeaves(tree, (variableName) => `var(${variableName})`);
 }

package/dist/theme/contract.js.map

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

package/dist/theme/glyph-contract.d.ts

@@ -8,6 +8,4 @@ export type GlyphValues = {
 export type GlyphContract = Readonly<Record<GlyphName, {
     id: string;
 }>>;
-export declare const glyphContract: Readonly<Readonly<Record<"search" | "menu" | "close" | "copy" | "open" | "alert" | "add" | "check" | "chevronDown" | "chevronVertical" | "chevronUp" | "chevronRight" | "edit" | "expand" | "info" | "spinner" | "trash", {
-    id: string;
-}>>>;
+export declare const glyphContract: GlyphContract;

package/dist/theme/glyph-contract.js.map

@@ -1 +1 @@
-{"version":3,"file":"glyph-contract.js","sourceRoot":"","sources":["../../src/theme/glyph-contract.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK;IACL,OAAO;IACP,OAAO;IACP,aAAa;IACb,iBAAiB;IACjB,WAAW;IACX,cAAc;IACd,OAAO;IACP,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;CACC,CAAA;AAYV,MAAM,uBAAuB,GAAG,WAAW,CAAA;AAE3C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,uBAAuB,CAAC,CAAC,CAAA;AAExF,SAAS,cAAc,CAAC,QAAgB;IACtC,OAAO,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,QAAQ,IAAI,IAAI,EAAE,CAAC,CAAC,CAGhF,CAAA;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,QAAgB;IAC3C,IAAI,GAAG,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IAElC,OAAO,MAAM,CAAC,MAAM,CAClB,MAAM,CAAC,WAAW,CAChB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;QACvB,IAAI;QACJ;YACE,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC;SACd;KACF,CAAC,CACc,CACnB,CAAA;AACH,CAAC"}
+{"version":3,"file":"glyph-contract.js","sourceRoot":"","sources":["../../src/theme/glyph-contract.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK;IACL,OAAO;IACP,OAAO;IACP,aAAa;IACb,iBAAiB;IACjB,WAAW;IACX,cAAc;IACd,OAAO;IACP,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;CACC,CAAA;AAYV,MAAM,uBAAuB,GAAG,WAAW,CAAA;AAE3C,MAAM,CAAC,MAAM,aAAa,GAAkB,MAAM,CAAC,MAAM,CACvD,mBAAmB,CAAC,uBAAuB,CAAC,CAC7C,CAAA;AAED,SAAS,cAAc,CAAC,QAAgB;IACtC,OAAO,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,QAAQ,IAAI,IAAI,EAAE,CAAC,CAAC,CAGhF,CAAA;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,QAAgB;IAC3C,IAAI,GAAG,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IAElC,OAAO,MAAM,CAAC,MAAM,CAClB,MAAM,CAAC,WAAW,CAChB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;QACvB,IAAI;QACJ;YACE,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC;SACd;KACF,CAAC,CACc,CACnB,CAAA;AACH,CAAC"}

package/dist/theme/presets/rmx-01/index.d.ts

@@ -1,2 +1,4 @@
-export declare const RMX_01: import("../../contract.ts").ThemeComponent;
-export declare const RMX_01_GLYPHS: import("../../../components/glyph/glyph.tsx").GlyphSheetComponent;
+import type { GlyphSheetComponent } from '../../../components/glyph/glyph.tsx';
+import type { ThemeComponent } from '../../contract.ts';
+export declare const RMX_01: ThemeComponent;
+export declare const RMX_01_GLYPHS: GlyphSheetComponent;

package/dist/theme/presets/rmx-01/index.js.map

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

package/dist/utils/scroll-lock.d.ts

@@ -1,3 +1,3 @@
-import { type ElementProps } from '@remix-run/ui';
-export declare function lockScroll(targetDocument?: Document): () => void;
-export declare const lockScrollOnToggle: <boundNode extends HTMLElement = HTMLElement>() => import("@remix-run/ui").MixinDescriptor<boundNode, [], ElementProps>;
+import { type ElementProps, type MixinFactory } from '@remix-run/ui';
+export declare function lockScroll(targetDocument?: Document | undefined): () => void;
+export declare const lockScrollOnToggle: MixinFactory<HTMLElement, [], ElementProps>;

package/dist/utils/scroll-lock.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-lock.js","sourceRoot":"","sources":["../../src/utils/scroll-lock.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"scroll-lock.js","sourceRoot":"","sources":["../../src/utils/scroll-lock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAwC,MAAM,eAAe,CAAA;AAUrF,MAAM,WAAW,GAAG,IAAI,OAAO,EAA6B,CAAA;AAE5D,MAAM,UAAU,UAAU,CAAC,iBAAuC,UAAU,CAAC,QAAQ;IACnF,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC;QACzD,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;IACjB,CAAC;IAED,IAAI,QAAQ,GAAG,cAAc,CAAA;IAC7B,IAAI,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAA;IAC9C,IAAI,IAAI,GAAG,QAAQ,CAAC,WAAY,CAAA;IAChC,IAAI,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAErC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;QAC1B,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;QAC1B,IAAI,cAAc,GAChB,eAAe,CAAC,WAAW,GAAG,CAAC;YAC7B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC,WAAW,EAAE,CAAC,CAAC;YAC5D,CAAC,CAAC,CAAC,CAAA;QACP,IAAI,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,eAAe,CAAA;QAEpF,KAAK,GAAG;YACN,KAAK,EAAE,CAAC;YACR,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,QAAQ;YAChD,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,eAAe;YAC9D,OAAO;YACP,OAAO;SACR,CAAA;QAED,eAAe,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACzC,IAAI,cAAc,GAAG,CAAC,IAAI,uBAAuB,KAAK,MAAM,EAAE,CAAC;YAC7D,eAAe,CAAC,KAAK,CAAC,eAAe,GAAG,QAAQ,CAAA;QAClD,CAAC;QAED,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAClC,CAAC;IAED,KAAK,CAAC,KAAK,EAAE,CAAA;IAEb,IAAI,QAAQ,GAAG,KAAK,CAAA;IAEpB,OAAO,GAAG,EAAE;QACV,IAAI,QAAQ,EAAE,CAAC;YACb,OAAM;QACR,CAAC;QAED,QAAQ,GAAG,IAAI,CAAA;QAEf,IAAI,YAAY,GAAG,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QAC5C,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,YAAY,CAAC,KAAK,EAAE,CAAA;QACpB,IAAI,YAAY,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;YAC3B,OAAM;QACR,CAAC;QAED,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAE5B,eAAe,CAAC,KAAK,CAAC,QAAQ,GAAG,YAAY,CAAC,gBAAgB,CAAA;QAC9D,eAAe,CAAC,KAAK,CAAC,eAAe,GAAG,YAAY,CAAC,uBAAuB,CAAA;QAC5E,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC3D,CAAC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAgD,WAAW,CAIxF,CAAC,MAAM,EAAE,EAAE;IACX,IAAI,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;IAE3B,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QAC3C,YAAY,EAAE,CAAA;QACd,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;IACzB,CAAC,CAAC,CAAA;IAEF,OAAO,GAAG,EAAE,CAAC;QACX,EAAE,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;YAC3B,YAAY,EAAE,CAAA;YACd,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;YAEvB,IAAI,KAAK,CAAC,QAAQ,KAAK,MAAM,EAAE,CAAC;gBAC9B,OAAM;YACR,CAAC;YAED,YAAY,GAAG,UAAU,CAAE,KAAK,CAAC,aAA6B,CAAC,aAAa,CAAC,CAAA;QAC/E,CAAC,CAAC;KACH,CAAA;AACH,CAAC,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remix-run/ui",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "UI tokens, mixins, and glyphs for Remix components",
   "author": "Ryan Florence <rpflorence@gmail.com>",
   "license": "MIT",
@@ -104,8 +104,8 @@
     "@typescript/native-preview": "7.0.0-dev.20251125.1",
     "playwright": "^1.59.0",
     "typescript": "^5.9.3",
-    "@remix-run/assert": "0.2.0",
-    "@remix-run/test": "0.4.0"
+    "@remix-run/assert": "0.2.1",
+    "@remix-run/test": "0.4.1"
   },
   "dependencies": {
     "@types/dom-navigation": "^1.0.7"

package/src/animation/README.md

@@ -52,12 +52,13 @@ function Toast() {
 `animateExit` keeps a removed keyed element in the DOM long enough to animate from its natural styles to the provided keyframe.
 
 ```tsx
+import type { Handle } from 'remix/ui'
 import { animateExit } from 'remix/ui/animation'
 
-function Item({ id, label }: { id: string; label: string }) {
+function Item(handle: Handle<{ id: string; label: string }>) {
   return () => (
     <li
-      key={id}
+      key={handle.props.id}
       mix={[
         animateExit({
           opacity: 0,
@@ -67,7 +68,7 @@ function Item({ id, label }: { id: string; label: string }) {
         }),
       ]}
     >
-      {label}
+      {handle.props.label}
     </li>
   )
 }
@@ -105,12 +106,13 @@ Exit animations can reclaim a removed keyed node if the same keyed element is re
 `animateLayout` animates layout changes with a FLIP-style transform projection. Use it on elements whose position or size can change between renders.
 
 ```tsx
+import type { Handle } from 'remix/ui'
 import { animateLayout, spring } from 'remix/ui/animation'
 
-function Card({ expanded }: { expanded: boolean }) {
+function Card(handle: Handle<{ expanded: boolean }>) {
   return () => (
     <section
-      class={expanded ? 'card expanded' : 'card'}
+      class={handle.props.expanded ? 'card expanded' : 'card'}
       mix={[
         animateLayout({
           ...spring('smooth'),

package/src/animation/spring.ts

@@ -38,6 +38,17 @@ export interface SpringIterator extends IterableIterator<number> {
   toString(): string
 }
 
+export interface SpringFunction {
+  (preset: SpringPreset, overrides?: Omit<SpringOptions, 'bounce'>): SpringIterator
+  (options?: SpringOptions): SpringIterator
+  transition(
+    property: string | string[],
+    presetOrOptions?: SpringPreset | SpringOptions,
+    overrides?: Omit<SpringOptions, 'bounce'>,
+  ): string
+  presets: Record<SpringPreset, { duration: number; bounce: number }>
+}
+
 const presets: Record<SpringPreset, { duration: number; bounce: number }> = {
   smooth: { duration: 400, bounce: -0.3 },
   snappy: { duration: 200, bounce: 0 },
@@ -74,7 +85,7 @@ const frameMs = 1000 / 60 // ~16.67ms per frame
  * @param overrides Optional preset overrides.
  * @returns A spring iterator.
  */
-export function spring(
+function createSpring(
   preset: SpringPreset,
   overrides?: Omit<SpringOptions, 'bounce'>,
 ): SpringIterator
@@ -84,8 +95,8 @@ export function spring(
  * @param options Spring parameters.
  * @returns A spring iterator.
  */
-export function spring(options?: SpringOptions): SpringIterator
-export function spring(
+function createSpring(options?: SpringOptions): SpringIterator
+function createSpring(
   presetOrOptions?: SpringPreset | SpringOptions,
   overrides?: Omit<SpringOptions, 'bounce'>,
 ): SpringIterator {
@@ -119,23 +130,24 @@ export function spring(
   return iter as unknown as SpringIterator
 }
 
-// Transition helper for CSS transition property
-spring.transition = function transition(
+function transition(
   property: string | string[],
   presetOrOptions?: SpringPreset | SpringOptions,
   overrides?: Omit<SpringOptions, 'bounce'>,
 ): string {
   let s =
     typeof presetOrOptions === 'string'
-      ? spring(presetOrOptions, overrides)
-      : spring(presetOrOptions)
+      ? createSpring(presetOrOptions, overrides)
+      : createSpring(presetOrOptions)
 
   let properties = Array.isArray(property) ? property : [property]
   return properties.map((p) => `${p} ${s}`).join(', ')
 }
 
-// Access preset defaults
-spring.presets = presets
+export const spring: SpringFunction = Object.assign(createSpring, {
+  transition,
+  presets,
+})
 
 function resolveOptions(
   presetOrOptions?: SpringPreset | SpringOptions,

package/src/components/accordion/accordion.tsx

@@ -230,7 +230,7 @@ function isMultipleProps(props: AccordionProps | null): props is AccordionMultip
   return props?.type === 'multiple'
 }
 
-function AccordionImpl(handle: Handle<AccordionProps, AccordionContext>) {
+function AccordionImpl(handle: Handle<AccordionProps, AccordionContext>): () => RemixNode {
   let rootNode: HTMLElement | null = null
   let registeredItems: RegisteredItem[] = []
   let uncontrolledSingleValue: string | null = null
@@ -418,13 +418,15 @@ function AccordionImpl(handle: Handle<AccordionProps, AccordionContext>) {
 export function onAccordionChange<target extends HTMLElement>(
   handler: AccordionChangeHandler<target>,
   captureBoolean?: boolean,
-) {
+): ReturnType<typeof on<target, typeof ACCORDION_CHANGE_EVENT>> {
   return on(ACCORDION_CHANGE_EVENT, handler, captureBoolean)
 }
 
 export const Accordion = AccordionImpl
 
-export function AccordionItem(handle: Handle<AccordionItemProps, AccordionItemContext>) {
+export function AccordionItem(
+  handle: Handle<AccordionItemProps, AccordionItemContext>,
+): () => RemixNode {
   let triggerNode: HTMLButtonElement | null = null
   let triggerId = `${handle.id}-trigger`
   let panelId = `${handle.id}-panel`
@@ -468,7 +470,7 @@ export function AccordionItem(handle: Handle<AccordionItemProps, AccordionItemCo
   }
 }
 
-export function AccordionTrigger(handle: Handle<AccordionTriggerProps>) {
+export function AccordionTrigger(handle: Handle<AccordionTriggerProps>): () => RemixNode {
   return () => {
     let accordion = handle.context.get(Accordion)
     let item = handle.context.get(AccordionItem)
@@ -539,7 +541,7 @@ export function AccordionTrigger(handle: Handle<AccordionTriggerProps>) {
   }
 }
 
-export function AccordionContent(handle: Handle<AccordionContentProps>) {
+export function AccordionContent(handle: Handle<AccordionContentProps>): () => RemixNode {
   return () => {
     let item = handle.context.get(AccordionItem)
     let { children, mix, ...panelProps } = handle.props

package/src/components/anchor/anchor.ts

@@ -643,7 +643,7 @@ export function anchor(
   floating: HTMLElement,
   anchorElement: HTMLElement,
   options: AnchorOptions = {},
-) {
+): () => void {
   let lastAnchorRect: DOMRect
   let lastFloatingDimensions: FloatingDimensions
 

package/src/components/breadcrumbs/breadcrumbs.tsx

@@ -72,7 +72,7 @@ const textCss = css({
   whiteSpace: 'nowrap',
 })
 
-export function Breadcrumbs(handle: Handle<BreadcrumbsProps>) {
+export function Breadcrumbs(handle: Handle<BreadcrumbsProps>): () => RemixNode {
   return () => {
     let { 'aria-label': ariaLabel, items, separator, mix, ...navProps } = handle.props
     let currentIndex = items.findIndex((item) => item.current)

package/src/components/button/button.tsx

@@ -1,5 +1,13 @@
 import { attrs, createElement, createMixin, css } from '@remix-run/ui'
-import type { CSSMixinDescriptor, ElementProps, Handle, Props, RemixNode } from '@remix-run/ui'
+import type {
+  CSSMixinDescriptor,
+  ElementProps,
+  Handle,
+  MixinDescriptor,
+  MixinFactory,
+  Props,
+  RemixNode,
+} from '@remix-run/ui'
 
 import { theme } from '../../theme/theme.ts'
 
@@ -74,22 +82,26 @@ const buttonIconCss: CSSMixinDescriptor = css({
   },
 })
 
-const buttonIconAttrsCss = attrs({ 'aria-hidden': true })
+const buttonIconAttrsCss: MixinDescriptor<Element, [Partial<ElementProps>], ElementProps> = attrs({
+  'aria-hidden': true,
+})
 
-const buttonDefaultsMixin = createMixin<Element, [], ElementProps>(
-  (handle, hostType) => (props) => {
-    if (hostType !== 'button' || props.type !== undefined) {
-      return handle.element
-    }
+const buttonDefaultsMixin: MixinFactory<Element, [], ElementProps> = createMixin<
+  Element,
+  [],
+  ElementProps
+>((handle, hostType) => (props) => {
+  if (hostType !== 'button' || props.type !== undefined) {
+    return handle.element
+  }
 
-    return createElement(handle.element as unknown as string, {
-      ...props,
-      type: 'button',
-    })
-  },
-)
+  return createElement(handle.element as unknown as string, {
+    ...props,
+    type: 'button',
+  })
+})
 
-const buttonDefaultsCss = buttonDefaultsMixin()
+const buttonDefaultsCss: MixinDescriptor<Element, [], ElementProps> = buttonDefaultsMixin()
 
 /**
  * Base button styling with the default `type="button"` behavior for `<button>`
@@ -121,7 +133,7 @@ export const labelStyle = buttonLabelCss
  *
  * @category mixin
  */
-export const primaryStyle = createButtonCss(theme.colors.action.primary)
+export const primaryStyle: CSSMixinDescriptor = createButtonCss(theme.colors.action.primary)
 
 /**
  * Secondary visual treatment for buttons. Combine with {@link baseStyle} when
@@ -129,7 +141,7 @@ export const primaryStyle = createButtonCss(theme.colors.action.primary)
  *
  * @category mixin
  */
-export const secondaryStyle = createButtonCss(theme.colors.action.secondary)
+export const secondaryStyle: CSSMixinDescriptor = createButtonCss(theme.colors.action.secondary)
 
 /**
  * Ghost visual treatment for buttons — transparent background with a hover
@@ -146,7 +158,7 @@ export const ghostStyle = ghostButtonToneCss
  *
  * @category mixin
  */
-export const dangerStyle = createButtonCss(theme.colors.action.danger)
+export const dangerStyle: CSSMixinDescriptor = createButtonCss(theme.colors.action.danger)
 
 const toneStyleByTone = {
   primary: primaryStyle,
@@ -203,7 +215,7 @@ export type ButtonProps = Omit<Props<'button'>, 'children'> & {
  * </Button>
  * ```
  */
-export function Button(handle: Handle<ButtonProps>) {
+export function Button(handle: Handle<ButtonProps>): () => RemixNode {
   return () => {
     let { children, endIcon, mix, startIcon, tone = 'secondary', ...buttonProps } = handle.props