@justanarthur/modo-ui 0.6.0-canary.8 → 0.6.0

package/dist/tailwind.css

@@ -4,8 +4,6 @@
 
 @source "./shared";
 
-@source "./lib";
-
 @source "./primitives";
 
 @source "./components";
@@ -24,8 +22,6 @@
   --color-accent: var(--accent);
   --color-accent-foreground: var(--accent-foreground);
   --color-accent-hover: var(--accent-hover);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
   --color-brand: var(--brand);
   --color-brand-hover: var(--brand-hover);
   --color-focus-ring: var(--focus-ring);
@@ -47,18 +43,6 @@
   --color-input: var(--input);
   --color-destructive: var(--destructive);
   --color-destructive-light: var(--destructive-light);
-  --color-destructive-strong: var(--destructive-strong);
-  --color-destructive-wash: var(--destructive-wash);
-  --color-destructive-wash-hover: var(--destructive-wash-hover);
-  --color-destructive-wash-active: var(--destructive-wash-active);
-  --color-success-strong: var(--success-strong);
-  --color-success-wash: var(--success-wash);
-  --color-success-wash-hover: var(--success-wash-hover);
-  --color-success-wash-active: var(--success-wash-active);
-  --color-skeleton: var(--skeleton);
-  --color-image-edge: var(--image-edge);
-  --color-progress-track: var(--progress-track);
-  --color-well: var(--well);
   --color-hover: var(--hover);
   --color-active: var(--active);
   --color-syntax-keyword: var(--syntax-keyword);

package/dist/tokens.css

@@ -65,41 +65,6 @@
   --destructive: light-dark(oklch(0.6368 0.2078 25.33), oklch(0.7106 0.1661 22.22));
   --destructive-light: light-dark(oklch(0.971 0.013 17.38), oklch(0.2575 0.0886 26.04));
 
-  /* ── Tinted actions (local) ──
-     Button's destructive and success variants: the hue as text on a wash of
-     itself, never a solid fill behind text (DESIGN.md › Status). The washes
-     mix toward transparent like --hover, so they read on any surface level;
-     hover and press deepen them (16 → 20 → 24%). The -strong text steps are
-     the hue darkened in light and lightened in dark, so a 13px label holds
-     WCAG AA (≥ 4.5:1) on its wash at rest, hover and press, over surfaces
-     1–5 in both schemes (worst case 4.69:1, the dark destructive press on
-     surface 5). */
-  --destructive-strong: light-dark(oklch(0.47 0.175 27), oklch(0.81 0.105 22));
-  --destructive-wash: color-mix(in oklab, var(--destructive) 16%, transparent);
-  --destructive-wash-hover: color-mix(in oklab, var(--destructive) 20%, transparent);
-  --destructive-wash-active: color-mix(in oklab, var(--destructive) 24%, transparent);
-  --success-strong: light-dark(oklch(0.46 0.12 151), oklch(0.83 0.15 152));
-  --success-wash: color-mix(in oklab, var(--status-success) 16%, transparent);
-  --success-wash-hover: color-mix(in oklab, var(--status-success) 20%, transparent);
-  --success-wash-active: color-mix(in oklab, var(--status-success) 24%, transparent);
-
-  /* ── Placeholders and media edges (local) ──
-     --skeleton: the loading placeholder's fill, a foreground mix like
-     --border so it tracks the scheme and reads on any surface level.
-     --image-edge: the 1px inset outline over avatars and other images, so a
-     pale picture keeps its shape against the surface (upstream FF's media
-     outline: black 10% in light, white 10% in dark). */
-  --skeleton: color-mix(in oklab, var(--foreground) 8%, transparent);
-  --image-edge: light-dark(rgb(0 0 0 / 0.1), rgb(255 255 255 / 0.1));
-  /* The progress track: a recessed line any fill reads against. */
-  --progress-track: color-mix(in oklab, var(--foreground) 10%, transparent);
-  /* The recessed well under the segmented tabs' indicator. Light is --muted
-     (the greyer step the ladder's floor lacks). Dark can't be: --muted there
-     is surface-2, the very value of the card and the inset, so a track of it
-     vanishes on both. Black at 25% darkens whatever it sits on, so the well
-     reads on the page, a card and the inset alike. */
-  --well: light-dark(var(--muted), oklch(0 0 0 / 0.25));
-
   /* ── Brand blue ──
      FF's one chromatic accent: the switch's on-track, the copy field's hover
      highlight, drop-target and selected-swatch rings. */
