@remix-run/ui 0.3.0 → 0.5.0

package/dist/animation/spring.js.map

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

package/dist/{components/breadcrumbs/breadcrumbs.js → breadcrumbs/index.js}

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@remix-run/ui/jsx-runtime";
 import { css, createElement } from '@remix-run/ui';
-import { Glyph } from "../glyph/glyph.js";
-import { theme } from "../../theme/theme.js";
+import { ChevronRightIcon } from '../shared/icons.js';
+import { componentStyleValues as styles } from '../shared/style-values.js';
 const rootCss = css({
     minWidth: 0,
 });
@@ -9,7 +9,7 @@ const listCss = css({
     display: 'flex',
     flexWrap: 'wrap',
     alignItems: 'center',
-    gap: `${theme.space.xs} ${theme.space.sm}`,
+    gap: `${styles.space.xs} ${styles.space.sm}`,
     minWidth: 0,
     margin: 0,
     padding: 0,
@@ -25,31 +25,31 @@ const separatorCss = css({
     alignItems: 'center',
     justifyContent: 'center',
     flexShrink: 0,
-    width: theme.fontSize.sm,
-    height: theme.fontSize.sm,
-    color: theme.colors.text.muted,
+    width: styles.fontSize.sm,
+    height: styles.fontSize.sm,
+    color: styles.colors.text.muted,
 });
 const linkCss = css({
-    color: theme.colors.text.secondary,
-    fontSize: theme.fontSize.sm,
-    lineHeight: theme.lineHeight.normal,
+    color: styles.colors.text.secondary,
+    fontSize: styles.fontSize.sm,
+    lineHeight: styles.lineHeight.normal,
     textDecoration: 'none',
     whiteSpace: 'nowrap',
     '&:hover': {
-        color: theme.colors.text.primary,
+        color: styles.colors.text.primary,
     },
 });
 const currentCss = css({
-    color: theme.colors.text.primary,
-    fontSize: theme.fontSize.sm,
-    lineHeight: theme.lineHeight.normal,
-    fontWeight: theme.fontWeight.medium,
+    color: styles.colors.text.primary,
+    fontSize: styles.fontSize.sm,
+    lineHeight: styles.lineHeight.normal,
+    fontWeight: styles.fontWeight.medium,
     whiteSpace: 'nowrap',
 });
 const textCss = css({
-    color: theme.colors.text.secondary,
-    fontSize: theme.fontSize.sm,
-    lineHeight: theme.lineHeight.normal,
+    color: styles.colors.text.secondary,
+    fontSize: styles.fontSize.sm,
+    lineHeight: styles.lineHeight.normal,
     whiteSpace: 'nowrap',
 });
 export function Breadcrumbs(handle) {
@@ -59,7 +59,7 @@ export function Breadcrumbs(handle) {
         if (currentIndex === -1) {
             currentIndex = Math.max(0, items.length - 1);
         }
-        let separatorContent = separator ?? _jsx(Glyph, { name: "chevronRight" });
+        let separatorContent = separator ?? _jsx(ChevronRightIcon, {});
         return (_jsx("nav", { "aria-label": ariaLabel ?? 'Breadcrumb', ...navProps, mix: [rootCss, mix], children: _jsx("ol", { mix: listCss, children: items.flatMap((item, index) => {
                     let isCurrent = index === currentIndex;
                     let content = isCurrent ? (_jsx("span", { "aria-current": "page", mix: currentCss, children: item.label })) : item.href ? (_jsx("a", { href: item.href, mix: linkCss, children: item.label })) : (_jsx("span", { mix: textCss, children: item.label }));
@@ -73,4 +73,4 @@ export function Breadcrumbs(handle) {
                 }) }) }));
     };
 }
-//# sourceMappingURL=breadcrumbs.js.map
+//# sourceMappingURL=index.js.map

package/dist/breadcrumbs/index.js.map

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

package/dist/button/index.d.ts

@@ -0,0 +1,15 @@
+import type { CSSMixinDescriptor, ElementProps, MixinDescriptor } from '@remix-run/ui';
+export type ButtonSize = 'md' | 'lg';
+export type ButtonTone = 'neutral' | 'primary' | 'ghost';
+export interface ButtonOptions {
+    size?: ButtonSize;
+    tone?: ButtonTone;
+}
+type ButtonMixin = readonly [
+    MixinDescriptor<Element, [], ElementProps>,
+    CSSMixinDescriptor,
+    CSSMixinDescriptor,
+    CSSMixinDescriptor
+];
+export declare function button(options?: ButtonOptions): ButtonMixin;
+export default button;

package/dist/button/index.js

@@ -0,0 +1,128 @@
+import { createMixin, css } from '@remix-run/ui';
+import { renderMixinElement } from '../runtime/mixins/mixin.js';
+const buttonDefaultAttrs = createMixin((handle, hostType) => (props) => {
+    if (hostType !== 'button' || props.type !== undefined) {
+        return handle.element;
+    }
+    return renderMixinElement(handle.element, {
+        ...props,
+        type: 'button',
+    });
+})();
+const baseStyle = css({
+    '--rmx-button-shadow': '0 0 0 0 rgba(0, 0, 0, 0)',
+    '--rmx-button-focus-shadow': '0 0 0 1px light-dark(#3573F6, #6eaaff), var(--rmx-button-shadow), 0 0 0 4px light-dark(rgba(53, 115, 246, 0.1), rgba(110, 170, 255, 0.18)), 0 6px 32px 4px light-dark(rgba(53, 115, 246, 0.08), rgba(110, 170, 255, 0.14)), inset 0 0 8px 1px light-dark(rgba(53, 115, 246, 0.05), rgba(110, 170, 255, 0.1))',
+    appearance: 'none',
+    margin: 0,
+    boxSizing: 'border-box',
+    cursor: 'revert',
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'row',
+    gap: '4px',
+    paddingBlock: 0,
+    width: 'max-content',
+    maxWidth: '100%',
+    borderRadius: '999px',
+    fontFamily: '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
+    fontStyle: 'normal',
+    fontWeight: 500,
+    fontFeatureSettings: '"cv01" on, "ss01" on',
+    letterSpacing: 0,
+    whiteSpace: 'nowrap',
+    textDecoration: 'none',
+    userSelect: 'none',
+    WebkitUserSelect: 'none',
+    verticalAlign: 'top',
+    boxShadow: 'var(--rmx-button-shadow)',
+    '&:focus-visible': {
+        outline: 0,
+        boxShadow: 'var(--rmx-button-focus-shadow)',
+    },
+    '&:disabled, &[aria-disabled="true"]': {
+        cursor: 'not-allowed',
+        opacity: 0.55,
+    },
+});
+const mediumStyle = css({
+    height: '26px',
+    minHeight: '26px',
+    paddingInline: '12px',
+    fontSize: '12px',
+    lineHeight: '17px',
+    '--rmx-button-neutral-shadow-alpha': '0.03',
+});
+const largeStyle = css({
+    height: '30px',
+    minHeight: '30px',
+    paddingInline: '12px',
+    fontSize: '13px',
+    lineHeight: '20px',
+    '--rmx-button-neutral-shadow-alpha': '0.04',
+});
+const neutralStyle = css({
+    background: 'light-dark(#FCFCFC, #232323)',
+    border: '1px solid light-dark(rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.14))',
+    '--rmx-button-shadow': '0 -2px 0 -2px rgba(0, 0, 0, 0.06), 0 0 0 1px light-dark(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.08)), 0 1px 0 light-dark(#FFFFFF, rgba(255, 255, 255, 0.04)), 0 2px 4px -1px rgb(0 0 0 / var(--rmx-button-neutral-shadow-alpha)), inset 0 2px 0 light-dark(#FFFFFF, rgba(255, 255, 255, 0.08)), inset 0 -1px 0 rgba(0, 0, 0, 0.05)',
+    color: 'light-dark(#101010, #ececec)',
+    textShadow: '0 1px 0 light-dark(#FFFFFF, rgb(0 0 0 / 0.35))',
+    '&:hover:not(:disabled):not([aria-disabled="true"])': {
+        background: 'light-dark(#FFFFFF, #272727)',
+        borderColor: 'light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.18))',
+        '--rmx-button-shadow': '0 -2px 0 -2px rgba(0, 0, 0, 0.06), 0 0 0 1px light-dark(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1)), 0 1px 0 light-dark(#FFFFFF, rgba(255, 255, 255, 0.05)), 0 3px 6px -2px rgb(0 0 0 / calc(var(--rmx-button-neutral-shadow-alpha) + 0.03)), inset 0 2px 0 light-dark(#FFFFFF, rgba(255, 255, 255, 0.1)), inset 0 -1px 0 rgba(0, 0, 0, 0.05)',
+    },
+    '&:active:not(:disabled):not([aria-disabled="true"]), &[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"])': {
+        background: 'light-dark(#F7F7F7, #1f1f1f)',
+        borderColor: 'light-dark(rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.2))',
+        '--rmx-button-shadow': '0 0 0 1px light-dark(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.08)), inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 -1px 0 light-dark(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.05))',
+        textShadow: 'none',
+    },
+});
+const primaryStyle = css({
+    background: 'radial-gradient(50% 50% at 50% 0%, light-dark(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.65)) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(49.59% 37.11% at 50.41% 101.56%, light-dark(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.35)) 0%, rgba(255, 255, 255, 0) 66.46%), light-dark(#101010, #ececec)',
+    border: 0,
+    '--rmx-button-shadow': '0 16px 16px -8px rgba(0, 0, 0, 0.1), 0 8px 8px -4px rgba(0, 0, 0, 0.1), 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 2px 2px -1px rgba(0, 0, 0, 0.1), inset 0 0 4px 2px light-dark(#101010, rgba(255, 255, 255, 0.45)), inset 0 0 4px 2px rgba(255, 255, 255, 0.1), inset 0 0 12px -6px rgba(255, 255, 255, 0.75)',
+    color: 'light-dark(#FFFFFF, #151515)',
+    textShadow: '0 1px 1px light-dark(#000000, rgb(255 255 255 / 0.45))',
+    '&:hover:not(:disabled):not([aria-disabled="true"])': {
+        background: 'radial-gradient(50% 50% at 50% 0%, light-dark(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.72)) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(49.59% 37.11% at 50.41% 101.56%, light-dark(rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.42)) 0%, rgba(255, 255, 255, 0) 66.46%), light-dark(#171717, #ffffff)',
+        '--rmx-button-shadow': '0 18px 18px -10px rgba(0, 0, 0, 0.14), 0 8px 8px -4px rgba(0, 0, 0, 0.12), 0 4px 4px -2px rgba(0, 0, 0, 0.1), 0 2px 2px -1px rgba(0, 0, 0, 0.1), inset 0 0 4px 2px light-dark(#101010, rgba(255, 255, 255, 0.5)), inset 0 0 4px 2px rgba(255, 255, 255, 0.13), inset 0 0 12px -6px rgba(255, 255, 255, 0.85)',
+    },
+    '&:active:not(:disabled):not([aria-disabled="true"]), &[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"])': {
+        background: 'radial-gradient(50% 50% at 50% 0%, light-dark(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.45)) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(49.59% 37.11% at 50.41% 101.56%, light-dark(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.28)) 0%, rgba(255, 255, 255, 0) 66.46%), light-dark(#080808, #d9d9d9)',
+        '--rmx-button-shadow': '0 2px 2px -1px rgba(0, 0, 0, 0.14), inset 0 0 4px 2px light-dark(#050505, rgba(255, 255, 255, 0.35)), inset 0 1px 2px rgba(0, 0, 0, 0.45), inset 0 0 10px -6px rgba(255, 255, 255, 0.55)',
+        textShadow: '0 1px 1px light-dark(#000000, rgb(255 255 255 / 0.35))',
+    },
+    '&:active:not(:disabled):not([aria-disabled="true"])': {
+        transform: 'translateY(1px)',
+    },
+});
+const ghostStyle = css({
+    background: 'transparent',
+    border: '1px solid transparent',
+    '--rmx-button-shadow': '0 0 0 0 rgba(0, 0, 0, 0)',
+    color: 'light-dark(#101010, #ececec)',
+    textShadow: 'none',
+    '&:hover:not(:disabled):not([aria-disabled="true"])': {
+        background: 'light-dark(rgba(16, 16, 16, 0.05), rgba(236, 236, 236, 0.1))',
+    },
+    '&:active:not(:disabled):not([aria-disabled="true"]), &[aria-pressed="true"]:not(:disabled):not([aria-disabled="true"])': {
+        background: 'light-dark(rgba(16, 16, 16, 0.08), rgba(236, 236, 236, 0.14))',
+    },
+});
+const sizeStyles = {
+    md: mediumStyle,
+    lg: largeStyle,
+};
+const toneStyles = {
+    neutral: neutralStyle,
+    primary: primaryStyle,
+    ghost: ghostStyle,
+};
+export function button(options = {}) {
+    let { size = 'md', tone = 'neutral' } = options;
+    return [buttonDefaultAttrs, baseStyle, sizeStyles[size], toneStyles[tone]];
+}
+export default button;
+//# sourceMappingURL=index.js.map

package/dist/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAiB/D,MAAM,kBAAkB,GAAG,WAAW,CAA4B,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IAChG,IAAI,QAAQ,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QACtD,OAAO,MAAM,CAAC,OAAO,CAAA;IACvB,CAAC;IAED,OAAO,kBAAkB,CAAC,MAAM,CAAC,OAAO,EAAE;QACxC,GAAG,KAAK;QACR,IAAI,EAAE,QAAQ;KACf,CAAC,CAAA;AACJ,CAAC,CAAC,EAAE,CAAA;AAEJ,MAAM,SAAS,GAAuB,GAAG,CAAC;IACxC,qBAAqB,EAAE,0BAA0B;IACjD,2BAA2B,EACzB,8SAA8S;IAChT,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,aAAa,EAAE,KAAK;IACpB,GAAG,EAAE,KAAK;IACV,YAAY,EAAE,CAAC;IACf,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,OAAO;IACrB,UAAU,EAAE,+DAA+D;IAC3E,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,GAAG;IACf,mBAAmB,EAAE,sBAAsB;IAC3C,aAAa,EAAE,CAAC;IAChB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,MAAM;IACtB,UAAU,EAAE,MAAM;IAClB,gBAAgB,EAAE,MAAM;IACxB,aAAa,EAAE,KAAK;IACpB,SAAS,EAAE,0BAA0B;IACrC,iBAAiB,EAAE;QACjB,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,gCAAgC;KAC5C;IACD,qCAAqC,EAAE;QACrC,MAAM,EAAE,aAAa;QACrB,OAAO,EAAE,IAAI;KACd;CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAuB,GAAG,CAAC;IAC1C,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,MAAM;IACjB,aAAa,EAAE,MAAM;IACrB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,mCAAmC,EAAE,MAAM;CAC5C,CAAC,CAAA;AAEF,MAAM,UAAU,GAAuB,GAAG,CAAC;IACzC,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,MAAM;IACjB,aAAa,EAAE,MAAM;IACrB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,mCAAmC,EAAE,MAAM;CAC5C,CAAC,CAAA;AAEF,MAAM,YAAY,GAAuB,GAAG,CAAC;IAC3C,UAAU,EAAE,8BAA8B;IAC1C,MAAM,EAAE,sEAAsE;IAC9E,qBAAqB,EACnB,6UAA6U;IAC/U,KAAK,EAAE,8BAA8B;IACrC,UAAU,EAAE,gDAAgD;IAC5D,oDAAoD,EAAE;QACpD,UAAU,EAAE,8BAA8B;QAC1C,WAAW,EAAE,2DAA2D;QACxE,qBAAqB,EACnB,uVAAuV;KAC1V;IACD,wHAAwH,EACtH;QACE,UAAU,EAAE,8BAA8B;QAC1C,WAAW,EAAE,2DAA2D;QACxE,qBAAqB,EACnB,iMAAiM;QACnM,UAAU,EAAE,MAAM;KACnB;CACJ,CAAC,CAAA;AAEF,MAAM,YAAY,GAAuB,GAAG,CAAC;IAC3C,UAAU,EACR,yTAAyT;IAC3T,MAAM,EAAE,CAAC;IACT,qBAAqB,EACnB,2SAA2S;IAC7S,KAAK,EAAE,8BAA8B;IACrC,UAAU,EAAE,wDAAwD;IACpE,oDAAoD,EAAE;QACpD,UAAU,EACR,0TAA0T;QAC5T,qBAAqB,EACnB,8SAA8S;KACjT;IACD,wHAAwH,EACtH;QACE,UAAU,EACR,0TAA0T;QAC5T,qBAAqB,EACnB,0LAA0L;QAC5L,UAAU,EAAE,wDAAwD;KACrE;IACH,qDAAqD,EAAE;QACrD,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,GAAuB,GAAG,CAAC;IACzC,UAAU,EAAE,aAAa;IACzB,MAAM,EAAE,uBAAuB;IAC/B,qBAAqB,EAAE,0BAA0B;IACjD,KAAK,EAAE,8BAA8B;IACrC,UAAU,EAAE,MAAM;IAClB,oDAAoD,EAAE;QACpD,UAAU,EAAE,8DAA8D;KAC3E;IACD,wHAAwH,EACtH;QACE,UAAU,EAAE,+DAA+D;KAC5E;CACJ,CAAC,CAAA;AAEF,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,UAAU;CAC2C,CAAA;AAE3D,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,UAAU;CACwC,CAAA;AAE3D,MAAM,UAAU,MAAM,CAAC,OAAO,GAAkB,EAAE;IAChD,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,OAAO,CAAA;IAC/C,OAAO,CAAC,kBAAkB,EAAE,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAA;AAC5E,CAAC;AAED,eAAe,MAAM,CAAA"}

package/dist/checkbox/index.d.ts

@@ -0,0 +1,14 @@
+import type { CSSMixinDescriptor, ElementProps, MixinDescriptor } from '@remix-run/ui';
+export type CheckboxSize = 'md' | 'lg';
+export type CheckboxState = 'checked' | 'mixed' | 'unchecked';
+export interface CheckboxOptions {
+    size?: CheckboxSize;
+    state?: CheckboxState;
+}
+type CheckboxMixin = readonly [
+    MixinDescriptor<Element, [state?: CheckboxState], ElementProps>,
+    CSSMixinDescriptor,
+    CSSMixinDescriptor
+];
+export declare function checkbox(options?: CheckboxOptions): CheckboxMixin;
+export default checkbox;

package/dist/checkbox/index.js

@@ -0,0 +1,127 @@
+import { createMixin, css } from '@remix-run/ui';
+import { renderMixinElement } from '../runtime/mixins/mixin.js';
+import { controlFocusShadow } from '../shared/focus-styles.js';
+const checkedSelector = '&:checked, &[aria-checked="true"], &[data-state="checked"]';
+const mixedSelector = '&:indeterminate, &[indeterminate], &[aria-checked="mixed"], &[data-state="mixed"]';
+const checkedMarkSelector = '&:checked::before, &[aria-checked="true"]::before, &[data-state="checked"]::before';
+const mixedMarkSelector = '&:indeterminate::before, &[indeterminate]::before, &[aria-checked="mixed"]::before, &[data-state="mixed"]::before';
+const enabledSelector = ':not(:disabled):not([aria-disabled="true"])';
+const checkedActiveSelector = '&:checked:active:not(:disabled):not([aria-disabled="true"]), &[aria-checked="true"]:active:not(:disabled):not([aria-disabled="true"]), &[data-state="checked"]:active:not(:disabled):not([aria-disabled="true"])';
+const mixedActiveSelector = '&:indeterminate:active:not(:disabled):not([aria-disabled="true"]), &[indeterminate]:active:not(:disabled):not([aria-disabled="true"]), &[aria-checked="mixed"]:active:not(:disabled):not([aria-disabled="true"]), &[data-state="mixed"]:active:not(:disabled):not([aria-disabled="true"])';
+const checkIconMask = "url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.75 5.76562L5.10156 8.25L9.23438 1.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")";
+const checkboxAriaChecked = {
+    checked: 'true',
+    mixed: 'mixed',
+    unchecked: 'false',
+};
+const checkboxDefaultAttrs = createMixin((handle, hostType) => (state, props) => {
+    let stateProps = state === undefined
+        ? props
+        : {
+            ...props,
+            'aria-checked': props['aria-checked'] ?? checkboxAriaChecked[state],
+            'data-state': props['data-state'] ?? state,
+        };
+    if (hostType !== 'input' || stateProps.type !== undefined) {
+        return state === undefined ? handle.element : renderMixinElement(handle.element, stateProps);
+    }
+    return renderMixinElement(handle.element, {
+        ...stateProps,
+        type: 'checkbox',
+    });
+});
+const baseStyle = css({
+    appearance: 'none',
+    WebkitAppearance: 'none',
+    margin: 0,
+    boxSizing: 'border-box',
+    position: 'relative',
+    display: 'inline-grid',
+    placeItems: 'center',
+    width: 'var(--rmx-checkbox-size)',
+    height: 'var(--rmx-checkbox-size)',
+    minWidth: 'var(--rmx-checkbox-size)',
+    minHeight: 'var(--rmx-checkbox-size)',
+    padding: 0,
+    border: 0,
+    borderRadius: 'var(--rmx-checkbox-radius)',
+    background: 'light-dark(#FFFFFF, #1a1a1a)',
+    boxShadow: '0 2px 2px -1px rgba(0, 0, 0, 0.05), 0 3px 4px -1.5px rgba(0, 0, 0, 0.05), 0 4px 8px -2px rgba(0, 0, 0, 0.05), 0 5px 16px -2.5px rgba(0, 0, 0, 0.05), 0 0 0 1px light-dark(rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.2))',
+    color: 'light-dark(#FFFFFF, #151515)',
+    verticalAlign: 'middle',
+    flex: 'none',
+    '&::before': {
+        content: '""',
+        position: 'absolute',
+        opacity: 0,
+        pointerEvents: 'none',
+    },
+    '&:disabled, &[aria-disabled="true"]': {
+        opacity: 0.55,
+    },
+    [`${checkedSelector}, ${mixedSelector}`]: {
+        background: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 24.52%, light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.14)) 100%), light-dark(#3573F6, #6eaaff)',
+        backgroundBlendMode: 'overlay, normal',
+        borderRadius: 'var(--rmx-checkbox-active-radius)',
+        boxShadow: '0 1px 1px -0.5px rgba(9, 68, 190, 0.12), 0 2px 2px -1px rgba(9, 68, 190, 0.12), 0 4px 4px -2px rgba(9, 68, 190, 0.12), 0 8px 8px -4px rgba(9, 68, 190, 0.12), 0 2px 8px rgba(53, 115, 246, 0.4), inset 0 0 3px 1px rgba(0, 0, 0, 0.1)',
+    },
+    [checkedMarkSelector]: {
+        opacity: 1,
+        left: '50%',
+        top: '50%',
+        width: 'var(--rmx-checkbox-check-size)',
+        height: 'var(--rmx-checkbox-check-size)',
+        background: 'currentColor',
+        mask: `${checkIconMask} center / contain no-repeat`,
+        WebkitMask: `${checkIconMask} center / contain no-repeat`,
+        transform: 'translate(-50%, calc(-50% + var(--rmx-checkbox-check-y)))',
+    },
+    [mixedMarkSelector]: {
+        opacity: 1,
+        left: '50%',
+        top: '50%',
+        width: 'var(--rmx-checkbox-mixed-width)',
+        height: 'var(--rmx-checkbox-mixed-height)',
+        border: 0,
+        borderRadius: '999px',
+        background: 'currentColor',
+        filter: 'drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4))',
+        transform: 'translate(-50%, -50%)',
+    },
+    [`&:active${enabledSelector}`]: {
+        boxShadow: '0 1px 1px -0.5px rgba(0, 0, 0, 0.06), 0 0 0 1px light-dark(rgba(0, 0, 0, 0.14), rgba(255, 255, 255, 0.24)), inset 0 1px 2px rgba(0, 0, 0, 0.08)',
+    },
+    [`${checkedActiveSelector}, ${mixedActiveSelector}`]: {
+        boxShadow: '0 1px 1px -0.5px rgba(9, 68, 190, 0.1), 0 2px 2px -1px rgba(9, 68, 190, 0.1), 0 4px 4px -2px rgba(9, 68, 190, 0.1), 0 6px 8px -4px rgba(9, 68, 190, 0.1), 0 2px 6px rgba(53, 115, 246, 0.32), inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 3px 1px rgba(0, 0, 0, 0.12)',
+    },
+    '&:focus-visible': {
+        outline: 0,
+        boxShadow: controlFocusShadow,
+    },
+});
+const sizeStyles = {
+    md: css({
+        '--rmx-checkbox-size': '16px',
+        '--rmx-checkbox-radius': '4px',
+        '--rmx-checkbox-active-radius': '5px',
+        '--rmx-checkbox-check-size': '12px',
+        '--rmx-checkbox-check-y': '1px',
+        '--rmx-checkbox-mixed-width': '7px',
+        '--rmx-checkbox-mixed-height': '2px',
+    }),
+    lg: css({
+        '--rmx-checkbox-size': '20px',
+        '--rmx-checkbox-radius': '5px',
+        '--rmx-checkbox-active-radius': '6px',
+        '--rmx-checkbox-check-size': '15px',
+        '--rmx-checkbox-check-y': '1.25px',
+        '--rmx-checkbox-mixed-width': '9px',
+        '--rmx-checkbox-mixed-height': '2.25px',
+    }),
+};
+export function checkbox(options = {}) {
+    let { size = 'md', state } = options;
+    return [checkboxDefaultAttrs(state), baseStyle, sizeStyles[size]];
+}
+export default checkbox;
+//# sourceMappingURL=index.js.map

