@remix-run/ui 0.0.0 → 0.1.0

package/dist/style/stylesheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheet.js","sourceRoot":"","sources":["../../src/style/stylesheet.ts"],"names":[],"mappings":"AAGA,MAAM,qBAAqB,GAAG,iBAAiB,CAAA;AAC/C,MAAM,mBAAmB,GAAG,KAAK,CAAA;AAEjC,SAAS,iBAAiB,CAAC,SAAiB,EAAE,QAAgB,mBAAmB;IAC/E,OAAO,GAAG,KAAK,IAAI,SAAS,EAAE,CAAA;AAChC,CAAC;AAED,SAAS,2BAA2B,CAAC,CAAO,EAAE,CAAO;IACnD,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,CAAC,CAAA;IAErB,IAAI,QAAQ,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC3C,IAAI,QAAQ,GAAG,IAAI,CAAC,2BAA2B;QAAE,OAAO,CAAC,CAAC,CAAA;IAC1D,IAAI,QAAQ,GAAG,IAAI,CAAC,2BAA2B;QAAE,OAAO,CAAC,CAAA;IACzD,OAAO,CAAC,CAAA;AACV,CAAC;AAED,SAAS,YAAY,CAAC,KAAwB;IAC5C,OAAO,kBAAkB,IAAI,KAAK,CAAA;AACpC,CAAC;AAED,SAAS,8BAA8B,CAAC,IAAU,EAAE,IAA2B;IAC7E,IAAI,kBAAkB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE,CAAC;QACpE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACd,OAAM;IACR,CAAC;IAED,IACE,CAAC,CAAC,IAAI,YAAY,OAAO,CAAC;QAC1B,CAAC,CAAC,IAAI,YAAY,QAAQ,CAAC;QAC3B,CAAC,CAAC,IAAI,YAAY,gBAAgB,CAAC,EACnC,CAAC;QACD,OAAM;IACR,CAAC;IAED,IAAI,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAA;IACjE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,IAAI,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;QAClB,IAAI,kBAAkB,CAAC,EAAE,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;QACd,CAAC;IACH,CAAC;AACH,CAAC;AAED,SAAS,sBAAsB,CAAC,MAAyB;IACvD,IAAI,MAAM,GAAG,IAAI,GAAG,EAAoB,CAAA;IAExC,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;QACzB,8BAA8B,CAAC,MAAyB,EAAE,MAAM,CAAC,CAAA;IACnE,CAAC;SAAM,CAAC;QACN,KAAK,IAAI,IAAI,IAAI,MAAM,EAAE,CAAC;YACxB,8BAA8B,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;QAC9C,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAA;AAC7D,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAa;IACvC,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,YAAY,gBAAgB,CAAA;AACtF,CAAC;AAED,SAAS,gBAAgB,CAAC,OAAyB;IACjD,IAAI,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,CAAA;IACvD,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACnC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,QAAgB,KAAK;IACtD,IAAI,UAAU,GAAyB,IAAI,CAAA;IAC3C,IAAI,UAAU,GAAG,CAAC,CAAA;IAElB,iDAAiD;IACjD,yDAAyD;IACzD,IAAI,OAAO,GAAG,IAAI,GAAG,EAAqB,CAAA;IAE1C,SAAS,aAAa;QACpB,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,UAAU,GAAG,IAAI,aAAa,EAAE,CAAA;YAChC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC9C,CAAC;QACD,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,SAAS,gBAAgB;QACvB,IAAI,CAAC,UAAU;YAAE,OAAM;QACvB,QAAQ,CAAC,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAC1E,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,UAAU,CACxB,CAAA;QACD,UAAU,GAAG,IAAI,CAAA;IACnB,CAAC;IAED,SAAS,eAAe;QACtB,IAAI,CAAC,UAAU;YAAE,OAAM;QACvB,KAAK,IAAI,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YACzD,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC;IAED,SAAS,mBAAmB,CAAC,OAAyB;QACpD,IAAI,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAA;QACxC,IAAI,CAAC,QAAQ;YAAE,OAAM;QAErB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC1B,OAAO,CAAC,MAAM,EAAE,CAAA;YAChB,OAAM;QACR,CAAC;QAED,IAAI,OAAO,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;QAC/C,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,CAAC,MAAM,EAAE,CAAA;YAChB,OAAM;QACR,CAAC;QAED,IAAI,CAAC;YACH,IAAI,KAAK,GAAG,aAAa,EAAE,CAAA;YAC3B,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAA;YACjC,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;YAChC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;YAC1C,OAAO,CAAC,MAAM,EAAE,CAAA;QAClB,CAAC;QAAC,MAAM,CAAC;YACP,4EAA4E;QAC9E,CAAC;IACH,CAAC;IAED,SAAS,GAAG,CAAC,SAAiB;QAC5B,IAAI,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;QAClC,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC,CAAA;IAC/C,CAAC;IAED,SAAS,aAAa;QACpB,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,SAAS,MAAM,CAAC,SAAiB,EAAE,IAAY;QAC7C,IAAI,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;QAElC,IAAI,KAAK,EAAE,CAAC;YACV,uCAAuC;YACvC,KAAK,CAAC,KAAK,EAAE,CAAA;YACb,OAAM;QACR,CAAC;QAED,8BAA8B;QAC9B,IAAI,KAAK,GAAG,aAAa,EAAE,CAAA;QAC3B,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAA;QACjC,sEAAsE;QACtE,wEAAwE;QACxE,KAAK,CAAC,UAAU,CAAC,UAAU,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,CAAC,CAAA;QACpF,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;IAC7C,CAAC;IAED,SAAS,MAAM,CAAC,SAAiB;QAC/B,IAAI,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;QAElC,IAAI,CAAC,KAAK;YAAE,OAAM;QAElB,kBAAkB;QAClB,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;YACpB,8BAA8B;YAC9B,OAAM;QACR,CAAC;QAED,sCAAsC;QACtC,IAAI,aAAa,GAAG,KAAK,CAAC,KAAK,CAAA;QAE/B,uBAAuB;QACvB,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;QAEzB,iDAAiD;QACjD,IAAI,CAAC,UAAU;YAAE,OAAM;QACvB,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;QAEpC,+DAA+D;QAC/D,2BAA2B;QAC3B,KAAK,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;YACvC,IAAI,IAAI,CAAC,KAAK,GAAG,aAAa,EAAE,CAAC;gBAC/B,IAAI,CAAC,KAAK,EAAE,CAAA;YACd,CAAC;QACH,CAAC;IACH,CAAC;IAED,SAAS,KAAK;QACZ,eAAe,EAAE,CAAA;QACjB,OAAO,CAAC,KAAK,EAAE,CAAA;QACf,gBAAgB,EAAE,CAAA;QAClB,UAAU,EAAE,CAAA;IACd,CAAC;IAED,SAAS,iBAAiB,CAAC,MAAyB;QAClD,IAAI,MAAM,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAA;QAE3C,KAAK,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;YAC3B,mBAAmB,CAAC,OAAO,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC;IAED,SAAS,OAAO;QACd,gBAAgB,EAAE,CAAA;QAClB,uBAAuB;QACvB,OAAO,CAAC,KAAK,EAAE,CAAA;QACf,UAAU,EAAE,CAAA;IACd,CAAC;IAED,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAA;AAClF,CAAC"}

