@korso/shepherd-ui 0.5.1 → 0.7.0

package/dist/lib/selfhost.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { useState as s, useMemo as h } from "react";
-import { c as d, a as m, D as u } from "./Dashboard-qipRa5MO.js";
+import { c as d, a as m, D as u } from "./Dashboard-D7tbhMwK.js";
 const i = "shepherd.token";
 function p() {
   try {

package/dist/lib/styles.css

@@ -269,6 +269,7 @@
       .shepherd-config .readonly-value { margin:0; font-size:15px; color:var(--ink);
         padding:1px 0; font-weight:500; }
       .shepherd-general .leave { padding-top:4px; }
+      .shepherd-general .delete { padding-top:4px; }
       .shepherd-config button.danger { border-color:var(--drop); background:transparent; color:var(--drop);
         align-self:flex-start; }
       .shepherd-config button.danger:hover:not(:disabled) { background:var(--drop); color:var(--bg); }
@@ -288,10 +289,6 @@
         font-size:11px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--ink3); }
       .shepherd-config .helper { margin:0; font-size:12.5px; color:var(--ink2); }
       .shepherd-config .field > select { width:100%; }
-      .shepherd-config select {
-        appearance:none; -webkit-appearance:none; -moz-appearance:none;
-        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239c917a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-        background-repeat:no-repeat; background-position:right 28px center; padding-right:44px; }
       .shepherd-config .field__row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
       .shepherd-config .field__row > input { flex:1; min-width:200px; }
 
@@ -302,11 +299,22 @@
 
       .shepherd-config input, .shepherd-config select {
         padding:9px 12px; border-radius:8px; border:1px solid var(--line);
-        background:var(--bg); color:var(--ink); font:inherit;
+        /* background-COLOR, not the `background` shorthand — the shorthand
+           resets background-image and erases the select's chevron above. */
+        background-color:var(--bg); color:var(--ink); font:inherit;
         transition:border-color .12s ease, box-shadow .12s ease; }
       .shepherd-config input::placeholder { color:var(--ink3); }
       .shepherd-config input:focus, .shepherd-config select:focus {
         outline:none; border-color:var(--terr); box-shadow:0 0 0 3px rgba(122,106,72,.14); }
+      /* Select dropdown affordance. AFTER the shared input/select rule on
+         purpose: `padding` there is a shorthand and would reset the wider
+         padding-right reserved for the chevron. */
+      .shepherd-config select {
+        appearance:none; -webkit-appearance:none; -moz-appearance:none;
+        cursor:pointer;
+        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236f6450' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+        background-repeat:no-repeat; background-position:right 14px center; padding-right:40px; }
+      .shepherd-config select:hover:not(:disabled) { border-color:var(--terr); }
       .shepherd-config button {
         padding:9px 16px; border-radius:8px; border:1px solid var(--ink);
         background:var(--ink); color:var(--bg); font-weight:600; cursor:pointer; font:inherit;
@@ -417,3 +425,33 @@
         background:var(--ink); color:var(--bg); font-weight:600; cursor:pointer; font:inherit; }
       .shepherd-feedback__panel > button:hover:not(:disabled) { background:#413a2a; }
       .shepherd-feedback__panel > button:disabled { opacity:.55; cursor:default; }
+
+      /* Modal — a centered card over a dimmed backdrop. Used by the type-to-confirm
+         Delete workspace dialog. The first true modal in the app (the feedback
+         widget is an inline popover), so its chrome lives here rather than being
+         shared with .shepherd-feedback__panel. */
+      .shepherd-modal__backdrop {
+        position:fixed; inset:0; z-index:50; display:flex; align-items:center;
+        justify-content:center; padding:20px; background:rgba(30,24,12,.45); }
+      .shepherd-modal {
+        width:100%; max-width:440px; display:flex; flex-direction:column; gap:12px;
+        padding:22px; background:var(--card); border:1px solid var(--line);
+        border-radius:12px; box-shadow:0 16px 48px rgba(50,40,20,.28); }
+      .shepherd-modal h3 {
+        margin:0; font-size:13px; font-weight:600; letter-spacing:.04em;
+        text-transform:uppercase; color:var(--ink2); }
+      .shepherd-modal__body { margin:0; font-size:13.5px; line-height:1.5; color:var(--ink); }
+      .shepherd-modal__label { font-size:12.5px; color:var(--ink2); }
+      .shepherd-modal input {
+        width:100%; padding:9px 12px; border-radius:8px; border:1px solid var(--line);
+        background:var(--bg); color:var(--ink); font:inherit;
+        transition:border-color .12s ease, box-shadow .12s ease; }
+      .shepherd-modal input:focus {
+        outline:none; border-color:var(--terr); box-shadow:0 0 0 3px rgba(122,106,72,.14); }
+      .shepherd-modal [role="alert"] { margin:0; font-size:13px; color:var(--drop); }
+      .shepherd-modal__actions { display:flex; justify-content:flex-end; gap:10px; margin-top:4px; }
+      .shepherd-modal__actions button.danger {
+        border-color:var(--drop); background:transparent; color:var(--drop); }
+      .shepherd-modal__actions button.danger:hover:not(:disabled) {
+        background:var(--drop); color:var(--bg); }
+      .shepherd-modal__actions button:disabled { opacity:.55; cursor:default; }

package/dist/preview.js

@@ -61,6 +61,10 @@ const previewClient = {
         workspaces = [...workspaces, ws];
         return ws;
     },
+    deleteWorkspace: async (workspaceId) => {
+        workspaces = workspaces.filter((w) => w.id !== workspaceId);
+        return { deleted: true };
+    },
     mintToken: async (_workspaceId, body) => {
         const id = `tok_${nextTokenId++}`;
         tokens = [