@inkandswitch/patchwork-pkg-base 0.0.100 → 0.0.102

package/packages/theming/dist/chunk-GIPQLUDU.js

@@ -1,86 +0,0 @@
-// src/theme-editor-datatype.ts
-var EDITABLE_VARIABLES = [
-  { group: "Base", vars: [
-    { key: "--studio-fill", label: "Fill (background)", type: "color" },
-    { key: "--studio-line", label: "Line (foreground)", type: "color" }
-  ] },
-  { group: "Accents", vars: [
-    { key: "--studio-primary", label: "Primary", type: "color" },
-    { key: "--studio-secondary", label: "Secondary", type: "color" },
-    { key: "--studio-danger", label: "Danger", type: "color" },
-    { key: "--studio-warning", label: "Warning", type: "color" }
-  ] },
-  { group: "Semantic", vars: [
-    { key: "--studio-added", label: "Added", type: "color" },
-    { key: "--studio-deleted", label: "Deleted", type: "color" },
-    { key: "--studio-modified", label: "Modified", type: "color" },
-    { key: "--studio-link", label: "Link", type: "color" }
-  ] },
-  { group: "Selection", vars: [
-    { key: "--studio-selection-fill", label: "Selection fill", type: "color" }
-  ] },
-  { group: "Chrome", vars: [
-    // derived by default (see theme.css); kept as text so the var() default
-    // survives unless the user types a concrete value.
-    { key: "--studio-chrome-fill", label: "Chrome fill", type: "text" },
-    { key: "--studio-chrome-line", label: "Chrome line", type: "text" }
-  ] },
-  { group: "Sideboard", vars: [
-    { key: "--sideboard-primary", label: "Sideboard primary", type: "text" },
-    { key: "--sideboard-fill", label: "Sideboard fill", type: "text" }
-  ] },
-  { group: "Typography", vars: [
-    { key: "--studio-family-sans", label: "Sans font", type: "text" },
-    { key: "--studio-family-code", label: "Code font", type: "text" },
-    { key: "--studio-family", label: "Default font", type: "text" },
-    { key: "--studio-family-ui", label: "UI font", type: "text" },
-    { key: "--studio-font-size", label: "Font size", type: "text" },
-    { key: "--studio-line-height", label: "Line height", type: "text" }
-  ] }
-];
-var DEFAULT_VALUES = {
-  "--studio-fill": "#ffffff",
-  "--studio-line": "#000000",
-  "--studio-primary": "#35f7ca",
-  "--studio-secondary": "#33ccf8",
-  "--studio-danger": "#ff6a90",
-  "--studio-warning": "#f8c43b",
-  "--studio-added": "#35f7ca",
-  "--studio-deleted": "#ff6a90",
-  "--studio-modified": "#f8c43b",
-  "--studio-link": "#3366ee",
-  "--studio-selection-fill": "#ffee8888",
-  // derived defaults — mirror the var() chains in theme.css so editing the
-  // source (fill/primary/sans) cascades unless overridden here.
-  "--studio-chrome-fill": "var(--studio-fill-offset-10)",
-  "--studio-chrome-line": "var(--studio-line)",
-  "--sideboard-primary": "var(--studio-primary)",
-  "--sideboard-fill": "var(--studio-chrome-fill)",
-  "--studio-family-sans": '"Jost*", "Jost", system-ui, -apple-system, sans-serif',
-  "--studio-family-code": '"IBM Plex Mono", ui-monospace, monospace',
-  "--studio-family": "var(--studio-family-sans)",
-  "--studio-family-ui": "var(--studio-family-sans)",
-  "--studio-font-size": "16px",
-  "--studio-line-height": "1.5"
-};
-var CustomThemeDatatype = {
-  init(doc) {
-    doc.name = "Custom Theme";
-    doc.mode = "light";
-    doc.variables = { ...DEFAULT_VALUES };
-    doc.customCss = "";
-  },
-  getTitle(doc) {
-    return doc.name || "Custom Theme";
-  },
-  setTitle(doc, title) {
-    doc.name = title;
-  }
-};
-
-export {
-  EDITABLE_VARIABLES,
-  DEFAULT_VALUES,
-  CustomThemeDatatype
-};
-//# sourceMappingURL=chunk-GIPQLUDU.js.map