package/dist/test.d.ts

@@ -0,0 +1,2 @@
+export { render } from './runtime/render.ts';
+export type { RenderOptions, RenderResult } from './runtime/render.ts';

package/dist/test.js

@@ -0,0 +1,2 @@
+export { render } from "./runtime/render.js";
+//# sourceMappingURL=test.js.map

package/dist/test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../src/test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/theme/contract.d.ts

@@ -0,0 +1,259 @@
+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";
+    };
+    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 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 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";
+            };
+        };
+    };
+};
+type MapLeaves<source, leaf> = source extends string ? leaf : {
+    [key in keyof source]: MapLeaves<source[key], leaf>;
+};
+export type ThemeValue = string | number;
+export type ThemeValues = MapLeaves<typeof themeVariableNames, ThemeValue>;
+export type ThemeVars = Readonly<Record<string, string>>;
+export type CreateThemeOptions = {
+    selector?: string;
+    reset?: boolean;
+};
+export type ThemeStyleProps = {
+    nonce?: string;
+};
+type ThemeRenderer = (handle: Handle<ThemeStyleProps>) => () => RemixElement;
+export type ThemeComponent = ThemeRenderer & {
+    Style: ThemeRenderer;
+    cssText: string;
+    selector: string;
+    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 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 };

package/dist/theme/contract.js