@@ -167,33 +132,6 @@
   --syntax-sign: var(--muted-foreground);
 }
 
-/* ── Primary action (theme hooks) ──
-   What the primary Button paints, as hooks a host re-points to recolour it
-   (a brand fill with a lit edge) without forking the component:
-     --primary             the fill. Defaults to the ink.
-     --primary-hover       its hover fill, 10% toward --background.
-     --primary-active      its pressed fill, 20% toward --background.
-     --primary-foreground  the label on the fill. Defaults to --background.
-     --shadow-button-primary  an extra shadow list for the fill layer, drawn on
-                           top of the layer's own press ring (a highlight,
-                           an outline, a drop). The default is an invisible
-                           no-op that stays valid inside a comma list.
-   All five default to what the primary Button always drew, so nothing
-   changes until one is overridden. Override --primary-hover and
-   --primary-active with it, since their defaults mix from the value
-   --primary has where they are declared. Re-point them on `:root, .light,
-   .dark` (or on `:root` alone when the value is the same in both schemes).
-   `bg-primary`, `text-primary` and `text-primary-foreground` read them.
-   Zero specificity (:where): a host's override wins from any stylesheet
-   order, `<html class="dark">` included. */
-:where(:root, .light, .dark) {
-  --primary: var(--foreground);
-  --primary-hover: color-mix(in oklab, var(--primary) 90%, var(--background));
-  --primary-active: color-mix(in oklab, var(--primary) 80%, var(--background));
-  --primary-foreground: var(--background);
-  --shadow-button-primary: 0 0 #0000;
-}
-
 /* ── Badge palette ──
    Badge's `color` hues (upstream hex, as exact oklch). Constant across
    schemes; the solid variant mixes each 15% into --background. */
@@ -252,10 +190,6 @@
  *
  * Local addition: `goo`, the morph engine's tier for the goo effect — 250ms
  * to land (bounce 0.15), a 200ms spring back — so the liquid neck reads.
