@remix-run/ui 0.3.0 → 0.5.0

package/dist/theme/runtime.js

@@ -1,84 +0,0 @@
-import { createElement } from '@remix-run/ui';
-import { REMIX_UI_RESET_LAYER, REMIX_UI_STYLE_LAYER } from "../style/layers.js";
-import { theme, themeVariableNames, } from "./contract.js";
-export function createTheme(values, options = {}) {
-    let selector = options.selector ?? ':root';
-    let reset = options.reset ?? true;
-    let vars = Object.freeze(collectThemeVars(themeVariableNames, values));
-    let cssText = serializeThemeCss(selector, vars, { reset });
-    function Theme(handle) {
-        return () => createElement('style', {
-            nonce: handle.props.nonce,
-            'data-rmx-theme': '',
-            'data-rmx-theme-selector': selector,
-            innerHTML: escapeStyleText(cssText),
-        });
-    }
-    return Object.assign(Theme, {
-        Style: Theme,
-        cssText,
-        selector,
-        values,
-        vars,
-    });
-}
-function collectThemeVars(tree, values, path = []) {
-    let vars = {};
-    for (let [key, value] of Object.entries(tree)) {
-        let nextPath = [...path, key];
-        let themeValue = values[key];
-        if (typeof value === 'string') {
-            if (typeof themeValue !== 'string' && typeof themeValue !== 'number') {
-                throw new TypeError(`Expected theme value at "${nextPath.join('.')}" to be a string or number`);
-            }
-            vars[value] = String(themeValue);
-            continue;
-        }
-        if (!isPlainObject(themeValue)) {
-            throw new TypeError(`Expected theme group at "${nextPath.join('.')}" to be an object`);
-        }
-        Object.assign(vars, collectThemeVars(value, themeValue, nextPath));
-    }
-    return vars;
-}
-function serializeThemeCss(selector, vars, options) {
-    let lines = Object.entries(vars)
-        .map(([name, value]) => `  ${name}: ${value};`)
-        .join('\n');
-    let blocks = [`${selector} {\n${lines}\n}`];
-    if (options.reset) {
-        let resetCss = serializeThemeResetCss(selector);
-        blocks.push(`@layer ${REMIX_UI_RESET_LAYER}, ${REMIX_UI_STYLE_LAYER};`);
-        blocks.push(`@layer ${REMIX_UI_RESET_LAYER} { ${resetCss} }`);
-    }
-    return blocks.join('\n\n');
-}
-function serializeThemeResetCss(selector) {
-    let fontFamily = theme.fontFamily.sans;
-    let fontSize = theme.fontSize.md;
-    let lineHeight = theme.lineHeight.normal;
-    let textColor = theme.colors.text.primary;
-    let backgroundColor = theme.surface.lvl0;
-    if (selector === ':root') {
-        return [
-            `*, *::before, *::after {\n  box-sizing: border-box;\n}`,
-            `html, body {\n  margin: 0;\n}`,
-            `body {\n  font-family: ${fontFamily};\n  font-size: ${fontSize};\n  line-height: ${lineHeight};\n  color: ${textColor};\n  background-color: ${backgroundColor};\n}`,
-            `:where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, figure, blockquote) {\n  margin: 0;\n}`,
-            `:where(img, svg) {\n  display: block;\n}`,
-        ].join('\n\n');
-    }
-    return [
-        `${selector}, ${selector} *, ${selector} *::before, ${selector} *::after {\n  box-sizing: border-box;\n}`,
-        `${selector} {\n  font-family: ${fontFamily};\n  font-size: ${fontSize};\n  line-height: ${lineHeight};\n  color: ${textColor};\n  background-color: ${backgroundColor};\n}`,
-        `${selector} :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, figure, blockquote) {\n  margin: 0;\n}`,
-        `${selector} :where(img, svg) {\n  display: block;\n}`,
-    ].join('\n\n');
-}
-function escapeStyleText(cssText) {
-    return cssText.replace(/<\/style/gi, '<\\/style');
-}
-function isPlainObject(value) {
-    return typeof value === 'object' && value !== null && !Array.isArray(value);
-}
-//# sourceMappingURL=runtime.js.map

package/dist/theme/runtime.js.map

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

package/dist/theme/theme.d.ts

@@ -1,6 +0,0 @@
-export { theme } from './contract.ts';
-export type { CreateThemeOptions, ThemeComponent, ThemeMix, ThemeStyleProps, ThemeUtility, ThemeValue, ThemeValues, ThemeVars, } from './contract.ts';
-export { glyphContract, glyphNames } from './glyph-contract.ts';
-export type { GlyphContract, GlyphName, GlyphSymbol, GlyphValues } from './glyph-contract.ts';
-export { createTheme } from './runtime.ts';
-export { RMX_01, RMX_01_GLYPHS } from './presets/rmx-01/index.ts';

package/dist/theme/theme.js

