@inkandswitch/patchwork-pkg-base 0.0.101 → 0.0.102

package/packages/packages/dist/index.js

@@ -139,7 +139,7 @@
   gap: 0.625rem;
   padding: 0.875rem 1rem 0;
   background: color-mix(in oklch, var(--pw-packages-fill), transparent 4%);
-  backdrop-filter: blur(6px);
+  backdrop-filter: var(--studio-backdrop-blur, blur(6px));
 }
 
 /* Row 1: filter (left) + a quiet summary pinned top-right. */
@@ -153,7 +153,7 @@
   flex: 1;
   min-width: 12rem;
   height: var(--pw-ctl-h);
-  border: 1px solid var(--pw-packages-border-strong);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border-strong);
   border-radius: var(--studio-radius-md, 8px);
   background: var(--pw-packages-fill);
   color: var(--pw-packages-line);
@@ -167,8 +167,8 @@
 .pw-packages__search:focus,
 .pw-packages__origin-chip:focus-visible,
 .pw-packages__tab:focus-visible {
-  outline: 2px solid var(--pw-packages-focus);
-  outline-offset: 1px;
+  outline: var(--studio-focus-ring, 2px solid var(--pw-packages-focus));
+  outline-offset: var(--studio-focus-ring-offset, 1px);
 }
 .pw-packages__stats {
   display: flex;
@@ -197,7 +197,7 @@
   flex-wrap: wrap;
   margin: 0.15rem -1rem 0;
   padding: 0 0.6rem;
-  border-bottom: 1px solid var(--pw-packages-border);
+  border-bottom: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border);
 }
 .pw-packages__tabs {
   display: flex;
@@ -206,7 +206,7 @@
 }
 .pw-packages__tab {
   appearance: none;
-  border: 1px solid transparent;
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) transparent;
   border-bottom: 0;
   background: transparent;
   color: var(--pw-packages-muted);
@@ -214,7 +214,7 @@
   font-size: 0.8125rem;
   padding: 0.4rem 0.9rem;
   border-radius: var(--studio-radius-md, 8px) var(--studio-radius-md, 8px) 0 0;
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
   margin-bottom: -1px;
   transition: color var(--studio-transition-fast, 0.1s ease);
 }
@@ -224,7 +224,7 @@
 .pw-packages__tab[data-active] {
   background: var(--pw-packages-fill);
   border-color: var(--pw-packages-border);
-  border-bottom: 1px solid var(--pw-packages-fill);
+  border-bottom: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-fill);
   color: var(--pw-packages-line);
   font-weight: 600;
 }
@@ -254,14 +254,14 @@
   display: inline-flex;
   align-items: center;
   gap: 0.375rem;
-  border: 1px solid var(--pw-packages-border-strong);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border-strong);
   background: var(--pw-packages-fill);
   color: var(--pw-packages-muted);
   border-radius: var(--studio-radius-round, 9999px);
   padding: 0.2rem 0.625rem;
   font: inherit;
   font-size: 0.75rem;
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
   transition: background var(--studio-transition-fast, 0.1s ease);
 }
 .pw-packages__origin-chip:hover {
@@ -295,7 +295,7 @@
   border-radius: var(--studio-radius-round, 9999px);
   font-size: 0.6875rem;
   font-weight: 600;
-  letter-spacing: 0.01em;
+  letter-spacing: var(--studio-chrome-letter-spacing, 0.01em);
   background: var(--pw-packages-core-fill);
   color: var(--pw-packages-core-text);
   white-space: nowrap;
@@ -323,7 +323,7 @@
   letter-spacing: 0.01em;
   color: var(--pw-packages-muted);
   background: transparent;
-  border: 1px dashed var(--pw-packages-border-strong);
+  border: var(--studio-border-width, 1px) dashed var(--pw-packages-border-strong);
   white-space: nowrap;
 }
 
@@ -342,7 +342,7 @@
   font-family: var(--pw-packages-family-code);
   font-size: 0.75rem;
   color: var(--pw-packages-muted);
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
   border-radius: 3px;
   padding: 0.05rem 0.2rem;
   margin: -0.05rem -0.2rem;
@@ -394,14 +394,14 @@
   flex-shrink: 0;
 }
 .pw-actions__btn {
-  border: 1px solid var(--pw-packages-border-strong);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border-strong);
   background: var(--pw-packages-raise);
   color: var(--pw-packages-muted);
   border-radius: var(--studio-radius-sm, 4px);
   font: inherit;
   font-size: 0.6875rem;
   padding: 0.15rem 0.55rem;
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
   transition: background var(--studio-transition-fast, 0.1s ease),
     color var(--studio-transition-fast, 0.1s ease),
     border-color var(--studio-transition-fast, 0.1s ease);
@@ -469,7 +469,7 @@
 }
 .pw-plugin__supports-label {
   text-transform: uppercase;
-  letter-spacing: 0.05em;
+  letter-spacing: var(--studio-chrome-letter-spacing, 0.05em);
   font-size: 0.625rem;
   font-family: var(--pw-packages-family);
   color: var(--pw-packages-faint);
@@ -501,7 +501,7 @@
   justify-content: flex-end;
   align-items: center;
   padding-bottom: 0.65rem;
-  border-bottom: 1px solid var(--pw-packages-border);
+  border-bottom: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border);
 }
 
 /* show-more toggle, valid inside the plugin/registry <ul>s */
@@ -516,8 +516,8 @@
   font: inherit;
   font-size: 0.75rem;
   color: var(--pw-packages-muted);
-  cursor: pointer;
-  border-bottom: 1px dashed var(--pw-packages-border-strong);
+  cursor: var(--studio-cursor-pointer, pointer);
+  border-bottom: var(--studio-border-width, 1px) dashed var(--pw-packages-border-strong);
 }
 .pw-more__btn:hover {
   color: var(--pw-packages-accent-text);
@@ -568,7 +568,7 @@
   padding: 1rem;
 }
 .pw-registry {
-  border-bottom: 1px solid var(--pw-packages-border);
+  border-bottom: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border);
 }
 .pw-registry__head {
   display: flex;
@@ -580,7 +580,7 @@
     var(--studio-secondary, #33ccf8),
     var(--pw-packages-fill) 94%
   );
-  border-bottom: 1px solid var(--pw-packages-border);
+  border-bottom: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border);
 }
 .pw-registry__name {
   margin: 0;
@@ -592,7 +592,7 @@
   font-size: 0.75rem;
   color: var(--pw-packages-muted);
   background: var(--pw-packages-fill);
-  border: 1px solid var(--pw-packages-border);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border);
   border-radius: var(--studio-radius-round, 9999px);
   padding: 0 0.5rem;
   font-variant-numeric: tabular-nums;
