@knaw-huc/panoptes-react-blocks 0.0.1

package/dist/panoptes-react-blocks.css

@@ -0,0 +1 @@
+._empty_401nn_1{color:#a0a0a0;font-weight:700}._link_401nn_6{text-decoration:underline;font-family:inherit;color:#00f}._container_1lf6f_1{display:flex;flex-direction:column;gap:.75rem}._line_1lf6f_7{width:40%;height:1rem;border-radius:.25rem;opacity:.2;background-color:var(--support-001, #6b7280);animation:_pulse_1lf6f_1 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes _pulse_1lf6f_1{0%,to{opacity:.2}50%{opacity:.1}}._list_1wbnq_5{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.25rem;min-width:24rem}._item_1wbnq_12{display:contents}._label_1wbnq_16{grid-column:1;font-weight:700;font-size:.9rem;line-height:1.4rem;color:#737373}._value_1wbnq_24{grid-column:2;border-left:none}._value_1wbnq_24:has(>._list_1wbnq_5){padding-left:.75rem;border-left:1px dotted #737373FF}._value_1wbnq_24 ul{list-style:none;margin:0;padding:0}._value_1wbnq_24 ul li:has(._list_1wbnq_5){position:relative;padding-left:.95rem;padding-bottom:1rem}._value_1wbnq_24 ul li:has(._list_1wbnq_5):last-child{padding-bottom:0}._value_1wbnq_24 ul li:has(._list_1wbnq_5):last-child:after{display:none}._value_1wbnq_24 ul li:has(._list_1wbnq_5):before{content:"";position:absolute;left:0;top:.5rem;width:.3rem;height:.3rem;background-color:#737373;border-radius:50%;z-index:1}._value_1wbnq_24 ul li:has(._list_1wbnq_5):after{content:"";position:absolute;left:.15rem;top:.5rem;bottom:-.5rem;width:0;border-left:1px dotted #737373FF;z-index:0}._empty_1wbnq_77{color:#a0a0a0;font-weight:700}._text_1wbnq_82{font-family:inherit;white-space:pre-wrap;word-break:break-word;margin:0}._link_1wbnq_89{text-decoration:underline;font-family:inherit;color:#00f}._array_1wbnq_95{list-style:none;margin:0;padding:0}._arrayItem_1wbnq_101{margin-bottom:.25rem}._map_7gdrs_1{width:100%;height:150px;border-radius:4px;overflow:hidden}._empty_7gdrs_8{color:#a0a0a0;font-weight:700}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}._tabs_1pbsc_1{display:flex;gap:0;margin:0;padding:0;list-style:none}._tab_1pbsc_1{position:relative}._tabButton_1pbsc_13{padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #737373);cursor:pointer;transition:color .15s ease,border-color .15s ease}._tabButton_1pbsc_13:hover{color:var(--color-text-primary, #171717)}._tabButton_1pbsc_13:focus-visible{outline:2px solid var(--color-focus, #3b82f6);outline-offset:-2px}._tabActive_1pbsc_34 ._tabButton_1pbsc_13{color:var(--color-brand-500, #2563eb);border-bottom-color:var(--color-brand-500, #2563eb)}._subnav_1pbsc_41{position:absolute;top:100%;left:0;z-index:10;min-width:200px;margin:0;padding:.5rem 0;list-style:none;background-color:var(--color-bg-elevated, #ffffff);border:1px solid var(--color-border, #e5e5e5);border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}._subitem_1pbsc_56{margin:0}._subitemButton_1pbsc_60{display:block;width:100%;padding:.5rem 1rem;background:none;border:none;font-size:.875rem;color:var(--color-text-primary, #171717);text-align:left;cursor:pointer;transition:background-color .15s ease}._subitemButton_1pbsc_60:hover{background-color:var(--color-bg-hover, #f5f5f5)}._subitemButton_1pbsc_60:focus-visible{outline:2px solid var(--color-focus, #3b82f6);outline-offset:-2px}._element_1tp03_1{display:flex;flex-direction:column;gap:.25rem}._label_1tp03_7{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #525252)}._requiredIndicator_1tp03_16{color:var(--color-error, #dc2626)}._element_1tp03_1 input,._element_1tp03_1 textarea,._element_1tp03_1 select{width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;color:var(--color-text-primary, #171717);background-color:var(--color-bg-input, #ffffff);border:1px solid var(--color-border, #d4d4d4);border-radius:.375rem;transition:border-color .15s ease,box-shadow .15s ease}:is(._element_1tp03_1 input,._element_1tp03_1 textarea,._element_1tp03_1 select):hover:not(:disabled){border-color:var(--color-border-hover, #a3a3a3)}:is(._element_1tp03_1 input,._element_1tp03_1 textarea,._element_1tp03_1 select):focus{outline:none;border-color:var(--color-focus, #3b82f6);box-shadow:0 0 0 3px var(--color-focus-ring, rgba(59, 130, 246, .2))}:is(._element_1tp03_1 input,._element_1tp03_1 textarea,._element_1tp03_1 select):disabled{background-color:var(--color-bg-disabled, #f5f5f5);color:var(--color-text-disabled, #a3a3a3);cursor:not-allowed}._element_1tp03_1 input[type=checkbox]{width:auto;padding:0;accent-color:var(--color-brand-500, #2563eb)}._element_1tp03_1 textarea{min-height:6rem;resize:vertical}._element_1tp03_1 select{cursor:pointer}._info_1tp03_65{font-size:.75rem;color:var(--color-text-muted, #737373)}._errorMessage_1tp03_70{font-size:.75rem;color:var(--color-error, #dc2626)}._dirty_1tp03_75 input,._dirty_1tp03_75 textarea,._dirty_1tp03_75 select{border-color:var(--color-warning, #f59e0b)}._error_1tp03_70 input,._error_1tp03_70 textarea,._error_1tp03_70 select{border-color:var(--color-error, #dc2626)}:is(._error_1tp03_70 input,._error_1tp03_70 textarea,._error_1tp03_70 select):focus{box-shadow:0 0 0 3px var(--color-error-ring, rgba(220, 38, 38, .2))}._readonly_1tp03_95 input,._readonly_1tp03_95 textarea,._readonly_1tp03_95 select{background-color:var(--color-bg-disabled, #f5f5f5)}._arrayInput_1tp03_104{display:flex;flex-direction:column;gap:.5rem}._arrayItem_1tp03_110{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background-color:var(--color-bg-secondary, #fafafa);border:1px solid var(--color-border, #d4d4d4);border-radius:.375rem}._arrayItemFields_1tp03_120{display:flex;flex-wrap:wrap;gap:.75rem;flex:1}._arrayItemField_1tp03_120{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px}._arrayFieldLabel_1tp03_135{font-size:.75rem;font-weight:500;color:var(--color-text-secondary, #525252)}._arrayRemoveButton_1tp03_141{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;font-size:1.25rem;line-height:1;color:var(--color-text-secondary, #525252);background-color:transparent;border:1px solid var(--color-border, #d4d4d4);border-radius:.25rem;cursor:pointer;transition:all .15s ease}._arrayRemoveButton_1tp03_141:hover{color:var(--color-error, #dc2626);border-color:var(--color-error, #dc2626);background-color:var(--color-error-bg, #fef2f2)}._arrayAddButton_1tp03_164{align-self:flex-start;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-brand-600, #2563eb);background-color:var(--color-brand-50, #eff6ff);border:1px solid var(--color-brand-200, #bfdbfe);border-radius:.375rem;cursor:pointer;transition:all .15s ease}._arrayAddButton_1tp03_164:hover{background-color:var(--color-brand-100, #dbeafe);border-color:var(--color-brand-300, #93c5fd)}._column_olkxy_1{display:flex;flex-direction:column;gap:1rem}._row_9wvpn_1{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;border:none}._header_9wvpn_10{padding-bottom:.75rem;border-bottom:1px solid var(--color-border, #e5e5e5)}._header_9wvpn_10 ._label_9wvpn_14{font-size:1.125rem;font-weight:600}._group_9wvpn_20{padding:1rem;background-color:var(--color-bg-secondary, #fafafa);border:1px solid var(--color-border, #e5e5e5);border-radius:.5rem}._footer_9wvpn_27{padding-top:.75rem;border-top:1px solid var(--color-border, #e5e5e5)}._label_9wvpn_14{margin:0 0 .75rem;padding:0;font-size:.875rem;font-weight:600;color:var(--color-text-secondary, #525252)}._labelCollapsible_9wvpn_40{margin-bottom:0}._collapseToggle_9wvpn_44{display:flex;align-items:center;gap:.375rem;background:none;border:none;padding:0;margin:0;font:inherit;font-size:.875rem;font-weight:600;color:var(--color-text-secondary, #525252);cursor:pointer;width:100%;text-align:left}._collapseToggle_9wvpn_44:hover{color:var(--color-text-primary, #171717)}._chevron_9wvpn_65{flex-shrink:0;transition:transform .2s ease}._chevronCollapsed_9wvpn_70{transform:rotate(-90deg)}._columns_9wvpn_74{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}._elements_9wvpn_80{display:flex;flex-direction:column;gap:1rem}._empty_9wvpn_86{color:#a0a0a0;font-weight:700}._form_1545m_1{display:flex;flex-direction:column;gap:1.5rem}._actions_1qmmo_1{display:flex;flex-wrap:wrap;gap:.75rem}._button_1qmmo_7{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;min-width:6rem;font-size:.875rem;font-weight:500;line-height:1.25;color:var(--color-button-text, #ffffff);background-color:var(--color-brand-500, #2563eb);border:none;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}._button_1qmmo_7:hover:not(:disabled){background-color:var(--color-brand-600, #1d4ed8)}._button_1qmmo_7:focus-visible{outline:2px solid var(--color-focus, #3b82f6);outline-offset:2px}._button_1qmmo_7:disabled{opacity:.5;cursor:not-allowed}._confirmationOverlay_1qmmo_39{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._confirmationDialog_1qmmo_50{width:100%;max-width:400px;margin:1rem;padding:1.5rem;background-color:var(--color-bg-elevated, #ffffff);border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}._confirmationTitle_1qmmo_60{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #171717)}._confirmationMessage_1qmmo_67{margin:0 0 1.5rem;font-size:.875rem;color:var(--color-text-secondary, #525252);line-height:1.5}._confirmationActions_1qmmo_74{display:flex;justify-content:flex-end;gap:.75rem}._confirmationCancel_1qmmo_80{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #171717);background-color:var(--color-bg-secondary, #f5f5f5);border:1px solid var(--color-border, #e5e5e5);border-radius:.375rem;cursor:pointer;transition:background-color .15s ease}._confirmationCancel_1qmmo_80:hover{background-color:var(--color-bg-hover, #e5e5e5)}._confirmationCancel_1qmmo_80:focus-visible{outline:2px solid var(--color-focus, #3b82f6);outline-offset:2px}._confirmationOk_1qmmo_101{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-button-text, #ffffff);background-color:var(--color-brand-500, #2563eb);border:none;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease}._confirmationOk_1qmmo_101:hover{background-color:var(--color-brand-600, #1d4ed8)}._confirmationOk_1qmmo_101:focus-visible{outline:2px solid var(--color-focus, #3b82f6);outline-offset:2px}._links_ski17_1{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}._link_ski17_1{margin:0}._linkButton_ski17_14{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background-color:var(--color-bg-secondary, #f5f5f5);border:1px solid var(--color-border, #e5e5e5);border-radius:.375rem;font-size:.875rem;color:var(--color-text-primary, #171717);text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}._linkButton_ski17_14:hover{background-color:var(--color-bg-hover, #e5e5e5);border-color:var(--color-border-hover, #d4d4d4)}._linkButton_ski17_14:focus-visible{outline:2px solid var(--color-focus, #3b82f6);outline-offset:2px}._sidebar_2smuc_1{display:flex;flex-direction:column;gap:0;align-self:stretch;border-right:1px solid var(--color-border, #e5e5e5);background:var(--color-surface, #fff);padding-block:.5rem}._section_2smuc_11{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem 0}._divider_2smuc_19{all:unset;display:block;width:60%;height:1px;background:var(--color-border, #e5e5e5);margin:.25rem auto}._item_2smuc_28{all:unset;position:relative;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.375rem;color:var(--color-text-secondary, #737373);cursor:pointer;transition:background .12s,color .12s}._item_2smuc_28:hover{background:var(--color-surface-hover, #f5f5f5);color:var(--color-text-primary, #171717)}._item_2smuc_28:hover ._tooltip_2smuc_46{opacity:1;translate:0;pointer-events:auto}._itemActive_2smuc_53{color:var(--color-accent, #2563eb);background:var(--color-accent-subtle, #eff6ff)}._itemActive_2smuc_53:hover{background:var(--color-accent-subtle, #eff6ff);color:var(--color-accent, #2563eb)}._tooltip_2smuc_46{position:absolute;left:calc(100% + .5rem);top:50%;translate:-4px -50%;white-space:nowrap;background:var(--color-text-primary, #171717);color:#fff;font-size:.75rem;line-height:1;padding:.3rem .5rem;border-radius:.25rem;opacity:0;pointer-events:none;transition:opacity .12s,translate .12s;z-index:10}._screen_1n4xy_1{display:flex;flex-direction:column;width:100%;max-width:var(--site-max-width, 1300px);margin-inline:auto;padding:1rem;gap:1.5rem}._header_1n4xy_11{padding-bottom:.5rem;border-bottom:1px solid var(--color-border, #e5e5e5)}._header_1n4xy_11 h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #171717)}._links_1n4xy_23{display:flex;gap:.5rem}._tabs_1n4xy_28{border-bottom:1px solid var(--color-border, #e5e5e5)}._body_1n4xy_32{flex-grow:1}._bodyWithSidebar_1n4xy_36{display:grid;grid-template-columns:var(--sidebar-width, 52px) 1fr;gap:1.5rem;align-items:start;flex-grow:1}._content_1n4xy_44{min-width:0}._actions_1n4xy_48{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border, #e5e5e5)}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@knaw-huc/panoptes-react-blocks",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "private": false,
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./style.css": "./dist/panoptes-react-blocks.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -b && vite build",
+    "dev": "vite",
+    "build:watch": "vite build --watch"
+  },
+  "peerDependencies": {
+    "@knaw-huc/panoptes-react": "*",
+    "@tanstack/react-router": "*",
+    "react": "19",
+    "react-dom": "19"
+  },
+  "dependencies": {
+    "@heroicons/react": "^2.2.0",
+    "ol": "^10.8.0",
+    "react-error-boundary": "^4.0.0",
+    "react-markdown": "^10.1.0",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
+    "remark-gfm": "^4.0.1"
+  },
+  "devDependencies": {
+    "@knaw-huc/panoptes-react": "^0.0.2",
+    "@tanstack/react-router": "^1.0.0",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "~5.9.3",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.0.0"
+  }
+}