@@ -0,0 +1,131 @@
+const themeVariableNames = {
+    space: {
+        none: '--rmx-space-none',
+        px: '--rmx-space-px',
+        xs: '--rmx-space-xs',
+        sm: '--rmx-space-sm',
+        md: '--rmx-space-md',
+        lg: '--rmx-space-lg',
+        xl: '--rmx-space-xl',
+        xxl: '--rmx-space-xxl',
+    },
+    radius: {
+        none: '--rmx-radius-none',
+        sm: '--rmx-radius-sm',
+        md: '--rmx-radius-md',
+        lg: '--rmx-radius-lg',
+        xl: '--rmx-radius-xl',
+        full: '--rmx-radius-full',
+    },
+    fontFamily: {
+        sans: '--rmx-font-family-sans',
+        mono: '--rmx-font-family-mono',
+    },
+    fontSize: {
+        xxxs: '--rmx-font-size-xxxs',
+        xxs: '--rmx-font-size-xxs',
+        xs: '--rmx-font-size-xs',
+        sm: '--rmx-font-size-sm',
+        md: '--rmx-font-size-md',
+        lg: '--rmx-font-size-lg',
+        xl: '--rmx-font-size-xl',
+        xxl: '--rmx-font-size-xxl',
+    },
+    lineHeight: {
+        tight: '--rmx-line-height-tight',
+        normal: '--rmx-line-height-normal',
+        relaxed: '--rmx-line-height-relaxed',
+    },
+    letterSpacing: {
+        tight: '--rmx-letter-spacing-tight',
+        normal: '--rmx-letter-spacing-normal',
+        meta: '--rmx-letter-spacing-meta',
+        wide: '--rmx-letter-spacing-wide',
+    },
+    fontWeight: {
+        normal: '--rmx-font-weight-normal',
+        medium: '--rmx-font-weight-medium',
+        semibold: '--rmx-font-weight-semibold',
+        bold: '--rmx-font-weight-bold',
+    },
+    control: {
+        height: {
+            sm: '--rmx-control-height-sm',
+            md: '--rmx-control-height-md',
+            lg: '--rmx-control-height-lg',
+        },
+    },
+    surface: {
+        lvl0: '--rmx-surface-lvl0',
+        lvl1: '--rmx-surface-lvl1',
+        lvl2: '--rmx-surface-lvl2',
+        lvl3: '--rmx-surface-lvl3',
+        lvl4: '--rmx-surface-lvl4',
+    },
+    shadow: {
+        xs: '--rmx-shadow-xs',
+        sm: '--rmx-shadow-sm',
+        md: '--rmx-shadow-md',
+        lg: '--rmx-shadow-lg',
+        xl: '--rmx-shadow-xl',
+    },
+    colors: {
+        text: {
+            primary: '--rmx-color-text-primary',
+            secondary: '--rmx-color-text-secondary',
+            muted: '--rmx-color-text-muted',
+            link: '--rmx-color-text-link',
+        },
+        border: {
+            subtle: '--rmx-color-border-subtle',
+            default: '--rmx-color-border-default',
+            strong: '--rmx-color-border-strong',
+        },
+        focus: {
+            ring: '--rmx-color-focus-ring',
+        },
+        overlay: {
+            scrim: '--rmx-color-overlay-scrim',
+        },
+        action: {
+            primary: {
+                background: '--rmx-color-action-primary-background',
+                backgroundHover: '--rmx-color-action-primary-background-hover',
+                backgroundActive: '--rmx-color-action-primary-background-active',
+                foreground: '--rmx-color-action-primary-foreground',
+                border: '--rmx-color-action-primary-border',
+            },
+            secondary: {
+                background: '--rmx-color-action-secondary-background',
+                backgroundHover: '--rmx-color-action-secondary-background-hover',
+                backgroundActive: '--rmx-color-action-secondary-background-active',
+                foreground: '--rmx-color-action-secondary-foreground',
+                border: '--rmx-color-action-secondary-border',
+            },
+            danger: {
+                background: '--rmx-color-action-danger-background',
+                backgroundHover: '--rmx-color-action-danger-background-hover',
+                backgroundActive: '--rmx-color-action-danger-background-active',
+                foreground: '--rmx-color-action-danger-foreground',
+                border: '--rmx-color-action-danger-border',
+            },
+        },
+    },
+};
+export const theme = createThemeContract(themeVariableNames);
+export { themeVariableNames };
+function createThemeContract(tree) {
+    return mapTreeLeaves(tree, (variableName) => `var(${variableName})`);
+}
+function mapTreeLeaves(tree, mapLeaf) {
+    let output = {};
+    for (let [key, value] of Object.entries(tree)) {
+        if (typeof value === 'string') {
+            output[key] = mapLeaf(value);
+            continue;
+        }
+        output[key] = mapTreeLeaves(value, mapLeaf);
+    }
+    return output;
+}
+//# sourceMappingURL=contract.js.map