- *
- * Local addition: `loop`, the period of the ambient animations that run while
- * something is pending (the skeleton's pulse, the spinner's travel, the
- * indeterminate bar's sweep). They never land, so they are not a spring tier.
  */
 
 :root {
@@ -267,7 +201,6 @@
   --duration-slow-exit: 160ms;
   --duration-goo: 250ms;
   --duration-goo-exit: 200ms;
-  --duration-loop: 2s;
 }
 
 :root {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justanarthur/modo-ui",
   "type": "module",
-  "version": "0.6.0-canary.8",
+  "version": "0.6.0",
   "description": "Fluid Functionalism (Base UI flavor, MIT © 2026 Micka Touillaud) ported to UnoCSS: motion springs, fluid hover, a two-step size ladder and an eight-level elevated surface system. Documented with modo.",
   "license": "MIT",
   "keywords": [
@@ -36,14 +36,6 @@
   },
   "files": [
     "dist",
-    "index.ts",
-    "preset.ts",
-    "lib",
-    "primitives",
-    "components",
-    "blocks",
-    "docs",
-    "DESIGN.md",
     "README.md",
     "LICENSE*"
   ],
@@ -52,250 +44,35 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "source": "./index.ts",
       "default": "./dist/index.js"
     },
     "./primitives/*": {
       "types": "./dist/primitives/*/index.d.ts",
-      "source": "./primitives/*/index.tsx",
       "default": "./dist/primitives/*/index.js"
     },
     "./components/*": {
       "types": "./dist/components/*/index.d.ts",
-      "source": "./components/*/index.tsx",
       "default": "./dist/components/*/index.js"
     },
     "./blocks/*": {
       "types": "./dist/blocks/*/index.d.ts",
-      "source": "./blocks/*/index.tsx",
       "default": "./dist/blocks/*/index.js"
     },
-    "./components/*/variants": {
-      "types": "./dist/components/*/variants.d.ts",
-      "source": "./components/*/variants.ts",
-      "default": "./dist/components/*/variants.js"
-    },
-    "./blocks/*/variants": {
-      "types": "./dist/blocks/*/variants.d.ts",
-      "source": "./blocks/*/variants.ts",
-      "default": "./dist/blocks/*/variants.js"
-    },
-    "./lib/date-locale": {
-      "types": "./dist/lib/date-locale.d.ts",
-      "source": "./lib/date-locale.ts",
-      "default": "./dist/lib/date-locale.js"
-    },
-    "./lib/field-classes": {
-      "types": "./dist/lib/field-classes.d.ts",
-      "source": "./lib/field-classes.ts",
-      "default": "./dist/lib/field-classes.js"
-    },
-    "./lib/field-variants": {
-      "types": "./dist/lib/field-variants.d.ts",
-      "source": "./lib/field-variants.ts",
-      "default": "./dist/lib/field-variants.js"
-    },
-    "./lib/fluid-hover-highlight": {
-      "types": "./dist/lib/fluid-hover-highlight.d.ts",
-      "source": "./lib/fluid-hover-highlight.tsx",
-      "default": "./dist/lib/fluid-hover-highlight.js"
-    },
-    "./lib/focus-ring": {
-      "types": "./dist/lib/focus-ring.d.ts",
-      "source": "./lib/focus-ring.tsx",
-      "default": "./dist/lib/focus-ring.js"
-    },
-    "./lib/goo-indicator": {
-      "types": "./dist/lib/goo-indicator.d.ts",
-      "source": "./lib/goo-indicator.tsx",
-      "default": "./dist/lib/goo-indicator.js"
-    },
-    "./lib/icon-context": {
-      "types": "./dist/lib/icon-context.d.ts",
-      "source": "./lib/icon-context.tsx",
-      "default": "./dist/lib/icon-context.js"
-    },
-    "./lib/inert": {
-      "types": "./dist/lib/inert.d.ts",
-      "source": "./lib/inert.ts",
-      "default": "./dist/lib/inert.js"
-    },
-    "./lib/morph-layers": {
-      "types": "./dist/lib/morph-layers.d.ts",
-      "source": "./lib/morph-layers.tsx",
-      "default": "./dist/lib/morph-layers.js"
-    },
-    "./lib/morph-part": {
-      "types": "./dist/lib/morph-part.d.ts",
-      "source": "./lib/morph-part.tsx",
-      "default": "./dist/lib/morph-part.js"
-    },
-    "./lib/popup": {
-      "types": "./dist/lib/popup.d.ts",
-      "source": "./lib/popup.ts",
-      "default": "./dist/lib/popup.js"
-    },
-    "./lib/reduced-motion": {
-      "types": "./dist/lib/reduced-motion.d.ts",
-      "source": "./lib/reduced-motion.ts",
-      "default": "./dist/lib/reduced-motion.js"
-    },
-    "./lib/row-index": {
-      "types": "./dist/lib/row-index.d.ts",
-      "source": "./lib/row-index.tsx",
-      "default": "./dist/lib/row-index.js"
-    },
-    "./lib/row-order": {
-      "types": "./dist/lib/row-order.d.ts",
-      "source": "./lib/row-order.tsx",
-      "default": "./dist/lib/row-order.js"
-    },
-    "./lib/scroll-column": {
-      "types": "./dist/lib/scroll-column.d.ts",
-      "source": "./lib/scroll-column.tsx",
-      "default": "./dist/lib/scroll-column.js"
-    },
-    "./lib/shape-context": {
-      "types": "./dist/lib/shape-context.d.ts",
-      "source": "./lib/shape-context.tsx",
-      "default": "./dist/lib/shape-context.js"
-    },
-    "./lib/shape-radius": {
-      "types": "./dist/lib/shape-radius.d.ts",
-      "source": "./lib/shape-radius.ts",
-      "default": "./dist/lib/shape-radius.js"
-    },
-    "./lib/size-context": {
-      "types": "./dist/lib/size-context.d.ts",
-      "source": "./lib/size-context.tsx",
-      "default": "./dist/lib/size-context.js"
-    },
-    "./lib/size-scale": {
-      "types": "./dist/lib/size-scale.d.ts",
-      "source": "./lib/size-scale.ts",
-      "default": "./dist/lib/size-scale.js"
-    },
-    "./lib/slot": {
-      "types": "./dist/lib/slot.d.ts",
-      "source": "./lib/slot.ts",
-      "default": "./dist/lib/slot.js"
-    },
-    "./lib/springs": {
-      "types": "./dist/lib/springs.d.ts",
-      "source": "./lib/springs.ts",
-      "default": "./dist/lib/springs.js"
-    },
-    "./lib/surface-classes": {
-      "types": "./dist/lib/surface-classes.d.ts",
-      "source": "./lib/surface-classes.ts",
-      "default": "./dist/lib/surface-classes.js"
-    },
-    "./lib/surface-context": {
-      "types": "./dist/lib/surface-context.d.ts",
-      "source": "./lib/surface-context.tsx",
-      "default": "./dist/lib/surface-context.js"
-    },
-    "./lib/use-controllable-state": {
-      "types": "./dist/lib/use-controllable-state.d.ts",
-      "source": "./lib/use-controllable-state.ts",
-      "default": "./dist/lib/use-controllable-state.js"
-    },
-    "./lib/use-fluid-hover": {
-      "types": "./dist/lib/use-fluid-hover.d.ts",
-      "source": "./lib/use-fluid-hover.ts",
-      "default": "./dist/lib/use-fluid-hover.js"
-    },
-    "./lib/use-is-mobile": {
-      "types": "./dist/lib/use-is-mobile.d.ts",
-      "source": "./lib/use-is-mobile.ts",
-      "default": "./dist/lib/use-is-mobile.js"
-    },
-    "./lib/use-keyboard-nav-gate": {
-      "types": "./dist/lib/use-keyboard-nav-gate.d.ts",
-      "source": "./lib/use-keyboard-nav-gate.ts",
-      "default": "./dist/lib/use-keyboard-nav-gate.js"
-    },
-    "./lib/use-merge-split": {
-      "types": "./dist/lib/use-merge-split.d.ts",
-      "source": "./lib/use-merge-split.tsx",
-      "default": "./dist/lib/use-merge-split.js"
-    },
-    "./lib/use-morph": {
-      "types": "./dist/lib/use-morph.d.ts",
-      "source": "./lib/use-morph.ts",
-      "default": "./dist/lib/use-morph.js"
-    },
-    "./lib/use-touch-primary": {
-      "types": "./dist/lib/use-touch-primary.d.ts",
-      "source": "./lib/use-touch-primary.tsx",
-      "default": "./dist/lib/use-touch-primary.js"
-    },
-    "./lib/utils": {
-      "types": "./dist/lib/utils.d.ts",
-      "source": "./lib/utils.ts",
-      "default": "./dist/lib/utils.js"
-    },
     "./unocss": {
       "types": "./dist/preset.d.ts",
-      "source": "./preset.ts",
       "default": "./dist/preset.js"
     },
-    "./docs": {
-      "types": "./dist/docs/index.d.ts",
-      "source": "./docs/index.ts",
-      "default": "./dist/docs/index.js"
-    },
-    "./docs/vite": {
-      "types": "./dist/docs/vite.d.ts",
-      "source": "./docs/vite.ts",
-      "default": "./dist/docs/vite.js"
-    },
-    "./docs/chrome.css": "./docs/chrome.css",
     "./styles.css": "./dist/styles.css",
     "./base.css": "./dist/base.css",
     "./tokens.css": "./dist/tokens.css",
-    "./tokens/*": "./dist/tokens/*",
     "./tailwind.css": "./dist/tailwind.css",
     "./package.json": "./package.json"
   },