@@ -610,7 +610,7 @@
   border-left: 3px solid transparent;
 }
 .pw-regitem + .pw-regitem {
-  border-top: 1px solid var(--pw-packages-border);
+  border-top: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border);
 }
 .pw-regitem[data-origin="installed"] {
   border-left-color: var(--pw-packages-installed);
@@ -665,11 +665,11 @@
   color: var(--pw-packages-muted);
   font-weight: 600;
   white-space: nowrap;
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
   user-select: none;
 }
 .pw-table__th--plain {
-  cursor: default;
+  cursor: var(--studio-cursor-default, default);
 }
 .pw-table__th[data-sorted] {
   color: var(--pw-packages-line);
@@ -679,7 +679,7 @@
   margin-left: 0.25rem;
 }
 .pw-table__row {
-  border-bottom: 1px solid var(--pw-packages-border);
+  border-bottom: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border);
 }
 .pw-table__row:hover {
   background: var(--pw-packages-raise);
@@ -728,7 +728,7 @@
   align-items: baseline;
   gap: 0.5rem;
   flex-wrap: wrap;
-  border: 1px solid var(--pw-packages-border-strong);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border-strong);
   border-left: 3px solid var(--pw-packages-unknown);
   border-radius: var(--studio-radius-md, 8px);
   background: var(--pw-packages-unknown-fill);
@@ -747,7 +747,7 @@
   padding: 1rem 1.25rem 0;
 }
 .pw-broken__box {
-  border: 1px solid
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid)
     color-mix(in oklch, var(--pw-packages-danger), var(--pw-packages-fill) 45%);
   border-left: 3px solid var(--pw-packages-danger);
   border-radius: var(--studio-radius-md, 8px);
@@ -768,7 +768,7 @@
   font-size: 0.75rem;
   font-weight: 650;
   text-transform: uppercase;
-  letter-spacing: 0.04em;
+  letter-spacing: var(--studio-chrome-letter-spacing, 0.04em);
   color: color-mix(in oklch, var(--pw-packages-danger), var(--pw-packages-line) 30%);
 }
 .pw-broken__name {
@@ -823,17 +823,17 @@
 .pw-modal {
   position: fixed;
   inset: 0;
-  z-index: 50;
+  z-index: var(--studio-layer-modal, 50);
   display: flex;
   align-items: flex-start;
   justify-content: center;
   padding: max(6vh, 2rem) 1rem 2rem;
-  background: color-mix(in oklch, var(--pw-packages-line), transparent 55%);
-  backdrop-filter: blur(2px);
+  background: var(--studio-backdrop, color-mix(in oklch, var(--pw-packages-line), transparent 55%));
+  backdrop-filter: var(--studio-backdrop-blur, blur(2px));
   overflow-y: auto;
   /* Same enter as threepane's frame popover: the wash fades, the card lifts in.
      Closing is instant. */
-  transition: opacity 150ms ease;
+  transition: opacity var(--studio-transition, 150ms ease);
 }
 @starting-style {
   .pw-modal {
@@ -848,12 +848,12 @@
   padding: 1.25rem 1.375rem 1.125rem;
   background: var(--pw-packages-fill);
   color: var(--pw-packages-line);
-  border: 1px solid var(--pw-packages-border-strong);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border-strong);
   border-radius: var(--studio-radius-lg, 12px);
   box-shadow: 0 12px 40px color-mix(in oklch, var(--pw-packages-line), transparent 78%);
   transition:
-    opacity 200ms var(--studio-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
-    transform 200ms var(--studio-ease-out, cubic-bezier(0.23, 1, 0.32, 1));
+    opacity max(1ms, calc(200ms * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))) var(--studio-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
+    transform max(1ms, calc(200ms * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))) var(--studio-ease-out, cubic-bezier(0.23, 1, 0.32, 1));
 }
 @starting-style {
   .pw-install {
@@ -880,7 +880,7 @@
   font-size: 1.25rem;
   line-height: 1;
   padding: 0.1rem 0.3rem;
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
   border-radius: var(--studio-radius-sm, 4px);
 }
 .pw-install__close:hover {
@@ -898,7 +898,7 @@
 }
 .pw-install__input {
   width: 100%;
-  border: 1px solid var(--pw-packages-border-strong);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border-strong);
   border-radius: var(--studio-radius-sm, 4px);
   background: var(--pw-packages-fill);
   color: var(--pw-packages-line);
@@ -908,8 +908,8 @@
   padding: 0.5rem 0.625rem;
 }
 .pw-install__input:focus {
-  outline: 2px solid var(--pw-packages-focus);
-  outline-offset: 1px;
+  outline: var(--studio-focus-ring, 2px solid var(--pw-packages-focus));
+  outline-offset: var(--studio-focus-ring-offset, 1px);
 }
 .pw-install__preview {
   display: flex;
@@ -991,21 +991,21 @@
   color: var(--pw-packages-muted);
 }
 .pw-install__cancel {
-  border: 1px solid var(--pw-packages-border-strong);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--pw-packages-border-strong);
   background: var(--pw-packages-fill);
   color: var(--pw-packages-muted);
   border-radius: 999px;
   font: inherit;
   font-size: 0.8125rem;
   padding: 0.45rem 0.9rem;
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
 }
 .pw-install__cancel:hover {
   background: var(--pw-packages-raise);
   color: var(--pw-packages-line);
 }
 .pw-install__add {
-  border: 1px solid
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid)
     color-mix(in oklch, var(--pw-packages-accent), var(--pw-packages-line) 12%);
   background: color-mix(
     in oklch,
@@ -1018,7 +1018,7 @@
   font-size: 0.8125rem;
   font-weight: 650;
   padding: 0.45rem 1.05rem;
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
   box-shadow: 0 2px 6px
     color-mix(in oklch, var(--pw-packages-accent), transparent 74%);
   transition: background var(--studio-transition-fast, 0.1s ease),
@@ -1032,8 +1032,8 @@
   );
 }
 .pw-install__add:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
+  opacity: var(--studio-disabled-opacity, 0.5);
+  cursor: var(--studio-cursor-not-allowed, not-allowed);
   box-shadow: none;
 }`));
       document.head.appendChild(elementStyle);

package/packages/raw/raw-editor.js

@@ -56,7 +56,7 @@ const STYLES = `
   justify-content: space-between;
   gap: 0.5rem;
   padding-bottom: 0.5rem;
