@ai-ecoverse/slicc-spectrum 1.18.0 → 1.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/slicc-dummy.js +4 -4
  2. package/dist/slicc-dummy.js.map +1 -1
  3. package/dist/slicc-ui.js +220 -148
  4. package/dist/slicc-ui.js.map +4 -4
  5. package/dist/types/app/sprinkle-tokens.d.ts +5 -0
  6. package/dist/types/app/sprinkle.d.ts +5 -4
  7. package/package.json +1 -1
package/dist/slicc-ui.js CHANGED
@@ -14305,7 +14305,65 @@ var SliccSettings = class extends ModelElement {
14305
14305
  };
14306
14306
 
14307
14307
  // src/app/sprinkle-theme.css
14308
- var sprinkle_theme_default = ':root {\n --s2-gray-25: #1a1a1a;\n --s2-gray-50: #1e1e1e;\n --s2-gray-75: #252525;\n --s2-gray-100: #2c2c2c;\n --s2-gray-200: #3a3a3a;\n --s2-gray-300: #4a4a4a;\n --s2-gray-400: #5a5a5a;\n --s2-gray-500: #6e6e6e;\n --s2-gray-600: #8a8a8a;\n --s2-gray-700: #a1a1a1;\n --s2-gray-800: #cfcfcf;\n --s2-gray-900: #e8e8e8;\n --s2-gray-1000: #ffffff;\n\n --s2-bg-base: var(--s2-gray-25);\n --s2-bg-layer-1: var(--s2-gray-50);\n --s2-bg-layer-2: var(--s2-gray-75);\n --s2-bg-elevated: var(--s2-gray-100);\n --s2-bg-sunken: #141414;\n\n --s2-content-default: var(--s2-gray-900);\n --s2-content-secondary: var(--s2-gray-700);\n --s2-content-tertiary: var(--s2-gray-600);\n --s2-content-disabled: var(--s2-gray-400);\n\n --slicc-cone: #ef7000;\n --slicc-scoop-blue: #3562ff;\n --slicc-scoop-purple: #a962e8;\n --slicc-scoop-teal: #2db9be;\n --slicc-accent: #15d675;\n\n --s2-accent: var(--slicc-scoop-blue);\n --s2-accent-hover: #4a75ff;\n --s2-accent-down: #2a52e0;\n\n --s2-negative: #e34850;\n --s2-positive: #2d9d78;\n --s2-informative: var(--slicc-scoop-blue);\n --s2-notice: #e68619;\n\n --s2-border-default: var(--s2-gray-300);\n --s2-border-subtle: var(--s2-gray-200);\n --s2-border-focus: var(--s2-accent);\n\n --s2-font-family:\n "adobe-clean-spectrum-vf", "Adobe Clean Spectrum VF", "Adobe Clean", "Source Sans Pro",\n -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n --s2-font-mono: "Source Code Pro", "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;\n\n --s2-font-size-50: 11px;\n --s2-font-size-75: 12px;\n --s2-font-size-100: 14px;\n --s2-font-size-200: 16px;\n --s2-font-size-300: 18px;\n --s2-font-size-400: 20px;\n --s2-font-size-500: 22px;\n --s2-font-size-600: 25px;\n\n --s2-line-height-50: 14px;\n --s2-line-height-75: 16px;\n --s2-line-height-100: 18px;\n --s2-line-height-200: 20px;\n --s2-line-height-300: 22px;\n\n --s2-spacing-50: 4px;\n --s2-spacing-75: 6px;\n --s2-spacing-100: 8px;\n --s2-spacing-200: 12px;\n --s2-spacing-300: 16px;\n --s2-spacing-400: 24px;\n --s2-spacing-500: 32px;\n --s2-spacing-600: 40px;\n\n --s2-radius-s: 4px;\n --s2-radius-default: 8px;\n --s2-radius-l: 12px;\n --s2-radius-xl: 16px;\n --s2-radius-pill: 9999px;\n\n --s2-shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 0.3);\n --s2-shadow-container: 0 1px 4px rgba(0, 0, 0, 0.2);\n\n --s2-transition-default: 130ms ease;\n\n --s2-header-height: 56px;\n\n --uxc-yellow-subtle-bg: #2e2719;\n --uxc-yellow-subtle-text: #df9b20;\n --uxc-purple-subtle-bg: #24192e;\n --uxc-purple-subtle-text: #b170e9;\n --uxc-cyan-subtle-bg: #19272e;\n --uxc-cyan-subtle-text: #209cdf;\n --uxc-magenta-subtle-bg: #2e1920;\n --uxc-magenta-subtle-text: #e5618e;\n --uxc-indigo-subtle-bg: #1f192e;\n --uxc-indigo-subtle-text: #977ae9;\n --uxc-gray-subtle-bg: #292929;\n --uxc-gray-subtle-text: #cfcfcf;\n --uxc-positive-subtle-bg: #192e25;\n --uxc-positive-subtle-text: #20df8a;\n --uxc-notice-subtle-bg: #2e2219;\n --uxc-notice-subtle-text: #e07829;\n --uxc-negative-subtle-bg: #2e1920;\n --uxc-negative-subtle-text: #e5618e;\n --uxc-accent-subtle-bg: #191d2e;\n --uxc-accent-subtle-text: #6d87ea;\n --uxc-neutral-subtle-bg: #252525;\n\n --uxc-nav-rail-width: 58px;\n --uxc-thread-header-height: 56px;\n --uxc-content-max-width: 800px;\n\n --slicc-warm-bg: color-mix(in oklch, var(--s2-gray-50) 94%, var(--slicc-cone) 6%);\n --slicc-brand-gradient: linear-gradient(\n 90deg,\n var(--slicc-cone) 0%,\n var(--slicc-scoop-blue) 50%,\n var(--slicc-scoop-purple) 100%\n );\n}\n\n:root.theme-light,\n:root:where(:has(body[data-theme="light"])) {\n --s2-gray-25: #ffffff;\n --s2-gray-50: #f8f8f8;\n --s2-gray-75: #f3f3f3;\n --s2-gray-100: #e9e9e9;\n --s2-gray-200: #e1e1e1;\n --s2-gray-300: #dadada;\n --s2-gray-400: #c6c6c6;\n --s2-gray-500: #8f8f8f;\n --s2-gray-600: #717171;\n --s2-gray-700: #505050;\n --s2-gray-800: #292929;\n --s2-gray-900: #131313;\n --s2-gray-1000: #000000;\n\n --s2-bg-sunken: #f3f3f3;\n\n --s2-accent: #3b63fb;\n --s2-accent-hover: #2b54db;\n --s2-accent-down: #1e44c4;\n\n --s2-negative: #d92361;\n --s2-positive: #05834e;\n --s2-notice: #d45b00;\n\n --uxc-yellow-subtle-bg: #fff197;\n --uxc-yellow-subtle-text: #8e5b00;\n --uxc-purple-subtle-bg: #f4ebfc;\n --uxc-purple-subtle-text: #8d30de;\n --uxc-cyan-subtle-bg: #d9f4fd;\n --uxc-cyan-subtle-text: #0a6ba0;\n --uxc-magenta-subtle-bg: #ffe8f0;\n --uxc-magenta-subtle-text: #c01f56;\n --uxc-indigo-subtle-bg: #ebeeff;\n --uxc-indigo-subtle-text: #5424db;\n --uxc-gray-subtle-bg: #efefef;\n --uxc-gray-subtle-text: #292929;\n --uxc-positive-subtle-bg: #d7f7e1;\n --uxc-positive-subtle-text: #067443;\n --uxc-notice-subtle-bg: #ffeccf;\n --uxc-notice-subtle-text: #a74800;\n --uxc-negative-subtle-bg: #ffe8f0;\n --uxc-negative-subtle-text: #c01f56;\n --uxc-accent-subtle-bg: #e5f0fe;\n --uxc-accent-subtle-text: #2350fb;\n --uxc-neutral-subtle-bg: #f3f3f3;\n\n --s2-shadow-elevated:\n 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04), 0 0px 2px rgba(0, 0, 0, 0.12);\n --s2-shadow-container:\n 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04), 0 0px 1px rgba(0, 0, 0, 0.08);\n}\n\n.theme-light .tok-keyword,\n:root:where(:has(body[data-theme="light"])) .tok-keyword {\n color: #8839ef;\n}\n.theme-light .tok-string,\n:root:where(:has(body[data-theme="light"])) .tok-string {\n color: #40a02b;\n}\n.theme-light .tok-number,\n:root:where(:has(body[data-theme="light"])) .tok-number {\n color: #d05d1a;\n}\n.theme-light .tok-comment,\n:root:where(:has(body[data-theme="light"])) .tok-comment {\n color: var(--s2-gray-500);\n}\n.theme-light .tok-punct,\n:root:where(:has(body[data-theme="light"])) .tok-punct {\n color: #1e66f5;\n}\n.theme-light .tok-fn,\n:root:where(:has(body[data-theme="light"])) .tok-fn {\n color: #2b6cb0;\n}\n\n.theme-light .s2-tooltip,\n:root:where(:has(body[data-theme="light"])) .s2-tooltip {\n background: var(--s2-gray-900);\n color: var(--s2-gray-25);\n}\n\n.theme-light ::-webkit-scrollbar-thumb,\n:root:where(:has(body[data-theme="light"])) ::-webkit-scrollbar-thumb {\n background: var(--s2-gray-300);\n}\n.theme-light ::-webkit-scrollbar-thumb:hover,\n:root:where(:has(body[data-theme="light"])) ::-webkit-scrollbar-thumb:hover {\n background: var(--s2-gray-400);\n}\n\n.sprinkle-content {\n padding: var(--s2-spacing-200);\n}\n\n.sprinkle-heading {\n font-size: var(--s2-font-size-300);\n font-weight: 700;\n color: var(--s2-gray-900);\n margin: 0 0 var(--s2-spacing-100);\n line-height: 1.3;\n letter-spacing: 0;\n}\n.sprinkle-heading--m {\n font-size: var(--s2-font-size-200);\n}\n.sprinkle-heading--s {\n font-size: var(--s2-font-size-100);\n}\n.sprinkle-label {\n font-size: var(--s2-font-size-50);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--s2-gray-600);\n line-height: 1.3;\n margin: 0;\n}\n.sprinkle-body {\n font-size: var(--s2-font-size-100);\n font-weight: 400;\n color: var(--s2-content-default);\n line-height: 1.5;\n}\n.sprinkle-detail {\n font-size: var(--s2-font-size-75);\n font-weight: 500;\n color: var(--s2-gray-600);\n line-height: 1.3;\n}\n\n.sprinkle-icon {\n display: inline-block;\n width: 16px;\n height: 16px;\n stroke-width: 2;\n vertical-align: middle;\n}\n.sprinkle-icon svg {\n width: 100%;\n height: 100%;\n display: block;\n}\n\n.sprinkle-icon--xs {\n width: 12px;\n height: 12px;\n}\n.sprinkle-icon--s {\n width: 14px;\n height: 14px;\n}\n.sprinkle-icon--m {\n width: 16px;\n height: 16px;\n}\n.sprinkle-icon--l {\n width: 20px;\n height: 20px;\n}\n.sprinkle-icon--xl {\n width: 24px;\n height: 24px;\n}\n\n.sprinkle-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--s2-spacing-75);\n height: 32px;\n padding: 0 16px;\n border: 1px solid var(--s2-gray-200);\n border-radius: var(--s2-radius-xl);\n background: var(--s2-gray-50);\n color: var(--s2-gray-800);\n font-size: var(--s2-font-size-100);\n font-weight: 700;\n font-family: var(--s2-font-family);\n cursor: default;\n box-shadow: var(--s2-shadow-container);\n transition:\n background var(--s2-transition-default),\n border-color var(--s2-transition-default),\n transform var(--s2-transition-default);\n}\n.sprinkle-btn:hover {\n background: var(--s2-gray-100);\n}\n.sprinkle-btn:active {\n transform: scale(0.98);\n}\n.sprinkle-btn:focus-visible {\n outline: 2px solid var(--s2-border-focus);\n outline-offset: 2px;\n}\n.sprinkle-btn:disabled,\n.sprinkle-btn[disabled] {\n opacity: 0.4;\n pointer-events: none;\n}\n\n.sprinkle-btn--primary {\n background: var(--s2-accent);\n color: #fff;\n border-color: transparent;\n border-radius: var(--s2-radius-pill);\n box-shadow: none;\n}\n.sprinkle-btn--primary:hover {\n background: var(--s2-accent-hover);\n}\n.sprinkle-btn--primary:active {\n background: var(--s2-accent-down);\n transform: scale(0.98);\n}\n\n.sprinkle-btn--secondary {\n background: var(--s2-gray-50);\n border-color: var(--s2-gray-200);\n color: var(--s2-gray-800);\n}\n.sprinkle-btn--secondary:hover {\n background: var(--s2-gray-100);\n}\n\n.sprinkle-btn--negative {\n background: var(--s2-negative);\n color: var(--s2-gray-25);\n border-color: transparent;\n border-radius: var(--s2-radius-pill);\n box-shadow: none;\n}\n.sprinkle-btn--negative:hover {\n background: color-mix(in srgb, var(--s2-negative) 85%, #000);\n}\n\n.sprinkle-btn--quiet {\n background: transparent;\n border-color: transparent;\n box-shadow: none;\n color: var(--s2-gray-800);\n}\n.sprinkle-btn--quiet:hover {\n background: var(--s2-gray-100);\n}\n.sprinkle-btn-group {\n display: inline-flex;\n gap: var(--s2-spacing-100);\n}\n\n.sprinkle-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n border-radius: 8px;\n font-size: 12px;\n font-weight: 700;\n line-height: 16px;\n white-space: nowrap;\n background: var(--s2-gray-800);\n color: var(--s2-gray-25);\n}\n\n.sprinkle-badge--positive {\n background: var(--s2-positive);\n color: var(--s2-gray-25);\n}\n.sprinkle-badge--negative {\n background: var(--s2-negative);\n color: var(--s2-gray-25);\n}\n.sprinkle-badge--notice {\n background: var(--s2-notice);\n color: var(--s2-gray-25);\n}\n.sprinkle-badge--informative {\n background: var(--s2-informative);\n color: #fff;\n}\n.sprinkle-badge--accent {\n background: var(--s2-accent);\n color: #fff;\n}\n\n.sprinkle-badge--subtle {\n background: var(--uxc-neutral-subtle-bg);\n color: var(--s2-gray-700);\n}\n.sprinkle-badge--subtle.sprinkle-badge--positive {\n background: var(--uxc-positive-subtle-bg);\n color: var(--uxc-positive-subtle-text);\n}\n.sprinkle-badge--subtle.sprinkle-badge--negative {\n background: var(--uxc-negative-subtle-bg);\n color: var(--uxc-negative-subtle-text);\n}\n.sprinkle-badge--subtle.sprinkle-badge--notice {\n background: var(--uxc-notice-subtle-bg);\n color: var(--uxc-notice-subtle-text);\n}\n.sprinkle-badge--subtle.sprinkle-badge--informative {\n background: var(--uxc-accent-subtle-bg);\n color: var(--uxc-accent-subtle-text);\n}\n.sprinkle-badge--subtle.sprinkle-badge--accent {\n background: var(--uxc-accent-subtle-bg);\n color: var(--uxc-accent-subtle-text);\n}\n\n.sprinkle-badge--yellow {\n background: var(--uxc-yellow-subtle-bg);\n color: var(--uxc-yellow-subtle-text);\n}\n.sprinkle-badge--purple {\n background: var(--uxc-purple-subtle-bg);\n color: var(--uxc-purple-subtle-text);\n}\n.sprinkle-badge--cyan {\n background: var(--uxc-cyan-subtle-bg);\n color: var(--uxc-cyan-subtle-text);\n}\n.sprinkle-badge--magenta {\n background: var(--uxc-magenta-subtle-bg);\n color: var(--uxc-magenta-subtle-text);\n}\n.sprinkle-badge--indigo {\n background: var(--uxc-indigo-subtle-bg);\n color: var(--uxc-indigo-subtle-text);\n}\n.sprinkle-badge--gray {\n background: var(--uxc-gray-subtle-bg);\n color: var(--uxc-gray-subtle-text);\n}\n\n.sprinkle-badge--outline {\n background: transparent;\n color: var(--s2-content-secondary);\n box-shadow: inset 0 0 0 1px var(--s2-border-default);\n}\n.sprinkle-badge--outline.sprinkle-badge--positive {\n color: var(--s2-positive);\n box-shadow: inset 0 0 0 1px var(--s2-positive);\n}\n.sprinkle-badge--outline.sprinkle-badge--negative {\n color: var(--s2-negative);\n box-shadow: inset 0 0 0 1px var(--s2-negative);\n}\n.sprinkle-badge--outline.sprinkle-badge--notice {\n color: var(--s2-notice);\n box-shadow: inset 0 0 0 1px var(--s2-notice);\n}\n.sprinkle-badge--outline.sprinkle-badge--informative {\n color: var(--s2-informative);\n box-shadow: inset 0 0 0 1px var(--s2-informative);\n}\n\n.sprinkle-chip {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 6px 12px;\n border: 1px solid var(--s2-gray-200);\n border-radius: var(--s2-radius-pill);\n font-size: var(--s2-font-size-75);\n font-weight: 500;\n color: var(--s2-gray-800);\n background: var(--s2-bg-layer-1);\n cursor: default;\n transition: background var(--s2-transition-default);\n}\n.sprinkle-chip:hover {\n background: var(--s2-gray-100);\n}\n.sprinkle-chip svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n}\n\n.sprinkle-status-light {\n display: inline-flex;\n align-items: center;\n gap: var(--s2-spacing-75);\n font-size: var(--s2-font-size-75);\n color: var(--s2-content-default);\n}\n.sprinkle-status-light::before {\n content: "";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--s2-content-tertiary);\n flex-shrink: 0;\n}\n.sprinkle-status-light--positive::before {\n background: var(--s2-positive);\n}\n.sprinkle-status-light--negative::before {\n background: var(--s2-negative);\n}\n.sprinkle-status-light--notice::before {\n background: var(--s2-notice);\n}\n.sprinkle-status-light--informative::before {\n background: var(--s2-informative);\n}\n\n.sprinkle-status-light--m {\n font-size: var(--s2-font-size-100);\n color: var(--s2-gray-600);\n}\n.sprinkle-status-light--m::before {\n width: 10px;\n height: 10px;\n}\n\n.sprinkle-card {\n background: var(--s2-gray-25);\n border: 1px solid var(--s2-gray-300);\n border-radius: var(--s2-radius-xl);\n padding: var(--s2-spacing-400);\n box-shadow: var(--s2-shadow-container);\n transition: box-shadow var(--s2-transition-default);\n}\n.sprinkle-card:hover {\n box-shadow: var(--s2-shadow-elevated);\n}\n\n.sprinkle-stat-card {\n background: var(--s2-gray-25);\n border: 1px solid var(--s2-gray-300);\n border-radius: var(--s2-radius-xl);\n padding: var(--s2-spacing-200) var(--s2-spacing-300);\n text-align: center;\n box-shadow: var(--s2-shadow-container);\n transition: box-shadow var(--s2-transition-default);\n}\n.sprinkle-stat-card:hover {\n box-shadow: var(--s2-shadow-elevated);\n}\n.sprinkle-stat-card .value {\n font-size: var(--s2-font-size-500);\n font-weight: 700;\n color: var(--s2-content-default);\n line-height: 1.2;\n}\n.sprinkle-stat-card .label {\n font-size: var(--s2-font-size-75);\n font-weight: 500;\n color: var(--s2-gray-600);\n margin-top: var(--s2-spacing-50);\n}\n\n.sprinkle-action-card {\n display: flex;\n flex-direction: column;\n background: var(--s2-gray-25);\n border: 1px solid var(--s2-gray-200);\n border-radius: var(--s2-radius-xl);\n overflow: hidden;\n box-shadow: var(--s2-shadow-container);\n}\n.sprinkle-action-card__header {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 16px 24px;\n font-weight: 700;\n font-size: 16px;\n line-height: 1.3;\n color: var(--s2-gray-900);\n}\n.sprinkle-action-card__header .sprinkle-badge {\n margin-left: auto;\n}\n.sprinkle-action-card__title-group {\n display: flex;\n flex-direction: column;\n gap: 2px;\n min-width: 0;\n}\n\n.sprinkle-action-card__icon {\n width: 40px;\n height: 40px;\n min-width: 40px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n}\n.sprinkle-action-card__icon--yellow {\n background: var(--uxc-yellow-subtle-bg);\n color: var(--uxc-yellow-subtle-text);\n}\n.sprinkle-action-card__icon--blue {\n background: var(--uxc-accent-subtle-bg);\n color: var(--uxc-accent-subtle-text);\n}\n.sprinkle-action-card__icon--green {\n background: var(--uxc-positive-subtle-bg);\n color: var(--uxc-positive-subtle-text);\n}\n.sprinkle-action-card__icon--indigo {\n background: var(--uxc-indigo-subtle-bg);\n color: var(--uxc-indigo-subtle-text);\n}\n\n.sprinkle-action-card__meta {\n font-size: 12px;\n font-weight: 400;\n color: var(--s2-gray-600);\n}\n\n.sprinkle-action-card__header-actions {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-left: auto;\n font-size: 12px;\n font-weight: 500;\n color: var(--s2-gray-800);\n}\n.sprinkle-action-card__header-actions a {\n display: flex;\n align-items: center;\n gap: 4px;\n color: var(--s2-gray-800);\n text-decoration: none;\n}\n.sprinkle-action-card__body {\n padding: 0 24px 16px;\n font-size: 14px;\n color: var(--s2-gray-700);\n line-height: 1.5;\n}\n.sprinkle-action-card__actions {\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n padding: 12px 24px;\n border-top: 1px solid var(--s2-gray-200);\n}\n\nbody\n > :is(.sprinkle-card, .sprinkle-stat-card, .sprinkle-action-card):not(\n :has(~ :not(script, style, template)),\n :not(script, style, template) ~ *\n ),\nbody\n > :is(.sprinkle-card, .sprinkle-stat-card, .sprinkle-action-card):not(\n :has(~ :not(script, style, template)),\n :not(script, style, template) ~ *\n ):hover {\n background: transparent;\n border: 0;\n border-radius: 0;\n box-shadow: none;\n}\n\n.sprinkle-list-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px 24px;\n border-top: 1px solid var(--s2-gray-100);\n min-height: 56px;\n}\n.sprinkle-list-item__icon {\n width: 40px;\n height: 40px;\n min-width: 40px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n flex-shrink: 0;\n background: var(--s2-gray-75);\n}\n.sprinkle-list-item__content {\n flex: 1;\n min-width: 0;\n}\n.sprinkle-list-item__title {\n font-size: 14px;\n font-weight: 700;\n color: var(--s2-gray-900);\n line-height: 1.3;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.sprinkle-list-item__subtitle {\n font-size: 14px;\n font-weight: 400;\n color: var(--s2-gray-600);\n line-height: 1.5;\n margin-top: 2px;\n}\n.sprinkle-list-item__end {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n}\n\n.sprinkle-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 14px;\n border: 1px solid var(--s2-gray-100);\n border-radius: var(--s2-radius-default);\n overflow: hidden;\n}\n.sprinkle-table th {\n text-align: left;\n padding: 7px 16px;\n background: transparent;\n border-bottom: 1px solid var(--s2-gray-100);\n color: var(--s2-gray-700);\n font-weight: 700;\n font-size: 14px;\n line-height: 1.3;\n height: 32px;\n box-sizing: border-box;\n}\n.sprinkle-table td {\n padding: 12px 16px;\n border-bottom: 1px solid var(--s2-gray-100);\n color: var(--s2-content-default);\n font-size: 14px;\n line-height: 1.5;\n box-sizing: border-box;\n}\n.sprinkle-table tr:last-child td {\n border-bottom: none;\n}\n.sprinkle-table tr:hover td {\n background: var(--s2-gray-50);\n}\n\n.sprinkle-task-group {\n background: var(--s2-gray-50);\n border-radius: var(--s2-radius-default);\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.sprinkle-task-group__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.sprinkle-task-group__title {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 16px;\n font-weight: 700;\n color: var(--s2-gray-1000);\n}\n.sprinkle-task-group__title svg {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n}\n.sprinkle-task-group__meta {\n display: flex;\n align-items: center;\n gap: 16px;\n font-size: 12px;\n color: var(--s2-gray-600);\n}\n.sprinkle-task-item {\n display: flex;\n align-items: center;\n gap: 8px;\n height: 24px;\n padding-left: 4px;\n font-size: 14px;\n line-height: 18px;\n}\n.sprinkle-task-item--done {\n color: var(--s2-gray-600);\n}\n.sprinkle-task-item--pending {\n color: var(--s2-gray-800);\n}\n.sprinkle-task-item__check {\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n border-radius: 50%;\n border: 1.5px solid var(--s2-gray-400);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.sprinkle-task-item--done .sprinkle-task-item__check {\n background: var(--s2-positive);\n border-color: var(--s2-positive);\n}\n.sprinkle-task-item--done .sprinkle-task-item__check::after {\n content: "";\n width: 8px;\n height: 5px;\n border-left: 1.5px solid white;\n border-bottom: 1.5px solid white;\n transform: rotate(-45deg) translateY(-1px);\n}\n\n.sprinkle-progress-bar {\n display: flex;\n flex-direction: column;\n gap: var(--s2-spacing-75);\n --_bar-color: var(--s2-accent);\n}\n.sprinkle-progress-bar--positive {\n --_bar-color: var(--s2-positive);\n}\n.sprinkle-progress-bar--negative {\n --_bar-color: var(--s2-negative);\n}\n.sprinkle-progress-bar--notice {\n --_bar-color: var(--s2-notice);\n}\n.sprinkle-progress-bar--informative {\n --_bar-color: var(--s2-informative);\n}\n.sprinkle-progress-bar__header {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n font-size: var(--s2-font-size-75);\n color: var(--s2-content-default);\n}\n.sprinkle-progress-bar__header .label {\n font-weight: 400;\n}\n.sprinkle-progress-bar__header .value {\n font-weight: 400;\n color: var(--s2-gray-600);\n}\n.sprinkle-progress-bar__track {\n height: 4px;\n border-radius: var(--s2-radius-pill);\n background: var(--s2-gray-200);\n overflow: hidden;\n position: relative;\n}\n.sprinkle-progress-bar__track .fill {\n height: 100%;\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_bar-color, var(--s2-accent)));\n transition: width 300ms ease;\n}\n\n.sprinkle-progress-bar__track::after {\n content: "";\n position: absolute;\n inset: 0;\n right: auto;\n width: var(--progress, var(--value, 0%));\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_bar-color, var(--s2-accent)));\n transition: width 300ms ease;\n}\n.sprinkle-progress-bar__track:has(> .fill)::after {\n display: none;\n}\n\n.sprinkle-progress-bar:not(:has(.sprinkle-progress-bar__track)) {\n height: 4px;\n width: 100%;\n border-radius: var(--s2-radius-pill);\n background: var(--s2-gray-200);\n overflow: hidden;\n flex-direction: row;\n position: relative;\n}\n.sprinkle-progress-bar:not(:has(.sprinkle-progress-bar__track)) > .fill {\n height: 100%;\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_bar-color, var(--s2-accent)));\n transition: width 300ms ease;\n}\n.sprinkle-progress-bar:not(:has(.sprinkle-progress-bar__track))::after {\n content: "";\n position: absolute;\n inset: 0;\n right: auto;\n width: var(--progress, var(--value, 0%));\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_bar-color, var(--s2-accent)));\n transition: width 300ms ease;\n}\n.sprinkle-progress-bar:not(:has(.sprinkle-progress-bar__track)):has(> .fill)::after {\n display: none;\n}\n\n.sprinkle-meter {\n display: flex;\n flex-direction: column;\n gap: var(--s2-spacing-75);\n --_meter-color: var(--s2-informative);\n}\n.sprinkle-meter--positive {\n --_meter-color: var(--s2-positive);\n}\n.sprinkle-meter--notice {\n --_meter-color: var(--s2-notice);\n}\n.sprinkle-meter--negative {\n --_meter-color: var(--s2-negative);\n}\n.sprinkle-meter__header {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n font-size: var(--s2-font-size-75);\n color: var(--s2-content-default);\n}\n.sprinkle-meter__header .label {\n font-weight: 400;\n}\n.sprinkle-meter__header .value {\n font-weight: 400;\n color: var(--s2-gray-600);\n}\n.sprinkle-meter__track {\n height: 4px;\n border-radius: var(--s2-radius-pill);\n background: var(--s2-gray-200);\n overflow: hidden;\n position: relative;\n}\n.sprinkle-meter__track .fill {\n height: 100%;\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_meter-color));\n transition: width 300ms ease;\n}\n.sprinkle-meter__track::after {\n content: "";\n position: absolute;\n inset: 0;\n right: auto;\n width: var(--progress, var(--value, 0%));\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_meter-color));\n transition: width 300ms ease;\n}\n.sprinkle-meter__track:has(> .fill)::after {\n display: none;\n}\n\n.sprinkle-meter:not(:has(.sprinkle-meter__track)) {\n height: 4px;\n width: 100%;\n border-radius: var(--s2-radius-pill);\n background: var(--s2-gray-200);\n overflow: hidden;\n flex-direction: row;\n position: relative;\n}\n.sprinkle-meter:not(:has(.sprinkle-meter__track)) > .fill {\n height: 100%;\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_meter-color));\n transition: width 300ms ease;\n}\n.sprinkle-meter:not(:has(.sprinkle-meter__track))::after {\n content: "";\n position: absolute;\n inset: 0;\n right: auto;\n width: var(--progress, var(--value, 0%));\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_meter-color));\n transition: width 300ms ease;\n}\n.sprinkle-meter:not(:has(.sprinkle-meter__track)):has(> .fill)::after {\n display: none;\n}\n\n.sprinkle-kv-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n.sprinkle-kv-list li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(--s2-spacing-100) 0;\n border-bottom: 1px solid var(--s2-border-subtle);\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-kv-list li:last-child {\n border-bottom: none;\n}\n.sprinkle-kv-list .key {\n color: var(--s2-gray-600);\n font-weight: 400;\n}\n.sprinkle-kv-list .value {\n color: var(--s2-content-default);\n font-weight: 700;\n}\ndl.sprinkle-kv-list {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 0;\n font-size: var(--s2-font-size-75);\n}\ndl.sprinkle-kv-list dt,\ndl.sprinkle-kv-list dd {\n padding: var(--s2-spacing-100) 0;\n border-bottom: 1px solid var(--s2-border-subtle);\n margin: 0;\n}\ndl.sprinkle-kv-list dt {\n color: var(--s2-gray-600);\n font-weight: 400;\n padding-right: var(--s2-spacing-300);\n}\ndl.sprinkle-kv-list dd {\n color: var(--s2-content-default);\n font-weight: 700;\n text-align: right;\n}\ndl.sprinkle-kv-list dt:last-of-type,\ndl.sprinkle-kv-list dd:last-of-type {\n border-bottom: none;\n}\n\n.sprinkle-text-field {\n width: 100%;\n padding: 7px 12px;\n font-size: var(--s2-font-size-100);\n font-family: var(--s2-font-family);\n color: var(--s2-content-default);\n background: var(--s2-bg-layer-1);\n border: 1px solid var(--s2-gray-200);\n border-radius: var(--s2-radius-default);\n outline: none;\n transition: border-color var(--s2-transition-default);\n box-sizing: border-box;\n}\n.sprinkle-text-field::placeholder {\n color: var(--s2-content-secondary);\n}\n.sprinkle-text-field:hover {\n border-color: var(--s2-gray-700);\n}\n.sprinkle-text-field:focus {\n border-color: var(--s2-accent);\n box-shadow: 0 0 0 1px var(--s2-accent);\n}\n\n.sprinkle-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: var(--s2-spacing-200);\n}\n.sprinkle-stack {\n display: flex;\n flex-direction: column;\n gap: var(--s2-spacing-200);\n}\n.sprinkle-row {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-200);\n}\n\n.sprinkle-divider {\n border: none;\n border-top: 1px solid var(--s2-border-subtle);\n margin: var(--s2-spacing-200) 0;\n}\n.sprinkle-divider--medium {\n border-top-width: 2px;\n border-top-color: var(--s2-border-default);\n margin: var(--s2-spacing-300) 0;\n}\n\n.sprinkle-empty-state {\n text-align: center;\n padding: var(--s2-spacing-500) var(--s2-spacing-300);\n color: var(--s2-content-tertiary);\n font-size: var(--s2-font-size-100);\n}\n\n.sprinkle-toolbar {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n padding: var(--s2-spacing-100) var(--s2-spacing-200);\n border-bottom: 1px solid var(--s2-gray-200);\n background: var(--s2-gray-50);\n min-height: 40px;\n flex-shrink: 0;\n}\n.sprinkle-toolbar__start {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n}\n.sprinkle-toolbar__center {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n flex: 1;\n justify-content: center;\n}\n.sprinkle-toolbar__end {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n margin-left: auto;\n}\n\n.sprinkle-tabs {\n display: flex;\n gap: 0;\n border-bottom: 1px solid var(--s2-gray-200);\n background: var(--s2-gray-50);\n flex-shrink: 0;\n overflow-x: auto;\n}\n.sprinkle-tabs__tab {\n padding: var(--s2-spacing-100) var(--s2-spacing-200);\n font-size: var(--s2-font-size-100);\n font-weight: 500;\n color: var(--s2-gray-600);\n background: none;\n border: none;\n border-bottom: 2px solid transparent;\n cursor: default;\n white-space: nowrap;\n transition:\n color var(--s2-transition-default),\n border-color var(--s2-transition-default);\n font-family: var(--s2-font-family);\n}\n.sprinkle-tabs__tab:hover {\n color: var(--s2-gray-800);\n}\n.sprinkle-tabs__tab--active {\n color: var(--s2-gray-900);\n border-bottom-color: var(--s2-gray-900);\n font-weight: 700;\n}\n.sprinkle-tabs__panel {\n display: none;\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n.sprinkle-tabs__panel--active {\n display: flex;\n flex-direction: column;\n}\n\n.sprinkle-sidebar {\n display: flex;\n gap: 0;\n min-height: 0;\n flex: 1;\n}\n.sprinkle-sidebar__nav {\n width: 240px;\n min-width: 240px;\n overflow-y: auto;\n border-right: 1px solid var(--s2-gray-200);\n background: var(--s2-gray-50);\n padding: var(--s2-spacing-200) 0;\n}\n.sprinkle-sidebar__nav-item {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n padding: var(--s2-spacing-100) var(--s2-spacing-200);\n font-size: var(--s2-font-size-100);\n color: var(--s2-gray-700);\n cursor: default;\n border-radius: 0;\n transition: background var(--s2-transition-default);\n}\n.sprinkle-sidebar__nav-item:hover {\n background: var(--s2-gray-100);\n}\n.sprinkle-sidebar__nav-item--active {\n background: var(--s2-gray-800);\n color: var(--s2-gray-25);\n font-weight: 600;\n}\n.sprinkle-sidebar__nav-label {\n padding: var(--s2-spacing-200) var(--s2-spacing-200) var(--s2-spacing-50);\n font-size: var(--s2-font-size-50);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n color: var(--s2-gray-600);\n}\n.sprinkle-sidebar__main {\n flex: 1;\n min-width: 0;\n overflow-y: auto;\n padding: var(--s2-spacing-200);\n}\n\n.sprinkle-dialog {\n position: fixed;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n}\n.sprinkle-dialog[hidden] {\n display: none;\n}\n.sprinkle-dialog__backdrop {\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n}\n.sprinkle-dialog__content {\n position: relative;\n background: var(--s2-gray-25);\n border-radius: var(--s2-radius-xl);\n box-shadow: var(--s2-shadow-elevated);\n padding: var(--s2-spacing-400);\n max-width: min(560px, calc(100% - 32px));\n max-height: calc(100% - 64px);\n overflow-y: auto;\n min-width: 280px;\n}\n.sprinkle-dialog__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: var(--s2-spacing-300);\n}\n.sprinkle-dialog__title {\n font-size: var(--s2-font-size-200);\n font-weight: 700;\n color: var(--s2-content-default);\n}\n.sprinkle-dialog__close {\n width: 28px;\n height: 28px;\n border-radius: var(--s2-radius-pill);\n border: none;\n background: none;\n color: var(--s2-gray-600);\n cursor: default;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n transition: background var(--s2-transition-default);\n}\n.sprinkle-dialog__close:hover {\n background: var(--s2-gray-100);\n}\n.sprinkle-dialog__footer {\n display: flex;\n justify-content: flex-end;\n gap: var(--s2-spacing-100);\n margin-top: var(--s2-spacing-300);\n}\n\n.sprinkle-collapsible__header {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n padding: var(--s2-spacing-100) var(--s2-spacing-200);\n cursor: default;\n font-size: var(--s2-font-size-100);\n font-weight: 600;\n color: var(--s2-content-default);\n background: none;\n border: none;\n width: 100%;\n text-align: left;\n border-radius: var(--s2-radius-default);\n transition: background var(--s2-transition-default);\n font-family: var(--s2-font-family);\n}\n.sprinkle-collapsible__header:hover {\n background: var(--s2-gray-100);\n}\n.sprinkle-collapsible__chevron {\n display: inline-block;\n width: 16px;\n height: 16px;\n transition: transform 200ms ease;\n flex-shrink: 0;\n}\n.sprinkle-collapsible__chevron::before {\n content: "\\25B6";\n font-size: 10px;\n color: var(--s2-gray-600);\n}\n.sprinkle-collapsible--open .sprinkle-collapsible__chevron {\n transform: rotate(90deg);\n}\n.sprinkle-collapsible__body {\n display: none;\n padding: var(--s2-spacing-100) var(--s2-spacing-200) var(--s2-spacing-200)\n calc(var(--s2-spacing-200) + 16px + var(--s2-spacing-100));\n}\n.sprinkle-collapsible--open .sprinkle-collapsible__body {\n display: block;\n}\n\n.sprinkle-split {\n display: flex;\n gap: 0;\n min-height: 0;\n flex: 1;\n}\n.sprinkle-split > * {\n flex: 1;\n min-width: 0;\n overflow-y: auto;\n}\n.sprinkle-split > :not(:last-child) {\n border-right: 1px solid var(--s2-border-default);\n}\n.sprinkle-split--vertical {\n flex-direction: column;\n}\n.sprinkle-split--vertical > :not(:last-child) {\n border-right: none;\n border-bottom: 1px solid var(--s2-border-default);\n}\n\n.sprinkle-canvas {\n position: relative;\n width: 100%;\n overflow: hidden;\n border-radius: var(--s2-radius-l);\n background: var(--s2-bg-layer-1);\n}\n.sprinkle-canvas--16x9 {\n aspect-ratio: 16 / 9;\n}\n.sprinkle-canvas--4x3 {\n aspect-ratio: 4 / 3;\n}\n.sprinkle-canvas--1x1 {\n aspect-ratio: 1 / 1;\n}\n.sprinkle-canvas svg,\n.sprinkle-canvas canvas {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n.sprinkle-density-compact .sprinkle-content {\n padding: var(--s2-spacing-100);\n}\n.sprinkle-density-compact .sprinkle-heading {\n font-size: var(--s2-font-size-100);\n margin-bottom: var(--s2-spacing-50);\n}\n.sprinkle-density-compact .sprinkle-heading--m {\n font-size: 13px;\n}\n.sprinkle-density-compact .sprinkle-body {\n font-size: var(--s2-font-size-75);\n line-height: 1.4;\n}\n.sprinkle-density-compact .sprinkle-detail {\n font-size: var(--s2-font-size-50);\n}\n.sprinkle-density-compact .sprinkle-table th {\n padding: 5px 12px;\n font-size: var(--s2-font-size-50);\n height: 28px;\n}\n.sprinkle-density-compact .sprinkle-table td {\n padding: 6px 12px;\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-density-compact .sprinkle-btn {\n height: 26px;\n font-size: var(--s2-font-size-75);\n padding: 0 10px;\n}\n.sprinkle-density-compact .sprinkle-badge {\n font-size: 10px;\n padding: 2px 6px;\n}\n.sprinkle-density-compact .sprinkle-card {\n padding: var(--s2-spacing-200);\n}\n.sprinkle-density-compact .sprinkle-list-item {\n padding: 8px 16px;\n min-height: 40px;\n gap: 10px;\n}\n.sprinkle-density-compact .sprinkle-list-item__icon {\n width: 28px;\n height: 28px;\n min-width: 28px;\n font-size: 13px;\n}\n.sprinkle-density-compact .sprinkle-list-item__title {\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-density-compact .sprinkle-list-item__subtitle {\n font-size: 11px;\n}\n.sprinkle-density-compact .sprinkle-sidebar__nav-item {\n padding: 6px var(--s2-spacing-200);\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-density-compact .sprinkle-text-field {\n height: 28px;\n font-size: var(--s2-font-size-75);\n padding: 4px 8px;\n}\n.sprinkle-density-compact .sprinkle-tabs__tab {\n padding: 6px var(--s2-spacing-200);\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-density-compact .sprinkle-kv-list li {\n padding: 6px 0;\n font-size: var(--s2-font-size-50);\n}\n.sprinkle-density-compact .sprinkle-chip {\n padding: 3px 8px;\n font-size: 11px;\n}\n\n.sprinkle-density-spacious .sprinkle-content {\n padding: var(--s2-spacing-400);\n}\n.sprinkle-density-spacious .sprinkle-heading {\n font-size: var(--s2-font-size-500);\n margin-bottom: var(--s2-spacing-200);\n}\n.sprinkle-density-spacious .sprinkle-heading--m {\n font-size: var(--s2-font-size-300);\n}\n.sprinkle-density-spacious .sprinkle-body {\n font-size: 15px;\n line-height: 1.65;\n}\n.sprinkle-density-spacious .sprinkle-card {\n padding: var(--s2-spacing-500);\n}\n.sprinkle-density-spacious .sprinkle-btn {\n height: 36px;\n padding: 0 20px;\n}\n.sprinkle-density-spacious .sprinkle-action-card__body {\n padding: 0 32px 24px;\n font-size: 15px;\n}\n\n.sprinkle-panel {\n container-type: inline-size;\n}\n\n@container (max-width: 400px) {\n .sprinkle-sidebar {\n flex-direction: column;\n }\n .sprinkle-sidebar__nav {\n width: 100%;\n min-width: 0;\n max-height: 200px;\n border-right: none;\n border-bottom: 1px solid var(--s2-border-default);\n }\n .sprinkle-grid {\n grid-template-columns: 1fr;\n }\n .sprinkle-split:not(.sprinkle-split--vertical) {\n flex-direction: column;\n }\n .sprinkle-split:not(.sprinkle-split--vertical) > :not(:last-child) {\n border-right: none;\n border-bottom: 1px solid var(--s2-border-default);\n }\n .sprinkle-toolbar {\n flex-wrap: wrap;\n }\n}\n\n@container (min-width: 600px) {\n .sprinkle-sidebar__nav {\n width: 240px;\n min-width: 240px;\n }\n .sprinkle-grid {\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n }\n}\n';
14308
+ var sprinkle_theme_default = ':root {\n --s2-gray-25: var(--swc-gray-25);\n --s2-gray-50: var(--swc-gray-50);\n --s2-gray-75: var(--swc-gray-75);\n --s2-gray-100: var(--swc-gray-100);\n --s2-gray-200: var(--swc-gray-200);\n --s2-gray-300: var(--swc-gray-300);\n --s2-gray-400: var(--swc-gray-400);\n --s2-gray-500: var(--swc-gray-500);\n --s2-gray-600: var(--swc-gray-600);\n --s2-gray-700: var(--swc-gray-700);\n --s2-gray-800: var(--swc-gray-800);\n --s2-gray-900: var(--swc-gray-900);\n --s2-gray-1000: var(--swc-gray-1000);\n\n --s2-bg-base: var(--swc-background-base-color);\n --s2-bg-layer-1: var(--swc-background-layer-1-color);\n --s2-bg-layer-2: var(--swc-background-layer-2-color);\n --s2-bg-elevated: var(--swc-background-elevated-color);\n --s2-bg-sunken: var(--swc-background-pasteboard-color);\n\n --s2-content-default: var(--swc-neutral-content-color-default);\n --s2-content-secondary: var(--swc-neutral-subdued-content-color-default);\n --s2-content-tertiary: var(--swc-gray-600);\n --s2-content-disabled: var(--swc-disabled-content-color);\n --s2-content-accent: var(--swc-accent-content-color-default);\n --s2-content-negative: var(--swc-negative-content-color-default);\n --s2-content-positive: var(--swc-positive-color-900);\n --s2-content-notice: var(--swc-notice-color-900);\n --s2-content-informative: var(--swc-informative-color-900);\n\n --slicc-cone: #ef7000;\n --slicc-scoop-blue: #3562ff;\n --slicc-scoop-purple: #a962e8;\n --slicc-scoop-teal: #2db9be;\n --slicc-accent: #15d675;\n\n --s2-accent: var(--swc-accent-background-color-default);\n --s2-accent-hover: var(--swc-accent-background-color-hover);\n --s2-accent-down: var(--swc-accent-background-color-down);\n\n --s2-negative: var(--swc-negative-background-color-default);\n --s2-positive: var(--swc-positive-background-color-default);\n --s2-informative: var(--swc-informative-background-color-default);\n --s2-notice: var(--swc-notice-background-color-default);\n\n --s2-border-default: var(--swc-gray-300);\n --s2-border-subtle: var(--swc-gray-200);\n --s2-border-focus: var(--swc-focus-indicator-color);\n\n --s2-font-family:\n adobe-clean-spectrum-vf, "Adobe Clean Spectrum VF", adobe-clean, "Adobe Clean",\n var(--swc-sans-font-family-stack);\n --s2-font-mono: var(--swc-code-font-family-stack);\n\n --s2-font-size-50: var(--swc-font-size-50);\n --s2-font-size-75: var(--swc-font-size-75);\n --s2-font-size-100: var(--swc-font-size-100);\n --s2-font-size-200: var(--swc-font-size-200);\n --s2-font-size-300: var(--swc-font-size-300);\n --s2-font-size-400: var(--swc-font-size-400);\n --s2-font-size-500: var(--swc-font-size-500);\n --s2-font-size-600: var(--swc-font-size-600);\n\n --s2-line-height-50: var(--swc-line-height-font-size-50);\n --s2-line-height-75: var(--swc-line-height-font-size-75);\n --s2-line-height-100: var(--swc-line-height-font-size-100);\n --s2-line-height-200: var(--swc-line-height-font-size-200);\n --s2-line-height-300: var(--swc-line-height-font-size-300);\n\n --s2-spacing-50: var(--swc-spacing-75);\n --s2-spacing-75: var(--swc-spacing-85);\n --s2-spacing-100: var(--swc-spacing-100);\n --s2-spacing-200: var(--swc-spacing-200);\n --s2-spacing-300: var(--swc-spacing-300);\n --s2-spacing-400: var(--swc-spacing-400);\n --s2-spacing-500: var(--swc-spacing-500);\n --s2-spacing-600: var(--swc-spacing-600);\n\n --s2-radius-s: var(--swc-corner-radius-small-default);\n --s2-radius-default: var(--swc-corner-radius-medium-default);\n --s2-radius-l: var(--swc-corner-radius-large-default);\n --s2-radius-xl: var(--swc-corner-radius-extra-large-default);\n --s2-radius-pill: 9999px;\n\n --s2-shadow-elevated: var(--swc-drop-shadow-elevated);\n --s2-shadow-container: var(--swc-drop-shadow-emphasized);\n\n --s2-transition-default: var(--swc-animation-duration-100) var(--swc-animation-ease-in-out);\n\n --s2-header-height: var(--swc-component-height-400);\n\n --uxc-yellow-subtle-bg: var(--swc-yellow-subtle-background-color-default);\n --uxc-yellow-subtle-text: var(--swc-yellow-1000);\n --uxc-purple-subtle-bg: var(--swc-purple-subtle-background-color-default);\n --uxc-purple-subtle-text: var(--swc-purple-1000);\n --uxc-cyan-subtle-bg: var(--swc-cyan-subtle-background-color-default);\n --uxc-cyan-subtle-text: var(--swc-cyan-1000);\n --uxc-magenta-subtle-bg: var(--swc-magenta-subtle-background-color-default);\n --uxc-magenta-subtle-text: var(--swc-magenta-1000);\n --uxc-indigo-subtle-bg: var(--swc-indigo-subtle-background-color-default);\n --uxc-indigo-subtle-text: var(--swc-indigo-1000);\n --uxc-gray-subtle-bg: var(--swc-gray-subtle-background-color-default);\n --uxc-gray-subtle-text: var(--swc-neutral-content-color-default);\n --uxc-positive-subtle-bg: var(--swc-positive-subtle-background-color-default);\n --uxc-positive-subtle-text: var(--swc-positive-color-1000);\n --uxc-notice-subtle-bg: var(--swc-notice-subtle-background-color-default);\n --uxc-notice-subtle-text: var(--swc-notice-color-1000);\n --uxc-negative-subtle-bg: var(--swc-negative-subtle-background-color-default);\n --uxc-negative-subtle-text: var(--swc-negative-color-1000);\n --uxc-accent-subtle-bg: var(--swc-accent-subtle-background-color-default);\n --uxc-accent-subtle-text: var(--swc-accent-color-1000);\n --uxc-neutral-subtle-bg: var(--swc-neutral-subtle-background-color-default);\n\n --uxc-positive-text: var(--s2-content-positive);\n --uxc-notice-text: var(--s2-content-notice);\n --uxc-negative-text: var(--s2-content-negative);\n --uxc-informative-text: var(--s2-content-informative);\n --uxc-accent-text: var(--s2-content-accent);\n\n --uxc-nav-rail-width: 58px;\n --uxc-thread-header-height: var(--swc-component-height-400);\n --uxc-content-max-width: 800px;\n\n --slicc-warm-bg: color-mix(in oklch, var(--s2-gray-50) 94%, var(--slicc-cone) 6%);\n --slicc-brand-gradient: linear-gradient(\n 90deg,\n var(--slicc-cone) 0%,\n var(--slicc-scoop-blue) 50%,\n var(--slicc-scoop-purple) 100%\n );\n}\n\n:where(:root) {\n color-scheme: dark;\n}\n:where(:root.theme-light, :root:has(body[data-theme="light"])) {\n color-scheme: light;\n}\n\n.theme-light .tok-keyword,\n:root:where(:has(body[data-theme="light"])) .tok-keyword {\n color: var(--swc-purple-1000);\n}\n.theme-light .tok-string,\n:root:where(:has(body[data-theme="light"])) .tok-string {\n color: var(--swc-green-1000);\n}\n.theme-light .tok-number,\n:root:where(:has(body[data-theme="light"])) .tok-number {\n color: var(--swc-orange-1000);\n}\n.theme-light .tok-comment,\n:root:where(:has(body[data-theme="light"])) .tok-comment {\n color: var(--s2-content-secondary);\n}\n.theme-light .tok-punct,\n:root:where(:has(body[data-theme="light"])) .tok-punct {\n color: var(--swc-blue-1000);\n}\n.theme-light .tok-fn,\n:root:where(:has(body[data-theme="light"])) .tok-fn {\n color: var(--swc-cyan-1000);\n}\n\n.theme-light .s2-tooltip,\n:root:where(:has(body[data-theme="light"])) .s2-tooltip {\n background: var(--s2-gray-900);\n color: var(--s2-gray-25);\n}\n\n.theme-light ::-webkit-scrollbar-thumb,\n:root:where(:has(body[data-theme="light"])) ::-webkit-scrollbar-thumb {\n background: var(--s2-gray-300);\n}\n.theme-light ::-webkit-scrollbar-thumb:hover,\n:root:where(:has(body[data-theme="light"])) ::-webkit-scrollbar-thumb:hover {\n background: var(--s2-gray-400);\n}\n\n.sprinkle-content {\n padding: var(--s2-spacing-200);\n}\n\n.sprinkle-heading {\n font-size: var(--s2-font-size-300);\n font-weight: 700;\n color: var(--s2-gray-900);\n margin: 0 0 var(--s2-spacing-100);\n line-height: 1.3;\n letter-spacing: 0;\n}\n.sprinkle-heading--m {\n font-size: var(--s2-font-size-200);\n}\n.sprinkle-heading--s {\n font-size: var(--s2-font-size-100);\n}\n.sprinkle-label {\n font-size: var(--s2-font-size-75);\n font-weight: 600;\n color: var(--s2-gray-600);\n line-height: 1.3;\n margin: 0;\n}\n.sprinkle-body {\n font-size: var(--s2-font-size-100);\n font-weight: 400;\n color: var(--s2-content-default);\n line-height: 1.5;\n}\n.sprinkle-detail {\n font-size: var(--s2-font-size-75);\n font-weight: 500;\n color: var(--s2-gray-600);\n line-height: 1.3;\n}\n\n.sprinkle-icon {\n display: inline-block;\n width: 16px;\n height: 16px;\n stroke-width: 2;\n vertical-align: middle;\n}\n.sprinkle-icon svg {\n width: 100%;\n height: 100%;\n display: block;\n}\n\n.sprinkle-icon--xs {\n width: 12px;\n height: 12px;\n}\n.sprinkle-icon--s {\n width: 14px;\n height: 14px;\n}\n.sprinkle-icon--m {\n width: 16px;\n height: 16px;\n}\n.sprinkle-icon--l {\n width: 20px;\n height: 20px;\n}\n.sprinkle-icon--xl {\n width: 24px;\n height: var(--swc-component-height-75);\n}\n\n.sprinkle-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--s2-spacing-75);\n height: var(--swc-component-height-100);\n padding: 0 var(--s2-spacing-300);\n border: var(--swc-border-width-100) solid var(--s2-gray-200);\n border-radius: var(--s2-radius-xl);\n background: var(--s2-gray-50);\n color: var(--s2-gray-800);\n font-size: var(--s2-font-size-100);\n font-weight: 700;\n font-family: var(--s2-font-family);\n cursor: default;\n box-shadow: var(--s2-shadow-container);\n transition:\n background var(--s2-transition-default),\n border-color var(--s2-transition-default),\n transform var(--s2-transition-default);\n}\n.sprinkle-btn:hover {\n background: var(--s2-gray-100);\n}\n.sprinkle-btn:active {\n transform: scale(0.98);\n}\n.sprinkle-btn:disabled,\n.sprinkle-btn[disabled] {\n opacity: 0.4;\n pointer-events: none;\n}\n\n.sprinkle-btn--primary {\n background: var(--s2-accent);\n color: var(--swc-white);\n border-color: transparent;\n border-radius: var(--s2-radius-pill);\n box-shadow: none;\n}\n.sprinkle-btn--primary:hover {\n background: var(--s2-accent-hover);\n}\n.sprinkle-btn--primary:active {\n background: var(--s2-accent-down);\n transform: scale(0.98);\n}\n\n.sprinkle-btn--secondary {\n background: var(--s2-gray-50);\n border-color: var(--s2-gray-200);\n color: var(--s2-gray-800);\n}\n.sprinkle-btn--secondary:hover {\n background: var(--s2-gray-100);\n}\n\n.sprinkle-btn--negative {\n background: var(--s2-negative);\n color: var(--swc-white);\n border-color: transparent;\n border-radius: var(--s2-radius-pill);\n box-shadow: none;\n}\n.sprinkle-btn--negative:hover {\n background: var(--swc-negative-background-color-hover);\n}\n\n.sprinkle-btn--quiet {\n background: transparent;\n border-color: transparent;\n box-shadow: none;\n color: var(--s2-gray-800);\n}\n.sprinkle-btn--quiet:hover {\n background: var(--s2-gray-100);\n}\n.sprinkle-btn-group {\n display: inline-flex;\n gap: var(--s2-spacing-100);\n}\n\n.sprinkle-badge {\n display: inline-flex;\n align-items: center;\n gap: var(--s2-spacing-50);\n padding: var(--s2-spacing-50) var(--s2-spacing-100);\n border-radius: var(--s2-radius-default);\n font-size: var(--s2-font-size-75);\n font-weight: 700;\n line-height: var(--s2-line-height-75);\n white-space: nowrap;\n background: var(--s2-gray-800);\n color: var(--s2-gray-25);\n}\n\n.sprinkle-badge--positive {\n background: var(--s2-positive);\n color: var(--swc-white);\n}\n.sprinkle-badge--negative {\n background: var(--s2-negative);\n color: var(--swc-white);\n}\n.sprinkle-badge--notice {\n background: var(--s2-notice);\n color: var(--swc-black);\n}\n.sprinkle-badge--informative {\n background: var(--s2-informative);\n color: var(--swc-white);\n}\n.sprinkle-badge--accent {\n background: var(--s2-accent);\n color: var(--swc-white);\n}\n\n.sprinkle-badge--subtle {\n background: var(--uxc-neutral-subtle-bg);\n color: var(--s2-gray-700);\n}\n.sprinkle-badge--subtle.sprinkle-badge--positive {\n background: var(--uxc-positive-subtle-bg);\n color: var(--uxc-positive-subtle-text);\n}\n.sprinkle-badge--subtle.sprinkle-badge--negative {\n background: var(--uxc-negative-subtle-bg);\n color: var(--uxc-negative-subtle-text);\n}\n.sprinkle-badge--subtle.sprinkle-badge--notice {\n background: var(--uxc-notice-subtle-bg);\n color: var(--uxc-notice-subtle-text);\n}\n.sprinkle-badge--subtle.sprinkle-badge--informative {\n background: var(--uxc-accent-subtle-bg);\n color: var(--uxc-accent-subtle-text);\n}\n.sprinkle-badge--subtle.sprinkle-badge--accent {\n background: var(--uxc-accent-subtle-bg);\n color: var(--uxc-accent-subtle-text);\n}\n\n.sprinkle-badge--yellow {\n background: var(--uxc-yellow-subtle-bg);\n color: var(--uxc-yellow-subtle-text);\n}\n.sprinkle-badge--purple {\n background: var(--uxc-purple-subtle-bg);\n color: var(--uxc-purple-subtle-text);\n}\n.sprinkle-badge--cyan {\n background: var(--uxc-cyan-subtle-bg);\n color: var(--uxc-cyan-subtle-text);\n}\n.sprinkle-badge--magenta {\n background: var(--uxc-magenta-subtle-bg);\n color: var(--uxc-magenta-subtle-text);\n}\n.sprinkle-badge--indigo {\n background: var(--uxc-indigo-subtle-bg);\n color: var(--uxc-indigo-subtle-text);\n}\n.sprinkle-badge--gray {\n background: var(--uxc-gray-subtle-bg);\n color: var(--uxc-gray-subtle-text);\n}\n\n.sprinkle-badge--outline {\n background: transparent;\n color: var(--s2-content-secondary);\n box-shadow: inset 0 0 0 var(--swc-border-width-100) var(--s2-border-default);\n}\n.sprinkle-badge--outline.sprinkle-badge--positive {\n color: var(--s2-content-positive);\n box-shadow: inset 0 0 0 var(--swc-border-width-100) var(--swc-positive-visual-color);\n}\n.sprinkle-badge--outline.sprinkle-badge--negative {\n color: var(--s2-content-negative);\n box-shadow: inset 0 0 0 var(--swc-border-width-100) var(--swc-negative-visual-color);\n}\n.sprinkle-badge--outline.sprinkle-badge--notice {\n color: var(--s2-content-notice);\n box-shadow: inset 0 0 0 var(--swc-border-width-100) var(--swc-notice-visual-color);\n}\n.sprinkle-badge--outline.sprinkle-badge--informative {\n color: var(--s2-content-informative);\n box-shadow: inset 0 0 0 var(--swc-border-width-100) var(--swc-informative-visual-color);\n}\n\n.sprinkle-chip {\n display: inline-flex;\n align-items: center;\n gap: var(--s2-spacing-75);\n padding: var(--s2-spacing-75) var(--s2-spacing-200);\n border: var(--swc-border-width-100) solid var(--s2-gray-200);\n border-radius: var(--s2-radius-pill);\n font-size: var(--s2-font-size-75);\n font-weight: 500;\n color: var(--s2-gray-800);\n background: var(--s2-bg-layer-1);\n cursor: default;\n transition: background var(--s2-transition-default);\n}\n.sprinkle-chip:hover {\n background: var(--s2-gray-100);\n}\n.sprinkle-chip svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n}\n\n.sprinkle-status-light {\n display: inline-flex;\n align-items: center;\n gap: var(--s2-spacing-75);\n font-size: var(--s2-font-size-75);\n color: var(--s2-content-default);\n}\n.sprinkle-status-light::before {\n content: "";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--s2-content-tertiary);\n flex-shrink: 0;\n}\n.sprinkle-status-light--positive::before {\n background: var(--swc-positive-visual-color);\n}\n.sprinkle-status-light--negative::before {\n background: var(--swc-negative-visual-color);\n}\n.sprinkle-status-light--notice::before {\n background: var(--swc-notice-visual-color);\n}\n.sprinkle-status-light--informative::before {\n background: var(--swc-informative-visual-color);\n}\n\n.sprinkle-status-light--m {\n font-size: var(--s2-font-size-100);\n color: var(--s2-gray-600);\n}\n.sprinkle-status-light--m::before {\n width: 10px;\n height: 10px;\n}\n\n.sprinkle-card {\n background: var(--s2-gray-25);\n border: var(--swc-border-width-100) solid var(--s2-gray-300);\n border-radius: var(--s2-radius-xl);\n padding: var(--s2-spacing-400);\n box-shadow: var(--s2-shadow-container);\n transition: box-shadow var(--s2-transition-default);\n}\n.sprinkle-card:hover {\n box-shadow: var(--s2-shadow-elevated);\n}\n\n.sprinkle-stat-card {\n background: var(--s2-gray-25);\n border: var(--swc-border-width-100) solid var(--s2-gray-300);\n border-radius: var(--s2-radius-xl);\n padding: var(--s2-spacing-200) var(--s2-spacing-300);\n text-align: center;\n box-shadow: var(--s2-shadow-container);\n transition: box-shadow var(--s2-transition-default);\n}\n.sprinkle-stat-card:hover {\n box-shadow: var(--s2-shadow-elevated);\n}\n.sprinkle-stat-card .value {\n font-size: var(--s2-font-size-500);\n font-weight: 700;\n color: var(--s2-content-default);\n line-height: 1.2;\n}\n.sprinkle-stat-card .label {\n font-size: var(--s2-font-size-75);\n font-weight: 500;\n color: var(--s2-gray-600);\n margin-top: var(--s2-spacing-50);\n}\n\n.sprinkle-action-card {\n display: flex;\n flex-direction: column;\n background: var(--s2-gray-25);\n border: var(--swc-border-width-100) solid var(--s2-gray-200);\n border-radius: var(--s2-radius-xl);\n overflow: hidden;\n box-shadow: var(--s2-shadow-container);\n}\n.sprinkle-action-card__header {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-200);\n padding: var(--s2-spacing-300) var(--s2-spacing-400);\n font-weight: 700;\n font-size: var(--s2-font-size-200);\n line-height: 1.3;\n color: var(--s2-gray-900);\n}\n.sprinkle-action-card__header .sprinkle-badge {\n margin-left: auto;\n}\n.sprinkle-action-card__title-group {\n display: flex;\n flex-direction: column;\n gap: var(--swc-spacing-50);\n min-width: 0;\n}\n\n.sprinkle-action-card__icon {\n width: var(--swc-component-height-200);\n height: var(--swc-component-height-200);\n min-width: var(--swc-component-height-200);\n border-radius: var(--s2-radius-default);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--s2-font-size-300);\n flex-shrink: 0;\n}\n.sprinkle-action-card__icon--yellow {\n background: var(--uxc-yellow-subtle-bg);\n color: var(--uxc-yellow-subtle-text);\n}\n.sprinkle-action-card__icon--blue {\n background: var(--uxc-accent-subtle-bg);\n color: var(--uxc-accent-subtle-text);\n}\n.sprinkle-action-card__icon--green {\n background: var(--uxc-positive-subtle-bg);\n color: var(--uxc-positive-subtle-text);\n}\n.sprinkle-action-card__icon--indigo {\n background: var(--uxc-indigo-subtle-bg);\n color: var(--uxc-indigo-subtle-text);\n}\n\n.sprinkle-action-card__meta {\n font-size: var(--s2-font-size-75);\n font-weight: 400;\n color: var(--s2-gray-600);\n}\n\n.sprinkle-action-card__header-actions {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-200);\n margin-left: auto;\n font-size: var(--s2-font-size-75);\n font-weight: 500;\n color: var(--s2-gray-800);\n}\n.sprinkle-action-card__header-actions a {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-50);\n color: var(--s2-gray-800);\n text-decoration: none;\n}\n.sprinkle-action-card__body {\n padding: 0 var(--s2-spacing-400) var(--s2-spacing-300);\n font-size: var(--s2-font-size-100);\n color: var(--s2-gray-700);\n line-height: 1.5;\n}\n.sprinkle-action-card__actions {\n display: flex;\n gap: var(--s2-spacing-100);\n justify-content: flex-end;\n padding: var(--s2-spacing-200) var(--s2-spacing-400);\n border-top: var(--swc-border-width-100) solid var(--s2-gray-200);\n}\n\nbody\n > :is(.sprinkle-card, .sprinkle-stat-card, .sprinkle-action-card):not(\n :has(~ :not(script, style, template)),\n :not(script, style, template) ~ *\n ),\nbody\n > :is(.sprinkle-card, .sprinkle-stat-card, .sprinkle-action-card):not(\n :has(~ :not(script, style, template)),\n :not(script, style, template) ~ *\n ):hover {\n background: transparent;\n border: 0;\n border-radius: 0;\n box-shadow: none;\n}\n\n.sprinkle-list-item {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-300);\n padding: var(--s2-spacing-300) var(--s2-spacing-400);\n border-top: var(--swc-border-width-100) solid var(--s2-gray-100);\n min-height: var(--swc-component-height-400);\n}\n.sprinkle-list-item__icon {\n width: var(--swc-component-height-200);\n height: var(--swc-component-height-200);\n min-width: var(--swc-component-height-200);\n border-radius: var(--s2-radius-default);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--s2-font-size-200);\n flex-shrink: 0;\n background: var(--s2-gray-75);\n}\n.sprinkle-list-item__content {\n flex: 1;\n min-width: 0;\n}\n.sprinkle-list-item__title {\n font-size: var(--s2-font-size-100);\n font-weight: 700;\n color: var(--s2-gray-900);\n line-height: 1.3;\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-75);\n}\n.sprinkle-list-item__subtitle {\n font-size: var(--s2-font-size-100);\n font-weight: 400;\n color: var(--s2-gray-600);\n line-height: 1.5;\n margin-top: var(--swc-spacing-50);\n}\n.sprinkle-list-item__end {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n flex-shrink: 0;\n}\n\n.sprinkle-table {\n width: 100%;\n border-collapse: collapse;\n font-size: var(--s2-font-size-100);\n border: var(--swc-border-width-100) solid var(--s2-gray-100);\n border-radius: var(--s2-radius-default);\n overflow: hidden;\n}\n.sprinkle-table th {\n text-align: left;\n padding: var(--s2-spacing-75) var(--s2-spacing-300);\n background: transparent;\n border-bottom: var(--swc-border-width-100) solid var(--s2-gray-100);\n color: var(--s2-gray-700);\n font-weight: 700;\n font-size: var(--s2-font-size-100);\n line-height: 1.3;\n height: var(--swc-component-height-100);\n box-sizing: border-box;\n}\n.sprinkle-table td {\n padding: var(--s2-spacing-200) var(--s2-spacing-300);\n border-bottom: var(--swc-border-width-100) solid var(--s2-gray-100);\n color: var(--s2-content-default);\n font-size: var(--s2-font-size-100);\n line-height: 1.5;\n box-sizing: border-box;\n}\n.sprinkle-table tr:last-child td {\n border-bottom: none;\n}\n.sprinkle-table tr:hover td {\n background: var(--s2-gray-50);\n}\n\n.sprinkle-task-group {\n background: var(--s2-gray-50);\n border-radius: var(--s2-radius-default);\n padding: var(--s2-spacing-300);\n display: flex;\n flex-direction: column;\n gap: var(--s2-spacing-100);\n}\n.sprinkle-task-group__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.sprinkle-task-group__title {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n font-size: var(--s2-font-size-200);\n font-weight: 700;\n color: var(--s2-gray-1000);\n}\n.sprinkle-task-group__title svg {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n}\n.sprinkle-task-group__meta {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-300);\n font-size: var(--s2-font-size-75);\n color: var(--s2-gray-600);\n}\n.sprinkle-task-item {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n height: var(--swc-component-height-75);\n padding-left: var(--s2-spacing-50);\n font-size: var(--s2-font-size-100);\n line-height: var(--s2-line-height-100);\n}\n.sprinkle-task-item--done {\n color: var(--s2-gray-600);\n}\n.sprinkle-task-item--pending {\n color: var(--s2-gray-800);\n}\n.sprinkle-task-item__check {\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n border-radius: 50%;\n border: var(--swc-border-width-200) solid var(--s2-gray-400);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.sprinkle-task-item--done .sprinkle-task-item__check {\n background: var(--s2-positive);\n border-color: var(--s2-positive);\n}\n.sprinkle-task-item--done .sprinkle-task-item__check::after {\n content: "";\n width: 8px;\n height: 5px;\n border-left: var(--swc-border-width-200) solid var(--swc-white);\n border-bottom: var(--swc-border-width-200) solid var(--swc-white);\n transform: rotate(-45deg) translateY(-1px);\n}\n\n.sprinkle-progress-bar {\n display: flex;\n flex-direction: column;\n gap: var(--s2-spacing-75);\n --_bar-color: var(--swc-accent-visual-color);\n}\n.sprinkle-progress-bar--positive {\n --_bar-color: var(--swc-positive-visual-color);\n}\n.sprinkle-progress-bar--negative {\n --_bar-color: var(--swc-negative-visual-color);\n}\n.sprinkle-progress-bar--notice {\n --_bar-color: var(--swc-notice-visual-color);\n}\n.sprinkle-progress-bar--informative {\n --_bar-color: var(--swc-informative-visual-color);\n}\n.sprinkle-progress-bar__header {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n font-size: var(--s2-font-size-75);\n color: var(--s2-content-default);\n}\n.sprinkle-progress-bar__header .label {\n font-weight: 400;\n}\n.sprinkle-progress-bar__header .value {\n font-weight: 400;\n color: var(--s2-gray-600);\n}\n.sprinkle-progress-bar__track {\n height: var(--swc-progress-bar-thickness-small);\n border-radius: var(--s2-radius-pill);\n background: var(--s2-gray-200);\n overflow: hidden;\n position: relative;\n}\n.sprinkle-progress-bar__track .fill {\n height: 100%;\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_bar-color, var(--s2-accent)));\n transition: width var(--swc-animation-duration-600) var(--swc-animation-ease-in-out);\n}\n\n.sprinkle-progress-bar__track::after {\n content: "";\n position: absolute;\n inset: 0;\n right: auto;\n width: var(--progress, var(--value, 0%));\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_bar-color, var(--s2-accent)));\n transition: width var(--swc-animation-duration-600) var(--swc-animation-ease-in-out);\n}\n.sprinkle-progress-bar__track:has(> .fill)::after {\n display: none;\n}\n\n.sprinkle-progress-bar:not(:has(.sprinkle-progress-bar__track)) {\n height: var(--swc-progress-bar-thickness-small);\n width: 100%;\n border-radius: var(--s2-radius-pill);\n background: var(--s2-gray-200);\n overflow: hidden;\n flex-direction: row;\n position: relative;\n}\n.sprinkle-progress-bar:not(:has(.sprinkle-progress-bar__track)) > .fill {\n height: 100%;\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_bar-color, var(--s2-accent)));\n transition: width var(--swc-animation-duration-600) var(--swc-animation-ease-in-out);\n}\n.sprinkle-progress-bar:not(:has(.sprinkle-progress-bar__track))::after {\n content: "";\n position: absolute;\n inset: 0;\n right: auto;\n width: var(--progress, var(--value, 0%));\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_bar-color, var(--s2-accent)));\n transition: width var(--swc-animation-duration-600) var(--swc-animation-ease-in-out);\n}\n.sprinkle-progress-bar:not(:has(.sprinkle-progress-bar__track)):has(> .fill)::after {\n display: none;\n}\n\n.sprinkle-meter {\n display: flex;\n flex-direction: column;\n gap: var(--s2-spacing-75);\n --_meter-color: var(--swc-informative-visual-color);\n}\n.sprinkle-meter--positive {\n --_meter-color: var(--swc-positive-visual-color);\n}\n.sprinkle-meter--notice {\n --_meter-color: var(--swc-notice-visual-color);\n}\n.sprinkle-meter--negative {\n --_meter-color: var(--swc-negative-visual-color);\n}\n.sprinkle-meter__header {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n font-size: var(--s2-font-size-75);\n color: var(--s2-content-default);\n}\n.sprinkle-meter__header .label {\n font-weight: 400;\n}\n.sprinkle-meter__header .value {\n font-weight: 400;\n color: var(--s2-gray-600);\n}\n.sprinkle-meter__track {\n height: var(--swc-progress-bar-thickness-small);\n border-radius: var(--s2-radius-pill);\n background: var(--s2-gray-200);\n overflow: hidden;\n position: relative;\n}\n.sprinkle-meter__track .fill {\n height: 100%;\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_meter-color));\n transition: width var(--swc-animation-duration-600) var(--swc-animation-ease-in-out);\n}\n.sprinkle-meter__track::after {\n content: "";\n position: absolute;\n inset: 0;\n right: auto;\n width: var(--progress, var(--value, 0%));\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_meter-color));\n transition: width var(--swc-animation-duration-600) var(--swc-animation-ease-in-out);\n}\n.sprinkle-meter__track:has(> .fill)::after {\n display: none;\n}\n\n.sprinkle-meter:not(:has(.sprinkle-meter__track)) {\n height: var(--swc-progress-bar-thickness-small);\n width: 100%;\n border-radius: var(--s2-radius-pill);\n background: var(--s2-gray-200);\n overflow: hidden;\n flex-direction: row;\n position: relative;\n}\n.sprinkle-meter:not(:has(.sprinkle-meter__track)) > .fill {\n height: 100%;\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_meter-color));\n transition: width var(--swc-animation-duration-600) var(--swc-animation-ease-in-out);\n}\n.sprinkle-meter:not(:has(.sprinkle-meter__track))::after {\n content: "";\n position: absolute;\n inset: 0;\n right: auto;\n width: var(--progress, var(--value, 0%));\n border-radius: var(--s2-radius-pill);\n background: var(--fill-color, var(--_meter-color));\n transition: width var(--swc-animation-duration-600) var(--swc-animation-ease-in-out);\n}\n.sprinkle-meter:not(:has(.sprinkle-meter__track)):has(> .fill)::after {\n display: none;\n}\n\n.sprinkle-kv-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n.sprinkle-kv-list li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(--s2-spacing-100) 0;\n border-bottom: var(--swc-border-width-100) solid var(--s2-border-subtle);\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-kv-list li:last-child {\n border-bottom: none;\n}\n.sprinkle-kv-list .key {\n color: var(--s2-gray-600);\n font-weight: 400;\n}\n.sprinkle-kv-list .value {\n color: var(--s2-content-default);\n font-weight: 700;\n}\ndl.sprinkle-kv-list {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 0;\n font-size: var(--s2-font-size-75);\n}\ndl.sprinkle-kv-list dt,\ndl.sprinkle-kv-list dd {\n padding: var(--s2-spacing-100) 0;\n border-bottom: var(--swc-border-width-100) solid var(--s2-border-subtle);\n margin: 0;\n}\ndl.sprinkle-kv-list dt {\n color: var(--s2-gray-600);\n font-weight: 400;\n padding-right: var(--s2-spacing-300);\n}\ndl.sprinkle-kv-list dd {\n color: var(--s2-content-default);\n font-weight: 700;\n text-align: right;\n}\ndl.sprinkle-kv-list dt:last-of-type,\ndl.sprinkle-kv-list dd:last-of-type {\n border-bottom: none;\n}\n\n.sprinkle-text-field {\n width: 100%;\n padding: var(--s2-spacing-75) var(--s2-spacing-200);\n font-size: var(--s2-font-size-100);\n font-family: var(--s2-font-family);\n color: var(--s2-content-default);\n background: var(--s2-bg-layer-1);\n border: var(--swc-border-width-100) solid var(--s2-gray-200);\n border-radius: var(--s2-radius-default);\n transition: border-color var(--s2-transition-default);\n box-sizing: border-box;\n}\n.sprinkle-text-field::placeholder {\n color: var(--s2-content-secondary);\n}\n.sprinkle-text-field:hover {\n border-color: var(--s2-gray-700);\n}\n.sprinkle-text-field:focus {\n border-color: var(--s2-gray-800);\n}\n\n.sprinkle-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: var(--s2-spacing-200);\n}\n.sprinkle-stack {\n display: flex;\n flex-direction: column;\n gap: var(--s2-spacing-200);\n}\n.sprinkle-row {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-200);\n}\n\n.sprinkle-divider {\n border: none;\n border-top: var(--swc-border-width-100) solid var(--s2-border-subtle);\n margin: var(--s2-spacing-200) 0;\n}\n.sprinkle-divider--medium {\n border-top-width: var(--swc-border-width-200);\n border-top-color: var(--s2-border-default);\n margin: var(--s2-spacing-300) 0;\n}\n\n.sprinkle-empty-state {\n text-align: center;\n padding: var(--s2-spacing-500) var(--s2-spacing-300);\n color: var(--s2-content-tertiary);\n font-size: var(--s2-font-size-100);\n}\n\n.sprinkle-toolbar {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n padding: var(--s2-spacing-100) var(--s2-spacing-200);\n border-bottom: var(--swc-border-width-100) solid var(--s2-gray-200);\n background: var(--s2-gray-50);\n min-height: var(--swc-component-height-200);\n flex-shrink: 0;\n}\n.sprinkle-toolbar__start {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n}\n.sprinkle-toolbar__center {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n flex: 1;\n justify-content: center;\n}\n.sprinkle-toolbar__end {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n margin-left: auto;\n}\n\n.sprinkle-tabs {\n display: flex;\n gap: 0;\n border-bottom: var(--swc-border-width-100) solid var(--s2-gray-200);\n background: var(--s2-gray-50);\n flex-shrink: 0;\n overflow-x: auto;\n}\n.sprinkle-tabs__tab {\n padding: var(--s2-spacing-100) var(--s2-spacing-200);\n font-size: var(--s2-font-size-100);\n font-weight: 500;\n color: var(--s2-gray-600);\n background: none;\n border: none;\n border-bottom: var(--swc-border-width-200) solid transparent;\n cursor: default;\n white-space: nowrap;\n transition:\n color var(--s2-transition-default),\n border-color var(--s2-transition-default);\n font-family: var(--s2-font-family);\n}\n.sprinkle-tabs__tab:hover {\n color: var(--s2-gray-800);\n}\n.sprinkle-tabs__tab--active {\n color: var(--s2-gray-900);\n border-bottom-color: var(--s2-gray-900);\n font-weight: 700;\n}\n.sprinkle-tabs__panel {\n display: none;\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n.sprinkle-tabs__panel--active {\n display: flex;\n flex-direction: column;\n}\n\n.sprinkle-sidebar {\n display: flex;\n gap: 0;\n min-height: 0;\n flex: 1;\n}\n.sprinkle-sidebar__nav {\n width: 240px;\n min-width: 240px;\n overflow-y: auto;\n border-right: var(--swc-border-width-100) solid var(--s2-gray-200);\n background: var(--s2-gray-50);\n padding: var(--s2-spacing-200) 0;\n}\n.sprinkle-sidebar__nav-item {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n padding: var(--s2-spacing-100) var(--s2-spacing-200);\n font-size: var(--s2-font-size-100);\n color: var(--s2-gray-700);\n cursor: default;\n border-radius: 0;\n transition: background var(--s2-transition-default);\n}\n.sprinkle-sidebar__nav-item:hover {\n background: var(--s2-gray-100);\n}\n.sprinkle-sidebar__nav-item--active {\n background: var(--s2-gray-800);\n color: var(--s2-gray-25);\n font-weight: 600;\n}\n.sprinkle-sidebar__nav-label {\n padding: var(--s2-spacing-200) var(--s2-spacing-200) var(--s2-spacing-50);\n font-size: var(--s2-font-size-75);\n font-weight: 700;\n color: var(--s2-gray-600);\n}\n.sprinkle-sidebar__main {\n flex: 1;\n min-width: 0;\n overflow-y: auto;\n padding: var(--s2-spacing-200);\n}\n\n.sprinkle-dialog {\n position: fixed;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n}\n.sprinkle-dialog[hidden] {\n display: none;\n}\n.sprinkle-dialog__backdrop {\n position: absolute;\n inset: 0;\n background: var(--swc-overlay-color);\n opacity: var(--swc-overlay-opacity-light);\n}\n.sprinkle-dialog__content {\n position: relative;\n background: var(--s2-gray-25);\n border-radius: var(--s2-radius-xl);\n box-shadow: var(--s2-shadow-elevated);\n padding: var(--s2-spacing-400);\n max-width: min(560px, calc(100% - 32px));\n max-height: calc(100% - 64px);\n overflow-y: auto;\n min-width: 280px;\n}\n.sprinkle-dialog__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: var(--s2-spacing-300);\n}\n.sprinkle-dialog__title {\n font-size: var(--s2-font-size-200);\n font-weight: 700;\n color: var(--s2-content-default);\n}\n.sprinkle-dialog__close {\n width: var(--swc-component-height-100);\n height: var(--swc-component-height-100);\n border-radius: var(--s2-radius-pill);\n border: none;\n background: none;\n color: var(--s2-gray-600);\n cursor: default;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--s2-font-size-300);\n transition: background var(--s2-transition-default);\n}\n.sprinkle-dialog__close:hover {\n background: var(--s2-gray-100);\n}\n.sprinkle-dialog__footer {\n display: flex;\n justify-content: flex-end;\n gap: var(--s2-spacing-100);\n margin-top: var(--s2-spacing-300);\n}\n\n.sprinkle-collapsible__header {\n display: flex;\n align-items: center;\n gap: var(--s2-spacing-100);\n padding: var(--s2-spacing-100) var(--s2-spacing-200);\n cursor: default;\n font-size: var(--s2-font-size-100);\n font-weight: 600;\n color: var(--s2-content-default);\n background: none;\n border: none;\n width: 100%;\n text-align: left;\n border-radius: var(--s2-radius-default);\n transition: background var(--s2-transition-default);\n font-family: var(--s2-font-family);\n}\n.sprinkle-collapsible__header:hover {\n background: var(--s2-gray-100);\n}\n.sprinkle-collapsible__chevron {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n transition: transform var(--swc-animation-duration-200) var(--swc-animation-ease-in-out);\n flex-shrink: 0;\n}\n.sprinkle-collapsible__chevron::before {\n content: "";\n width: var(--s2-spacing-75);\n height: var(--s2-spacing-75);\n border-right: var(--swc-border-width-200) solid var(--s2-content-tertiary);\n border-bottom: var(--swc-border-width-200) solid var(--s2-content-tertiary);\n transform: translateX(calc(-1 * var(--swc-spacing-50))) rotate(-45deg);\n}\n.sprinkle-collapsible--open .sprinkle-collapsible__chevron {\n transform: rotate(90deg);\n}\n.sprinkle-collapsible__body {\n display: none;\n padding: var(--s2-spacing-100) var(--s2-spacing-200) var(--s2-spacing-200)\n calc(var(--s2-spacing-200) + 16px + var(--s2-spacing-100));\n}\n.sprinkle-collapsible--open .sprinkle-collapsible__body {\n display: block;\n}\n\n.sprinkle-split {\n display: flex;\n gap: 0;\n min-height: 0;\n flex: 1;\n}\n.sprinkle-split > * {\n flex: 1;\n min-width: 0;\n overflow-y: auto;\n}\n.sprinkle-split > :not(:last-child) {\n border-right: var(--swc-border-width-100) solid var(--s2-border-default);\n}\n.sprinkle-split--vertical {\n flex-direction: column;\n}\n.sprinkle-split--vertical > :not(:last-child) {\n border-right: none;\n border-bottom: var(--swc-border-width-100) solid var(--s2-border-default);\n}\n\n.sprinkle-canvas {\n position: relative;\n width: 100%;\n overflow: hidden;\n border-radius: var(--s2-radius-l);\n background: var(--s2-bg-layer-1);\n}\n.sprinkle-canvas--16x9 {\n aspect-ratio: 16 / 9;\n}\n.sprinkle-canvas--4x3 {\n aspect-ratio: 4 / 3;\n}\n.sprinkle-canvas--1x1 {\n aspect-ratio: 1 / 1;\n}\n.sprinkle-canvas svg,\n.sprinkle-canvas canvas {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n.sprinkle-density-compact .sprinkle-content {\n padding: var(--s2-spacing-100);\n}\n.sprinkle-density-compact .sprinkle-heading {\n font-size: var(--s2-font-size-100);\n margin-bottom: var(--s2-spacing-50);\n}\n.sprinkle-density-compact .sprinkle-heading--m {\n font-size: var(--s2-font-size-100);\n}\n.sprinkle-density-compact .sprinkle-body {\n font-size: var(--s2-font-size-75);\n line-height: 1.4;\n}\n.sprinkle-density-compact .sprinkle-detail {\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-density-compact .sprinkle-table th {\n padding: var(--s2-spacing-50) var(--s2-spacing-200);\n font-size: var(--s2-font-size-75);\n height: var(--swc-component-height-75);\n}\n.sprinkle-density-compact .sprinkle-table td {\n padding: var(--s2-spacing-75) var(--s2-spacing-200);\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-density-compact .sprinkle-btn {\n height: var(--swc-component-height-75);\n font-size: var(--s2-font-size-75);\n padding: 0 var(--s2-spacing-100);\n}\n.sprinkle-density-compact .sprinkle-badge {\n font-size: var(--s2-font-size-75);\n padding: var(--swc-spacing-50) var(--s2-spacing-75);\n}\n.sprinkle-density-compact .sprinkle-card {\n padding: var(--s2-spacing-200);\n}\n.sprinkle-density-compact .sprinkle-list-item {\n padding: var(--s2-spacing-100) var(--s2-spacing-300);\n min-height: var(--swc-component-height-200);\n gap: var(--s2-spacing-100);\n}\n.sprinkle-density-compact .sprinkle-list-item__icon {\n width: var(--swc-component-height-75);\n height: var(--swc-component-height-75);\n min-width: var(--swc-component-height-75);\n font-size: var(--s2-font-size-100);\n}\n.sprinkle-density-compact .sprinkle-list-item__title {\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-density-compact .sprinkle-list-item__subtitle {\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-density-compact .sprinkle-sidebar__nav-item {\n padding: var(--s2-spacing-75) var(--s2-spacing-200);\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-density-compact .sprinkle-text-field {\n height: var(--swc-component-height-75);\n font-size: var(--s2-font-size-75);\n padding: var(--s2-spacing-50) var(--s2-spacing-100);\n}\n.sprinkle-density-compact .sprinkle-tabs__tab {\n padding: var(--s2-spacing-75) var(--s2-spacing-200);\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-density-compact .sprinkle-kv-list li {\n padding: var(--s2-spacing-75) 0;\n font-size: var(--s2-font-size-75);\n}\n.sprinkle-density-compact .sprinkle-chip {\n padding: var(--swc-spacing-50) var(--s2-spacing-100);\n font-size: var(--s2-font-size-75);\n}\n\n.sprinkle-density-spacious .sprinkle-content {\n padding: var(--s2-spacing-400);\n}\n.sprinkle-density-spacious .sprinkle-heading {\n font-size: var(--s2-font-size-500);\n margin-bottom: var(--s2-spacing-200);\n}\n.sprinkle-density-spacious .sprinkle-heading--m {\n font-size: var(--s2-font-size-300);\n}\n.sprinkle-density-spacious .sprinkle-body {\n font-size: var(--s2-font-size-200);\n line-height: 1.65;\n}\n.sprinkle-density-spacious .sprinkle-card {\n padding: var(--s2-spacing-500);\n}\n.sprinkle-density-spacious .sprinkle-btn {\n height: var(--swc-component-height-200);\n padding: 0 var(--swc-spacing-350);\n}\n.sprinkle-density-spacious .sprinkle-action-card__body {\n padding: 0 var(--s2-spacing-500) var(--s2-spacing-400);\n font-size: var(--s2-font-size-200);\n}\n\n:is(\n .sprinkle-btn,\n .sprinkle-chip,\n .sprinkle-text-field,\n .sprinkle-tabs__tab,\n .sprinkle-sidebar__nav-item,\n .sprinkle-dialog__close,\n .sprinkle-collapsible__header,\n .sprinkle-action-card__header-actions a\n):focus-visible {\n outline: var(--swc-focus-indicator-thickness) solid var(--s2-border-focus);\n outline-offset: var(--swc-focus-ring-gap);\n}\n\n@media (forced-colors: active) {\n :is(\n .sprinkle-btn,\n .sprinkle-chip,\n .sprinkle-text-field,\n .sprinkle-tabs__tab,\n .sprinkle-sidebar__nav-item,\n .sprinkle-dialog__close,\n .sprinkle-collapsible__header,\n .sprinkle-action-card__header-actions a\n ):focus-visible {\n outline-color: Highlight;\n }\n}\n\n.sprinkle-panel {\n container-type: inline-size;\n}\n\n@container (max-width: 400px) {\n .sprinkle-sidebar {\n flex-direction: column;\n }\n .sprinkle-sidebar__nav {\n width: 100%;\n min-width: 0;\n max-height: 200px;\n border-right: none;\n border-bottom: var(--swc-border-width-100) solid var(--s2-border-default);\n }\n .sprinkle-grid {\n grid-template-columns: 1fr;\n }\n .sprinkle-split:not(.sprinkle-split--vertical) {\n flex-direction: column;\n }\n .sprinkle-split:not(.sprinkle-split--vertical) > :not(:last-child) {\n border-right: none;\n border-bottom: var(--swc-border-width-100) solid var(--s2-border-default);\n }\n .sprinkle-toolbar {\n flex-wrap: wrap;\n }\n}\n\n@container (min-width: 600px) {\n .sprinkle-sidebar__nav {\n width: 240px;\n min-width: 240px;\n }\n .sprinkle-grid {\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n }\n}\n';
14309
+
14310
+ // src/app/sprinkle-tokens.ts
14311
+ var reference = /--swc-[\w-]+/g;
14312
+ var lightSelector = ':root.theme-light,:root:where(:has(body[data-theme="light"]))';
14313
+ function declarations(...sheets) {
14314
+ const found = /* @__PURE__ */ new Map();
14315
+ for (const sheet2 of sheets) {
14316
+ const text2 = sheet2.replace(/\/\*[\s\S]*?\*\//g, "");
14317
+ for (const [, name, value] of text2.matchAll(/(--swc-[\w-]+)\s*:\s*([^;{}]*);/g)) {
14318
+ if (!found.has(name)) found.set(name, value.replace(/\s+/g, " ").trim());
14319
+ }
14320
+ }
14321
+ return found;
14322
+ }
14323
+ function closure(found, source) {
14324
+ const used = /* @__PURE__ */ new Map();
14325
+ const queue = [...source.match(reference) ?? []];
14326
+ while (queue.length) {
14327
+ const name = queue.pop();
14328
+ const value = found.get(name);
14329
+ if (value === void 0 || used.has(name)) continue;
14330
+ used.set(name, value);
14331
+ queue.push(...value.match(reference) ?? []);
14332
+ }
14333
+ return used;
14334
+ }
14335
+ function args(value, start) {
14336
+ const parts2 = [];
14337
+ let depth = 0;
14338
+ let from = start;
14339
+ let at = start;
14340
+ for (; at < value.length; at++) {
14341
+ const char = value[at];
14342
+ if (char === "(") depth++;
14343
+ else if (char === ")" && depth === 0) break;
14344
+ else if (char === ")") depth--;
14345
+ else if (char === "," && depth === 0) {
14346
+ parts2.push(value.slice(from, at));
14347
+ from = at + 1;
14348
+ }
14349
+ }
14350
+ parts2.push(value.slice(from, at));
14351
+ return [parts2, at];
14352
+ }
14353
+ function branch(value, side) {
14354
+ const at = value.indexOf("light-dark(");
14355
+ if (at < 0) return value;
14356
+ const [parts2, end] = args(value, at + "light-dark(".length);
14357
+ const picked = branch((parts2[side] ?? "").trim(), side);
14358
+ return value.slice(0, at) + picked + branch(value.slice(end + 1), side);
14359
+ }
14360
+ function frameTokens(found) {
14361
+ const entries = [...found];
14362
+ const dark = entries.map(([name, value]) => `${name}:${branch(value, 1)};`).join("");
14363
+ const light = entries.filter(([, value]) => value.includes("light-dark(")).map(([name, value]) => `${name}:${branch(value, 0)};`).join("");
14364
+ return `:root{${dark}}${lightSelector}{${light}}`;
14365
+ }
14366
+ var sprinkleTokens = frameTokens(closure(declarations(tokens_default, swc_default), sprinkle_theme_default));
14309
14367
 
14310
14368
  // src/app/sprinkle.ts
14311
14369
  var bridge = `(() => {
@@ -14352,6 +14410,7 @@ var bridge = `(() => {
14352
14410
  const message = event.data || {};
14353
14411
  if (message.type === 'slicc-icons') swap(message.icons);
14354
14412
  if (message.type === 'slicc-fonts') fonts(message.fonts);
14413
+ if (message.type === 'slicc-theme') document.documentElement.classList.toggle('theme-light', message.color === 'light');
14355
14414
  });
14356
14415
  const size = () => {
14357
14416
  const style = getComputedStyle(document.body);
@@ -14364,7 +14423,7 @@ var bridge = `(() => {
14364
14423
  post({ type: 'slicc-ready' });
14365
14424
  })();`;
14366
14425
  function frameDocument(source, color, name) {
14367
- const scheme = `<style>:root{color-scheme:${color};}${sprinkle_theme_default}</style>`;
14426
+ const scheme = `<style>${sprinkleTokens}${sprinkle_theme_default}</style>`;
14368
14427
  const light = `<script>document.documentElement.classList.toggle('theme-light', ${color === "light"});<\/script>`;
14369
14428
  const script = `<script data-name="${name.replace(/"/g, "&quot;")}">${bridge}<\/script>`;
14370
14429
  const injection = light + scheme + script;
@@ -14487,6 +14546,7 @@ var SliccSprinkle = class extends ThemedElement {
14487
14546
  } else if (data.type === "slicc-icons" && Array.isArray(data.names)) {
14488
14547
  source.postMessage({ type: "slicc-icons", icons: await icons(data.names) }, "*");
14489
14548
  } else if (data.type === "slicc-ready") {
14549
+ source.postMessage({ type: "slicc-theme", color: this.color }, "*");
14490
14550
  const fonts = await frameFonts(installedFonts(), document.baseURI);
14491
14551
  source.postMessage({ type: "slicc-fonts", fonts }, "*");
14492
14552
  } else if (data.type === "slicc-size" && typeof data.height === "number") {
@@ -14516,6 +14576,18 @@ var SliccSprinkle = class extends ThemedElement {
14516
14576
  get #data() {
14517
14577
  return this.model?.sprinkles.list().find((candidate) => candidate.id === this.sprinkle);
14518
14578
  }
14579
+ #frame = { key: "", doc: "" };
14580
+ #document(data) {
14581
+ const key2 = `${data.name}
14582
+ ${data.html}`;
14583
+ if (this.#frame.key !== key2)
14584
+ this.#frame = { key: key2, doc: frameDocument(data.html, this.color, data.name) };
14585
+ return this.#frame.doc;
14586
+ }
14587
+ updated(changed) {
14588
+ super.updated(changed);
14589
+ this.renderRoot.querySelector("iframe")?.contentWindow?.postMessage({ type: "slicc-theme", color: this.color }, "*");
14590
+ }
14519
14591
  render() {
14520
14592
  const data = this.#data;
14521
14593
  if (!data) return b`<div class="note">This sprinkle is gone.</div>`;
@@ -14527,7 +14599,7 @@ var SliccSprinkle = class extends ThemedElement {
14527
14599
  </div>`;
14528
14600
  }
14529
14601
  const style = `color-scheme:${this.color};${this.inline ? `height:${this.height}px;` : ""}`;
14530
- const frame = b`<iframe title=${data.title} sandbox="allow-scripts" style=${style} .srcdoc=${frameDocument(data.html, this.color, data.name)}></iframe>`;
14602
+ const frame = b`<iframe title=${data.title} sandbox="allow-scripts" style=${style} .srcdoc=${this.#document(data)}></iframe>`;
14531
14603
  if (!this.inline) return frame;
14532
14604
  return b`<div class="handle" draggable="true" title="Drag into the dock or a rail to open as a panel" @dragstart=${this.#drag}>
14533
14605
  ${grip}
@@ -18009,13 +18081,13 @@ var ExternalReferenceCollector = class {
18009
18081
  return this._references;
18010
18082
  }
18011
18083
  visitedRule = /* @__PURE__ */ new Set();
18012
- add(reference) {
18013
- const key2 = reference.toKey();
18084
+ add(reference2) {
18085
+ const key2 = reference2.toKey();
18014
18086
  if (this._seenReferenceKeys.has(key2)) {
18015
18087
  return;
18016
18088
  }
18017
18089
  this._seenReferenceKeys.add(key2);
18018
- this._references.push(reference);
18090
+ this._references.push(reference2);
18019
18091
  }
18020
18092
  };
18021
18093
  var ScopeDependencyProcessor = class {
@@ -18055,25 +18127,25 @@ var ScopeDependencyProcessor = class {
18055
18127
  }
18056
18128
  }
18057
18129
  };
18058
- function collectReferencesOfReference(reference, baseGrammarScopeName, repo, result) {
18059
- const selfGrammar = repo.lookup(reference.scopeName);
18130
+ function collectReferencesOfReference(reference2, baseGrammarScopeName, repo, result) {
18131
+ const selfGrammar = repo.lookup(reference2.scopeName);
18060
18132
  if (!selfGrammar) {
18061
- if (reference.scopeName === baseGrammarScopeName) {
18133
+ if (reference2.scopeName === baseGrammarScopeName) {
18062
18134
  throw new Error(`No grammar provided for <${baseGrammarScopeName}>`);
18063
18135
  }
18064
18136
  return;
18065
18137
  }
18066
18138
  const baseGrammar = repo.lookup(baseGrammarScopeName);
18067
- if (reference instanceof TopLevelRuleReference) {
18139
+ if (reference2 instanceof TopLevelRuleReference) {
18068
18140
  collectExternalReferencesInTopLevelRule({ baseGrammar, selfGrammar }, result);
18069
18141
  } else {
18070
18142
  collectExternalReferencesInTopLevelRepositoryRule(
18071
- reference.ruleName,
18143
+ reference2.ruleName,
18072
18144
  { baseGrammar, selfGrammar, repository: selfGrammar.repository },
18073
18145
  result
18074
18146
  );
18075
18147
  }
18076
- const injections = repo.injections(reference.scopeName);
18148
+ const injections = repo.injections(reference2.scopeName);
18077
18149
  if (injections) {
18078
18150
  for (const injection of injections) {
18079
18151
  result.add(new TopLevelRuleReference(injection));
@@ -18116,8 +18188,8 @@ function collectExternalReferencesInRules(rules, context, result) {
18116
18188
  if (!include) {
18117
18189
  continue;
18118
18190
  }
18119
- const reference = parseInclude(include);
18120
- switch (reference.kind) {
18191
+ const reference2 = parseInclude(include);
18192
+ switch (reference2.kind) {
18121
18193
  case 0:
18122
18194
  collectExternalReferencesInTopLevelRule({ ...context, selfGrammar: context.baseGrammar }, result);
18123
18195
  break;
@@ -18125,23 +18197,23 @@ function collectExternalReferencesInRules(rules, context, result) {
18125
18197
  collectExternalReferencesInTopLevelRule(context, result);
18126
18198
  break;
18127
18199
  case 2:
18128
- collectExternalReferencesInTopLevelRepositoryRule(reference.ruleName, { ...context, repository: patternRepository }, result);
18200
+ collectExternalReferencesInTopLevelRepositoryRule(reference2.ruleName, { ...context, repository: patternRepository }, result);
18129
18201
  break;
18130
18202
  case 3:
18131
18203
  case 4:
18132
- const selfGrammar = reference.scopeName === context.selfGrammar.scopeName ? context.selfGrammar : reference.scopeName === context.baseGrammar.scopeName ? context.baseGrammar : void 0;
18204
+ const selfGrammar = reference2.scopeName === context.selfGrammar.scopeName ? context.selfGrammar : reference2.scopeName === context.baseGrammar.scopeName ? context.baseGrammar : void 0;
18133
18205
  if (selfGrammar) {
18134
18206
  const newContext = { baseGrammar: context.baseGrammar, selfGrammar, repository: patternRepository };
18135
- if (reference.kind === 4) {
18136
- collectExternalReferencesInTopLevelRepositoryRule(reference.ruleName, newContext, result);
18207
+ if (reference2.kind === 4) {
18208
+ collectExternalReferencesInTopLevelRepositoryRule(reference2.ruleName, newContext, result);
18137
18209
  } else {
18138
18210
  collectExternalReferencesInTopLevelRule(newContext, result);
18139
18211
  }
18140
18212
  } else {
18141
- if (reference.kind === 4) {
18142
- result.add(new TopLevelRepositoryRuleReference(reference.scopeName, reference.ruleName));
18213
+ if (reference2.kind === 4) {
18214
+ result.add(new TopLevelRepositoryRuleReference(reference2.scopeName, reference2.ruleName));
18143
18215
  } else {
18144
- result.add(new TopLevelRuleReference(reference.scopeName));
18216
+ result.add(new TopLevelRuleReference(reference2.scopeName));
18145
18217
  }
18146
18218
  }
18147
18219
  break;
@@ -18569,14 +18641,14 @@ var RuleFactory = class _RuleFactory {
18569
18641
  const pattern = patterns[i15];
18570
18642
  let ruleId = -1;
18571
18643
  if (pattern.include) {
18572
- const reference = parseInclude(pattern.include);
18573
- switch (reference.kind) {
18644
+ const reference2 = parseInclude(pattern.include);
18645
+ switch (reference2.kind) {
18574
18646
  case 0:
18575
18647
  case 1:
18576
18648
  ruleId = _RuleFactory.getCompiledRuleId(repository[pattern.include], helper, repository);
18577
18649
  break;
18578
18650
  case 2:
18579
- let localIncludedRule = repository[reference.ruleName];
18651
+ let localIncludedRule = repository[reference2.ruleName];
18580
18652
  if (localIncludedRule) {
18581
18653
  ruleId = _RuleFactory.getCompiledRuleId(localIncludedRule, helper, repository);
18582
18654
  } else {
@@ -18584,8 +18656,8 @@ var RuleFactory = class _RuleFactory {
18584
18656
  break;
18585
18657
  case 3:
18586
18658
  case 4:
18587
- const externalGrammarName = reference.scopeName;
18588
- const externalGrammarInclude = reference.kind === 4 ? reference.ruleName : null;
18659
+ const externalGrammarName = reference2.scopeName;
18660
+ const externalGrammarInclude = reference2.kind === 4 ? reference2.ruleName : null;
18589
18661
  const externalGrammar = helper.getExternalGrammar(externalGrammarName, repository);
18590
18662
  if (externalGrammar) {
18591
18663
  if (externalGrammarInclude) {
@@ -20839,13 +20911,13 @@ var GrammarState = class GrammarState2 {
20839
20911
  static initial(lang, themes3) {
20840
20912
  return new GrammarState2(Object.fromEntries(toArray(themes3).map((theme3) => [theme3, INITIAL])), lang);
20841
20913
  }
20842
- constructor(...args) {
20843
- if (args.length === 2) {
20844
- const [stacksMap, lang] = args;
20914
+ constructor(...args2) {
20915
+ if (args2.length === 2) {
20916
+ const [stacksMap, lang] = args2;
20845
20917
  this.lang = lang;
20846
20918
  this._stacks = stacksMap;
20847
20919
  } else {
20848
- const [stack, lang, theme3] = args;
20920
+ const [stack, lang, theme3] = args2;
20849
20921
  this.lang = lang;
20850
20922
  this._stacks = { [theme3]: stack };
20851
20923
  }
@@ -20902,9 +20974,9 @@ function codeToTokensBase(primitive, code2, options = {}) {
20902
20974
  }
20903
20975
  return tokenizeWithTheme(code2, _grammar, theme3, colorMap, options);
20904
20976
  }
20905
- function getLastGrammarState(...args) {
20906
- if (args.length === 2) return getLastGrammarStateFromMap(args[1]);
20907
- const [primitive, code2, options = {}] = args;
20977
+ function getLastGrammarState(...args2) {
20978
+ if (args2.length === 2) return getLastGrammarStateFromMap(args2[1]);
20979
+ const [primitive, code2, options = {}] = args2;
20908
20980
  const { lang = "text", theme: themeName = primitive.getLoadedThemes()[0] } = options;
20909
20981
  if (isPlainLang(lang) || isNoneTheme(themeName)) throw new ShikiError2("Plain language does not have grammar state");
20910
20982
  if (lang === "ansi") throw new ShikiError2("ANSI language does not have grammar state");
@@ -24307,7 +24379,7 @@ function codeToHtml(primitive, code2, options) {
24307
24379
  async function createHighlighterCore(options) {
24308
24380
  const primitive = await createShikiPrimitiveAsync(options);
24309
24381
  return {
24310
- getLastGrammarState: (...args) => getLastGrammarState(primitive, ...args),
24382
+ getLastGrammarState: (...args2) => getLastGrammarState(primitive, ...args2),
24311
24383
  codeToTokensBase: (code2, options2) => codeToTokensBase2(primitive, code2, options2),
24312
24384
  codeToTokensWithThemes: (code2, options2) => codeToTokensWithThemes(primitive, code2, options2),
24313
24385
  codeToTokens: (code2, options2) => codeToTokens(primitive, code2, options2),
@@ -29594,7 +29666,7 @@ function getLineTypeFromElement(element2) {
29594
29666
  return;
29595
29667
  }
29596
29668
  }
29597
- function debugLogIfEnabled(debugLogType = "none", logIfType, ...args) {
29669
+ function debugLogIfEnabled(debugLogType = "none", logIfType, ...args2) {
29598
29670
  switch (debugLogType) {
29599
29671
  case "none":
29600
29672
  return;
@@ -29606,7 +29678,7 @@ function debugLogIfEnabled(debugLogType = "none", logIfType, ...args) {
29606
29678
  case "move":
29607
29679
  if (logIfType !== "move") return;
29608
29680
  }
29609
- console.log(...args);
29681
+ console.log(...args2);
29610
29682
  }
29611
29683
 
29612
29684
  // node_modules/@pierre/diffs/dist/managers/ResizeManager.js
@@ -40019,12 +40091,12 @@ var CompositeDisposable = class {
40019
40091
  get isDisposed() {
40020
40092
  return this._isDisposed;
40021
40093
  }
40022
- constructor(...args) {
40094
+ constructor(...args2) {
40023
40095
  this._isDisposed = false;
40024
- this._disposables = new Set(args);
40096
+ this._disposables = new Set(args2);
40025
40097
  }
40026
- addDisposables(...args) {
40027
- args.forEach((arg) => this._disposables.add(arg));
40098
+ addDisposables(...args2) {
40099
+ args2.forEach((arg) => this._disposables.add(arg));
40028
40100
  }
40029
40101
  removeDisposable(disposable) {
40030
40102
  this._disposables.delete(disposable);
@@ -41920,12 +41992,12 @@ var Gridview = class {
41920
41992
  }
41921
41993
  set locked(value) {
41922
41994
  this._locked = value;
41923
- const branch = [this.root];
41924
- while (branch.length > 0) {
41925
- const node = branch.pop();
41995
+ const branch2 = [this.root];
41996
+ while (branch2.length > 0) {
41997
+ const node = branch2.pop();
41926
41998
  if (node instanceof BranchNode) {
41927
41999
  node.disabled = value;
41928
- branch.push(...node.children);
42000
+ branch2.push(...node.children);
41929
42001
  }
41930
42002
  }
41931
42003
  }
@@ -43412,11 +43484,11 @@ function applyAnchoredBounds(overlay, bounds) {
43412
43484
  overlay.style.visibility = "visible";
43413
43485
  if (!overlay.style.transform || overlay.style.transform === "") overlay.style.transform = "translate3d(0, 0, 0)";
43414
43486
  }
43415
- function renderAnchoredOverlay(args) {
43416
- const shape = computeOverlayShape(args.quadrant, args.width, args.height, args.overlayModel);
43487
+ function renderAnchoredOverlay(args2) {
43488
+ const shape = computeOverlayShape(args2.quadrant, args2.width, args2.height, args2.overlayModel);
43417
43489
  const { rightClass, leftClass, topClass, bottomClass, size: size2 } = shape;
43418
- const elBox = args.outlineElement.getBoundingClientRect();
43419
- const ta = args.targetModel.getElements(void 0, args.outlineElement);
43490
+ const elBox = args2.outlineElement.getBoundingClientRect();
43491
+ const ta = args2.targetModel.getElements(void 0, args2.outlineElement);
43420
43492
  const el = ta.root;
43421
43493
  const overlay = ta.overlay;
43422
43494
  const bigbox = el.getBoundingClientRect();
@@ -43425,26 +43497,26 @@ function renderAnchoredOverlay(args) {
43425
43497
  const box = {
43426
43498
  top: rootTop,
43427
43499
  left: rootLeft,
43428
- width: args.width,
43429
- height: args.height
43500
+ width: args2.width,
43501
+ height: args2.height
43430
43502
  };
43431
43503
  if (rightClass) {
43432
- box.left = rootLeft + args.width * (1 - size2);
43433
- box.width = args.width * size2;
43434
- } else if (leftClass) box.width = args.width * size2;
43435
- else if (topClass) box.height = args.height * size2;
43504
+ box.left = rootLeft + args2.width * (1 - size2);
43505
+ box.width = args2.width * size2;
43506
+ } else if (leftClass) box.width = args2.width * size2;
43507
+ else if (topClass) box.height = args2.height * size2;
43436
43508
  else if (bottomClass) {
43437
- box.top = rootTop + args.height * (1 - size2);
43438
- box.height = args.height * size2;
43509
+ box.top = rootTop + args2.height * (1 - size2);
43510
+ box.height = args2.height * size2;
43439
43511
  }
43440
43512
  if (shape.isSmallX && shape.isLeft) box.width = 4;
43441
43513
  if (shape.isSmallX && shape.isRight) {
43442
- box.left = rootLeft + args.width - 4;
43514
+ box.left = rootLeft + args2.width - 4;
43443
43515
  box.width = 4;
43444
43516
  }
43445
43517
  if (shape.isSmallY && shape.isTop) box.height = 4;
43446
43518
  if (shape.isSmallY && shape.isBottom) {
43447
- box.top = rootTop + args.height - 4;
43519
+ box.top = rootTop + args2.height - 4;
43448
43520
  box.height = 4;
43449
43521
  }
43450
43522
  if (!checkAnchoredBoundsChanged(overlay, box)) return {
@@ -43452,13 +43524,13 @@ function renderAnchoredOverlay(args) {
43452
43524
  targetChanged: ta.changed
43453
43525
  };
43454
43526
  applyAnchoredBounds(overlay, box);
43455
- overlay.className = `dv-drop-target-anchor${args.className ? ` ${args.className}` : ""}`;
43527
+ overlay.className = `dv-drop-target-anchor${args2.className ? ` ${args2.className}` : ""}`;
43456
43528
  toggleClass(overlay, "dv-drop-target-left", shape.isLeft);
43457
43529
  toggleClass(overlay, "dv-drop-target-right", shape.isRight);
43458
43530
  toggleClass(overlay, "dv-drop-target-top", shape.isTop);
43459
43531
  toggleClass(overlay, "dv-drop-target-bottom", shape.isBottom);
43460
43532
  toggleClass(overlay, "dv-drop-target-anchor-line", shape.isSmallX && (shape.isLeft || shape.isRight) || shape.isSmallY && (shape.isTop || shape.isBottom));
43461
- toggleClass(overlay, "dv-drop-target-center", args.quadrant === "center");
43533
+ toggleClass(overlay, "dv-drop-target-center", args2.quadrant === "center");
43462
43534
  if (ta.changed) {
43463
43535
  toggleClass(overlay, "dv-drop-target-anchor-container-changed", true);
43464
43536
  setTimeout(() => {
@@ -43869,11 +43941,11 @@ var PointerDragController = class PointerDragController2 extends CompositeDispos
43869
43941
  if (this._currentTarget === target) this._currentTarget = void 0;
43870
43942
  } };
43871
43943
  }
43872
- beginDrag(args) {
43944
+ beginDrag(args2) {
43873
43945
  var _source$ownerDocument, _source$ownerDocument2, _source$ownerDocument3, _source$ownerDocument4;
43874
43946
  if (this._active) this.cancel();
43875
- const { pointerEvent, source } = args;
43876
- const dataDisposable = args.getData();
43947
+ const { pointerEvent, source } = args2;
43948
+ const dataDisposable = args2.getData();
43877
43949
  this._active = {
43878
43950
  pointerId: pointerEvent.pointerId,
43879
43951
  startX: pointerEvent.clientX,
@@ -43881,10 +43953,10 @@ var PointerDragController = class PointerDragController2 extends CompositeDispos
43881
43953
  source
43882
43954
  };
43883
43955
  this._lastPointerEvent = pointerEvent;
43884
- this._onDragMoveCallback = args.onDragMove;
43885
- this._onDragEndCallback = args.onDragEnd;
43956
+ this._onDragMoveCallback = args2.onDragMove;
43957
+ this._onDragEndCallback = args2.onDragEnd;
43886
43958
  this._dataDisposable = dataDisposable;
43887
- this._ghost = args.ghost;
43959
+ this._ghost = args2.ghost;
43888
43960
  this._iframeShield = disableIframePointEvents((_source$ownerDocument = source.ownerDocument) !== null && _source$ownerDocument !== void 0 ? _source$ownerDocument : document);
43889
43961
  this._selectionShield = disableTextSelection((_source$ownerDocument2 = source.ownerDocument) !== null && _source$ownerDocument2 !== void 0 ? _source$ownerDocument2 : document);
43890
43962
  const startEvent = {
@@ -53967,9 +54039,9 @@ var DockviewComponent = class extends BaseGrid {
53967
54039
  if (this.options.dropPositionResolver) return this.options.dropPositionResolver;
53968
54040
  const compass = (_this$_dndCompassServ = this._dndCompassService) === null || _this$_dndCompassServ === void 0 ? void 0 : _this$_dndCompassServ.resolver;
53969
54041
  const autoEdge = this._moduleRegistry.services.autoEdgeGroupService;
53970
- if (compass && autoEdge) return { resolve: (args) => {
54042
+ if (compass && autoEdge) return { resolve: (args2) => {
53971
54043
  var _autoEdge$resolveEdge;
53972
- return (_autoEdge$resolveEdge = autoEdge.resolveEdge(args)) !== null && _autoEdge$resolveEdge !== void 0 ? _autoEdge$resolveEdge : compass.resolve(args);
54044
+ return (_autoEdge$resolveEdge = autoEdge.resolveEdge(args2)) !== null && _autoEdge$resolveEdge !== void 0 ? _autoEdge$resolveEdge : compass.resolve(args2);
53973
54045
  } };
53974
54046
  return compass !== null && compass !== void 0 ? compass : autoEdge === null || autoEdge === void 0 ? void 0 : autoEdge.resolver;
53975
54047
  }
@@ -59309,150 +59381,150 @@ function subscribe(state, type, handler) {
59309
59381
  if (listeners.size === 0) state.listeners.delete(type);
59310
59382
  };
59311
59383
  }
59312
- function createAddEvent(args) {
59384
+ function createAddEvent(args2) {
59313
59385
  return {
59314
- affectedAncestorIds: args.affectedAncestorIds ?? [],
59315
- affectedNodeIds: args.affectedNodeIds ?? [],
59386
+ affectedAncestorIds: args2.affectedAncestorIds ?? [],
59387
+ affectedNodeIds: args2.affectedNodeIds ?? [],
59316
59388
  canonicalChanged: true,
59317
59389
  operation: "add",
59318
- path: args.path,
59319
- projectionChanged: args.projectionChanged,
59390
+ path: args2.path,
59391
+ projectionChanged: args2.projectionChanged,
59320
59392
  visibleCountDelta: null
59321
59393
  };
59322
59394
  }
59323
- function createRemoveEvent(args) {
59395
+ function createRemoveEvent(args2) {
59324
59396
  return {
59325
- affectedAncestorIds: args.affectedAncestorIds ?? [],
59326
- affectedNodeIds: args.affectedNodeIds ?? [],
59397
+ affectedAncestorIds: args2.affectedAncestorIds ?? [],
59398
+ affectedNodeIds: args2.affectedNodeIds ?? [],
59327
59399
  canonicalChanged: true,
59328
59400
  operation: "remove",
59329
- path: args.path,
59330
- projectionChanged: args.projectionChanged,
59331
- recursive: args.recursive,
59401
+ path: args2.path,
59402
+ projectionChanged: args2.projectionChanged,
59403
+ recursive: args2.recursive,
59332
59404
  visibleCountDelta: null
59333
59405
  };
59334
59406
  }
59335
- function createMoveEvent(args) {
59407
+ function createMoveEvent(args2) {
59336
59408
  return {
59337
- affectedAncestorIds: args.affectedAncestorIds ?? [],
59338
- affectedNodeIds: args.affectedNodeIds ?? [],
59409
+ affectedAncestorIds: args2.affectedAncestorIds ?? [],
59410
+ affectedNodeIds: args2.affectedNodeIds ?? [],
59339
59411
  canonicalChanged: true,
59340
- from: args.from,
59412
+ from: args2.from,
59341
59413
  operation: "move",
59342
- projectionChanged: args.projectionChanged,
59343
- to: args.to,
59414
+ projectionChanged: args2.projectionChanged,
59415
+ to: args2.to,
59344
59416
  visibleCountDelta: null
59345
59417
  };
59346
59418
  }
59347
- function createExpandEvent(args) {
59419
+ function createExpandEvent(args2) {
59348
59420
  return {
59349
- affectedAncestorIds: args.affectedAncestorIds ?? [],
59350
- affectedNodeIds: args.affectedNodeIds ?? [],
59421
+ affectedAncestorIds: args2.affectedAncestorIds ?? [],
59422
+ affectedNodeIds: args2.affectedNodeIds ?? [],
59351
59423
  canonicalChanged: false,
59352
59424
  operation: "expand",
59353
- path: args.path,
59425
+ path: args2.path,
59354
59426
  projectionChanged: true,
59355
59427
  visibleCountDelta: null
59356
59428
  };
59357
59429
  }
59358
- function createCollapseEvent(args) {
59430
+ function createCollapseEvent(args2) {
59359
59431
  return {
59360
- affectedAncestorIds: args.affectedAncestorIds ?? [],
59361
- affectedNodeIds: args.affectedNodeIds ?? [],
59432
+ affectedAncestorIds: args2.affectedAncestorIds ?? [],
59433
+ affectedNodeIds: args2.affectedNodeIds ?? [],
59362
59434
  canonicalChanged: false,
59363
59435
  operation: "collapse",
59364
- path: args.path,
59436
+ path: args2.path,
59365
59437
  projectionChanged: true,
59366
59438
  visibleCountDelta: null
59367
59439
  };
59368
59440
  }
59369
- function createMarkDirectoryUnloadedEvent(args) {
59441
+ function createMarkDirectoryUnloadedEvent(args2) {
59370
59442
  return {
59371
- affectedAncestorIds: args.affectedAncestorIds ?? [],
59372
- affectedNodeIds: args.affectedNodeIds ?? [],
59443
+ affectedAncestorIds: args2.affectedAncestorIds ?? [],
59444
+ affectedNodeIds: args2.affectedNodeIds ?? [],
59373
59445
  canonicalChanged: false,
59374
59446
  operation: "mark-directory-unloaded",
59375
- path: args.path,
59376
- projectionChanged: args.projectionChanged,
59447
+ path: args2.path,
59448
+ projectionChanged: args2.projectionChanged,
59377
59449
  visibleCountDelta: null
59378
59450
  };
59379
59451
  }
59380
- function createBeginChildLoadEvent(args) {
59452
+ function createBeginChildLoadEvent(args2) {
59381
59453
  return {
59382
- affectedAncestorIds: args.affectedAncestorIds ?? [],
59383
- affectedNodeIds: args.affectedNodeIds ?? [],
59384
- attemptId: args.attemptId,
59454
+ affectedAncestorIds: args2.affectedAncestorIds ?? [],
59455
+ affectedNodeIds: args2.affectedNodeIds ?? [],
59456
+ attemptId: args2.attemptId,
59385
59457
  canonicalChanged: false,
59386
59458
  operation: "begin-child-load",
59387
- path: args.path,
59388
- projectionChanged: args.projectionChanged,
59389
- reused: args.reused,
59459
+ path: args2.path,
59460
+ projectionChanged: args2.projectionChanged,
59461
+ reused: args2.reused,
59390
59462
  visibleCountDelta: null
59391
59463
  };
59392
59464
  }
59393
- function createApplyChildPatchEvent(args) {
59465
+ function createApplyChildPatchEvent(args2) {
59394
59466
  return {
59395
- affectedAncestorIds: args.affectedAncestorIds ?? [],
59396
- affectedNodeIds: args.affectedNodeIds ?? [],
59397
- attemptId: args.attemptId,
59398
- canonicalChanged: args.childEvents.some((event) => event.canonicalChanged),
59399
- childEvents: args.childEvents,
59467
+ affectedAncestorIds: args2.affectedAncestorIds ?? [],
59468
+ affectedNodeIds: args2.affectedNodeIds ?? [],
59469
+ attemptId: args2.attemptId,
59470
+ canonicalChanged: args2.childEvents.some((event) => event.canonicalChanged),
59471
+ childEvents: args2.childEvents,
59400
59472
  operation: "apply-child-patch",
59401
- path: args.path,
59402
- projectionChanged: args.projectionChanged,
59473
+ path: args2.path,
59474
+ projectionChanged: args2.projectionChanged,
59403
59475
  visibleCountDelta: null
59404
59476
  };
59405
59477
  }
59406
- function createCompleteChildLoadEvent(args) {
59478
+ function createCompleteChildLoadEvent(args2) {
59407
59479
  return {
59408
- affectedAncestorIds: args.affectedAncestorIds ?? [],
59409
- affectedNodeIds: args.affectedNodeIds ?? [],
59410
- attemptId: args.attemptId,
59480
+ affectedAncestorIds: args2.affectedAncestorIds ?? [],
59481
+ affectedNodeIds: args2.affectedNodeIds ?? [],
59482
+ attemptId: args2.attemptId,
59411
59483
  canonicalChanged: false,
59412
59484
  operation: "complete-child-load",
59413
- path: args.path,
59414
- projectionChanged: args.projectionChanged,
59415
- stale: args.stale,
59485
+ path: args2.path,
59486
+ projectionChanged: args2.projectionChanged,
59487
+ stale: args2.stale,
59416
59488
  visibleCountDelta: null
59417
59489
  };
59418
59490
  }
59419
- function createFailChildLoadEvent(args) {
59491
+ function createFailChildLoadEvent(args2) {
59420
59492
  return {
59421
- affectedAncestorIds: args.affectedAncestorIds ?? [],
59422
- affectedNodeIds: args.affectedNodeIds ?? [],
59423
- attemptId: args.attemptId,
59493
+ affectedAncestorIds: args2.affectedAncestorIds ?? [],
59494
+ affectedNodeIds: args2.affectedNodeIds ?? [],
59495
+ attemptId: args2.attemptId,
59424
59496
  canonicalChanged: false,
59425
- errorMessage: args.errorMessage,
59497
+ errorMessage: args2.errorMessage,
59426
59498
  operation: "fail-child-load",
59427
- path: args.path,
59428
- projectionChanged: args.projectionChanged,
59429
- stale: args.stale,
59499
+ path: args2.path,
59500
+ projectionChanged: args2.projectionChanged,
59501
+ stale: args2.stale,
59430
59502
  visibleCountDelta: null
59431
59503
  };
59432
59504
  }
59433
- function createCleanupEvent(args) {
59505
+ function createCleanupEvent(args2) {
59434
59506
  return {
59435
- activeNodeCountAfter: args.activeNodeCountAfter,
59436
- activeNodeCountBefore: args.activeNodeCountBefore,
59437
- affectedAncestorIds: args.affectedAncestorIds ?? [],
59438
- affectedNodeIds: args.affectedNodeIds ?? [],
59439
- cachedPathEntryCountAfter: args.cachedPathEntryCountAfter,
59440
- cachedPathEntryCountBefore: args.cachedPathEntryCountBefore,
59507
+ activeNodeCountAfter: args2.activeNodeCountAfter,
59508
+ activeNodeCountBefore: args2.activeNodeCountBefore,
59509
+ affectedAncestorIds: args2.affectedAncestorIds ?? [],
59510
+ affectedNodeIds: args2.affectedNodeIds ?? [],
59511
+ cachedPathEntryCountAfter: args2.cachedPathEntryCountAfter,
59512
+ cachedPathEntryCountBefore: args2.cachedPathEntryCountBefore,
59441
59513
  canonicalChanged: false,
59442
- idsPreserved: args.idsPreserved,
59443
- loadInfoEntryCountAfter: args.loadInfoEntryCountAfter,
59444
- loadInfoEntryCountBefore: args.loadInfoEntryCountBefore,
59445
- mode: args.mode,
59514
+ idsPreserved: args2.idsPreserved,
59515
+ loadInfoEntryCountAfter: args2.loadInfoEntryCountAfter,
59516
+ loadInfoEntryCountBefore: args2.loadInfoEntryCountBefore,
59517
+ mode: args2.mode,
59446
59518
  operation: "cleanup",
59447
- projectionChanged: args.projectionChanged,
59448
- reclaimedCachedPathEntryCount: args.reclaimedCachedPathEntryCount,
59449
- reclaimedLoadInfoEntryCount: args.reclaimedLoadInfoEntryCount,
59450
- reclaimedNodeSlotCount: args.reclaimedNodeSlotCount,
59451
- reclaimedSegmentCount: args.reclaimedSegmentCount,
59452
- segmentCountAfter: args.segmentCountAfter,
59453
- segmentCountBefore: args.segmentCountBefore,
59454
- totalNodeSlotCountAfter: args.totalNodeSlotCountAfter,
59455
- totalNodeSlotCountBefore: args.totalNodeSlotCountBefore,
59519
+ projectionChanged: args2.projectionChanged,
59520
+ reclaimedCachedPathEntryCount: args2.reclaimedCachedPathEntryCount,
59521
+ reclaimedLoadInfoEntryCount: args2.reclaimedLoadInfoEntryCount,
59522
+ reclaimedNodeSlotCount: args2.reclaimedNodeSlotCount,
59523
+ reclaimedSegmentCount: args2.reclaimedSegmentCount,
59524
+ segmentCountAfter: args2.segmentCountAfter,
59525
+ segmentCountBefore: args2.segmentCountBefore,
59526
+ totalNodeSlotCountAfter: args2.totalNodeSlotCountAfter,
59527
+ totalNodeSlotCountBefore: args2.totalNodeSlotCountBefore,
59456
59528
  visibleCountDelta: null
59457
59529
  };
59458
59530
  }