anentrypoint-design 0.0.489 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.489",
+  "version": "1.0.2",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",
@@ -62,14 +62,11 @@
     "./kits/os/freddie-dashboard.css": "./src/kits/os/freddie-dashboard.css",
     "./kits/os/freddie-dashboard.js": "./src/kits/os/freddie-dashboard.js",
     "./kits/os/icons.js": "./src/kits/os/icons.js",
-    "./kits/os/launcher.css": "./src/kits/os/launcher.css",
     "./kits/os/launcher.js": "./src/kits/os/launcher.js",
     "./kits/os/monitor-app.js": "./src/kits/os/monitor-app.js",
     "./kits/os/shell.js": "./src/kits/os/shell.js",
     "./kits/os/terminal-app.js": "./src/kits/os/terminal-app.js",
     "./kits/os/theme.css": "./src/kits/os/theme.css",
-    "./kits/os/validate.css": "./src/kits/os/validate.css",
-    "./kits/os/wm.css": "./src/kits/os/wm.css",
     "./kits/os/wm.js": "./src/kits/os/wm.js",
     "./kits/slides": {
       "import": "./src/kits/slides/index.js",

package/src/kits/os/launcher.css

@@ -1,89 +0,0 @@
-/* ============================================================
-   DEPRECATED: superseded by theme.css's .launcher-dock rules, the only
-   stylesheet any consumer actually links. createLauncher() (the API these
-   rules were paired to) was part of the now-removed validation harness --
-   renderDock() in launcher.js is the current API, styled by theme.css. Kept
-   as a package.json export map entry for now; scheduled for removal in the
-   next major version rather than a same-session delete.
-
-   Launcher dock — paired with createLauncher() (validation harness path)
-   Bible: tonal step from canvas, no borders, pill controls, lowercase.
-   ============================================================ */
-
-.launcher-dock {
-    position: fixed;
-    left: 0; top: 0; bottom: 0;
-    width: calc(var(--os-rail-w, 56px) + env(safe-area-inset-left, 0px));
-    background: var(--os-bg-2);
-    border: none;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: var(--space-2, 8px) 0;
-    padding-left: env(safe-area-inset-left, 0px);
-    gap: var(--space-2, 8px);
-    z-index: var(--z-dock);
-    pointer-events: auto;
-    font: 11px var(--os-mono);
-    color: var(--os-fg);
-    overflow: hidden;
-}
-
-.launcher-btn {
-    width: 40px; height: 40px;
-    background: transparent;
-    color: var(--os-fg-2);
-    cursor: pointer;
-    border-radius: var(--os-radius-sm);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0;
-    font: inherit;
-    text-transform: lowercase;
-    transition: background 80ms ease, color 80ms ease, box-shadow 80ms ease;
-}
-.launcher-btn:hover { background: var(--panel-hover, var(--os-bg-1)); color: var(--os-fg); }
-.launcher-btn:active { background: var(--panel-select, var(--os-accent-soft)); }
-.launcher-btn.active {
-    background: var(--panel-select, var(--os-accent-soft));
-    color: var(--os-fg);
-    box-shadow: inset 4px 0 0 var(--os-accent);
-}
-.launcher-add { color: var(--os-fg-2); }
-.launcher-add:hover { color: var(--os-accent); }
-.launcher-btn svg { width: 18px; height: 18px; display: block; fill: none; stroke: currentColor; }
-
-.launcher-instances {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 8px;
-    flex: 1 1 auto;
-    min-height: 0;
-    overflow-y: auto;
-    overflow-x: hidden;
-    width: 100%;
-}
-
-.launcher-row {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: var(--space-1, 4px);
-}
-
-.launcher-close { opacity: 0.7; width: 20px; height: 20px; color: var(--os-fg-3); }
-.launcher-close svg { width: 12px; height: 12px; }
-.launcher-close:hover { opacity: 1; color: var(--os-red); }
-/* Armed (first-click) confirm state for the second-click-to-confirm destructive
- * close — a visible "are you sure" cue before the instance actually closes. */
-.launcher-close.confirm { opacity: 1; color: var(--os-red); box-shadow: inset 0 0 0 1px var(--os-red); }
-
-.launcher-dock + .wm-root { left: calc(var(--os-rail-w, 56px) + env(safe-area-inset-left, 0px)) !important; }
-
-/* Touch tap-target floor for dock controls. */
-@media (pointer: coarse) {
-    .launcher-btn { width: 44px; height: 44px; }
-    .launcher-close { width: 44px; height: 44px; font-size: 13px; }
-}

package/src/kits/os/validate.css

@@ -1,26 +0,0 @@
-/* DEPRECATED: styled the validate.html harness, which thebird's README
-   documents as removed (headless CI flaked on the 61MB plugkit.wasm
-   cold-load). validator-app.js (the component this sheet styled) no longer
-   exists in this repo's source -- only a stale vendored copy remains in
-   thebird's docs/vendor/. Kept as a package.json export map entry for now;
-   scheduled for removal in the next major version rather than a
-   same-session delete. */
-body { margin: 0; padding: 24px; font-family: var(--os-font); background: var(--os-bg-0); color: var(--os-fg); }
-h1 { margin: 0 0 8px 0; font-size: 22px; font-weight: 600; }
-h3 { margin: 18px 0 6px 0; color: var(--os-fg-2); font-size: 13px; font-weight: 600; }
-.sub { color: var(--os-fg-2); margin-bottom: 20px; }
-table { border-collapse: collapse; width: 100%; max-width: 760px; }
-td { padding: 6px 12px; border-bottom: 1px solid var(--os-bg-3); }
-td.k { width: 280px; color: var(--os-fg-2); }
-td.v { font-weight: 600; }
-td.v.pass { color: var(--os-accent); }
-td.v.fail { color: var(--os-red); }
-td.v.pending { color: var(--os-amber); }
-.all { margin-top: 16px; padding: 12px; background: var(--os-bg-1); max-width: 760px; border-radius: var(--os-radius-sm); }
-.all.green { color: var(--os-accent); }
-.all.red { color: var(--os-red); }
-.err { color: var(--os-red); white-space: pre-wrap; margin-top: 12px; }
-a { color: var(--os-accent); text-decoration: none; }
-a:hover { color: var(--os-accent-2); }
-iframe.osframe { position: absolute; left: -9999px; top: 0; width: 1280px; height: 900px; border: 0; }
-iframe.osframe-phone { position: absolute; left: -9999px; top: 0; width: 414px; height: 720px; border: 0; }

package/src/kits/os/wm.css

@@ -1,190 +0,0 @@
-/* ============================================================
-   DEPRECATED: superseded by theme.css, which has a superset of these rules
-   (26 .wm-win selectors vs this file's 11) and is the only stylesheet any
-   consumer actually links. createWM() (the API these rules were paired to)
-   no longer exists -- renderWindow() in wm.js is the current API, styled by
-   theme.css. Kept as a package.json export map entry for now; scheduled for
-   removal in the next major version rather than a same-session delete.
-
-   Window Manager visuals — paired with createWM() behavior
-   Tokens: --os-* (defined by desktop/theme.css)
-   Bible: tonal surfaces, inset rail for focus, subtle hairline border +
-   elevation shadow on every window (stronger on wm-focused) so windows
-   read as distinct layers against a dark desktop background.
-   ============================================================ */
-
-.wm-root {
-    position: fixed;
-    inset: 0;
-    pointer-events: none;
-    z-index: var(--z-window);
-}
-
-.wm-win {
-    position: absolute;
-    min-width: 200px;
-    min-height: 120px;
-    /* Never exceed the .wm-root desktop area — a window sized on a large
-       monitor must stay recoverable when the viewport shrinks. */
-    max-width: 100%;
-    max-height: 100%;
-    background: var(--os-bg-1);
-    color: var(--os-fg);
-    border: 1px solid color-mix(in oklab, var(--os-fg) 14%, transparent);
-    border-radius: var(--os-radius, var(--r-2, 10px));
-    display: flex;
-    flex-direction: column;
-    pointer-events: auto;
-    overflow: hidden;
-    box-shadow: var(--shadow-2, 0 4px 12px rgba(0, 0, 0, .3));
-}
-.wm-win.wm-focused {
-    border-color: color-mix(in oklab, var(--os-fg) 28%, transparent);
-    box-shadow: inset 4px 0 0 var(--os-accent), var(--shadow-3, 0 12px 32px rgba(0, 0, 0, .4));
-}
-/* Promote to a compositor layer only for the duration of a drag/resize so the
-   per-frame left/top/width/height writes don't force a main-thread layout each
-   pointermove. Released on pointerup (class removed) to avoid the permanent
-   will-change memory/perf anti-pattern. */
-.wm-win.wm-dragging { will-change: left, top; }
-.wm-win.wm-resizing { will-change: width, height; }
-
-.wm-bar {
-    display: flex;
-    align-items: center;
-    min-height: 36px;
-    box-sizing: border-box;
-    padding: 8px 12px;
-    background: var(--os-bg-2);
-    cursor: move;
-    user-select: none;
-    gap: 8px;
-    touch-action: none;
-    border: none;
-}
-.wm-title {
-    flex: 1;
-    min-width: 0;
-    font: 12px var(--os-font);
-    color: var(--os-fg-2);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-transform: lowercase;
-}
-
-.wm-btns { display: flex; align-items: center; gap: 6px; }
-.wm-btn {
-    width: 26px;
-    height: 26px;
-    border: none;
-    background: var(--os-bg-3);
-    color: var(--os-fg-2);
-    cursor: pointer;
-    padding: 0;
-    font: 600 12px var(--os-mono);
-    line-height: 1;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: var(--os-radius-sm, var(--r-1, 6px));
-    transition: background 100ms ease, color 100ms ease;
-    touch-action: manipulation;
-}
-.wm-btn:hover { background: var(--panel-hover, var(--os-bg-1)); color: var(--os-fg); }
-/* Close gets its own hover color (red) so the destructive action is
-   distinguishable from minimize/maximize at a glance, not just by position. */
-.wm-btn[title='close']:hover,
-.wm-btn[aria-label='close']:hover {
-    background: var(--color-danger, #C41C0C);
-    color: var(--paper, #fff);
-}
-
-.wm-body {
-    flex: 1;
-    overflow: auto;
-    position: relative;
-    background: var(--os-bg-1);
-}
-
-.wm-resize {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    width: 16px;
-    height: 16px;
-    padding: 2px;
-    box-sizing: border-box;
-    cursor: nwse-resize;
-    background: transparent;
-    color: var(--os-fg-3);
-    opacity: 0.4;
-    touch-action: none;
-}
-.wm-resize:hover { opacity: 0.7; }
-/* Resize grip drawn with CSS (two diagonal hairlines) instead of a decorative
- * unicode content glyph; keeps the affordance, drops the glyph tell. */
-.wm-resize::after {
-    content: '';
-    position: absolute;
-    right: 3px;
-    bottom: 3px;
-    width: 9px;
-    height: 9px;
-    background:
-        linear-gradient(135deg, transparent 0 45%, currentColor 45% 55%, transparent 55% 100%),
-        linear-gradient(135deg, transparent 0 70%, currentColor 70% 80%, transparent 80% 100%);
-}
-
-/* Edge + corner resize hit-zones. Invisible (no glyph) — they only widen the
- * grab area beyond the SE .wm-resize grip. `width`/`height` are the grab
- * thickness; corners overlap edges and win via later source order + size. */
-.wm-edge { position: absolute; touch-action: none; z-index: var(--z-raised); }
-.wm-edge[data-dir='n'] { top: -3px; left: 8px; right: 8px; height: 8px; cursor: ns-resize; }
-.wm-edge[data-dir='s'] { bottom: -3px; left: 8px; right: 8px; height: 8px; cursor: ns-resize; }
-.wm-edge[data-dir='e'] { right: -3px; top: 8px; bottom: 8px; width: 8px; cursor: ew-resize; }
-.wm-edge[data-dir='w'] { left: -3px; top: 8px; bottom: 8px; width: 8px; cursor: ew-resize; }
-.wm-edge[data-dir='ne'] { top: -3px; right: -3px; width: 14px; height: 14px; cursor: nesw-resize; }
-.wm-edge[data-dir='nw'] { top: -3px; left: -3px; width: 14px; height: 14px; cursor: nwse-resize; }
-.wm-edge[data-dir='sw'] { bottom: -3px; left: -3px; width: 14px; height: 14px; cursor: nesw-resize; }
-
-.wm-win.wm-min .wm-edge,
-.wm-win.wm-max .wm-edge { display: none; }
-
-.wm-win.wm-min .wm-body,
-.wm-win.wm-min .wm-resize { display: none; }
-
-.wm-win.wm-min { display: none; }
-
-.wm-win.wm-max {
-    left: 0 !important;
-    top: 0 !important;
-    width: 100% !important;
-    height: 100% !important;
-    border-radius: 0;
-}
-
-/* Touch: lift resize hit-zones and window buttons toward the 44px floor
-   (wm.css must be self-sufficient; theme.css only covers .ds-247420). */
-@media (pointer: coarse) {
-    .wm-edge[data-dir='n'], .wm-edge[data-dir='s'] { height: 20px; }
-    .wm-edge[data-dir='e'], .wm-edge[data-dir='w'] { width: 20px; }
-    .wm-edge[data-dir='ne'], .wm-edge[data-dir='nw'], .wm-edge[data-dir='sw'] { width: 32px; height: 32px; }
-    .wm-resize { width: 32px; height: 32px; }
-    .wm-btn { min-width: 44px; min-height: 44px; }
-}
-
-/* Full-screen windows on phones AND short landscape phones — a width-only
-   query misses 812x375 landscape, which cannot host floating chrome. */
-@media (max-width: 767px), ((max-height: 500px) and (orientation: landscape) and (pointer: coarse)) {
-    .wm-win {
-        left: 0 !important;
-        top: 0 !important;
-        width: 100% !important;
-        height: 100% !important;
-        border-radius: 0;
-        border: none;
-    }
-    .wm-resize { display: none; }
-    .wm-edge { display: none; }
-}