-  "typesVersions": {
-    "*": {
-      "primitives/*": [
-        "dist/primitives/*/index.d.ts"
-      ],
-      "components/*/variants": [
-        "dist/components/*/variants.d.ts"
-      ],
-      "components/*": [
-        "dist/components/*/index.d.ts"
-      ],
-      "blocks/*/variants": [
-        "dist/blocks/*/variants.d.ts"
-      ],
-      "blocks/*": [
-        "dist/blocks/*/index.d.ts"
-      ],
-      "lib/*": [
-        "dist/lib/*.d.ts"
-      ],
-      "unocss": [
-        "dist/preset.d.ts"
-      ],
-      "docs/vite": [
-        "dist/docs/vite.d.ts"
-      ],
-      "docs": [
-        "dist/docs/index.d.ts"
-      ]
-    }
-  },
   "scripts": {
-    "build": "bun scripts/exports.ts && rm -rf dist && NODE_ENV=production bunup && bun scripts/use-client.ts && bun scripts/build-css.ts",
+    "build": "rm -rf dist && NODE_ENV=production bunup && bun scripts/build-css.ts",
     "build:docs": "modo build --out docs-dist",
     "dev": "modo dev",
-    "check": "tsc --noEmit",
-    "test": "bun test",
-    "check:dist": "bun scripts/check-singletons.ts"
+    "check": "tsc --noEmit"
   },
   "dependencies": {
     "@base-ui/react": "1.4.1",
@@ -314,7 +91,7 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@justanarthur/modo": "0.9.0-canary.2",
+    "@justanarthur/modo": "0.9.0",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
     "bunup": "^0.16.0",