-  border-bottom: 1px solid var(--re-border);
+  border-bottom: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--re-border);
   flex-shrink: 0;
 }
 .re-url {
@@ -67,8 +67,8 @@ const STYLES = `
   white-space: nowrap;
   min-width: 0;
   flex: 1;
-  cursor: pointer;
-  transition: opacity 0.15s;
+  cursor: var(--studio-cursor-pointer, pointer);
+  transition: opacity max(1ms, calc(0.15s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)));
   user-select: none;
 }
 .re-url:hover { opacity: 0.7; }
@@ -86,17 +86,17 @@ const STYLES = `
   border-radius: 0.3rem;
   font-size: 0.68rem;
   font-weight: 500;
-  cursor: pointer;
-  border: 1px solid var(--re-border);
+  cursor: var(--studio-cursor-pointer, pointer);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--re-border);
   background: transparent;
   color: inherit;
   opacity: 0.7;
-  transition: opacity 0.1s, background 0.1s;
+  transition: opacity max(1ms, calc(0.1s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))), background max(1ms, calc(0.1s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)));
   white-space: nowrap;
   font-family: inherit;
 }
 .re-btn:hover:not(:disabled) { opacity: 1; background: var(--re-btn-hover); }
-.re-btn:disabled { opacity: 0.25; cursor: default; }
+.re-btn:disabled { opacity: 0.25; cursor: var(--studio-cursor-default, default); }
 .re-icon { display: inline-flex; align-items: center; }
 .re-icon svg { display: block; }
 .re-scroll {
@@ -129,7 +129,7 @@ const STYLES = `
   width: 18px;
   height: 18px;
   flex-shrink: 0;
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
   opacity: 0.5;
   border-radius: 3px;
 }
@@ -148,7 +148,7 @@ const STYLES = `
 }
 .re-automerge-url {
   color: var(--re-link) !important;
-  cursor: pointer !important;
+  cursor: var(--studio-cursor-pointer, pointer) !important;
   text-decoration: underline;
 }
 .re-automerge-url:hover { color: var(--re-link-hover) !important; }
@@ -157,7 +157,7 @@ const STYLES = `
   gap: 2px;
   margin-left: 6px;
   opacity: 0;
-  transition: opacity 0.1s;
+  transition: opacity max(1ms, calc(0.1s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)));
 }
 .re-act {
   display: inline-flex;
@@ -166,7 +166,7 @@ const STYLES = `
   width: 20px;
   height: 20px;
   border-radius: 3px;
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
   opacity: 0.5;
 }
 .re-act:hover { opacity: 1; background: var(--re-btn-hover); }
@@ -180,7 +180,7 @@ const STYLES = `
   font-family: inherit;
   font-size: inherit;
   padding: 3px 6px;
-  border: 1px solid var(--re-input-border);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--re-input-border);
   border-radius: 4px;
   background: var(--re-input-bg);
   color: var(--re-input-color);
@@ -193,11 +193,11 @@ const STYLES = `
   font-family: inherit;
   font-size: 0.85em;
   padding: 1px 2px;