package/packages/theming/dist/chunk-GIPQLUDU.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/theme-editor-datatype.ts"],
-  "sourcesContent": ["export interface CustomThemeDoc {\n\tname: string\n\tmode: \"light\" | \"dark\"\n\tvariables: Record<string, string>\n\tcustomCss: string\n}\n\nexport const EDITABLE_VARIABLES = [\n\t{group: \"Base\", vars: [\n\t\t{key: \"--studio-fill\", label: \"Fill (background)\", type: \"color\"},\n\t\t{key: \"--studio-line\", label: \"Line (foreground)\", type: \"color\"},\n\t]},\n\t{group: \"Accents\", vars: [\n\t\t{key: \"--studio-primary\", label: \"Primary\", type: \"color\"},\n\t\t{key: \"--studio-secondary\", label: \"Secondary\", type: \"color\"},\n\t\t{key: \"--studio-danger\", label: \"Danger\", type: \"color\"},\n\t\t{key: \"--studio-warning\", label: \"Warning\", type: \"color\"},\n\t]},\n\t{group: \"Semantic\", vars: [\n\t\t{key: \"--studio-added\", label: \"Added\", type: \"color\"},\n\t\t{key: \"--studio-deleted\", label: \"Deleted\", type: \"color\"},\n\t\t{key: \"--studio-modified\", label: \"Modified\", type: \"color\"},\n\t\t{key: \"--studio-link\", label: \"Link\", type: \"color\"},\n\t]},\n\t{group: \"Selection\", vars: [\n\t\t{key: \"--studio-selection-fill\", label: \"Selection fill\", type: \"color\"},\n\t]},\n\t{group: \"Chrome\", vars: [\n\t\t// derived by default (see theme.css); kept as text so the var() default\n\t\t// survives unless the user types a concrete value.\n\t\t{key: \"--studio-chrome-fill\", label: \"Chrome fill\", type: \"text\"},\n\t\t{key: \"--studio-chrome-line\", label: \"Chrome line\", type: \"text\"},\n\t]},\n\t{group: \"Sideboard\", vars: [\n\t\t{key: \"--sideboard-primary\", label: \"Sideboard primary\", type: \"text\"},\n\t\t{key: \"--sideboard-fill\", label: \"Sideboard fill\", type: \"text\"},\n\t]},\n\t{group: \"Typography\", vars: [\n\t\t{key: \"--studio-family-sans\", label: \"Sans font\", type: \"text\"},\n\t\t{key: \"--studio-family-code\", label: \"Code font\", type: \"text\"},\n\t\t{key: \"--studio-family\", label: \"Default font\", type: \"text\"},\n\t\t{key: \"--studio-family-ui\", label: \"UI font\", type: \"text\"},\n\t\t{key: \"--studio-font-size\", label: \"Font size\", type: \"text\"},\n\t\t{key: \"--studio-line-height\", label: \"Line height\", type: \"text\"},\n\t]},\n] as const\n\nexport const DEFAULT_VALUES: Record<string, string> = {\n\t\"--studio-fill\": \"#ffffff\",\n\t\"--studio-line\": \"#000000\",\n\t\"--studio-primary\": \"#35f7ca\",\n\t\"--studio-secondary\": \"#33ccf8\",\n\t\"--studio-danger\": \"#ff6a90\",\n\t\"--studio-warning\": \"#f8c43b\",\n\t\"--studio-added\": \"#35f7ca\",\n\t\"--studio-deleted\": \"#ff6a90\",\n\t\"--studio-modified\": \"#f8c43b\",\n\t\"--studio-link\": \"#3366ee\",\n\t\"--studio-selection-fill\": \"#ffee8888\",\n\t// derived defaults \u2014 mirror the var() chains in theme.css so editing the\n\t// source (fill/primary/sans) cascades unless overridden here.\n\t\"--studio-chrome-fill\": \"var(--studio-fill-offset-10)\",\n\t\"--studio-chrome-line\": \"var(--studio-line)\",\n\t\"--sideboard-primary\": \"var(--studio-primary)\",\n\t\"--sideboard-fill\": \"var(--studio-chrome-fill)\",\n\t\"--studio-family-sans\": '\"Jost*\", \"Jost\", system-ui, -apple-system, sans-serif',\n\t\"--studio-family-code\": '\"IBM Plex Mono\", ui-monospace, monospace',\n\t\"--studio-family\": \"var(--studio-family-sans)\",\n\t\"--studio-family-ui\": \"var(--studio-family-sans)\",\n\t\"--studio-font-size\": \"16px\",\n\t\"--studio-line-height\": \"1.5\",\n}\n\nexport const CustomThemeDatatype = {\n\tinit(doc: any) {\n\t\tdoc.name = \"Custom Theme\"\n\t\tdoc.mode = \"light\"\n\t\tdoc.variables = {...DEFAULT_VALUES}\n\t\tdoc.customCss = \"\"\n\t},\n\tgetTitle(doc: any) {\n\t\treturn doc.name || \"Custom Theme\"\n\t},\n\tsetTitle(doc: any, title: string) {\n\t\tdoc.name = title\n\t},\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/packages/theming/dist/theme-tray-7J247NRY.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/theme-tray.tsx"],
-  "sourcesContent": ["import { template as _$template } from \"solid-js/web\";\nimport { delegateEvents as _$delegateEvents } from \"solid-js/web\";\nimport { memo as _$memo } from \"solid-js/web\";\nimport { setStyleProperty as _$setStyleProperty } from \"solid-js/web\";\nimport { setAttribute as _$setAttribute } from \"solid-js/web\";\nimport { effect as _$effect } from \"solid-js/web\";\nimport { createComponent as _$createComponent } from \"solid-js/web\";\nimport { insert as _$insert } from \"solid-js/web\";\nimport { use as _$use } from \"solid-js/web\";\nvar _tmpl$ = /*#__PURE__*/_$template(`<span class=theme-tray-label>`),\n  _tmpl$2 = /*#__PURE__*/_$template(`<div class=theme-tray-empty>No matching themes`),\n  _tmpl$3 = /*#__PURE__*/_$template(`<div class=theme-tray-popover><div class=theme-tray-header><span class=theme-tray-title>theme</span><label class=theme-tray-toggle><input type=checkbox>show name</label></div><input class=theme-tray-filter type=text placeholder=\"Filter themes\u2026\">`),\n  _tmpl$4 = /*#__PURE__*/_$template(`<div class=theme-tray><button class=theme-tray-button><span class=theme-tray-swatch>`),\n  _tmpl$5 = /*#__PURE__*/_$template(`<span class=theme-tray-option-check>selected`),\n  _tmpl$6 = /*#__PURE__*/_$template(`<button class=theme-tray-option><span class=theme-tray-option-name>`);\nimport { createEffect, createMemo, createSignal, For, onCleanup, Show } from \"solid-js\";\nimport { Portal, render } from \"solid-js/web\";\nimport { getRegistry } from \"@inkandswitch/patchwork-plugins\";\nimport { getActiveThemeState, hasThemePreferences, onActiveThemeChange, serveCurrentThemeProvider, setThemeForCurrentMode, startActiveTheme } from \"./active-theme.ts\";\nexport function ThemeTray(element) {\n  startActiveTheme(element);\n  const stopThemeProvider = serveCurrentThemeProvider(document.documentElement);\n  const style = document.createElement(\"style\");\n  style.textContent = `\n\t\t.theme-tray {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t}\n\t\t.theme-tray-button {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: var(--studio-space-2xs, 0.25rem);\n\t\t\tmin-width: 0;\n\t\t\theight: 1.75rem;\n\t\t\tpadding: 0 var(--studio-space-xs, 0.375rem);\n\t\t\tborder: 1px solid var(--studio-chrome-offset-20, var(--studio-fill-offset-20, #d4d4d4));\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\tbackground: var(--studio-chrome, var(--studio-fill, white));\n\t\t\tcolor: var(--studio-chrome-line, var(--studio-line, black));\n\t\t\tfont: 500 0.75rem/1 var(--studio-family-sans, system-ui, sans-serif);\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.theme-tray-button:hover {\n\t\t\tbackground: var(--studio-chrome-offset-10, var(--studio-fill-offset-10, #f2f2f2));\n\t\t}\n\t\t.theme-tray-swatch {\n\t\t\twidth: 0.75rem;\n\t\t\theight: 0.75rem;\n\t\t\tborder-radius: var(--studio-radius-xs, 2px);\n\t\t\tbackground: linear-gradient(135deg, var(--studio-primary-fill, var(--studio-primary, #35f7ca)) 0 50%, var(--studio-secondary-fill, var(--studio-secondary, #ec6ca7)) 50% 100%);\n\t\t\tbox-shadow: inset 0 0 0 1px color-mix(in oklch, var(--studio-line, black), transparent 75%);\n\t\t\tflex: none;\n\t\t}\n\t\t.theme-tray-label {\n\t\t\tmax-width: 9rem;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t\t.theme-tray-popover {\n\t\t\tposition: fixed;\n\t\t\tz-index: 1000;\n\t\t\twidth: 13rem;\n\t\t\tmax-height: min(18rem, 60vh);\n\t\t\toverflow-y: auto;\n\t\t\tpadding: var(--studio-space-2xs, 0.25rem);\n\t\t\tborder: 1px solid var(--studio-chrome-offset-20, var(--studio-fill-offset-20, #d4d4d4));\n\t\t\tborder-radius: var(--studio-radius-sm, 4px);\n\t\t\tbackground: var(--studio-chrome, var(--studio-fill, white));\n\t\t\tcolor: var(--studio-chrome-line, var(--studio-line, black));\n\t\t\tbox-shadow: 0 0.5rem 1rem color-mix(in oklch, var(--studio-line, black), transparent 88%);\n\t\t\tfont-family: var(--studio-family-sans, system-ui, sans-serif);\n\t\t\t/* Grows out of the tray button once it has been measured and placed\n\t\t\t   (data-placed). Closing is instant. */\n\t\t\topacity: 0;\n\t\t\tscale: 0.97;\n\t\t\ttransform-origin: top right;\n\t\t}\n\t\t.theme-tray-popover[data-side=\"above\"] {\n\t\t\ttransform-origin: bottom right;\n\t\t}\n\t\t.theme-tray-popover[data-placed] {\n\t\t\topacity: 1;\n\t\t\tscale: 1;\n\t\t\ttransition:\n\t\t\t\topacity 150ms var(--studio-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),\n\t\t\t\tscale 150ms var(--studio-ease-out, cubic-bezier(0.23, 1, 0.32, 1));\n\t\t}\n\t\t.theme-tray-header {\n\t\t\tdisplay: flex;\n\t\t\talign-items: baseline;\n\t\t\tjustify-content: space-between;\n\t\t\tgap: var(--studio-space-sm, 0.5rem);\n\t\t\tpadding: var(--studio-space-2xs, 0.25rem) var(--studio-space-xs, 0.375rem);\n\t\t}\n\t\t.theme-tray-title {\n\t\t\tfont: 600 0.72rem/1 var(--studio-family-sans, system-ui, sans-serif);\n\t\t\ttext-transform: lowercase;\n\t\t\tletter-spacing: 0.02em;\n\t\t\topacity: 0.7;\n\t\t}\n\t\t.theme-tray-toggle {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: var(--studio-space-2xs, 0.25rem);\n\t\t\tfont: 500 0.68rem/1 var(--studio-family-sans, system-ui, sans-serif);\n\t\t\topacity: 0.7;\n\t\t\tcursor: pointer;\n\t\t\tuser-select: none;\n\t\t}\n\t\t.theme-tray-toggle input {\n\t\t\tmargin: 0;\n\t\t\taccent-color: var(--studio-primary-fill, var(--studio-primary, #35f7ca));\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.theme-tray-filter {\n\t\t\twidth: 100%;\n\t\t\theight: 1.75rem;\n\t\t\tmargin-bottom: var(--studio-space-2xs, 0.25rem);\n\t\t\tpadding: 0 var(--studio-space-xs, 0.375rem);\n\t\t\tborder: 1px solid var(--studio-chrome-offset-20, var(--studio-fill-offset-20, #d4d4d4));\n\t\t\tborder-radius: var(--studio-radius-xs, 2px);\n\t\t\tbackground: var(--studio-chrome-fill, var(--studio-fill, white));\n\t\t\tcolor: var(--studio-chrome-line, var(--studio-line, black));\n\t\t\tfont: 500 0.78rem/1 var(--studio-family-sans, system-ui, sans-serif);\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t.theme-tray-empty {\n\t\t\tpadding: var(--studio-space-xs, 0.375rem);\n\t\t\tcolor: color-mix(in oklch, var(--studio-chrome-line, var(--studio-line, black)), transparent 40%);\n\t\t\tfont: 500 0.78rem/1 var(--studio-family-sans, system-ui, sans-serif);\n\t\t\ttext-align: center;\n\t\t}\n\t\t.theme-tray-option {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tgap: var(--studio-space-sm, 0.5rem);\n\t\t\twidth: 100%;\n\t\t\tmin-height: 1.75rem;\n\t\t\tpadding: 0 var(--studio-space-xs, 0.375rem);\n\t\t\tborder: 0;\n\t\t\tborder-radius: var(--studio-radius-xs, 2px);\n\t\t\tbackground: var(--studio-chrome-fill, var(--studio-fill, white));\n\t\t\tcolor: var(--studio-chrome-line, var(--studio-line, black));\n\t\t\tfont: 500 0.78rem/1 var(--studio-family-sans, system-ui, sans-serif);\n\t\t\ttext-align: left;\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.theme-tray-option:hover {\n\t\t\tbackground: var(--studio-chrome-fill-offset-20, var(--studio-fill-offset-20, #f2f2f2));\n\t\t}\n\t\t.theme-tray-option[data-selected] {\n\t\t\tbox-shadow: inset 0 0 0 1px var(--studio-chrome-line, var(--studio-line, black));\n\t\t}\n\t\t.theme-tray-option-name {\n\t\t\tmin-width: 0;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t\t.theme-tray-option-check {\n\t\t\tflex: none;\n\t\t\tfont-size: 0.72rem;\n\t\t}\n\t`;\n  element.appendChild(style);\n  const dispose = render(() => {\n    const [state, setState] = createSignal(getActiveThemeState());\n    const [open, setOpen] = createSignal(false);\n    const [popoverPosition, setPopoverPosition] = createSignal();\n    const [themes, setThemes] = createSignal([]);\n    const [filter, setFilter] = createSignal(\"\");\n    const showNameKey = \"patchwork:theme-tray:show-name\";\n    const [showName, setShowName] = createSignal(localStorage.getItem(showNameKey) === \"true\");\n    createEffect(() => localStorage.setItem(showNameKey, showName() ? \"true\" : \"false\"));\n    const themeRegistry = getRegistry(\"patchwork:theme\");\n    const unsubscribe = onActiveThemeChange(setState);\n    let buttonElement;\n    let popoverElement;\n    let filterElement;\n    const themeLabel = theme => theme.name || theme.id;\n    const sortedThemes = createMemo(() => [...themes()].sort((a, b) => themeLabel(a).localeCompare(themeLabel(b), void 0, {\n      sensitivity: \"base\"\n    })));\n    const visibleThemes = createMemo(() => {\n      const query = filter().trim().toLowerCase();\n      if (!query) return sortedThemes();\n      return sortedThemes().filter(theme => themeLabel(theme).toLowerCase().includes(query) || theme.id.toLowerCase().includes(query));\n    });\n    const refreshThemes = () => setThemes(themeRegistry.all?.() || []);\n    refreshThemes();\n    themeRegistry.on(\"registered\", refreshThemes);\n    themeRegistry.on(\"removed\", refreshThemes);\n    const updatePopoverPosition = () => {\n      if (!buttonElement || !popoverElement) return;\n      const gap = 4;\n      const margin = 8;\n      const buttonRect = buttonElement.getBoundingClientRect();\n      const popoverRect = popoverElement.getBoundingClientRect();\n      const maxLeft = Math.max(margin, window.innerWidth - popoverRect.width - margin);\n      const maxTop = Math.max(margin, window.innerHeight - popoverRect.height - margin);\n      const left = Math.min(Math.max(buttonRect.right - popoverRect.width, margin), maxLeft);\n      const preferredTop = buttonRect.top >= popoverRect.height + margin + gap ? buttonRect.top - popoverRect.height - gap : buttonRect.bottom + gap;\n      const top = Math.min(Math.max(preferredTop, margin), maxTop);\n      setPopoverPosition({\n        left,\n        top,\n        above: top < buttonRect.top\n      });\n    };\n    const onDocumentClick = event => {\n      const target = event.target;\n      if (!element.contains(target) && !popoverElement?.contains(target)) setOpen(false);\n    };\n    document.addEventListener(\"click\", onDocumentClick);\n    const onDocumentKeyDown = event => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"keydown\", onDocumentKeyDown);\n    createEffect(() => {\n      if (!open()) return;\n      const animationFrame = requestAnimationFrame(() => {\n        updatePopoverPosition();\n        filterElement?.focus();\n      });\n      window.addEventListener(\"resize\", updatePopoverPosition);\n      window.addEventListener(\"scroll\", updatePopoverPosition, true);\n      onCleanup(() => {\n        cancelAnimationFrame(animationFrame);\n        window.removeEventListener(\"resize\", updatePopoverPosition);\n        window.removeEventListener(\"scroll\", updatePopoverPosition, true);\n        setPopoverPosition(void 0);\n        setFilter(\"\");\n      });\n    });\n    onCleanup(() => {\n      unsubscribe();\n      themeRegistry.off?.(\"registered\", refreshThemes);\n      themeRegistry.off?.(\"removed\", refreshThemes);\n      document.removeEventListener(\"click\", onDocumentClick);\n      document.removeEventListener(\"keydown\", onDocumentKeyDown);\n    });\n    function chooseTheme(id) {\n      if (!hasThemePreferences()) return;\n      setThemeForCurrentMode(id);\n      setOpen(false);\n    }\n    const activeThemeId = () => state().themeId;\n    return (() => {\n      var _el$ = _tmpl$4(),\n        _el$2 = _el$.firstChild,\n        _el$3 = _el$2.firstChild;\n      _el$2.$$click = event => {\n        event.stopPropagation();\n        setOpen(value => !value);\n      };\n      var _ref$ = buttonElement;\n      typeof _ref$ === \"function\" ? _$use(_ref$, _el$2) : buttonElement = _el$2;\n      _$insert(_el$2, _$createComponent(Show, {\n        get when() {\n          return showName();\n        },\n        get children() {\n          var _el$4 = _tmpl$();\n          _$insert(_el$4, activeThemeId);\n          return _el$4;\n        }\n      }), null);\n      _$insert(_el$, _$createComponent(Show, {\n        get when() {\n          return open();\n        },\n        get children() {\n          return _$createComponent(Portal, {\n            get mount() {\n              return document.body;\n            },\n            get children() {\n              var _el$5 = _tmpl$3(),\n                _el$6 = _el$5.firstChild,\n                _el$7 = _el$6.firstChild,\n                _el$8 = _el$7.nextSibling,\n                _el$9 = _el$8.firstChild,\n                _el$0 = _el$6.nextSibling;\n              _el$5.$$click = event => event.stopPropagation();\n              var _ref$2 = popoverElement;\n              typeof _ref$2 === \"function\" ? _$use(_ref$2, _el$5) : popoverElement = _el$5;\n              _el$9.addEventListener(\"change\", event => setShowName(event.currentTarget.checked));\n              _el$0.$$input = event => setFilter(event.currentTarget.value);\n              var _ref$3 = filterElement;\n              typeof _ref$3 === \"function\" ? _$use(_ref$3, _el$0) : filterElement = _el$0;\n              _$insert(_el$5, _$createComponent(For, {\n                get each() {\n                  return visibleThemes();\n                },\n                children: theme => (() => {\n                  var _el$10 = _tmpl$6(),\n                    _el$11 = _el$10.firstChild;\n                  _el$10.$$click = () => chooseTheme(theme.id);\n                  _$insert(_el$11, () => theme.name || theme.id);\n                  _$insert(_el$10, _$createComponent(Show, {\n                    get when() {\n                      return activeThemeId() === theme.id;\n                    },\n                    get children() {\n                      return _tmpl$5();\n                    }\n                  }), null);\n                  _$effect(_p$ => {\n                    var _v$6 = theme.id,\n                      _v$7 = activeThemeId() === theme.id ? \"\" : void 0,\n                      _v$8 = theme.name || theme.id;\n                    _v$6 !== _p$.e && _$setAttribute(_el$10, \"theme\", _p$.e = _v$6);\n                    _v$7 !== _p$.t && _$setAttribute(_el$10, \"data-selected\", _p$.t = _v$7);\n                    _v$8 !== _p$.a && _$setAttribute(_el$10, \"title\", _p$.a = _v$8);\n                    return _p$;\n                  }, {\n                    e: undefined,\n                    t: undefined,\n                    a: undefined\n                  });\n                  return _el$10;\n                })()\n              }), null);\n              _$insert(_el$5, _$createComponent(Show, {\n                get when() {\n                  return visibleThemes().length === 0;\n                },\n                get children() {\n                  return _tmpl$2();\n                }\n              }), null);\n              _$effect(_p$ => {\n                var _v$ = popoverPosition() ? \"\" : void 0,\n                  _v$2 = popoverPosition()?.above ? \"above\" : \"below\",\n                  _v$3 = `${popoverPosition()?.left ?? 0}px`,\n                  _v$4 = `${popoverPosition()?.top ?? 0}px`,\n                  _v$5 = popoverPosition() ? \"visible\" : \"hidden\";\n                _v$ !== _p$.e && _$setAttribute(_el$5, \"data-placed\", _p$.e = _v$);\n                _v$2 !== _p$.t && _$setAttribute(_el$5, \"data-side\", _p$.t = _v$2);\n                _v$3 !== _p$.a && _$setStyleProperty(_el$5, \"left\", _p$.a = _v$3);\n                _v$4 !== _p$.o && _$setStyleProperty(_el$5, \"top\", _p$.o = _v$4);\n                _v$5 !== _p$.i && _$setStyleProperty(_el$5, \"visibility\", _p$.i = _v$5);\n                return _p$;\n              }, {\n                e: undefined,\n                t: undefined,\n                a: undefined,\n                o: undefined,\n                i: undefined\n              });\n              _$effect(() => _el$9.checked = showName());\n              _$effect(() => _el$0.value = filter());\n              return _el$5;\n            }\n          });\n        }\n      }), null);\n      _$effect(() => _$setAttribute(_el$2, \"title\", `Theme: ${activeThemeId()}`));\n      return _el$;\n    })();\n  }, element);\n  return () => {\n    dispose();\n    style.remove();\n    stopThemeProvider();\n  };\n}\n_$delegateEvents([\"click\", \"input\"]);"],
-  "mappings": "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",
-  "names": []
-}

package/packages/threepane/dist/IsolatedDocumentArea-G3V7KYHJ.js

@@ -1,2 +0,0 @@
-import{r as a,s as b}from"./chunk-YC5AHP5G.js";import"./chunk-FW4363Y4.js";export{a as IsolatedDocumentArea,b as mountIsolationRoot};
-//# sourceMappingURL=IsolatedDocumentArea-G3V7KYHJ.js.map