package/dist/checkbox/index.js.map

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

package/dist/combobox/index.d.ts

@@ -0,0 +1,21 @@
+import type { CSSMixinDescriptor, Handle, Props, RemixNode } from '@remix-run/ui';
+import type { SearchValue } from '../shared/typeahead.ts';
+export interface ComboboxProps extends Omit<Props<'div'>, 'children'> {
+    children?: RemixNode;
+    defaultValue?: string | null;
+    disabled?: boolean;
+    inputId?: string;
+    name?: string;
+    placeholder?: string;
+}
+export interface ComboboxOptionProps extends Omit<Props<'div'>, 'children'> {
+    children?: RemixNode;
+    disabled?: boolean;
+    label: string;
+    searchValue?: SearchValue;
+    value: string;
+}
+export declare const inputStyle: CSSMixinDescriptor;
+export declare const popoverStyle: CSSMixinDescriptor;
+export declare function Combobox(handle: Handle<ComboboxProps>): () => RemixNode;
+export declare function ComboboxOption(handle: Handle<ComboboxOptionProps>): () => RemixNode;

package/dist/combobox/index.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+import { createElement, css } from '@remix-run/ui';
+import * as combobox from '@remix-run/ui/combobox/primitives';
+import { CheckIcon } from '../shared/icons.js';
+import { listboxIndicatorStyle, listboxLabelStyle, listboxListStyle, listboxOptionStyle, popoverSurfaceStyle, } from '../shared/listbox-popover-styles.js';
+import { componentStyleValues as styles } from '../shared/style-values.js';
+const comboboxPopoverCss = css({
+    opacity: 0,
+    '&:popover-open': {
+        opacity: 1,
+    },
+    '&:not(:popover-open)': {
+        pointerEvents: 'none',
+    },
+    '&[data-show-reason="nav"]:not(:popover-open)': {
+        transition: 'opacity 180ms ease-in, overlay 180ms ease-in, display 180ms ease-in',
+        transitionBehavior: 'allow-discrete',
+    },
+    '&[data-show-reason="hint"]:not(:popover-open)': {
+        transition: 'none',
+        transitionBehavior: 'normal',
+    },
+});
+const comboboxInputCss = css({
+    minHeight: styles.control.height.sm,
+    width: '100%',
+    paddingInline: styles.space.sm,
+    border: `0.5px solid ${styles.colors.border.default}`,
+    borderRadius: styles.radius.md,
+    backgroundColor: styles.surface.lvl0,
+    color: styles.colors.text.primary,
+    fontFamily: styles.fontFamily.sans,
+    fontSize: styles.fontSize.sm,
+    lineHeight: styles.lineHeight.normal,
+    boxShadow: 'inset 0 1px 0 light-dark(rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.08))',
+    '&:focus-visible': {
+        outline: `2px solid ${styles.colors.focus.ring}`,
+        outlineOffset: styles.space.none,
+    },
+    '&[data-surface-visible="true"][aria-activedescendant]:focus-visible': {
+        outline: 'none',
+    },
+});
+export const inputStyle = comboboxInputCss;
+export const popoverStyle = comboboxPopoverCss;
+export function Combobox(handle) {
+    return () => {
+        let { children, defaultValue, disabled, inputId, name, placeholder, ...divProps } = handle.props;
+        return (_jsx(combobox.Context, { defaultValue: defaultValue, disabled: disabled, name: name, children: _jsxs("div", { ...divProps, children: [_jsx("input", { defaultValue: defaultValue ?? undefined, id: inputId, mix: [inputStyle, combobox.input()], placeholder: placeholder }), _jsx("div", { mix: [popoverSurfaceStyle, popoverStyle, combobox.popover()], children: _jsx("div", { mix: [listboxListStyle, combobox.list()], children: children }) }), name && _jsx("input", { mix: combobox.hiddenInput() })] }) }));
+    };
+}
+export function ComboboxOption(handle) {
+    return () => {
+        let { children, disabled, label, mix, searchValue, value, ...divProps } = handle.props;
+        return (_jsxs("div", { ...divProps, mix: [listboxOptionStyle, combobox.option({ disabled, label, searchValue, value }), mix], children: [_jsx(CheckIcon, { mix: listboxIndicatorStyle }), _jsx("span", { mix: listboxLabelStyle, children: children ?? label })] }));
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/combobox/index.js.map

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

package/dist/{components/combobox/combobox.d.ts → combobox/primitives.d.ts}

@@ -1,11 +1,9 @@
-import { on, type CSSMixinDescriptor, type Dispatched, type ElementProps, type Handle, type MixinFactory, type Props, type RemixNode } from '@remix-run/ui';
-import * as listbox from '../listbox/listbox.ts';
-import { type SearchValue } from '../../interactions/typeahead/typeahead-mixin.ts';
-declare const COMBOBOX_CHANGE_EVENT: "rmx:combobox-change";
+import { on, type Dispatched, type ElementProps, type Handle, type MixinFactory, type Props, type RemixNode } from '@remix-run/ui';
+import * as listbox from '../listbox/index.ts';
+import { type SearchValue } from '../shared/typeahead.ts';
+declare const COMBOBOX_CHANGE_EVENT: 'rmx:combobox-change';
 type ComboboxChangeHandler<target extends HTMLElement> = (event: Dispatched<ComboboxChangeEvent, target>, signal: AbortSignal) => void | Promise<void>;
 type ShowReason = 'hint' | 'nav';
-export declare const inputStyle: CSSMixinDescriptor;
-export declare const popoverStyle: CSSMixinDescriptor;
 declare global {
     interface HTMLElementEventMap {
         [COMBOBOX_CHANGE_EVENT]: ComboboxChangeEvent;
@@ -97,5 +95,3 @@ export declare const list: MixinFactory<HTMLElement, [], ElementProps>;
 export declare const option: MixinFactory<HTMLElement, [options: ComboboxOptionOptions], ElementProps>;
 export { popoverMixin as popover };
 export declare function onComboboxChange<target extends HTMLElement>(handler: ComboboxChangeHandler<target>, captureBoolean?: boolean): ReturnType<typeof on<target, typeof COMBOBOX_CHANGE_EVENT>>;
-export declare function Combobox(handle: Handle<ComboboxProps>): () => RemixNode;
-export declare function ComboboxOption(handle: Handle<ComboboxOptionProps>): () => RemixNode;

package/dist/{components/combobox/combobox.js → combobox/primitives.js}

@@ -1,53 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
-import { attrs, css, createElement, createMixin, on, ref, } from '@remix-run/ui';
-import { Glyph } from "../glyph/glyph.js";
-import * as listbox from "../listbox/listbox.js";
-import * as popover from "../popover/popover.js";
-import { theme } from "../../theme/theme.js";
-import {} from "../../interactions/typeahead/typeahead-mixin.js";
-import { waitForCssTransition } from "../../utils/wait-for-css-transition.js";
-import { wait } from "../../utils/wait.js";
+import { jsx as _jsx } from "@remix-run/ui/jsx-runtime";
+import { attrs, createMixin, on, ref, } from '@remix-run/ui';
+import * as listbox from '../listbox/index.js';
+import * as popover from '../popover/index.js';
+import {} from '../shared/typeahead.js';
+import { waitForCssTransition } from '../shared/wait-for-css-transition.js';
+import { wait } from '../shared/wait.js';
 const COMBOBOX_CHANGE_EVENT = 'rmx:combobox-change';
 const INPUT_COMMIT_DELAY_MS = 50;
-const comboboxPopoverCss = css({
-    opacity: 0,
-    '&:popover-open': {
-        opacity: 1,
-    },
-    '&:not(:popover-open)': {
-        pointerEvents: 'none',
-    },
-    '&[data-show-reason="nav"]:not(:popover-open)': {
-        transition: 'opacity 180ms ease-in, overlay 180ms ease-in, display 180ms ease-in',
-        transitionBehavior: 'allow-discrete',
-    },
-    '&[data-show-reason="hint"]:not(:popover-open)': {
-        transition: 'none',
-        transitionBehavior: 'normal',
-    },
-});
-const comboboxInputCss = css({
-    minHeight: theme.control.height.sm,
-    width: '100%',
-    paddingInline: theme.space.sm,
-    border: `0.5px solid ${theme.colors.border.default}`,
-    borderRadius: theme.radius.md,
-    backgroundColor: theme.surface.lvl0,
-    color: theme.colors.text.primary,
-    fontFamily: theme.fontFamily.sans,
-    fontSize: theme.fontSize.sm,
-    lineHeight: theme.lineHeight.normal,
-    boxShadow: 'inset 0 1px 0 rgb(255 255 255 / 0.7)',
-    '&:focus-visible': {
-        outline: `2px solid ${theme.colors.focus.ring}`,
-        outlineOffset: theme.space.none,
-    },
-    '&[data-surface-visible="true"][aria-activedescendant]:focus-visible': {
-        outline: 'none',
-    },
-});
-export const inputStyle = comboboxInputCss;
-export const popoverStyle = comboboxPopoverCss;
 export class ComboboxChangeEvent extends Event {
     label;
     optionId;
@@ -691,16 +650,4 @@ const combobox = {
 export function onComboboxChange(handler, captureBoolean) {
     return on(COMBOBOX_CHANGE_EVENT, handler, captureBoolean);
 }
-export function Combobox(handle) {
-    return () => {
-        let { children, defaultValue, disabled, inputId, name, placeholder, ...divProps } = handle.props;
-        return (_jsx(combobox.Context, { defaultValue: defaultValue, disabled: disabled, name: name, children: _jsxs("div", { ...divProps, children: [_jsx("input", { defaultValue: defaultValue ?? undefined, id: inputId, mix: [inputStyle, combobox.input()], placeholder: placeholder }), _jsx("div", { mix: [popover.surfaceStyle, popoverStyle, combobox.popover()], children: _jsx("div", { mix: [popover.contentStyle, listbox.listStyle, combobox.list()], children: children }) }), name && _jsx("input", { mix: combobox.hiddenInput() })] }) }));
-    };
-}
-export function ComboboxOption(handle) {
-    return () => {
-        let { children, disabled, label, mix, searchValue, value, ...divProps } = handle.props;
-        return (_jsxs("div", { ...divProps, mix: [listbox.optionStyle, combobox.option({ disabled, label, searchValue, value }), mix], children: [_jsx(Glyph, { mix: listbox.glyphStyle, name: "check" }), _jsx("span", { mix: listbox.labelStyle, children: children ?? label })] }));
-    };
-}
-//# sourceMappingURL=combobox.js.map
+//# sourceMappingURL=primitives.js.map