-  border: 1px solid var(--re-input-border);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--re-input-border);
   border-radius: 3px;
   background: var(--re-input-bg);
   color: var(--re-input-color);
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
 }
 .re-edit-btn {
   display: inline-flex;
@@ -206,7 +206,7 @@ const STYLES = `
   width: 20px;
   height: 20px;
   border-radius: 3px;
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
   opacity: 0.6;
 }
 .re-edit-btn:hover { opacity: 1; background: var(--re-btn-hover); }
@@ -215,14 +215,14 @@ const STYLES = `
 .raw-editor-wrapper { position: relative; }
 .re-cm-overlay {
   position: absolute;
-  z-index: 9999;
+  z-index: var(--studio-layer-popover, 9999);
   display: flex;
   flex-direction: column;
   gap: 4px;
   padding: 6px;
   border-radius: 6px;
   background: var(--re-overlay-bg);
-  border: 1px solid var(--re-input-border);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--re-input-border);
   box-shadow: 0 4px 16px color-mix(in srgb, var(--re-line) 15%, transparent), 0 0 0 1px var(--re-border);
 }
 .re-cm-host {
@@ -231,7 +231,7 @@ const STYLES = `
   border-radius: 4px;
   overflow: hidden;
   background: var(--re-input-bg);
-  border: 1px solid var(--re-input-border);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--re-input-border);
 }
 .re-cm-host .cm-editor {
   background: transparent;
@@ -269,7 +269,7 @@ const STYLES = `
 .u8-toggle {
   font-size: 0.68em;
   opacity: 0.5;
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
   text-decoration: underline;
   text-underline-offset: 2px;
   user-select: none;
@@ -292,16 +292,16 @@ const STYLES = `
   gap: 0.15em;
   margin-bottom: 0.4em;
   padding-bottom: 0.3em;
-  border-bottom: 1px solid var(--re-border);
+  border-bottom: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--re-border);
 }
 .u8-mode-btn {
   padding: 0.1em 0.45em;
   border-radius: 0.2em;
-  cursor: pointer;
+  cursor: var(--studio-cursor-pointer, pointer);
   opacity: 0.5;
   font-size: 0.9em;
   user-select: none;
-  transition: opacity 0.1s, background 0.1s;
+  transition: opacity max(1ms, calc(0.1s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))), background max(1ms, calc(0.1s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)));
 }
 .u8-mode-btn:hover { opacity: 0.8; background: var(--re-btn-hover); }
 .u8-mode-btn--active { opacity: 1; background: var(--re-mode-active-bg); font-weight: 600; }

package/packages/settings/dist/assets/FrameConfigurator-DVRBzIR-.js

@@ -1,3 +1,3 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("@layer package{:root,:host,[theme]{--configurator-fg: var(--editor-line, black);--configurator-fill: var(--editor-fill, white);--configurator-family: var(--editor-family-sans, system-ui, sans-serif);--configurator-family-code: var(--editor-family-code, ui-monospace, monospace);--configurator-accent: var(--studio-accent, oklch(.6 .15 250))}}.configurator{container-type:inline-size;padding:1.25rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto;font-family:var(--configurator-family);color:var(--configurator-fg)}.configurator.loading{opacity:.5;font-size:.875rem}.configurator-title{font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:inherit}.config-section{display:flex;flex-direction:column;gap:.625rem;padding-top:1rem;border-top:1px solid color-mix(in oklch,currentColor 10%,transparent)}.config-section:first-of-type{border-top:none;padding-top:0}.section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.5}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@container (max-width: 279px){.preview-grid{grid-template-columns:1fr}}@container (min-width: 400px){.preview-grid{grid-template-columns:repeat(3,1fr)}}.preview-card{display:flex;flex-direction:column;border:1.5px solid color-mix(in oklch,currentColor 12%,transparent);border-radius:.5rem;overflow:hidden;cursor:pointer;transition:border-color .12s,box-shadow .12s;background:none;color:inherit;padding:0;text-align:left}.preview-card:hover{border-color:color-mix(in oklch,currentColor 25%,transparent)}.preview-card[aria-checked=true]{border-color:var(--configurator-accent);box-shadow:0 0 0 1px var(--configurator-accent)}.preview-card-label{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.75rem;font-weight:500}.preview-card-check{margin-left:auto;color:var(--configurator-accent);flex-shrink:0;display:none}.preview-card[aria-checked=true] .preview-card-check{display:flex}.empty-message{font-size:.8125rem;opacity:.7;font-style:italic;margin:0;padding:.375rem 0}.toolbar-strip{display:flex;flex-wrap:wrap;gap:.375rem;align-items:flex-end}.toolbar-box{display:flex;flex-direction:row;align-items:center;border:1px solid color-mix(in oklch,currentColor 12%,transparent);border-radius:.375rem;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;transition:border-color .12s,opacity .15s,transform .2s ease}.toolbar-box:active{cursor:grabbing}.toolbar-box.dragging{opacity:0}.toolbar-box.shift-left{transform:translate(calc(-100% - .375rem))}.toolbar-box.shift-right{transform:translate(calc(100% + .375rem))}.toolbar-box-label{font-size:.6875rem;padding:.3125rem .625rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-box-remove{margin-right:.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:none;border-radius:50%;background:color-mix(in oklch,currentColor 10%,transparent);color:inherit;opacity:0;cursor:pointer;padding:0;transition:opacity .12s,background .12s,color .12s}.toolbar-box:hover .toolbar-box-remove{opacity:.5}.toolbar-box-remove:hover{opacity:1!important;color:#f04c5a;background:#f04c5a26}.toolbar-add-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:100%;min-height:3.5rem;border:1.5px dashed color-mix(in oklch,currentColor 18%,transparent);border-radius:.375rem;background:none;color:inherit;opacity:.45;cursor:pointer;padding:0;transition:opacity .12s,border-color .12s,background .12s}.toolbar-add-btn:hover{opacity:.8;border-color:color-mix(in oklch,currentColor 30%,transparent);background:color-mix(in oklch,currentColor 4%,transparent)}.context-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1.5px solid color-mix(in oklch,currentColor 12%,transparent)}.context-tab{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:1px solid color-mix(in oklch,currentColor 12%,transparent);border-bottom:none;border-radius:.375rem .375rem 0 0;background:none;color:inherit;font-size:.75rem;font-weight:500;cursor:grab;-webkit-user-select:none;user-select:none;margin-bottom:-1.5px;transition:background .12s,opacity .15s,transform .2s ease}.context-tab:active{cursor:grabbing}.context-tab.dragging{opacity:0}.context-tab.shift-left{transform:translate(-100%)}.context-tab.shift-right{transform:translate(100%)}.context-tab:hover{background:color-mix(in oklch,currentColor 6%,transparent)}.context-tab-remove{display:flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;border:none;border-radius:50%;background:none;color:inherit;opacity:.25;cursor:pointer;padding:0;flex-shrink:0;transition:opacity .12s,color .12s,background .12s}.context-tab-remove:hover{opacity:1;color:#f04c5a;background:#f04c5a1f}.context-tab-add{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:1px dashed color-mix(in oklch,currentColor 15%,transparent);border-bottom:none;border-radius:.375rem .375rem 0 0;background:none;color:inherit;font-size:.75rem;opacity:.45;cursor:pointer;margin-bottom:-1.5px;transition:opacity .12s,background .12s}.context-tab-add:hover{opacity:.8;background:color-mix(in oklch,currentColor 4%,transparent)}.add-popover-anchor{position:relative}.add-popover{position:absolute;bottom:calc(100% + .375rem);left:0;z-index:10;min-width:12rem;padding:.375rem;background:var(--configurator-fill);border:1px solid color-mix(in oklch,currentColor 15%,transparent);border-radius:.5rem;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f;display:flex;flex-direction:column;gap:2px}.add-popover-option{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;border:none;border-radius:.375rem;background:none;color:inherit;font-size:.8125rem;cursor:pointer;text-align:left;width:100%;transition:background .12s}.add-popover-option:hover{background:color-mix(in oklch,currentColor 8%,transparent)}.add-popover-option svg{opacity:.4;flex-shrink:0}.add-popover-custom{display:flex;align-items:center;gap:4px;padding:.375rem .375rem .25rem;border-top:1px solid color-mix(in oklch,currentColor 8%,transparent);margin-top:2px}.add-popover-custom-input{flex:1;min-width:0;padding:.25rem .375rem;border:1px solid color-mix(in oklch,currentColor 15%,transparent);border-radius:.25rem;background:none;color:inherit;font-size:.8125rem;font-family:var(--configurator-family-code);outline:none;transition:border-color .12s}.add-popover-custom-input::placeholder{opacity:.4;font-family:inherit;font-style:italic}.add-popover-custom-input:focus{border-color:color-mix(in oklch,currentColor 35%,transparent)}.add-popover-custom-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:.25rem;background:none;color:inherit;opacity:.5;cursor:pointer;flex-shrink:0;padding:0;transition:opacity .12s,background .12s}.add-popover-custom-btn:hover:not(:disabled){opacity:.8;background:color-mix(in oklch,currentColor 8%,transparent)}.add-popover-custom-btn:disabled{opacity:.2;cursor:default}.add-popover-done{display:flex;align-items:center;justify-content:center;padding:.3125rem;border:none;border-radius:.25rem;background:none;color:inherit;opacity:.5;font-size:.75rem;cursor:pointer;transition:background .12s,opacity .12s}.add-popover-done:hover{opacity:.8;background:color-mix(in oklch,currentColor 8%,transparent)}.theme-embed{border:1px solid color-mix(in oklch,currentColor 10%,transparent);border-radius:.5rem;overflow:hidden}.theme-embed patchwork-view{display:block;width:100%}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("@layer package{:root,:host,[theme]{--configurator-fg: var(--editor-line, black);--configurator-fill: var(--editor-fill, white);--configurator-family: var(--editor-family-sans, system-ui, sans-serif);--configurator-family-code: var(--editor-family-code, ui-monospace, monospace);--configurator-accent: var(--studio-accent, oklch(.6 .15 250))}}.configurator{container-type:inline-size;padding:1.25rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto;font-family:var(--configurator-family);color:var(--configurator-fg)}.configurator.loading{opacity:.5;font-size:.875rem}.configurator-title{font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:inherit}.config-section{display:flex;flex-direction:column;gap:.625rem;padding-top:1rem;border-top:var(--studio-border-width, 1px) var(--studio-border-style, solid) color-mix(in oklch,currentColor 10%,transparent)}.config-section:first-of-type{border-top:none;padding-top:0}.section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:var(--studio-chrome-letter-spacing, .06em);opacity:.5}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@container (max-width: 279px){.preview-grid{grid-template-columns:1fr}}@container (min-width: 400px){.preview-grid{grid-template-columns:repeat(3,1fr)}}.preview-card{display:flex;flex-direction:column;border:1.5px solid color-mix(in oklch,currentColor 12%,transparent);border-radius:.5rem;overflow:hidden;cursor:var(--studio-cursor-pointer, pointer);transition:border-color max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),box-shadow max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)));background:none;color:inherit;padding:0;text-align:left}.preview-card:hover{border-color:color-mix(in oklch,currentColor 25%,transparent)}.preview-card[aria-checked=true]{border-color:var(--configurator-accent);box-shadow:0 0 0 1px var(--configurator-accent)}.preview-card-label{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.75rem;font-weight:500}.preview-card-check{margin-left:auto;color:var(--configurator-accent);flex-shrink:0;display:none}.preview-card[aria-checked=true] .preview-card-check{display:flex}.empty-message{font-size:.8125rem;opacity:.7;font-style:italic;margin:0;padding:.375rem 0}.toolbar-strip{display:flex;flex-wrap:wrap;gap:.375rem;align-items:flex-end}.toolbar-box{display:flex;flex-direction:row;align-items:center;border:var(--studio-border-width, 1px) var(--studio-border-style, solid) color-mix(in oklch,currentColor 12%,transparent);border-radius:.375rem;overflow:hidden;cursor:var(--studio-cursor-grab, grab);-webkit-user-select:none;user-select:none;position:relative;transition:border-color max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),opacity max(1ms,calc(.15s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),transform max(1ms,calc(.2s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))) ease}.toolbar-box:active{cursor:var(--studio-cursor-grabbing, grabbing)}.toolbar-box.dragging{opacity:0}.toolbar-box.shift-left{transform:translate(calc(-100% - .375rem))}.toolbar-box.shift-right{transform:translate(calc(100% + .375rem))}.toolbar-box-label{font-size:.6875rem;padding:.3125rem .625rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-box-remove{margin-right:.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:none;border-radius:50%;background:color-mix(in oklch,currentColor 10%,transparent);color:inherit;opacity:0;cursor:var(--studio-cursor-pointer, pointer);padding:0;transition:opacity max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),background max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),color max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)))}.toolbar-box:hover .toolbar-box-remove{opacity:.5}.toolbar-box-remove:hover{opacity:1!important;color:#f04c5a;background:#f04c5a26}.toolbar-add-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:100%;min-height:3.5rem;border:1.5px dashed color-mix(in oklch,currentColor 18%,transparent);border-radius:.375rem;background:none;color:inherit;opacity:.45;cursor:var(--studio-cursor-pointer, pointer);padding:0;transition:opacity max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),border-color max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),background max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)))}.toolbar-add-btn:hover{opacity:.8;border-color:color-mix(in oklch,currentColor 30%,transparent);background:color-mix(in oklch,currentColor 4%,transparent)}.context-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1.5px solid color-mix(in oklch,currentColor 12%,transparent)}.context-tab{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:var(--studio-border-width, 1px) var(--studio-border-style, solid) color-mix(in oklch,currentColor 12%,transparent);border-bottom:none;border-radius:.375rem .375rem 0 0;background:none;color:inherit;font-size:.75rem;font-weight:500;cursor:var(--studio-cursor-grab, grab);-webkit-user-select:none;user-select:none;margin-bottom:-1.5px;transition:background max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),opacity max(1ms,calc(.15s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),transform max(1ms,calc(.2s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))) ease}.context-tab:active{cursor:var(--studio-cursor-grabbing, grabbing)}.context-tab.dragging{opacity:0}.context-tab.shift-left{transform:translate(-100%)}.context-tab.shift-right{transform:translate(100%)}.context-tab:hover{background:color-mix(in oklch,currentColor 6%,transparent)}.context-tab-remove{display:flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;border:none;border-radius:50%;background:none;color:inherit;opacity:.25;cursor:var(--studio-cursor-pointer, pointer);padding:0;flex-shrink:0;transition:opacity max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),color max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),background max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)))}.context-tab-remove:hover{opacity:1;color:#f04c5a;background:#f04c5a1f}.context-tab-add{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:var(--studio-border-width, 1px) dashed color-mix(in oklch,currentColor 15%,transparent);border-bottom:none;border-radius:.375rem .375rem 0 0;background:none;color:inherit;font-size:.75rem;opacity:.45;cursor:var(--studio-cursor-pointer, pointer);margin-bottom:-1.5px;transition:opacity max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),background max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)))}.context-tab-add:hover{opacity:.8;background:color-mix(in oklch,currentColor 4%,transparent)}.add-popover-anchor{position:relative}.add-popover{position:absolute;bottom:calc(100% + .375rem);left:0;z-index:var(--studio-layer-dropdown, 10);min-width:12rem;padding:.375rem;background:var(--configurator-fill);border:var(--studio-border-width, 1px) var(--studio-border-style, solid) color-mix(in oklch,currentColor 15%,transparent);border-radius:.5rem;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f;display:flex;flex-direction:column;gap:2px}.add-popover-option{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;border:none;border-radius:.375rem;background:none;color:inherit;font-size:.8125rem;cursor:var(--studio-cursor-pointer, pointer);text-align:left;width:100%;transition:background max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)))}.add-popover-option:hover{background:color-mix(in oklch,currentColor 8%,transparent)}.add-popover-option svg{opacity:.4;flex-shrink:0}.add-popover-custom{display:flex;align-items:center;gap:4px;padding:.375rem .375rem .25rem;border-top:var(--studio-border-width, 1px) var(--studio-border-style, solid) color-mix(in oklch,currentColor 8%,transparent);margin-top:2px}.add-popover-custom-input{flex:1;min-width:0;padding:.25rem .375rem;border:var(--studio-border-width, 1px) var(--studio-border-style, solid) color-mix(in oklch,currentColor 15%,transparent);border-radius:.25rem;background:none;color:inherit;font-size:.8125rem;font-family:var(--configurator-family-code);outline:none;transition:border-color max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)))}.add-popover-custom-input::placeholder{opacity:.4;font-family:inherit;font-style:italic}.add-popover-custom-input:focus{border-color:color-mix(in oklch,currentColor 35%,transparent)}.add-popover-custom-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:.25rem;background:none;color:inherit;opacity:.5;cursor:var(--studio-cursor-pointer, pointer);flex-shrink:0;padding:0;transition:opacity max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),background max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)))}.add-popover-custom-btn:hover:not(:disabled){opacity:.8;background:color-mix(in oklch,currentColor 8%,transparent)}.add-popover-custom-btn:disabled{opacity:.2;cursor:var(--studio-cursor-default, default)}.add-popover-done{display:flex;align-items:center;justify-content:center;padding:.3125rem;border:none;border-radius:.25rem;background:none;color:inherit;opacity:.5;font-size:.75rem;cursor:var(--studio-cursor-pointer, pointer);transition:background max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1))),opacity max(1ms,calc(.12s * var(--studio-motion-scale, 1) * var(--studio-motion-preference, 1)))}.add-popover-done:hover{opacity:.8;background:color-mix(in oklch,currentColor 8%,transparent)}.theme-embed{border:var(--studio-border-width, 1px) var(--studio-border-style, solid) color-mix(in oklch,currentColor 10%,transparent);border-radius:.5rem;overflow:hidden}.theme-embed patchwork-view{display:block;width:100%}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 import{render as le,createComponent as y,insert as v,getOwner as ae,effect as E,template as w,use as ne,setAttribute as I,className as W,delegateEvents as ce}from"solid-js/web";import{getRegistry as ue}from"@inkandswitch/patchwork-plugins";import{accept as J}from"@inkandswitch/patchwork-providers";import{onCleanup as re,createMemo as x,createContext as de,useContext as fe,createResource as pe,createEffect as he,Show as P,For as V,createSignal as M}from"solid-js";import{createStore as oe,reconcile as U,produce as Ce}from"solid-js/store";function me(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var j={exports:{}},N,Z;function ge(){if(Z)return N;Z=1;var e=1e3,n=e*60,o=n*60,t=o*24,c=t*7,d=t*365.25;N=function(i,r){r=r||{};var l=typeof i;if(l==="string"&&i.length>0)return a(i);if(l==="number"&&isFinite(i))return r.long?h(i):p(i);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(i))};function a(i){if(i=String(i),!(i.length>100)){var r=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(i);if(r){var l=parseFloat(r[1]),f=(r[2]||"ms").toLowerCase();switch(f){case"years":case"year":case"yrs":case"yr":case"y":return l*d;case"weeks":case"week":case"w":return l*c;case"days":case"day":case"d":return l*t;case"hours":case"hour":case"hrs":case"hr":case"h":return l*o;case"minutes":case"minute":case"mins":case"min":case"m":return l*n;case"seconds":case"second":case"secs":case"sec":case"s":return l*e;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return l;default:return}}}}function p(i){var r=Math.abs(i);return r>=t?Math.round(i/t)+"d":r>=o?Math.round(i/o)+"h":r>=n?Math.round(i/n)+"m":r>=e?Math.round(i/e)+"s":i+"ms"}function h(i){var r=Math.abs(i);return r>=t?s(i,r,t,"day"):r>=o?s(i,r,o,"hour"):r>=n?s(i,r,n,"minute"):r>=e?s(i,r,e,"second"):i+" ms"}function s(i,r,l,f){var C=r>=l*1.5;return Math.round(i/l)+" "+f+(C?"s":"")}return N}var z,K;function ve(){if(K)return z;K=1;function e(n){t.debug=t,t.default=t,t.coerce=s,t.disable=p,t.enable=d,t.enabled=h,t.humanize=ge(),t.destroy=i,Object.keys(n).forEach(r=>{t[r]=n[r]}),t.names=[],t.skips=[],t.formatters={};function o(r){let l=0;for(let f=0;f<r.length;f++)l=(l<<5)-l+r.charCodeAt(f),l|=0;return t.colors[Math.abs(l)%t.colors.length]}t.selectColor=o;function t(r){let l,f=null,C,b;function u(...m){if(!u.enabled)return;const g=u,k=Number(new Date),L=k-(l||k);g.diff=L,g.prev=l,g.curr=k,l=k,m[0]=t.coerce(m[0]),typeof m[0]!="string"&&m.unshift("%O");let A=0;m[0]=m[0].replace(/%([a-zA-Z%])/g,(_,$)=>{if(_==="%%")return"%";A++;const D=t.formatters[$];if(typeof D=="function"){const R=m[A];_=D.call(g,R),m.splice(A,1),A--}return _}),t.formatArgs.call(g,m),(g.log||t.log).apply(g,m)}return u.namespace=r,u.useColors=t.useColors(),u.color=t.selectColor(r),u.extend=c,u.destroy=t.destroy,Object.defineProperty(u,"enabled",{enumerable:!0,configurable:!1,get:()=>f!==null?f:(C!==t.namespaces&&(C=t.namespaces,b=t.enabled(r)),b),set:m=>{f=m}}),typeof t.init=="function"&&t.init(u),u}function c(r,l){const f=t(this.namespace+(typeof l>"u"?":":l)+r);return f.log=this.log,f}function d(r){t.save(r),t.namespaces=r,t.names=[],t.skips=[];const l=(typeof r=="string"?r:"").trim().replace(/\s+/g,",").split(",").filter(Boolean);for(const f of l)f[0]==="-"?t.skips.push(f.slice(1)):t.names.push(f)}function a(r,l){let f=0,C=0,b=-1,u=0;for(;f<r.length;)if(C<l.length&&(l[C]===r[f]||l[C]==="*"))l[C]==="*"?(b=C,u=f,C++):(f++,C++);else if(b!==-1)C=b+1,u++,f=u;else return!1;for(;C<l.length&&l[C]==="*";)C++;return C===l.length}function p(){const r=[...t.names,...t.skips.map(l=>"-"+l)].join(",");return t.enable(""),r}function h(r){for(const l of t.skips)if(a(r,l))return!1;for(const l of t.names)if(a(r,l))return!0;return!1}function s(r){return r instanceof Error?r.stack||r.message:r}function i(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.")}return t.enable(t.load()),t}return z=e,z}var Y;function ye(){return Y||(Y=1,(function(e,n){var o={};n.formatArgs=c,n.save=d,n.load=a,n.useColors=t,n.storage=p(),n.destroy=(()=>{let s=!1;return()=>{s||(s=!0,console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."))}})(),n.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"];function t(){if(typeof window<"u"&&window.process&&(window.process.type==="renderer"||window.process.__nwjs))return!0;if(typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))return!1;let s;return typeof document<"u"&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||typeof window<"u"&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||typeof navigator<"u"&&navigator.userAgent&&(s=navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/))&&parseInt(s[1],10)>=31||typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)}function c(s){if(s[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+s[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;const i="color: "+this.color;s.splice(1,0,i,"color: inherit");let r=0,l=0;s[0].replace(/%[a-zA-Z%]/g,f=>{f!=="%%"&&(r++,f==="%c"&&(l=r))}),s.splice(l,0,i)}n.log=console.debug||console.log||(()=>{});function d(s){try{s?n.storage.setItem("debug",s):n.storage.removeItem("debug")}catch{}}function a(){let s;try{s=n.storage.getItem("debug")||n.storage.getItem("DEBUG")}catch{}return!s&&typeof process<"u"&&"env"in process&&(s=o.DEBUG),s}function p(){try{return localStorage}catch{}}e.exports=ve()(n);const{formatters:h}=e.exports;h.j=function(s){try{return JSON.stringify(s)}catch(i){return"[UnexpectedJSONParseError]: "+i.message}}})(j,j.exports)),j.exports}var we=ye();const be=me(we);var se=be("cabbages");function Q(e){return typeof e=="object"&&typeof e!=null&&Object.getPrototypeOf(e)==Object.prototype}var Fe="";function ke(e,...n){if(n.length==0){se("empty patch");return}const[o,t,c]=n;let d=[...o];for(;;){let a=d.shift();if(!d.length){const h=Array.isArray(t);if(Q(e)&&h&&typeof a>"u"&&typeof t[0]=="string"){delete e[t[0]];return}if(h||typeof t=="number"){if(typeof a>"u")throw new Error("cant treat top level as a seq");a=a;let[s,i]=Array.isArray(t)?t:[t,t+1];const r=Array.isArray(t)&&t.length==0;if(!r&&(s==null||i==null))throw new RangeError("it's all or nothing, no half measures");const l=typeof c>"u",f=s===i&&!l,C=r&&!l,b=!f&&!l&&!C;if(typeof e[a]>"u"){if(typeof e=="string")return;typeof c=="string"?e[a]="":e[a]=[]}let u=e[a];if(Array.isArray(u)){if(C){Array.isArray(c)?u.push(...c):u.push(c);return}if(f||b){Array.isArray(c)?u.splice(s,i-s,...c):u.splice(s,i-s,c);return}if(l){u.splice(s,i-s);return}throw new Error("i don't know what happened")}if(typeof u=="string"){if(C){e[a]=u+c;return}if(b||f){e[a]=u.slice(0,s)+(typeof c=="string"?c:c.map(m=>typeof m=="string"?m:Fe).join(""))+u.slice(i);return}if(l){e[a]=u.slice(0,s)+u.slice(i);return}throw new Error("i don't know what happened")}if(Q(u)&&h&&typeof t[0]=="string"){delete u[t[0]];return}throw new Error("not implemented")}if(typeof a>"u"){if(typeof t!="string")throw new Error(`can't index top-level map with ${t}`);typeof c>"u"?delete e[t]:e[t]=c;return}if(typeof e[a]>"u"&&(e[a]={}),h){let[s,i]=t;s!=null&&i!=null&&(typeof c>"u"&&s!=null&&i!=null?delete e[a][s||i]:e[a][s||i]=c)}else if(typeof c>"u")delete e[a][t];else{if(typeof e[a]=="string")return;e[a][t]=c}return}if(typeof a>"u")throw new Error("cant treat top level as a seq");a=a;let p=d[0];if(typeof e[a]>"u")if(typeof p=="string")e[a]={};else if(typeof p=="number")e[a]=[];else throw new Error(`can't go down this road ${e}.${a}.${p}`);e=e[a]}}function X(e,n){for(let o=0;o<n.length;o++)e=e?e[n[o]]:void 0;return e}function $e(e,n){const o=e.path.slice(0,-1),t=e.path[e.path.length-1];switch(e.action){case"mark":case"unmark":return se(`skipping ${e.action} because it doesn't affect material reality`),[];case"inc":if(n)return[o,t,X(n.patchInfo.after,e.path)];throw new Error(`can't apply ${e.action} without payload argument`);case"conflict":if(n)return[o,t,X(n.patchInfo.after,e.path)];throw new Error(`can't apply ${e.action} without payload argument`);case"del":return typeof t=="string"?[o,t]:[o,[t,t+(e.length||1)]];case"insert":return[o,[t,t],structuredClone(e.values)];case"splice":return[o,[t,t],[e.value]];case"put":return[o,t,structuredClone(e.value)]}}function _e(e){return n=>{for(let o of e.patches)ke(n,...$e(o,e))}}const S=new WeakMap;function Ae(e){if(re(()=>{const d=S.get(e);d&&(d.refs--||d.cleanup())}),S.has(e)){const d=S.get(e);return d.refs++,d.store}const[n,o]=oe(structuredClone(e.doc()));S.set(e,{refs:0,store:n,cleanup(){e.off("change",t),e.off("delete",c),S.delete(e)}});function t(d){if(d.scopeReplaced){o(U(d.doc??{}));return}o(Ce(_e(d)))}function c(){o(U({}))}return e.on("change",t),e.on("delete",c),e.whenReady().then(()=>{o(structuredClone(e.doc()))}),n}const T=e=>typeof e=="function"&&!e.length?e():e;function Ee(e){return x(()=>T(e)&&Ae(T(e)))}const ie=de(null);function xe(e,n){const o=fe(ie);if(!o)throw new Error("use outside <RepoContext> requires options.repo");const t=o;function c(){const p=T(e);if(!p)return;const h=t.findWithProgress(p).peek();return h.state==="ready"?h.handle:void 0}const[d,{mutate:a}]=pe(e,p=>t.findWithProgress(p).whenReady(),{initialValue:c()});return he(()=>{T(e)||a()}),d}function ee(e,n){const o=xe(e);return[Ee(o),o]}var Ie=w('<svg width=14 height=14 viewBox="0 0 14 14"fill=none stroke=var(--studio-chrome-line) stroke-width=1.5 stroke-linecap=round><line x1=7 y1=3 x2=7 y2=11></line><line x1=3 y1=7 x2=11 y2=7>'),De=w('<svg viewBox="0 0 10 10"fill=none stroke=var(--studio-chrome-line) stroke-width=1.5 stroke-linecap=round><line x1=2 y1=2 x2=8 y2=8></line><line x1=8 y1=2 x2=2 y2=8>'),Re=w('<svg width=12 height=12 viewBox="0 0 12 12"fill=none stroke=var(--studio-chrome-line) stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="2.5 6 5 8.5 9.5 3.5">'),Oe=w("<div class=add-popover><div class=add-popover-custom><input type=text class=add-popover-custom-input><button class=add-popover-custom-btn></button></div><button class=add-popover-done>Done"),Se=w("<button class=add-popover-option>"),Pe=w("<div class=preview-grid>"),Le=w("<div class=config-section><div class=section-label>"),je=w("<p class=empty-message>No tools available"),Me=w("<button class=preview-card><div class=preview-card-label><span></span><span class=preview-card-check>"),Te=w('<div class=config-section><div class=section-label></div><div><div class=add-popover-anchor><button class=toolbar-add-btn aria-label="Add doc titlebar tool">'),qe=w("<div><div class=toolbar-box-label></div><button class=toolbar-box-remove>"),Be=w("<div class=configurator>"),Ne=w('<div class="configurator loading">Loading configuration...'),ze=w("<p class=empty-message>Preparing layout configuration…"),Ue=w("<div class=config-section><div class=section-label>Theme</div><div class=theme-embed><patchwork-view tool-id=theme-picker>",!0,!1,!1);const Ge=250;function Ve(e){const n=ue(e),[o,t]=oe((n.all?.()??[]).map(a=>a)),c=()=>{const a=(n.all?.()??[]).map(p=>p);t(U(a))};c();const d=n.on("changed",c);return re(d),o}function te(e,n){return e.filter(o=>!o.unlisted&&(o.tags??[]).includes(n)).map(o=>({id:o.id,name:o.name||o.id})).sort((o,t)=>o.name.localeCompare(t.name))}const G=()=>Ie(),He=e=>{const n=()=>e.size??10;return(()=>{var o=De();return E(t=>{var c=n(),d=n();return c!==t.e&&I(o,"width",t.e=c),d!==t.t&&I(o,"height",t.t=d),t},{e:void 0,t:void 0}),o})()},We=()=>Re();function Je(e){const[n,o]=M(""),t=()=>{const c=n().trim();c&&(e.onAdd(c),o(""))};return(()=>{var c=Oe(),d=c.firstChild,a=d.firstChild,p=a.nextSibling,h=d.nextSibling;return v(c,y(V,{get each(){return e.available},children:s=>(()=>{var i=Se();return i.$$click=()=>e.onAdd(s.id),v(i,y(G,{}),null),v(i,()=>s.name,null),i})()}),d),a.$$keydown=s=>s.key==="Enter"&&t(),a.$$input=s=>o(s.currentTarget.value),p.$$click=t,v(p,y(G,{})),h.$$click=()=>e.onClose(),E(s=>{var i=e.customPlaceholder??"tool-id",r=!n().trim();return i!==s.e&&I(a,"placeholder",s.e=i),r!==s.t&&(p.disabled=s.t=r),s},{e:void 0,t:void 0}),E(()=>a.value=n()),c})()}function q(e){e.addEventListener("patchwork:subscribe",(n=>{n.detail.selector.type==="patchwork:selected-doc"?J(n,o=>{o([])}):n.detail.selector.type==="patchwork:selected-view"&&J(n,o=>{o(null)})}),!0)}function Ze(e){return(()=>{var n=Le(),o=n.firstChild;return v(o,()=>e.label),v(n,y(P,{get when(){return e.options.length>0},get fallback(){return je()},get children(){var t=Pe(),c=q;return typeof c=="function"?ne(c,t):q=t,v(t,y(V,{get each(){return e.options},children:d=>(()=>{var a=Me(),p=a.firstChild,h=p.firstChild,s=h.nextSibling;return a.$$click=()=>e.onChange(d.id),v(h,()=>d.name),v(s,y(We,{})),E(()=>I(a,"aria-checked",e.value===d.id)),a})()})),t}}),null),n})()}function Ke(e,n,o){return n===null||o===null?"":e===n?" dragging":o===n?"":n<o&&e>n&&e<=o?" shift-left":n>o&&e<n&&e>=o?" shift-right":""}function Ye(e){const[n,o]=M(!1),[t,c]=M(null),[d,a]=M(null);let p=null;const h=x(()=>e.values??[]),s=x(()=>new Set(h())),i=x(()=>e.allOptions.filter(u=>!s().has(u.id))),r=u=>e.allOptions.find(m=>m.id===u)?.name??u,l=u=>{e.setValues(h().filter((m,g)=>g!==u))},f=u=>{e.setValues([...h(),u])},C=u=>{p=u,a(u)},b=()=>{const u=t(),m=p;if(c(null),a(null),p=null,u==null||m==null||u===m)return;const g=[...h()],[k]=g.splice(u,1);g.splice(m,0,k),e.setValues(g)};return(()=>{var u=Te(),m=u.firstChild,g=m.nextSibling,k=g.firstChild,L=k.firstChild;v(m,()=>e.label);var A=q;return typeof A=="function"?ne(A,g):q=g,v(g,y(V,{get each(){return h()},children:(B,_)=>(()=>{var $=qe(),D=$.firstChild,R=D.nextSibling;return $.addEventListener("dragend",()=>b()),$.addEventListener("dragover",F=>{F.preventDefault(),F.dataTransfer.dropEffect="move",C(_())}),$.addEventListener("dragstart",F=>{F.dataTransfer.effectAllowed="move";const O=_();requestAnimationFrame(()=>{c(O),C(O)})}),I($,"draggable",!0),v(D,()=>r(B)),R.$$click=F=>{F.stopPropagation(),l(_())},v(R,y(He,{size:8})),E(F=>{var O=`toolbar-box${Ke(_(),t(),d())}`,H=`Remove ${r(B)}`;return O!==F.e&&W($,F.e=O),H!==F.t&&I(R,"aria-label",F.t=H),F},{e:void 0,t:void 0}),$})()}),k),L.$$click=()=>o(!n()),v(L,y(G,{})),v(k,y(P,{get when(){return n()},get children(){return y(Je,{get available(){return i()},onAdd:f,onClose:()=>o(!1)})}}),null),E(()=>W(g,`toolbar-strip${t()!==null?" is-dragging":""}`)),u})()}function Qe(e){const[n]=ee(()=>e.handle.url),[o,t]=ee(()=>n()?.tools?.threepane),c=Ve("patchwork:tool"),d=x(()=>te([...c],"frame-tool")),a=x(()=>te([...c],"titlebar-tool")),p=r=>typeof r=="string"?r:r[0],h=()=>o()?.doctitle?.tools?.map(p),s=r=>t()?.change(l=>{l.doctitle.tools=r.slice()}),i=(r,l)=>{e.handle.change(f=>{f[r]=l})};return y(P,{get when(){return n()},get fallback(){return Ne()},get children(){var r=Be();return v(r,y(Ze,{label:"Frame Tool",get value(){return n().frameToolId},onChange:l=>{i("frameToolId",l),setTimeout(async()=>{await e.element.repo.flush().catch(()=>null),window.location.reload()},Ge)},get options(){return d()}}),null),v(r,y(P,{get when(){return o()},get fallback(){return ze()},get children(){return y(Ye,{label:"Doc Titlebar",get values(){return h()},setValues:s,get allOptions(){return a()}})}}),null),v(r,y(P,{get when(){return n()?.toolStorage?.["theme-preferences"]},children:l=>(()=>{var f=Ue(),C=f.firstChild,b=C.nextSibling,u=b.firstChild;return u._$owner=ae(),E(()=>u.docUrl=l()),f})()}),null),r}})}function ot(e,n){const o=le(()=>y(ie.Provider,{get value(){return n.repo},get children(){return y(Qe,{handle:e,element:n})}}),n);return()=>o()}ce(["input","keydown","click"]);export{Qe as FrameConfigurator,ot as renderFrameConfigurator};
 //# sourceMappingURL=FrameConfigurator-DVRBzIR-.js.map