@@ -1,5 +0,0 @@
-export { theme } from "./contract.js";
-export { glyphContract, glyphNames } from "./glyph-contract.js";
-export { createTheme } from "./runtime.js";
-export { RMX_01, RMX_01_GLYPHS } from "./presets/rmx-01/index.js";
-//# sourceMappingURL=theme.js.map

package/dist/theme/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAWrC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/utils/flash-attribute.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flash-attribute.js","sourceRoot":"","sources":["../../src/utils/flash-attribute.ts"],"names":[],"mappings":"AAAA,SAAS,IAAI,CAAC,EAAU;IACtB,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;QACnC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IACzB,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,IAAiB,EAAE,aAAqB,EAAE,QAAgB;IAC7F,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;IACxC,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAA;IACpB,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAA;AACrC,CAAC"}

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

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

package/dist/utils/wait-for-css-transition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wait-for-css-transition.js","sourceRoot":"","sources":["../../src/utils/wait-for-css-transition.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,oBAAoB,CAAC,IAAiB,EAAE,MAAmB,EAAE,MAAmB;IAC9F,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;QACnC,IAAI,QAAQ,GAAG,KAAK,CAAA;QACpB,IAAI,gBAAgB,GAAG,KAAK,CAAA;QAC5B,IAAI,YAAY,GAAG,CAAC,CAAA;QACpB,IAAI,aAAa,GAAG,CAAC,CAAA;QAErB,SAAS,OAAO;YACd,oBAAoB,CAAC,YAAY,CAAC,CAAA;YAClC,oBAAoB,CAAC,aAAa,CAAC,CAAA;YACnC,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAA;YAC9D,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;YACjD,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAA;YACpD,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QAC7C,CAAC;QAED,SAAS,mBAAmB,CAAC,KAAsB;YACjD,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC1B,OAAM;YACR,CAAC;YAED,gBAAgB,GAAG,IAAI,CAAA;QACzB,CAAC;QAED,SAAS,MAAM,CAAC,KAAa;YAC3B,IAAI,KAAK,YAAY,eAAe,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC9D,OAAM;YACR,CAAC;YAED,IAAI,QAAQ,EAAE,CAAC;gBACb,OAAM;YACR,CAAC;YAED,QAAQ,GAAG,IAAI,CAAA;YACf,OAAO,EAAE,CAAA;YACT,OAAO,EAAE,CAAA;QACX,CAAC;QAED,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAA;QAC3D,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;QAC9C,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAA;QACjD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;QAExD,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC;gBACH,MAAM,EAAE,CAAA;YACV,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,EAAE,CAAA;gBACT,MAAM,KAAK,CAAA;YACb,CAAC;QACH,CAAC;QAED,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACnB,MAAM,EAAE,CAAA;YACR,OAAM;QACR,CAAC;QAED,YAAY,GAAG,qBAAqB,CAAC,GAAG,EAAE;YACxC,aAAa,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACzC,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBACtB,MAAM,EAAE,CAAA;gBACV,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/utils/wait.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wait.js","sourceRoot":"","sources":["../../src/utils/wait.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,IAAI,CAAC,EAAU;IAC7B,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;QACnC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IACzB,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/src/animation/demos/animation.demo.tsx