package/dist/theme/contract.js.map

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

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

@@ -0,0 +1,13 @@
+import type { RemixElement } from '@remix-run/ui';
+export declare const glyphNames: readonly ["add", "alert", "check", "chevronDown", "chevronVertical", "chevronUp", "chevronRight", "close", "copy", "edit", "expand", "info", "menu", "open", "search", "spinner", "trash"];
+export type GlyphName = (typeof glyphNames)[number];
+export type GlyphSymbol = RemixElement;
+export type GlyphValues = {
+    readonly [key in GlyphName]: GlyphSymbol;
+};
+export type GlyphContract = Readonly<Record<GlyphName, {
+    id: string;
+}>>;
+export declare const glyphContract: Readonly<Readonly<Record<"search" | "menu" | "close" | "copy" | "open" | "add" | "alert" | "check" | "chevronDown" | "chevronVertical" | "chevronUp" | "chevronRight" | "edit" | "expand" | "info" | "spinner" | "trash", {
+    id: string;
+}>>>;

package/dist/theme/glyph-contract.js

@@ -0,0 +1,34 @@
+export const glyphNames = [
+    'add',
+    'alert',
+    'check',
+    'chevronDown',
+    'chevronVertical',
+    'chevronUp',
+    'chevronRight',
+    'close',
+    'copy',
+    'edit',
+    'expand',
+    'info',
+    'menu',
+    'open',
+    'search',
+    'spinner',
+    'trash',
+];
+const DEFAULT_GLYPH_ID_PREFIX = 'rmx-glyph';
+export const glyphContract = Object.freeze(createGlyphContract(DEFAULT_GLYPH_ID_PREFIX));
+function createGlyphIds(idPrefix) {
+    return Object.fromEntries(glyphNames.map((name) => [name, `${idPrefix}-${name}`]));
+}
+function createGlyphContract(idPrefix) {
+    let ids = createGlyphIds(idPrefix);
+    return Object.freeze(Object.fromEntries(glyphNames.map((name) => [
+        name,
+        {
+            id: ids[name],
+        },
+    ])));
+}
+//# sourceMappingURL=glyph-contract.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+import type { GlyphValues } from '../../glyph-contract.ts';
+export declare const glyphValues: GlyphValues;