@@ -1,194 +0,0 @@
-import { css, on, type Handle, type RemixNode } from '@remix-run/ui'
-import { DefaultAnimate } from './default-animate.tsx'
-import { EnterAnimation } from './enter.tsx'
-import { ExitAnimation } from './exit.tsx'
-import { Press } from './press.tsx'
-import { HTMLContent } from './html-content.tsx'
-import { Keyframes } from './keyframes.tsx'
-import { InterruptibleKeyframes } from './interruptible-keyframes.tsx'
-import { RollingSquare } from './rolling-square.tsx'
-import { Rotate } from './rotate.tsx'
-import { TransitionOptions } from './transition-options.tsx'
-import { Cube } from './cube.tsx'
-import { SharedLayout } from './shared-layout.tsx'
-import { AspectRatio } from './aspect-ratio.tsx'
-import { BouncySwitch } from './bouncy-switch.tsx'
-import { ColorInterpolation } from './color-interpolation.tsx'
-import { FlipToggle } from './flip-toggle.tsx'
-import { Reordering } from './reordering.tsx'
-import { MultiStateBadge } from './multi-state-badge.tsx'
-import { HoldToConfirm } from './hold-to-confirm.tsx'
-import { MaterialRipple } from './material-ripple.tsx'
-
-function Tile(handle: Handle<{ title: string; children: RemixNode; notes?: string }>) {
-  let remountKey = 0
-
-  return () => {
-    let { title, children, notes } = handle.props
-
-    return (
-      <div
-        mix={[
-          css({
-            backgroundColor: 'white',
-            padding: '40px',
-            borderRadius: 12,
-            boxShadow: '0 0 10px 0 rgba(0, 0, 0, 0.1)',
-            display: 'flex',
-            alignItems: 'center',
-            flexDirection: 'column',
-            gap: 12,
-            position: 'relative',
-          }),
-        ]}
-      >
-        <button
-          mix={[
-            css({
-              position: 'absolute',
-              bottom: 8,
-              right: 8,
-              width: 18,
-              height: 18,
-              padding: 0,
-              border: 'none',
-              background: 'transparent',
-              cursor: 'pointer',
-              opacity: 0.4,
-              '&:hover': {
-                opacity: 1,
-              },
-            }),
-            on('click', () => {
-              remountKey++
-              handle.update()
-            }),
-          ]}
-          title="Replay animation"
-        >
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-            <path d="M1 4v6h6M23 20v-6h-6" />
-            <path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15" />
-          </svg>
-        </button>
-        <h3 mix={[css({ margin: 0 })]}>{title}</h3>
-        <div
-          key={remountKey}
-          mix={[
-            css({
-              flex: 1,
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'center',
-              minHeight: 280,
-            }),
-          ]}
-        >
-          {children}
-        </div>
-        {notes && (
-          <p
-            mix={[
-              css({
-                margin: 0,
-                fontSize: 12,
-                color: '#666',
-                textAlign: 'center',
-                maxWidth: '200px',
-              }),
-            ]}
-          >
-            {notes}
-          </p>
-        )}
-      </div>
-    )
-  }
-}
-
-/**
- * @name Animation Gallery
- * @description A collection of motion and animation experiments adapted from the standalone demos.
- */
-export default function AnimationGallery() {
-  return () => (
-    <>
-      <h1 mix={[css({ marginBottom: 0, '& + p': { marginTop: 0 } })]}>Animations</h1>
-      <p>
-        Most animations are adapted from <a href="https://www.motion.dev">Motion</a>. Thank you for
-        your work <a href="https://motion.dev/@matt">Matt Perry</a>!
-      </p>
-      <div
-        mix={[
-          css({
-            display: 'grid',
-            gridTemplateColumns: 'repeat(auto-fill, minmax(320px, 1fr))',
-            gap: 24,
-            marginTop: 40,
-          }),
-        ]}
-      >
-        <Tile title="Default Animate" notes="animateEntrance + animateLayout defaults">
-          <DefaultAnimate />
-        </Tile>
-        <Tile title="Rolling Square" notes="CSS transition with spring() timing function">
-          <RollingSquare />
-        </Tile>
-        <Tile title="Enter Animation" notes="animateEntrance() with spring physics">
-          <EnterAnimation />
-        </Tile>
-        <Tile title="Exit Animation" notes="animateEntrance() + animateExit()">
-          <ExitAnimation />
-        </Tile>
-        <Tile title="Press Interaction" notes="CSS transition + pointer/keyboard events">
-          <Press />
-        </Tile>
-        <Tile title="HTML Content" notes="rAF loop with spring iterator for text">
-          <HTMLContent />
-        </Tile>
-        <Tile title="Keyframes" notes="CSS @keyframes with infinite loop">
-          <Keyframes />
-        </Tile>
-        <Tile title="Interruptible Keyframes" notes="Web Animations API with commitStyles()">
-          <InterruptibleKeyframes />
-        </Tile>
-        <Tile title="Rotate" notes="CSS @keyframes (one-shot)">
-          <Rotate />
-        </Tile>
-        <Tile title="Transition Options" notes="animateEntrance() with cubic-bezier + delay">
-          <TransitionOptions />
-        </Tile>
-        <Tile title="3D Cube" notes="rAF loop with direct style manipulation">
-          <Cube />
-        </Tile>
-        <Tile title="Shared Layout" notes="CSS Grid overlap for simultaneous enter/exit">
-          <SharedLayout />
-        </Tile>
-        <Tile title="Aspect Ratio">
-          <AspectRatio />
-        </Tile>
-        <Tile title="Bouncy Switch" notes="Spring up, bounce down with CSS linear()">
-          <BouncySwitch />
-        </Tile>
-        <Tile title="FLIP Toggle" notes="animateLayout() with interruptible WAAPI">
-          <FlipToggle />
-        </Tile>
-        <Tile title="Reordering" notes="animateLayout() with auto-shuffling list">
-          <Reordering />
-        </Tile>
-        <Tile title="Color Interpolation" notes="sRGB vs OKLCH color space">
-          <ColorInterpolation />
-        </Tile>
-        <Tile title="Multi-State Badge" notes="Animated icon/label swap with WAAPI shake">
-          <MultiStateBadge />
-        </Tile>
-        <Tile title="Hold to Confirm" notes="Custom interaction with progress tracking">
-          <HoldToConfirm />
-        </Tile>
-        <Tile title="Material Ripple" notes="Pointer-tracked ripples with enter/exit animations">
-          <MaterialRipple />
-        </Tile>
-      </div>
-    </>
-  )
-}