@luxonis/visualizer-protobuf 2.19.0 → 2.21.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 (42) hide show
  1. package/dist/{index-B1_cFt58.js → index-2tz0Pa-6.js} +1 -1
  2. package/dist/{index-DvIT_wMb.js → index-7jr063Di.js} +1 -1
  3. package/dist/{index-BXzxh_oS.js → index-BNlbvjCZ.js} +1 -1
  4. package/dist/{index-FQIyjNd9.js → index-BWlbwkHO.js} +1 -1
  5. package/dist/{index-BRgjaS3P.js → index-B_cKZllx.js} +1 -1
  6. package/dist/{index-qH54Wded.js → index-BhLfUoxN.js} +1 -1
  7. package/dist/{index-YYxpyccB.js → index-C05r9Gk7.js} +299 -248
  8. package/dist/{index-CFKwgCnj.js → index-C5TmQKcg.js} +1 -1
  9. package/dist/{index-DBd5WrbC.js → index-C7mMy9Y-.js} +1 -1
  10. package/dist/{index-CKUSCjJy.js → index-CtH73YZC.js} +1 -1
  11. package/dist/{index-Cjg9XUXR.js → index-Cx8N6SZ0.js} +1 -1
  12. package/dist/{index-CKOuXheK.js → index-D1_PpZqZ.js} +1 -1
  13. package/dist/{index-C6w97GVV.js → index-DAbMVrLS.js} +1 -1
  14. package/dist/{index-Cx171sUA.js → index-DV-ASUfa.js} +1 -1
  15. package/dist/{index-BF-L7R8k.js → index-DXdZ7iZZ.js} +1 -1
  16. package/dist/{index-Dhhaoay-.js → index-DeylskOS.js} +2 -2
  17. package/dist/{index-DXrTzXm5.js → index-DimpbTOv.js} +1 -1
  18. package/dist/{index-D9x4CxvS.js → index-MupjT9zz.js} +1 -1
  19. package/dist/{index-B6d3C39p.js → index-xoIc0nWR.js} +1 -1
  20. package/dist/index.js +1 -1
  21. package/dist/lib/src/components/PanelToolbar.d.ts +1 -0
  22. package/dist/lib/src/components/PanelToolbar.d.ts.map +1 -1
  23. package/dist/lib/src/components/PanelToolbar.js +28 -22
  24. package/dist/lib/src/components/PanelToolbar.js.map +1 -1
  25. package/dist/lib/src/connection/foxglove-connection.d.ts.map +1 -1
  26. package/dist/lib/src/connection/foxglove-connection.js +8 -1
  27. package/dist/lib/src/connection/foxglove-connection.js.map +1 -1
  28. package/dist/lib/src/index.d.ts +1 -0
  29. package/dist/lib/src/index.d.ts.map +1 -1
  30. package/dist/lib/src/index.js +1 -0
  31. package/dist/lib/src/index.js.map +1 -1
  32. package/dist/lib/src/output.css +219 -0
  33. package/dist/lib/src/panels/PointCloudPanel.d.ts.map +1 -1
  34. package/dist/lib/src/panels/PointCloudPanel.js +16 -5
  35. package/dist/lib/src/panels/PointCloudPanel.js.map +1 -1
  36. package/dist/lib/src/protobuf.generated/IMUData.d.ts +122 -0
  37. package/dist/lib/src/protobuf.generated/IMUData.d.ts.map +1 -0
  38. package/dist/lib/src/protobuf.generated/IMUData.js +691 -0
  39. package/dist/lib/src/protobuf.generated/IMUData.js.map +1 -0
  40. package/dist/lib/src/utils/metrics-manager.js +1 -1
  41. package/dist/lib/src/utils/metrics-manager.js.map +1 -1
  42. package/package.json +5 -2
package/dist/{index-YYxpyccB.js → index-C05r9Gk7.js} RENAMED
@@ -25,6 +25,11 @@ import extend$1 from 'extend';
25
25
  import 'react-icons';
26
26
  import { defineGlobalStyles, definePreset } from '@pandacss/dev';
27
27
 
28
+ var e=[],t$1=[];function n$1(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t$1[u]={}),a=t$1[u]&&t$1[u][s]?t$1[u][s]:t$1[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
29
+
30
+ var css$b = "/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-gray-700: oklch(0.373 0.034 259.733);\n --spacing: 0.25rem;\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: color-mix(in oklab, currentColor 50%, transparent);\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .visible {\n visibility: visible;\n }\n .fixed {\n position: fixed;\n }\n .ml-auto {\n margin-left: auto;\n }\n .hidden {\n display: none;\n }\n .h-fit {\n height: fit-content;\n }\n .flex-col {\n flex-direction: column;\n }\n .items-start {\n align-items: flex-start;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .xl\\:flex-row {\n @media (width >= 80rem) {\n flex-direction: row;\n }\n }\n .xl\\:items-end {\n @media (width >= 80rem) {\n align-items: flex-end;\n }\n }\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n";
31
+ n$1(css$b,{});
32
+
28
33
  // This Source Code Form is subject to the terms of the Mozilla Public
29
34
  // License, v2.0. If a copy of the MPL was not distributed with this
30
35
  // file, You can obtain one at http://mozilla.org/MPL/2.0/
@@ -527,7 +532,7 @@ class ThroughputMetricsManager {
527
532
  }
528
533
 
529
534
  // Get time span in seconds
530
- const timeSpanMs = topicMetrics[0].timestamp - topicMetrics[topicMetrics.length - 1].timestamp;
535
+ const timeSpanMs = topicMetrics.at(0)?.timestamp ?? 0 - (topicMetrics.at(-1)?.timestamp ?? 0);
531
536
  const timeSpanSec = timeSpanMs / 1000;
532
537
  if (timeSpanSec === 0) {
533
538
  return 0;
@@ -695,6 +700,13 @@ class FoxgloveConnection {
695
700
  }
696
701
  async handleParsePoitcloudMessage(coloredEvent) {
697
702
  const poitcloudFrame = this.PoitCloudSyncFramework.getFrame(coloredEvent.receiveTime.nsec);
703
+ const getNeuralCameraIntrinsics = () => {
704
+ const neuralCameraIntrinsicsData = localStorage.getItem("neuralCameraIntrinsics");
705
+ if (neuralCameraIntrinsicsData) {
706
+ return JSON.parse(neuralCameraIntrinsicsData);
707
+ }
708
+ return null;
709
+ };
698
710
  if (poitcloudFrame) {
699
711
  /* Useful for debugging
700
712
  if (Math.abs(coloredEvent.receiveTime.nsec- poitcloudFrame.timestamp.nsec)/10 ** 9) {
@@ -705,7 +717,7 @@ class FoxgloveConnection {
705
717
  }
706
718
  */
707
719
 
708
- const neuralCameraIntrinsics = JSON.parse(localStorage.getItem("neuralCameraIntrinsics") ?? "{}");
720
+ const neuralCameraIntrinsics = getNeuralCameraIntrinsics();
709
721
  // @ts-expect-error - ITS unknow
710
722
  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
711
723
  const message = await this.depthToPointcloudWorkerPool.depthToPointcloudGPU(uint8ArrayToUint16Array(poitcloudFrame.data), poitcloudFrame.width ?? 0, poitcloudFrame.height, neuralCameraIntrinsics.right.focalLenght.x, neuralCameraIntrinsics.right.focalLenght.y, neuralCameraIntrinsics.right.principalPoint.x, neuralCameraIntrinsics.right.principalPoint.y, coloredEvent.message.data, poitcloudFrame.width ?? 0, poitcloudFrame.height ?? 0);
@@ -23716,8 +23728,6 @@ const { tss } = createTss({
23716
23728
  });
23717
23729
  tss.create({});
23718
23730
 
23719
- var e=[],t$1=[];function n$1(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t$1[u]={}),a=t$1[u]&&t$1[u][s]?t$1[u][s]:t$1[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
23720
-
23721
23731
  var css$a = "@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 400;\n src: url(\"@foxglove/studio-base/styles/assets/Inter-Italic.woff2\") format(\"woff2\");\n /* latin */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 500;\n src: url(\"@foxglove/studio-base/styles/assets/Inter-MediumItalic.woff2\") format(\"woff2\");\n /* latin */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n@font-face {\n font-family: \"Inter\";\n font-style: italic;\n font-weight: 600;\n src: url(\"@foxglove/studio-base/styles/assets/Inter-SemiBoldItalic.woff2\") format(\"woff2\");\n /* latin */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n src: url(\"@foxglove/studio-base/styles/assets/Inter-Regular.woff2\") format(\"woff2\");\n /* latin */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 500;\n src: url(\"@foxglove/studio-base/styles/assets/Inter-Medium.woff2\") format(\"woff2\");\n /* latin */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n@font-face {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n src: url(\"@foxglove/studio-base/styles/assets/Inter-SemiBold.woff2\") format(\"woff2\");\n /* latin */\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,\n U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n";
23722
23732
  n$1(css$a,{});
23723
23733
 
@@ -34598,6 +34608,68 @@ function RemountOnValueChange(props) {
34598
34608
  return /*#__PURE__*/React__default.createElement(Parent, null, props.children);
34599
34609
  }
34600
34610
 
34611
+ var DefaultContext$1 = {
34612
+ color: undefined,
34613
+ size: undefined,
34614
+ className: undefined,
34615
+ style: undefined,
34616
+ attr: undefined
34617
+ };
34618
+ var IconContext$1 = React__default.createContext && /*#__PURE__*/React__default.createContext(DefaultContext$1);
34619
+
34620
+ var _excluded$7 = ["attr", "size", "title"];
34621
+ function _objectWithoutProperties$2(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$3(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
34622
+ function _objectWithoutPropertiesLoose$3(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
34623
+ function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
34624
+ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
34625
+ function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty$3(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
34626
+ function _defineProperty$3(obj, key, value) { key = _toPropertyKey$1(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
34627
+ function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == typeof i ? i : i + ""; }
34628
+ function _toPrimitive$1(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
34629
+ function Tree2Element$1(tree) {
34630
+ return tree && tree.map((node, i) => /*#__PURE__*/React__default.createElement(node.tag, _objectSpread$3({
34631
+ key: i
34632
+ }, node.attr), Tree2Element$1(node.child)));
34633
+ }
34634
+ function GenIcon$1(data) {
34635
+ return props => /*#__PURE__*/React__default.createElement(IconBase$1, _extends$2({
34636
+ attr: _objectSpread$3({}, data.attr)
34637
+ }, props), Tree2Element$1(data.child));
34638
+ }
34639
+ function IconBase$1(props) {
34640
+ var elem = conf => {
34641
+ var {
34642
+ attr,
34643
+ size,
34644
+ title
34645
+ } = props,
34646
+ svgProps = _objectWithoutProperties$2(props, _excluded$7);
34647
+ var computedSize = size || conf.size || "1em";
34648
+ var className;
34649
+ if (conf.className) className = conf.className;
34650
+ if (props.className) className = (className ? className + " " : "") + props.className;
34651
+ return /*#__PURE__*/React__default.createElement("svg", _extends$2({
34652
+ stroke: "currentColor",
34653
+ fill: "currentColor",
34654
+ strokeWidth: "0"
34655
+ }, conf.attr, attr, svgProps, {
34656
+ className: className,
34657
+ style: _objectSpread$3(_objectSpread$3({
34658
+ color: props.color || conf.color
34659
+ }, conf.style), props.style),
34660
+ height: computedSize,
34661
+ width: computedSize,
34662
+ xmlns: "http://www.w3.org/2000/svg"
34663
+ }), title && /*#__PURE__*/React__default.createElement("title", null, title), props.children);
34664
+ };
34665
+ return IconContext$1 !== undefined ? /*#__PURE__*/React__default.createElement(IconContext$1.Consumer, null, conf => elem(conf)) : elem(DefaultContext$1);
34666
+ }
34667
+
34668
+ // THIS FILE IS AUTO GENERATED
34669
+ function CiFilter (props) {
34670
+ return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"g","attr":{"id":"Filter"},"child":[{"tag":"path","attr":{"d":"M14.037,20.937a1.015,1.015,0,0,1-.518-.145l-3.334-2a2.551,2.551,0,0,1-1.233-2.176V12.091a1.526,1.526,0,0,0-.284-.891L4.013,4.658a1.01,1.01,0,0,1,.822-1.6h14.33a1.009,1.009,0,0,1,.822,1.6h0L15.332,11.2a1.527,1.527,0,0,0-.285.891v7.834a1.013,1.013,0,0,1-1.01,1.012ZM4.835,4.063,9.482,10.62a2.515,2.515,0,0,1,.47,1.471v4.524a1.543,1.543,0,0,0,.747,1.318l3.334,2,.014-7.843a2.516,2.516,0,0,1,.471-1.471l4.654-6.542,0,0Z"},"child":[]}]}]})(props);
34671
+ }
34672
+
34601
34673
  var css$8 = "@layer reset, base, tokens, recipes, utilities;\n\n.fake-password-input {\n -webkit-text-security: disc;\n}";
34602
34674
  n$1(css$8,{});
34603
34675
 
@@ -39242,53 +39314,53 @@ withContext$8(_DialogTitle, 'title');
39242
39314
  const _DialogDescription = styled(Description$1);
39243
39315
  withContext$8(_DialogDescription, 'description');
39244
39316
 
39245
- var DefaultContext$1 = {
39317
+ var DefaultContext = {
39246
39318
  color: undefined,
39247
39319
  size: undefined,
39248
39320
  className: undefined,
39249
39321
  style: undefined,
39250
39322
  attr: undefined
39251
39323
  };
39252
- var IconContext$1 = React__default.createContext && /*#__PURE__*/React__default.createContext(DefaultContext$1);
39324
+ var IconContext = React__default.createContext && /*#__PURE__*/React__default.createContext(DefaultContext);
39253
39325
 
39254
- var _excluded$7 = ["attr", "size", "title"];
39255
- function _objectWithoutProperties$2(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$3(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
39256
- function _objectWithoutPropertiesLoose$3(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
39257
- function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
39258
- function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
39259
- function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty$3(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
39260
- function _defineProperty$3(obj, key, value) { key = _toPropertyKey$1(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
39261
- function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == typeof i ? i : i + ""; }
39262
- function _toPrimitive$1(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
39263
- function Tree2Element$1(tree) {
39264
- return tree && tree.map((node, i) => /*#__PURE__*/React__default.createElement(node.tag, _objectSpread$3({
39326
+ var _excluded$6 = ["attr", "size", "title"];
39327
+ function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$2(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
39328
+ function _objectWithoutPropertiesLoose$2(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
39329
+ function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
39330
+ function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
39331
+ function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
39332
+ function _defineProperty$2(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
39333
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
39334
+ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
39335
+ function Tree2Element(tree) {
39336
+ return tree && tree.map((node, i) => /*#__PURE__*/React__default.createElement(node.tag, _objectSpread$2({
39265
39337
  key: i
39266
- }, node.attr), Tree2Element$1(node.child)));
39338
+ }, node.attr), Tree2Element(node.child)));
39267
39339
  }
39268
- function GenIcon$1(data) {
39269
- return props => /*#__PURE__*/React__default.createElement(IconBase$1, _extends$2({
39270
- attr: _objectSpread$3({}, data.attr)
39271
- }, props), Tree2Element$1(data.child));
39340
+ function GenIcon(data) {
39341
+ return props => /*#__PURE__*/React__default.createElement(IconBase, _extends$1({
39342
+ attr: _objectSpread$2({}, data.attr)
39343
+ }, props), Tree2Element(data.child));
39272
39344
  }
39273
- function IconBase$1(props) {
39345
+ function IconBase(props) {
39274
39346
  var elem = conf => {
39275
39347
  var {
39276
39348
  attr,
39277
39349
  size,
39278
39350
  title
39279
39351
  } = props,
39280
- svgProps = _objectWithoutProperties$2(props, _excluded$7);
39352
+ svgProps = _objectWithoutProperties$1(props, _excluded$6);
39281
39353
  var computedSize = size || conf.size || "1em";
39282
39354
  var className;
39283
39355
  if (conf.className) className = conf.className;
39284
39356
  if (props.className) className = (className ? className + " " : "") + props.className;
39285
- return /*#__PURE__*/React__default.createElement("svg", _extends$2({
39357
+ return /*#__PURE__*/React__default.createElement("svg", _extends$1({
39286
39358
  stroke: "currentColor",
39287
39359
  fill: "currentColor",
39288
39360
  strokeWidth: "0"
39289
39361
  }, conf.attr, attr, svgProps, {
39290
39362
  className: className,
39291
- style: _objectSpread$3(_objectSpread$3({
39363
+ style: _objectSpread$2(_objectSpread$2({
39292
39364
  color: props.color || conf.color
39293
39365
  }, conf.style), props.style),
39294
39366
  height: computedSize,
@@ -39296,34 +39368,34 @@ function IconBase$1(props) {
39296
39368
  xmlns: "http://www.w3.org/2000/svg"
39297
39369
  }), title && /*#__PURE__*/React__default.createElement("title", null, title), props.children);
39298
39370
  };
39299
- return IconContext$1 !== undefined ? /*#__PURE__*/React__default.createElement(IconContext$1.Consumer, null, conf => elem(conf)) : elem(DefaultContext$1);
39371
+ return IconContext !== undefined ? /*#__PURE__*/React__default.createElement(IconContext.Consumer, null, conf => elem(conf)) : elem(DefaultContext);
39300
39372
  }
39301
39373
 
39302
39374
  // THIS FILE IS AUTO GENERATED
39303
39375
  function MdDeleteOutline (props) {
39304
- return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0V0z"},"child":[]},{"tag":"path","attr":{"d":"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5-1-1h-5l-1 1H5v2h14V4z"},"child":[]}]})(props);
39376
+ return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0V0z"},"child":[]},{"tag":"path","attr":{"d":"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5-1-1h-5l-1 1H5v2h14V4z"},"child":[]}]})(props);
39305
39377
  }function MdHelpOutline (props) {
39306
- return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"},"child":[]}]})(props);
39378
+ return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"},"child":[]}]})(props);
39307
39379
  }function MdOpenInNew (props) {
39308
- return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"},"child":[]}]})(props);
39380
+ return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"},"child":[]}]})(props);
39309
39381
  }function MdVisibilityOff (props) {
39310
- return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"},"child":[]}]})(props);
39382
+ return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"},"child":[]}]})(props);
39311
39383
  }function MdVisibility (props) {
39312
- return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"},"child":[]}]})(props);
39384
+ return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"},"child":[]}]})(props);
39313
39385
  }function MdCloudUpload (props) {
39314
- return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"},"child":[]}]})(props);
39386
+ return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"},"child":[]}]})(props);
39315
39387
  }function MdKeyboardArrowDown (props) {
39316
- return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0V0z"},"child":[]},{"tag":"path","attr":{"d":"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"},"child":[]}]})(props);
39388
+ return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0V0z"},"child":[]},{"tag":"path","attr":{"d":"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"},"child":[]}]})(props);
39317
39389
  }function MdKeyboardArrowUp (props) {
39318
- return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"},"child":[]}]})(props);
39390
+ return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"},"child":[]}]})(props);
39319
39391
  }function MdCircle (props) {
39320
- return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z"},"child":[]}]})(props);
39392
+ return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z"},"child":[]}]})(props);
39321
39393
  }function MdImage (props) {
39322
- return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"},"child":[]}]})(props);
39394
+ return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"},"child":[]}]})(props);
39323
39395
  }function MdCheck (props) {
39324
- return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"},"child":[]}]})(props);
39396
+ return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"},"child":[]}]})(props);
39325
39397
  }function MdClose (props) {
39326
- return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"},"child":[]}]})(props);
39398
+ return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"},"child":[]}]})(props);
39327
39399
  }
39328
39400
 
39329
39401
  // packages/react/context/src/createContext.tsx
@@ -50090,11 +50162,11 @@ function _iterableToArray$1(iter) { if (typeof Symbol !== "undefined" && iter[Sy
50090
50162
 
50091
50163
  function _arrayWithoutHoles$1(arr) { if (Array.isArray(arr)) return _arrayLikeToArray$1(arr); }
50092
50164
 
50093
- function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
50165
+ function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
50094
50166
 
50095
- function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
50167
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
50096
50168
 
50097
- function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
50169
+ function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
50098
50170
 
50099
50171
  function _slicedToArray$1(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1(); }
50100
50172
 
@@ -50324,7 +50396,7 @@ function pickerOptionsFromAccept(accept) {
50324
50396
  mimeType = _ref5[0],
50325
50397
  ext = _ref5[1];
50326
50398
 
50327
- return _objectSpread$2(_objectSpread$2({}, agg), {}, _defineProperty$2({}, mimeType, ext));
50399
+ return _objectSpread$1(_objectSpread$1({}, agg), {}, _defineProperty$1({}, mimeType, ext));
50328
50400
  }, {});
50329
50401
  return [{
50330
50402
  // description is required due to https://crbug.com/1264708
@@ -50412,7 +50484,7 @@ function isExt(v) {
50412
50484
  * @typedef {"file-invalid-type"|"file-too-large"|"file-too-small"|"too-many-files"} ErrorCode
50413
50485
  */
50414
50486
 
50415
- var _excluded$6 = ["children"],
50487
+ var _excluded$5 = ["children"],
50416
50488
  _excluded2 = ["open"],
50417
50489
  _excluded3 = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"],
50418
50490
  _excluded4 = ["refKey", "onChange", "onClick"];
@@ -50437,15 +50509,15 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
50437
50509
 
50438
50510
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
50439
50511
 
50440
- function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
50512
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
50441
50513
 
50442
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
50514
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
50443
50515
 
50444
- function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
50516
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
50445
50517
 
50446
- function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$2(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
50518
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
50447
50519
 
50448
- function _objectWithoutPropertiesLoose$2(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
50520
+ function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
50449
50521
  /**
50450
50522
  * Convenience wrapper component for the `useDropzone` hook
50451
50523
  *
@@ -50463,11 +50535,11 @@ function _objectWithoutPropertiesLoose$2(source, excluded) { if (source == null)
50463
50535
 
50464
50536
  var Dropzone = /*#__PURE__*/forwardRef(function (_ref, ref) {
50465
50537
  var children = _ref.children,
50466
- params = _objectWithoutProperties$1(_ref, _excluded$6);
50538
+ params = _objectWithoutProperties(_ref, _excluded$5);
50467
50539
 
50468
50540
  var _useDropzone = useDropzone$1(params),
50469
50541
  open = _useDropzone.open,
50470
- props = _objectWithoutProperties$1(_useDropzone, _excluded2);
50542
+ props = _objectWithoutProperties(_useDropzone, _excluded2);
50471
50543
 
50472
50544
  useImperativeHandle(ref, function () {
50473
50545
  return {
@@ -50475,7 +50547,7 @@ var Dropzone = /*#__PURE__*/forwardRef(function (_ref, ref) {
50475
50547
  };
50476
50548
  }, [open]); // TODO: Figure out why react-styleguidist cannot create docs if we don't return a jsx element
50477
50549
 
50478
- return /*#__PURE__*/React__default.createElement(Fragment$1, null, children(_objectSpread$1(_objectSpread$1({}, props), {}, {
50550
+ return /*#__PURE__*/React__default.createElement(Fragment$1, null, children(_objectSpread(_objectSpread({}, props), {}, {
50479
50551
  open: open
50480
50552
  })));
50481
50553
  });
@@ -50848,7 +50920,7 @@ var initialState = {
50848
50920
  function useDropzone$1() {
50849
50921
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
50850
50922
 
50851
- var _defaultProps$props = _objectSpread$1(_objectSpread$1({}, defaultProps), props),
50923
+ var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
50852
50924
  accept = _defaultProps$props.accept,
50853
50925
  disabled = _defaultProps$props.disabled,
50854
50926
  getFilesFromEvent = _defaultProps$props.getFilesFromEvent,
@@ -51272,9 +51344,9 @@ function useDropzone$1() {
51272
51344
  onDragOver = _ref2.onDragOver,
51273
51345
  onDragLeave = _ref2.onDragLeave,
51274
51346
  onDrop = _ref2.onDrop,
51275
- rest = _objectWithoutProperties$1(_ref2, _excluded3);
51347
+ rest = _objectWithoutProperties(_ref2, _excluded3);
51276
51348
 
51277
- return _objectSpread$1(_objectSpread$1(_defineProperty$1({
51349
+ return _objectSpread(_objectSpread(_defineProperty({
51278
51350
  onKeyDown: composeKeyboardHandler(composeEventHandlers(onKeyDown, onKeyDownCb)),
51279
51351
  onFocus: composeKeyboardHandler(composeEventHandlers(onFocus, onFocusCb)),
51280
51352
  onBlur: composeKeyboardHandler(composeEventHandlers(onBlur, onBlurCb)),
@@ -51299,9 +51371,9 @@ function useDropzone$1() {
51299
51371
  refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey,
51300
51372
  onChange = _ref3.onChange,
51301
51373
  onClick = _ref3.onClick,
51302
- rest = _objectWithoutProperties$1(_ref3, _excluded4);
51374
+ rest = _objectWithoutProperties(_ref3, _excluded4);
51303
51375
 
51304
- var inputProps = _defineProperty$1({
51376
+ var inputProps = _defineProperty({
51305
51377
  accept: acceptAttr,
51306
51378
  multiple: multiple,
51307
51379
  type: "file",
@@ -51322,10 +51394,10 @@ function useDropzone$1() {
51322
51394
  tabIndex: -1
51323
51395
  }, refKey, inputRef);
51324
51396
 
51325
- return _objectSpread$1(_objectSpread$1({}, inputProps), rest);
51397
+ return _objectSpread(_objectSpread({}, inputProps), rest);
51326
51398
  };
51327
51399
  }, [inputRef, accept, multiple, onDropCb, disabled]);
51328
- return _objectSpread$1(_objectSpread$1({}, state), {}, {
51400
+ return _objectSpread(_objectSpread({}, state), {}, {
51329
51401
  isFocused: isFocused && !disabled,
51330
51402
  getRootProps: getRootProps,
51331
51403
  getInputProps: getInputProps,
@@ -51344,41 +51416,41 @@ function reducer(state, action) {
51344
51416
  /* istanbul ignore next */
51345
51417
  switch (action.type) {
51346
51418
  case "focus":
51347
- return _objectSpread$1(_objectSpread$1({}, state), {}, {
51419
+ return _objectSpread(_objectSpread({}, state), {}, {
51348
51420
  isFocused: true
51349
51421
  });
51350
51422
 
51351
51423
  case "blur":
51352
- return _objectSpread$1(_objectSpread$1({}, state), {}, {
51424
+ return _objectSpread(_objectSpread({}, state), {}, {
51353
51425
  isFocused: false
51354
51426
  });
51355
51427
 
51356
51428
  case "openDialog":
51357
- return _objectSpread$1(_objectSpread$1({}, initialState), {}, {
51429
+ return _objectSpread(_objectSpread({}, initialState), {}, {
51358
51430
  isFileDialogActive: true
51359
51431
  });
51360
51432
 
51361
51433
  case "closeDialog":
51362
- return _objectSpread$1(_objectSpread$1({}, state), {}, {
51434
+ return _objectSpread(_objectSpread({}, state), {}, {
51363
51435
  isFileDialogActive: false
51364
51436
  });
51365
51437
 
51366
51438
  case "setDraggedFiles":
51367
- return _objectSpread$1(_objectSpread$1({}, state), {}, {
51439
+ return _objectSpread(_objectSpread({}, state), {}, {
51368
51440
  isDragActive: action.isDragActive,
51369
51441
  isDragAccept: action.isDragAccept,
51370
51442
  isDragReject: action.isDragReject
51371
51443
  });
51372
51444
 
51373
51445
  case "setFiles":
51374
- return _objectSpread$1(_objectSpread$1({}, state), {}, {
51446
+ return _objectSpread(_objectSpread({}, state), {}, {
51375
51447
  acceptedFiles: action.acceptedFiles,
51376
51448
  fileRejections: action.fileRejections,
51377
51449
  isDragReject: action.isDragReject
51378
51450
  });
51379
51451
 
51380
51452
  case "reset":
51381
- return _objectSpread$1({}, initialState);
51453
+ return _objectSpread({}, initialState);
51382
51454
 
51383
51455
  default:
51384
51456
  return state;
@@ -55776,17 +55848,17 @@ function toProperties(value, node) {
55776
55848
  return value ? clone(value) : {}
55777
55849
  }
55778
55850
 
55779
- function _extends$1() {
55780
- return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
55851
+ function _extends() {
55852
+ return _extends = Object.assign ? Object.assign.bind() : function (n) {
55781
55853
  for (var e = 1; e < arguments.length; e++) {
55782
55854
  var t = arguments[e];
55783
55855
  for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
55784
55856
  }
55785
55857
  return n;
55786
- }, _extends$1.apply(null, arguments);
55858
+ }, _extends.apply(null, arguments);
55787
55859
  }
55788
55860
 
55789
- function _objectWithoutPropertiesLoose$1(r, e) {
55861
+ function _objectWithoutPropertiesLoose(r, e) {
55790
55862
  if (null == r) return {};
55791
55863
  var t = {};
55792
55864
  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -84887,7 +84959,7 @@ function legacy(parser) {
84887
84959
  return new LanguageSupport(StreamLanguage.define(parser));
84888
84960
  }
84889
84961
  function sql$1(dialectName) {
84890
- return import('./index-BXzxh_oS.js').then(m => m.sql({ dialect: m[dialectName] }));
84962
+ return import('./index-BNlbvjCZ.js').then(m => m.sql({ dialect: m[dialectName] }));
84891
84963
  }
84892
84964
  /**
84893
84965
  An array of language descriptions for known language packages.
@@ -84898,7 +84970,7 @@ const languages = [
84898
84970
  name: "C",
84899
84971
  extensions: ["c", "h", "ino"],
84900
84972
  load() {
84901
- return import('./index-CFKwgCnj.js').then(m => m.cpp());
84973
+ return import('./index-C5TmQKcg.js').then(m => m.cpp());
84902
84974
  }
84903
84975
  }),
84904
84976
  /*@__PURE__*/LanguageDescription.of({
@@ -84906,7 +84978,7 @@ const languages = [
84906
84978
  alias: ["cpp"],
84907
84979
  extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
84908
84980
  load() {
84909
- return import('./index-CFKwgCnj.js').then(m => m.cpp());
84981
+ return import('./index-C5TmQKcg.js').then(m => m.cpp());
84910
84982
  }
84911
84983
  }),
84912
84984
  /*@__PURE__*/LanguageDescription.of({
@@ -84926,7 +84998,7 @@ const languages = [
84926
84998
  name: "Go",
84927
84999
  extensions: ["go"],
84928
85000
  load() {
84929
- return import('./index-B6d3C39p.js').then(m => m.go());
85001
+ return import('./index-xoIc0nWR.js').then(m => m.go());
84930
85002
  }
84931
85003
  }),
84932
85004
  /*@__PURE__*/LanguageDescription.of({
@@ -84941,7 +85013,7 @@ const languages = [
84941
85013
  name: "Java",
84942
85014
  extensions: ["java"],
84943
85015
  load() {
84944
- return import('./index-FQIyjNd9.js').then(m => m.java());
85016
+ return import('./index-BWlbwkHO.js').then(m => m.java());
84945
85017
  }
84946
85018
  }),
84947
85019
  /*@__PURE__*/LanguageDescription.of({
@@ -84957,7 +85029,7 @@ const languages = [
84957
85029
  alias: ["json5"],
84958
85030
  extensions: ["json", "map"],
84959
85031
  load() {
84960
- return import('./index-D9x4CxvS.js').then(m => m.json());
85032
+ return import('./index-MupjT9zz.js').then(m => m.json());
84961
85033
  }
84962
85034
  }),
84963
85035
  /*@__PURE__*/LanguageDescription.of({
@@ -84971,14 +85043,14 @@ const languages = [
84971
85043
  name: "LESS",
84972
85044
  extensions: ["less"],
84973
85045
  load() {
84974
- return import('./index-BRgjaS3P.js').then(m => m.less());
85046
+ return import('./index-B_cKZllx.js').then(m => m.less());
84975
85047
  }
84976
85048
  }),
84977
85049
  /*@__PURE__*/LanguageDescription.of({
84978
85050
  name: "Liquid",
84979
85051
  extensions: ["liquid"],
84980
85052
  load() {
84981
- return import('./index-qH54Wded.js').then(m => m.liquid());
85053
+ return import('./index-BhLfUoxN.js').then(m => m.liquid());
84982
85054
  }
84983
85055
  }),
84984
85056
  /*@__PURE__*/LanguageDescription.of({
@@ -85004,7 +85076,7 @@ const languages = [
85004
85076
  name: "PHP",
85005
85077
  extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
85006
85078
  load() {
85007
- return import('./index-Cjg9XUXR.js').then(m => m.php());
85079
+ return import('./index-Cx8N6SZ0.js').then(m => m.php());
85008
85080
  }
85009
85081
  }),
85010
85082
  /*@__PURE__*/LanguageDescription.of({
@@ -85021,28 +85093,28 @@ const languages = [
85021
85093
  extensions: ["BUILD", "bzl", "py", "pyw"],
85022
85094
  filename: /^(BUCK|BUILD)$/,
85023
85095
  load() {
85024
- return import('./index-CKOuXheK.js').then(m => m.python());
85096
+ return import('./index-D1_PpZqZ.js').then(m => m.python());
85025
85097
  }
85026
85098
  }),
85027
85099
  /*@__PURE__*/LanguageDescription.of({
85028
85100
  name: "Rust",
85029
85101
  extensions: ["rs"],
85030
85102
  load() {
85031
- return import('./index-DBd5WrbC.js').then(m => m.rust());
85103
+ return import('./index-C7mMy9Y-.js').then(m => m.rust());
85032
85104
  }
85033
85105
  }),
85034
85106
  /*@__PURE__*/LanguageDescription.of({
85035
85107
  name: "Sass",
85036
85108
  extensions: ["sass"],
85037
85109
  load() {
85038
- return import('./index-CKUSCjJy.js').then(m => m.sass({ indented: true }));
85110
+ return import('./index-CtH73YZC.js').then(m => m.sass({ indented: true }));
85039
85111
  }
85040
85112
  }),
85041
85113
  /*@__PURE__*/LanguageDescription.of({
85042
85114
  name: "SCSS",
85043
85115
  extensions: ["scss"],
85044
85116
  load() {
85045
- return import('./index-CKUSCjJy.js').then(m => m.sass());
85117
+ return import('./index-CtH73YZC.js').then(m => m.sass());
85046
85118
  }
85047
85119
  }),
85048
85120
  /*@__PURE__*/LanguageDescription.of({
@@ -85073,7 +85145,7 @@ const languages = [
85073
85145
  name: "WebAssembly",
85074
85146
  extensions: ["wat", "wast"],
85075
85147
  load() {
85076
- return import('./index-DvIT_wMb.js').then(m => m.wast());
85148
+ return import('./index-7jr063Di.js').then(m => m.wast());
85077
85149
  }
85078
85150
  }),
85079
85151
  /*@__PURE__*/LanguageDescription.of({
@@ -85081,7 +85153,7 @@ const languages = [
85081
85153
  alias: ["rss", "wsdl", "xsd"],
85082
85154
  extensions: ["xml", "xsl", "xsd", "svg"],
85083
85155
  load() {
85084
- return import('./index-B1_cFt58.js').then(m => m.xml());
85156
+ return import('./index-2tz0Pa-6.js').then(m => m.xml());
85085
85157
  }
85086
85158
  }),
85087
85159
  /*@__PURE__*/LanguageDescription.of({
@@ -85089,7 +85161,7 @@ const languages = [
85089
85161
  alias: ["yml"],
85090
85162
  extensions: ["yaml", "yml"],
85091
85163
  load() {
85092
- return import('./index-DXrTzXm5.js').then(m => m.yaml());
85164
+ return import('./index-DimpbTOv.js').then(m => m.yaml());
85093
85165
  }
85094
85166
  }),
85095
85167
  // Legacy modes ported from CodeMirror 5
@@ -85885,13 +85957,13 @@ const languages = [
85885
85957
  name: "Vue",
85886
85958
  extensions: ["vue"],
85887
85959
  load() {
85888
- return import('./index-C6w97GVV.js').then(m => m.vue());
85960
+ return import('./index-DAbMVrLS.js').then(m => m.vue());
85889
85961
  }
85890
85962
  }),
85891
85963
  /*@__PURE__*/LanguageDescription.of({
85892
85964
  name: "Angular Template",
85893
85965
  load() {
85894
- return import('./index-BF-L7R8k.js').then(m => m.angular());
85966
+ return import('./index-DXdZ7iZZ.js').then(m => m.angular());
85895
85967
  }
85896
85968
  })
85897
85969
  ];
@@ -89601,7 +89673,7 @@ function useCodeMirror(props) {
89601
89673
  };
89602
89674
  }
89603
89675
 
89604
- var _excluded$5 = ["className", "value", "selection", "extensions", "onChange", "onStatistics", "onCreateEditor", "onUpdate", "autoFocus", "theme", "height", "minHeight", "maxHeight", "width", "minWidth", "maxWidth", "basicSetup", "placeholder", "indentWithTab", "editable", "readOnly", "root", "initialState"];
89676
+ var _excluded$4 = ["className", "value", "selection", "extensions", "onChange", "onStatistics", "onCreateEditor", "onUpdate", "autoFocus", "theme", "height", "minHeight", "maxHeight", "width", "minWidth", "maxWidth", "basicSetup", "placeholder", "indentWithTab", "editable", "readOnly", "root", "initialState"];
89605
89677
  var ReactCodeMirror = /*#__PURE__*/forwardRef((props, ref) => {
89606
89678
  var {
89607
89679
  className,
@@ -89628,7 +89700,7 @@ var ReactCodeMirror = /*#__PURE__*/forwardRef((props, ref) => {
89628
89700
  root,
89629
89701
  initialState
89630
89702
  } = props,
89631
- other = _objectWithoutPropertiesLoose$1(props, _excluded$5);
89703
+ other = _objectWithoutPropertiesLoose(props, _excluded$4);
89632
89704
  var editor = useRef(null);
89633
89705
  var {
89634
89706
  state,
@@ -89670,7 +89742,7 @@ var ReactCodeMirror = /*#__PURE__*/forwardRef((props, ref) => {
89670
89742
  throw new Error("value must be typeof string but got " + typeof value);
89671
89743
  }
89672
89744
  var defaultClassNames = typeof theme === 'string' ? "cm-theme-" + theme : 'cm-theme';
89673
- return /*#__PURE__*/jsx$2("div", _extends$1({
89745
+ return /*#__PURE__*/jsx$2("div", _extends({
89674
89746
  ref: editor,
89675
89747
  className: "" + defaultClassNames + (className ? " " + className : '')
89676
89748
  }, other));
@@ -153794,7 +153866,7 @@ function useCopied(container) {
153794
153866
  var css$4 = "@media (prefers-color-scheme: dark) {\n .wmde-markdown,\n .wmde-markdown-var {\n color-scheme: dark;\n --color-prettylights-syntax-comment: #8b949e;\n --color-prettylights-syntax-constant: #79c0ff;\n --color-prettylights-syntax-entity: #d2a8ff;\n --color-prettylights-syntax-storage-modifier-import: #c9d1d9;\n --color-prettylights-syntax-entity-tag: #7ee787;\n --color-prettylights-syntax-keyword: #ff7b72;\n --color-prettylights-syntax-string: #a5d6ff;\n --color-prettylights-syntax-variable: #ffa657;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;\n --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;\n --color-prettylights-syntax-invalid-illegal-bg: #8e1519;\n --color-prettylights-syntax-carriage-return-text: #f0f6fc;\n --color-prettylights-syntax-carriage-return-bg: #b62324;\n --color-prettylights-syntax-string-regexp: #7ee787;\n --color-prettylights-syntax-markup-list: #f2cc60;\n --color-prettylights-syntax-markup-heading: #1f6feb;\n --color-prettylights-syntax-markup-italic: #c9d1d9;\n --color-prettylights-syntax-markup-bold: #c9d1d9;\n --color-prettylights-syntax-markup-deleted-text: #ffdcd7;\n --color-prettylights-syntax-markup-deleted-bg: #67060c;\n --color-prettylights-syntax-markup-inserted-text: #aff5b4;\n --color-prettylights-syntax-markup-inserted-bg: #033a16;\n --color-prettylights-syntax-markup-changed-text: #ffdfb6;\n --color-prettylights-syntax-markup-changed-bg: #5a1e02;\n --color-prettylights-syntax-markup-ignored-text: #c9d1d9;\n --color-prettylights-syntax-markup-ignored-bg: #1158c7;\n --color-prettylights-syntax-meta-diff-range: #d2a8ff;\n --color-prettylights-syntax-brackethighlighter-angle: #8b949e;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;\n --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;\n --color-fg-default: #c9d1d9;\n --color-fg-muted: #8b949e;\n --color-fg-subtle: #484f58;\n --color-canvas-default: #0d1117;\n --color-canvas-subtle: #161b22;\n --color-border-default: #30363d;\n --color-border-muted: #21262d;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-accent-fg: #58a6ff;\n --color-accent-emphasis: #1f6feb;\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-danger-fg: #f85149;\n --color-danger-emphasis: #da3633;\n --color-attention-fg: #d29922;\n --color-attention-emphasis: #9e6a03;\n --color-done-fg: #a371f7;\n --color-done-emphasis: #8957e5;\n --color-success-fg: #3fb950;\n --color-success-emphasis: #238636;\n --color-copied-active-bg: #2e9b33;\n }\n}\n@media (prefers-color-scheme: light) {\n .wmde-markdown,\n .wmde-markdown-var {\n color-scheme: light;\n --color-prettylights-syntax-comment: #6e7781;\n --color-prettylights-syntax-constant: #0550ae;\n --color-prettylights-syntax-entity: #8250df;\n --color-prettylights-syntax-storage-modifier-import: #24292f;\n --color-prettylights-syntax-entity-tag: #116329;\n --color-prettylights-syntax-keyword: #cf222e;\n --color-prettylights-syntax-string: #0a3069;\n --color-prettylights-syntax-variable: #953800;\n --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;\n --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;\n --color-prettylights-syntax-invalid-illegal-bg: #82071e;\n --color-prettylights-syntax-carriage-return-text: #f6f8fa;\n --color-prettylights-syntax-carriage-return-bg: #cf222e;\n --color-prettylights-syntax-string-regexp: #116329;\n --color-prettylights-syntax-markup-list: #3b2300;\n --color-prettylights-syntax-markup-heading: #0550ae;\n --color-prettylights-syntax-markup-italic: #24292f;\n --color-prettylights-syntax-markup-bold: #24292f;\n --color-prettylights-syntax-markup-deleted-text: #82071e;\n --color-prettylights-syntax-markup-deleted-bg: #ffebe9;\n --color-prettylights-syntax-markup-inserted-text: #116329;\n --color-prettylights-syntax-markup-inserted-bg: #dafbe1;\n --color-prettylights-syntax-markup-changed-text: #953800;\n --color-prettylights-syntax-markup-changed-bg: #ffd8b5;\n --color-prettylights-syntax-markup-ignored-text: #eaeef2;\n --color-prettylights-syntax-markup-ignored-bg: #0550ae;\n --color-prettylights-syntax-meta-diff-range: #8250df;\n --color-prettylights-syntax-brackethighlighter-angle: #57606a;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;\n --color-prettylights-syntax-constant-other-reference-link: #0a3069;\n --color-fg-default: #24292f;\n --color-fg-muted: #57606a;\n --color-fg-subtle: #6e7781;\n --color-canvas-default: #ffffff;\n --color-canvas-subtle: #f6f8fa;\n --color-border-default: #d0d7de;\n --color-border-muted: hsl(210, 18%, 87%);\n --color-neutral-muted: rgba(175, 184, 193, 0.2);\n --color-accent-fg: #0969da;\n --color-accent-emphasis: #0969da;\n --color-attention-subtle: #fff8c5;\n --color-danger-fg: #d1242f;\n --color-danger-emphasis: #cf222e;\n --color-attention-fg: #9a6700;\n --color-attention-emphasis: #9a6700;\n --color-done-fg: #8250df;\n --color-done-emphasis: #8250df;\n --color-success-fg: #1a7f37;\n --color-success-emphasis: #1f883d;\n --color-copied-active-bg: #2e9b33;\n }\n}\n[data-color-mode*='dark'] .wmde-markdown,\n[data-color-mode*='dark'] .wmde-markdown-var,\n.wmde-markdown-var[data-color-mode*='dark'],\n.wmde-markdown[data-color-mode*='dark'],\nbody[data-color-mode*='dark'] {\n color-scheme: dark;\n --color-prettylights-syntax-comment: #8b949e;\n --color-prettylights-syntax-constant: #79c0ff;\n --color-prettylights-syntax-entity: #d2a8ff;\n --color-prettylights-syntax-storage-modifier-import: #c9d1d9;\n --color-prettylights-syntax-entity-tag: #7ee787;\n --color-prettylights-syntax-keyword: #ff7b72;\n --color-prettylights-syntax-string: #a5d6ff;\n --color-prettylights-syntax-variable: #ffa657;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;\n --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;\n --color-prettylights-syntax-invalid-illegal-bg: #8e1519;\n --color-prettylights-syntax-carriage-return-text: #f0f6fc;\n --color-prettylights-syntax-carriage-return-bg: #b62324;\n --color-prettylights-syntax-string-regexp: #7ee787;\n --color-prettylights-syntax-markup-list: #f2cc60;\n --color-prettylights-syntax-markup-heading: #1f6feb;\n --color-prettylights-syntax-markup-italic: #c9d1d9;\n --color-prettylights-syntax-markup-bold: #c9d1d9;\n --color-prettylights-syntax-markup-deleted-text: #ffdcd7;\n --color-prettylights-syntax-markup-deleted-bg: #67060c;\n --color-prettylights-syntax-markup-inserted-text: #aff5b4;\n --color-prettylights-syntax-markup-inserted-bg: #033a16;\n --color-prettylights-syntax-markup-changed-text: #ffdfb6;\n --color-prettylights-syntax-markup-changed-bg: #5a1e02;\n --color-prettylights-syntax-markup-ignored-text: #c9d1d9;\n --color-prettylights-syntax-markup-ignored-bg: #1158c7;\n --color-prettylights-syntax-meta-diff-range: #d2a8ff;\n --color-prettylights-syntax-brackethighlighter-angle: #8b949e;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;\n --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;\n --color-fg-default: #c9d1d9;\n --color-fg-muted: #8b949e;\n --color-fg-subtle: #484f58;\n --color-canvas-default: #0d1117;\n --color-canvas-subtle: #161b22;\n --color-border-default: #30363d;\n --color-border-muted: #21262d;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-accent-fg: #58a6ff;\n --color-accent-emphasis: #1f6feb;\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-danger-fg: #f85149;\n}\n[data-color-mode*='light'] .wmde-markdown,\n[data-color-mode*='light'] .wmde-markdown-var,\n.wmde-markdown-var[data-color-mode*='light'],\n.wmde-markdown[data-color-mode*='light'],\nbody[data-color-mode*='light'] {\n color-scheme: light;\n --color-prettylights-syntax-comment: #6e7781;\n --color-prettylights-syntax-constant: #0550ae;\n --color-prettylights-syntax-entity: #8250df;\n --color-prettylights-syntax-storage-modifier-import: #24292f;\n --color-prettylights-syntax-entity-tag: #116329;\n --color-prettylights-syntax-keyword: #cf222e;\n --color-prettylights-syntax-string: #0a3069;\n --color-prettylights-syntax-variable: #953800;\n --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;\n --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;\n --color-prettylights-syntax-invalid-illegal-bg: #82071e;\n --color-prettylights-syntax-carriage-return-text: #f6f8fa;\n --color-prettylights-syntax-carriage-return-bg: #cf222e;\n --color-prettylights-syntax-string-regexp: #116329;\n --color-prettylights-syntax-markup-list: #3b2300;\n --color-prettylights-syntax-markup-heading: #0550ae;\n --color-prettylights-syntax-markup-italic: #24292f;\n --color-prettylights-syntax-markup-bold: #24292f;\n --color-prettylights-syntax-markup-deleted-text: #82071e;\n --color-prettylights-syntax-markup-deleted-bg: #ffebe9;\n --color-prettylights-syntax-markup-inserted-text: #116329;\n --color-prettylights-syntax-markup-inserted-bg: #dafbe1;\n --color-prettylights-syntax-markup-changed-text: #953800;\n --color-prettylights-syntax-markup-changed-bg: #ffd8b5;\n --color-prettylights-syntax-markup-ignored-text: #eaeef2;\n --color-prettylights-syntax-markup-ignored-bg: #0550ae;\n --color-prettylights-syntax-meta-diff-range: #8250df;\n --color-prettylights-syntax-brackethighlighter-angle: #57606a;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;\n --color-prettylights-syntax-constant-other-reference-link: #0a3069;\n --color-fg-default: #24292f;\n --color-fg-muted: #57606a;\n --color-fg-subtle: #6e7781;\n --color-canvas-default: #ffffff;\n --color-canvas-subtle: #f6f8fa;\n --color-border-default: #d0d7de;\n --color-border-muted: hsl(210, 18%, 87%);\n --color-neutral-muted: rgba(175, 184, 193, 0.2);\n --color-accent-fg: #0969da;\n --color-accent-emphasis: #0969da;\n --color-attention-subtle: #fff8c5;\n --color-danger-fg: #cf222e;\n}\n.wmde-markdown {\n -webkit-text-size-adjust: 100%;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word;\n color: var(--color-fg-default);\n background-color: var(--color-canvas-default);\n}\n.wmde-markdown details,\n.wmde-markdown figcaption,\n.wmde-markdown figure {\n display: block;\n}\n.wmde-markdown summary {\n display: list-item;\n}\n.wmde-markdown [hidden] {\n display: none !important;\n}\n.wmde-markdown a {\n background-color: transparent;\n color: var(--color-accent-fg);\n text-decoration: none;\n}\n.wmde-markdown a:active,\n.wmde-markdown a:hover {\n outline-width: 0;\n}\n.wmde-markdown abbr[title] {\n border-bottom: none;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n.wmde-markdown b,\n.wmde-markdown strong {\n font-weight: 600;\n}\n.wmde-markdown dfn {\n font-style: italic;\n}\n.wmde-markdown h1 {\n margin: 0.67em 0;\n font-weight: 600;\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid var(--color-border-muted);\n}\n.wmde-markdown mark {\n background-color: var(--color-attention-subtle);\n color: var(--color-text-primary);\n}\n.wmde-markdown small {\n font-size: 90%;\n}\n.wmde-markdown sub,\n.wmde-markdown sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n.wmde-markdown sub {\n bottom: -0.25em;\n}\n.wmde-markdown sup {\n top: -0.5em;\n}\n.wmde-markdown img {\n display: inline-block;\n border-style: none;\n max-width: 100%;\n box-sizing: content-box;\n background-color: var(--color-canvas-default);\n}\n.wmde-markdown code,\n.wmde-markdown kbd,\n.wmde-markdown pre,\n.wmde-markdown samp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n.wmde-markdown figure {\n margin: 1em 40px;\n}\n.wmde-markdown hr {\n box-sizing: content-box;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid var(--color-border-muted);\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: var(--color-border-default);\n}\n.wmde-markdown input {\n font: inherit;\n margin: 0;\n overflow: visible;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n.wmde-markdown [type='button'],\n.wmde-markdown [type='reset'],\n.wmde-markdown [type='submit'] {\n -webkit-appearance: button;\n}\n.wmde-markdown [type='button']::-moz-focus-inner,\n.wmde-markdown [type='reset']::-moz-focus-inner,\n.wmde-markdown [type='submit']::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n.wmde-markdown [type='button']:-moz-focusring,\n.wmde-markdown [type='reset']:-moz-focusring,\n.wmde-markdown [type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n.wmde-markdown [type='checkbox'],\n.wmde-markdown [type='radio'] {\n box-sizing: border-box;\n padding: 0;\n}\n.wmde-markdown [type='number']::-webkit-inner-spin-button,\n.wmde-markdown [type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n.wmde-markdown [type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n.wmde-markdown [type='search']::-webkit-search-cancel-button,\n.wmde-markdown [type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n.wmde-markdown ::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n.wmde-markdown ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n.wmde-markdown a:hover {\n text-decoration: underline;\n}\n.wmde-markdown hr::before {\n display: table;\n content: '';\n}\n.wmde-markdown hr::after {\n display: table;\n clear: both;\n content: '';\n}\n.wmde-markdown table {\n border-spacing: 0;\n border-collapse: collapse;\n display: block;\n width: max-content;\n max-width: 100%;\n}\n.wmde-markdown td,\n.wmde-markdown th {\n padding: 0;\n}\n.wmde-markdown details summary {\n cursor: pointer;\n}\n.wmde-markdown details:not([open]) > *:not(summary) {\n display: none !important;\n}\n.wmde-markdown kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;\n line-height: 10px;\n color: var(--color-fg-default);\n vertical-align: middle;\n background-color: var(--color-canvas-subtle);\n border: solid 1px var(--color-neutral-muted);\n border-bottom-color: var(--color-neutral-muted);\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 var(--color-neutral-muted);\n}\n.wmde-markdown h1,\n.wmde-markdown h2,\n.wmde-markdown h3,\n.wmde-markdown h4,\n.wmde-markdown h5,\n.wmde-markdown h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25;\n}\n.wmde-markdown td,\n.wmde-markdown th {\n padding: 0;\n}\n.wmde-markdown details summary {\n cursor: pointer;\n}\n.wmde-markdown details:not([open]) > *:not(summary) {\n display: none !important;\n}\n.wmde-markdown kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;\n line-height: 10px;\n color: var(--color-fg-default);\n vertical-align: middle;\n background-color: var(--color-canvas-subtle);\n border: solid 1px var(--color-neutral-muted);\n border-bottom-color: var(--color-neutral-muted);\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 var(--color-neutral-muted);\n}\n.wmde-markdown h1,\n.wmde-markdown h2,\n.wmde-markdown h3,\n.wmde-markdown h4,\n.wmde-markdown h5,\n.wmde-markdown h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25;\n}\n.wmde-markdown h2 {\n font-weight: 600;\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid var(--color-border-muted);\n}\n.wmde-markdown h3 {\n font-weight: 600;\n font-size: 1.25em;\n}\n.wmde-markdown h4 {\n font-weight: 600;\n font-size: 1em;\n}\n.wmde-markdown h5 {\n font-weight: 600;\n font-size: 0.875em;\n}\n.wmde-markdown h6 {\n font-weight: 600;\n font-size: 0.85em;\n color: var(--color-fg-muted);\n}\n.wmde-markdown p {\n margin-top: 0;\n margin-bottom: 10px;\n}\n.wmde-markdown blockquote {\n margin: 0;\n padding: 0 1em;\n color: var(--color-fg-muted);\n border-left: 0.25em solid var(--color-border-default);\n}\n.wmde-markdown ul,\n.wmde-markdown ol {\n margin-top: 0;\n margin-bottom: 0;\n padding-left: 2em;\n}\n.wmde-markdown ol ol,\n.wmde-markdown ul ol {\n list-style-type: lower-roman;\n}\n.wmde-markdown ul ul ol,\n.wmde-markdown ul ol ol,\n.wmde-markdown ol ul ol,\n.wmde-markdown ol ol ol {\n list-style-type: lower-alpha;\n}\n.wmde-markdown dd {\n margin-left: 0;\n}\n.wmde-markdown tt,\n.wmde-markdown code {\n font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;\n font-size: 12px;\n}\n.wmde-markdown pre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;\n font-size: 12px;\n word-wrap: normal;\n}\n.wmde-markdown .octicon {\n display: inline-block;\n overflow: visible !important;\n vertical-align: text-bottom;\n fill: currentColor;\n}\n.wmde-markdown ::placeholder {\n color: var(--color-fg-subtle);\n opacity: 1;\n}\n.wmde-markdown input::-webkit-outer-spin-button,\n.wmde-markdown input::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n appearance: none;\n}\n.wmde-markdown [data-catalyst] {\n display: block;\n}\n.wmde-markdown::before {\n display: table;\n content: '';\n}\n.wmde-markdown::after {\n display: table;\n clear: both;\n content: '';\n}\n.wmde-markdown > *:first-child {\n margin-top: 0 !important;\n}\n.wmde-markdown > *:last-child {\n margin-bottom: 0 !important;\n}\n.wmde-markdown a:not([href]) {\n color: inherit;\n text-decoration: none;\n}\n.wmde-markdown .absent {\n color: var(--color-danger-fg);\n}\n.wmde-markdown a.anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1;\n}\n.wmde-markdown .anchor:focus {\n outline: none;\n}\n.wmde-markdown p,\n.wmde-markdown blockquote,\n.wmde-markdown ul,\n.wmde-markdown ol,\n.wmde-markdown dl,\n.wmde-markdown table,\n.wmde-markdown pre,\n.wmde-markdown details {\n margin-top: 0;\n margin-bottom: 16px;\n}\n.wmde-markdown blockquote > :first-child {\n margin-top: 0;\n}\n.wmde-markdown blockquote > :last-child {\n margin-bottom: 0;\n}\n.wmde-markdown sup > a::before {\n content: '[';\n}\n.wmde-markdown sup > a::after {\n content: ']';\n}\n.wmde-markdown h1 .octicon-link,\n.wmde-markdown h2 .octicon-link,\n.wmde-markdown h3 .octicon-link,\n.wmde-markdown h4 .octicon-link,\n.wmde-markdown h5 .octicon-link,\n.wmde-markdown h6 .octicon-link {\n color: var(--color-fg-default);\n vertical-align: middle;\n visibility: hidden;\n}\n.wmde-markdown h1:hover .anchor,\n.wmde-markdown h2:hover .anchor,\n.wmde-markdown h3:hover .anchor,\n.wmde-markdown h4:hover .anchor,\n.wmde-markdown h5:hover .anchor,\n.wmde-markdown h6:hover .anchor {\n text-decoration: none;\n}\n.wmde-markdown h1:hover .anchor .octicon-link,\n.wmde-markdown h2:hover .anchor .octicon-link,\n.wmde-markdown h3:hover .anchor .octicon-link,\n.wmde-markdown h4:hover .anchor .octicon-link,\n.wmde-markdown h5:hover .anchor .octicon-link,\n.wmde-markdown h6:hover .anchor .octicon-link {\n visibility: visible;\n}\n.wmde-markdown h1 tt,\n.wmde-markdown h1 code,\n.wmde-markdown h2 tt,\n.wmde-markdown h2 code,\n.wmde-markdown h3 tt,\n.wmde-markdown h3 code,\n.wmde-markdown h4 tt,\n.wmde-markdown h4 code,\n.wmde-markdown h5 tt,\n.wmde-markdown h5 code,\n.wmde-markdown h6 tt,\n.wmde-markdown h6 code {\n padding: 0 0.2em;\n font-size: inherit;\n}\n.wmde-markdown ul.no-list,\n.wmde-markdown ol.no-list {\n padding: 0;\n list-style-type: none;\n}\n.wmde-markdown ol[type='1'] {\n list-style-type: decimal;\n}\n.wmde-markdown ol[type='a'] {\n list-style-type: lower-alpha;\n}\n.wmde-markdown ol[type='i'] {\n list-style-type: lower-roman;\n}\n.wmde-markdown div > ol:not([type]) {\n list-style-type: decimal;\n}\n.wmde-markdown ul ul,\n.wmde-markdown ul ol,\n.wmde-markdown ol ol,\n.wmde-markdown ol ul {\n margin-top: 0;\n margin-bottom: 0;\n}\n.wmde-markdown li > p {\n margin-top: 16px;\n}\n.wmde-markdown li + li {\n margin-top: 0.25em;\n}\n.wmde-markdown dl {\n padding: 0;\n}\n.wmde-markdown dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600;\n}\n.wmde-markdown dl dd {\n padding: 0 16px;\n margin-bottom: 16px;\n}\n.wmde-markdown table th {\n font-weight: 600;\n}\n.wmde-markdown table th,\n.wmde-markdown table td {\n padding: 6px 13px;\n border: 1px solid var(--color-border-default);\n}\n.wmde-markdown table tr {\n background-color: var(--color-canvas-default);\n border-top: 1px solid var(--color-border-muted);\n}\n.wmde-markdown table tr:nth-child(2n) {\n background-color: var(--color-canvas-subtle);\n}\n.wmde-markdown table img {\n background-color: transparent;\n}\n.wmde-markdown img[align='right'] {\n padding-left: 20px;\n}\n.wmde-markdown img[align='left'] {\n padding-right: 20px;\n}\n.wmde-markdown .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent;\n}\n.wmde-markdown span.frame {\n display: block;\n overflow: hidden;\n}\n.wmde-markdown span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid var(--color-border-default);\n}\n.wmde-markdown span.frame span img {\n display: block;\n float: left;\n}\n.wmde-markdown span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: var(--color-fg-default);\n}\n.wmde-markdown span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n}\n.wmde-markdown span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n}\n.wmde-markdown span.align-center span img {\n margin: 0 auto;\n text-align: center;\n}\n.wmde-markdown span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n}\n.wmde-markdown span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n}\n.wmde-markdown span.align-right span img {\n margin: 0;\n text-align: right;\n}\n.wmde-markdown span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden;\n}\n.wmde-markdown span.float-left span {\n margin: 13px 0 0;\n}\n.wmde-markdown span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden;\n}\n.wmde-markdown span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n}\n.wmde-markdown code,\n.wmde-markdown tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: var(--color-neutral-muted);\n border-radius: 6px;\n}\n.wmde-markdown code br,\n.wmde-markdown tt br {\n display: none;\n}\n.wmde-markdown del code {\n text-decoration: inherit;\n}\n.wmde-markdown pre code {\n font-size: 100%;\n}\n.wmde-markdown pre > code {\n padding: 0;\n margin: 0;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n}\n.wmde-markdown pre {\n font-size: 85%;\n line-height: 1.45;\n background-color: var(--color-canvas-subtle);\n border-radius: 6px;\n}\n.wmde-markdown pre code,\n.wmde-markdown pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n}\n.wmde-markdown pre > code {\n padding: 16px;\n overflow: auto;\n display: block;\n}\n.wmde-markdown pre > code::-webkit-scrollbar {\n background: transparent;\n width: 8px;\n height: 8px;\n}\n.wmde-markdown pre > code::-webkit-scrollbar-thumb {\n background: var(--color-fg-muted);\n border-radius: 10px;\n}\n.wmde-markdown .csv-data td,\n.wmde-markdown .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap;\n}\n.wmde-markdown .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: var(--color-canvas-default);\n border: 0;\n}\n.wmde-markdown .csv-data tr {\n border-top: 0;\n}\n.wmde-markdown .csv-data th {\n font-weight: 600;\n background: var(--color-canvas-subtle);\n border-top: 0;\n}\n.wmde-markdown .footnotes {\n font-size: 12px;\n color: var(--color-fg-muted);\n border-top: 1px solid var(--color-border-default);\n}\n.wmde-markdown .footnotes ol {\n padding-left: 16px;\n}\n.wmde-markdown .footnotes li {\n position: relative;\n}\n.wmde-markdown .footnotes li:target::before {\n position: absolute;\n top: -8px;\n right: -8px;\n bottom: -8px;\n left: -24px;\n pointer-events: none;\n content: '';\n border: 2px solid var(--color-accent-emphasis);\n border-radius: 6px;\n}\n.wmde-markdown .footnotes li:target {\n color: var(--color-fg-default);\n}\n.wmde-markdown .footnotes .data-footnote-backref g-emoji {\n font-family: monospace;\n}\n.wmde-markdown .task-list-item {\n list-style-type: none;\n}\n.wmde-markdown .task-list-item label {\n font-weight: 400;\n}\n.wmde-markdown .task-list-item.enabled label {\n cursor: pointer;\n}\n.wmde-markdown .task-list-item + .wmde-markdown .task-list-item {\n margin-top: 3px;\n}\n.wmde-markdown .task-list-item .handle {\n display: none;\n}\n.wmde-markdown .task-list-item-checkbox,\n.wmde-markdown .contains-task-list input[type='checkbox'] {\n margin: 0 0.2em 0.25em -1.6em;\n vertical-align: middle;\n}\n.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,\n.wmde-markdown .contains-task-list:dir(rtl) input[type='checkbox'] {\n margin: 0 -1.6em 0.25em 0.2em;\n}\n.wmde-markdown ::-webkit-calendar-picker-indicator {\n filter: invert(50%);\n}\n.wmde-markdown pre {\n position: relative;\n}\n.wmde-markdown pre .copied {\n visibility: hidden;\n display: flex;\n position: absolute;\n cursor: pointer;\n color: var(--color-fg-default);\n top: 6px;\n right: 6px;\n border-radius: 5px;\n background: var(--color-border-default);\n padding: 6px;\n font-size: 12px;\n transition: all 0.3s;\n}\n.wmde-markdown pre .copied .octicon-copy {\n display: block;\n}\n.wmde-markdown pre .copied .octicon-check {\n display: none;\n}\n.wmde-markdown pre:hover .copied {\n visibility: visible;\n}\n.wmde-markdown pre:hover .copied:hover {\n background: var(--color-prettylights-syntax-entity-tag);\n color: var(--color-canvas-default);\n}\n.wmde-markdown pre:hover .copied:active,\n.wmde-markdown pre .copied.active {\n background: var(--color-copied-active-bg);\n color: var(--color-canvas-default);\n}\n.wmde-markdown pre .active .octicon-copy {\n display: none;\n}\n.wmde-markdown pre .active .octicon-check {\n display: block;\n}\n.wmde-markdown .markdown-alert {\n padding: 0.5rem 1em;\n color: inherit;\n margin-bottom: 16px;\n border-left: 0.25em solid var(--borderColor-default, var(--color-border-default));\n}\n.wmde-markdown .markdown-alert > :last-child {\n margin-bottom: 0 !important;\n}\n.wmde-markdown .markdown-alert .markdown-alert-title {\n display: flex;\n align-items: center;\n line-height: 1;\n font-weight: 500;\n font-size: 14px;\n}\n.wmde-markdown .markdown-alert .markdown-alert-title svg.octicon {\n margin-right: var(--base-size-8, 8px) !important;\n}\n.wmde-markdown .markdown-alert.markdown-alert-note {\n border-left-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));\n}\n.wmde-markdown .markdown-alert.markdown-alert-note .markdown-alert-title {\n color: var(--fgColor-accent, var(--color-accent-fg));\n}\n.wmde-markdown .markdown-alert.markdown-alert-tip {\n border-left-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));\n}\n.wmde-markdown .markdown-alert.markdown-alert-tip .markdown-alert-title {\n color: var(--fgColor-success, var(--color-success-fg));\n}\n.wmde-markdown .markdown-alert.markdown-alert-important {\n border-left-color: var(--borderColor-done-emphasis, var(--color-done-emphasis));\n}\n.wmde-markdown .markdown-alert.markdown-alert-important .markdown-alert-title {\n color: var(--fgColor-done, var(--color-done-fg));\n}\n.wmde-markdown .markdown-alert.markdown-alert-warning {\n border-left-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));\n}\n.wmde-markdown .markdown-alert.markdown-alert-warning .markdown-alert-title {\n color: var(--fgColor-attention, var(--color-attention-fg));\n}\n.wmde-markdown .markdown-alert.markdown-alert-caution {\n border-left-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));\n}\n.wmde-markdown .markdown-alert.markdown-alert-caution .markdown-alert-title {\n color: var(--fgColor-danger, var(--color-danger-fg));\n}\n.wmde-markdown .highlight-line {\n background-color: var(--color-neutral-muted);\n}\n.wmde-markdown .code-line.line-number::before {\n display: inline-block;\n width: 1rem;\n text-align: right;\n margin-right: 16px;\n color: var(--color-fg-subtle);\n content: attr(line);\n white-space: nowrap;\n}\n.wmde-markdown .token.comment,\n.wmde-markdown .token.prolog,\n.wmde-markdown .token.doctype,\n.wmde-markdown .token.cdata {\n color: var(--color-prettylights-syntax-comment);\n}\n.wmde-markdown .token.namespace {\n opacity: 0.7;\n}\n.wmde-markdown .token.property,\n.wmde-markdown .token.tag,\n.wmde-markdown .token.selector,\n.wmde-markdown .token.constant,\n.wmde-markdown .token.symbol,\n.wmde-markdown .token.deleted {\n color: var(--color-prettylights-syntax-entity-tag);\n}\n.wmde-markdown .token.maybe-class-name {\n color: var(--color-prettylights-syntax-variable);\n}\n.wmde-markdown .token.property-access,\n.wmde-markdown .token.operator,\n.wmde-markdown .token.boolean,\n.wmde-markdown .token.number,\n.wmde-markdown .token.selector .token.class,\n.wmde-markdown .token.attr-name,\n.wmde-markdown .token.string,\n.wmde-markdown .token.char,\n.wmde-markdown .token.builtin {\n color: var(--color-prettylights-syntax-constant);\n}\n.wmde-markdown .token.deleted {\n color: var(--color-prettylights-syntax-markup-deleted-text);\n}\n.wmde-markdown .code-line .token.deleted {\n background-color: var(--color-prettylights-syntax-markup-deleted-bg);\n}\n.wmde-markdown .token.inserted {\n color: var(--color-prettylights-syntax-markup-inserted-text);\n}\n.wmde-markdown .code-line .token.inserted {\n background-color: var(--color-prettylights-syntax-markup-inserted-bg);\n}\n.wmde-markdown .token.variable {\n color: var(--color-prettylights-syntax-constant);\n}\n.wmde-markdown .token.entity,\n.wmde-markdown .token.url,\n.wmde-markdown .language-css .token.string,\n.wmde-markdown .style .token.string {\n color: var(--color-prettylights-syntax-string);\n}\n.wmde-markdown .token.color,\n.wmde-markdown .token.atrule,\n.wmde-markdown .token.attr-value,\n.wmde-markdown .token.function,\n.wmde-markdown .token.class-name {\n color: var(--color-prettylights-syntax-string);\n}\n.wmde-markdown .token.rule,\n.wmde-markdown .token.regex,\n.wmde-markdown .token.important,\n.wmde-markdown .token.keyword {\n color: var(--color-prettylights-syntax-keyword);\n}\n.wmde-markdown .token.coord {\n color: var(--color-prettylights-syntax-meta-diff-range);\n}\n.wmde-markdown .token.important,\n.wmde-markdown .token.bold {\n font-weight: bold;\n}\n.wmde-markdown .token.italic {\n font-style: italic;\n}\n.wmde-markdown .token.entity {\n cursor: help;\n}\n";
153795
153867
  n$1(css$4,{});
153796
153868
 
153797
- var _excluded$4 = ["prefixCls", "className", "source", "style", "disableCopy", "skipHtml", "onScroll", "onMouseOver", "pluginsFilter", "rehypeRewrite", "wrapperElement", "warpperElement", "urlTransform"];
153869
+ var _excluded$3 = ["prefixCls", "className", "source", "style", "disableCopy", "skipHtml", "onScroll", "onMouseOver", "pluginsFilter", "rehypeRewrite", "wrapperElement", "warpperElement", "urlTransform"];
153798
153870
  var defaultUrlTransform = url => url;
153799
153871
  var MarkdownPreview$1 = /*#__PURE__*/React__default.forwardRef((props, ref) => {
153800
153872
  var {
@@ -153811,9 +153883,9 @@ var MarkdownPreview$1 = /*#__PURE__*/React__default.forwardRef((props, ref) => {
153811
153883
  warpperElement = {},
153812
153884
  urlTransform
153813
153885
  } = props,
153814
- other = _objectWithoutPropertiesLoose$1(props, _excluded$4);
153886
+ other = _objectWithoutPropertiesLoose(props, _excluded$3);
153815
153887
  var mdp = React__default.useRef(null);
153816
- useImperativeHandle(ref, () => _extends$1({}, props, {
153888
+ useImperativeHandle(ref, () => _extends({}, props, {
153817
153889
  mdp
153818
153890
  }), [mdp, props]);
153819
153891
  var cls = (prefixCls || '') + " " + (className || '');
@@ -153831,15 +153903,15 @@ var MarkdownPreview$1 = /*#__PURE__*/React__default.forwardRef((props, ref) => {
153831
153903
  rehypePlugins.push(rehypeRaw);
153832
153904
  }
153833
153905
  var remarkPlugins = [remarkAlert, ...(other.remarkPlugins || []), remarkGfm];
153834
- var wrapperProps = _extends$1({}, warpperElement, wrapperElement);
153835
- return /*#__PURE__*/jsx$2("div", _extends$1({
153906
+ var wrapperProps = _extends({}, warpperElement, wrapperElement);
153907
+ return /*#__PURE__*/jsx$2("div", _extends({
153836
153908
  ref: mdp,
153837
153909
  onScroll: onScroll,
153838
153910
  onMouseOver: onMouseOver
153839
153911
  }, wrapperProps, {
153840
153912
  className: cls,
153841
153913
  style: style,
153842
- children: /*#__PURE__*/jsx$2(Markdown, _extends$1({}, customProps, other, {
153914
+ children: /*#__PURE__*/jsx$2(Markdown, _extends({}, customProps, other, {
153843
153915
  skipHtml: skipHtml,
153844
153916
  urlTransform: urlTransform || defaultUrlTransform,
153845
153917
  rehypePlugins: pluginsFilter ? pluginsFilter('rehype', rehypePlugins) : rehypePlugins,
@@ -153853,7 +153925,7 @@ var reservedMeta = function reservedMeta(options) {
153853
153925
  return tree => {
153854
153926
  visit(tree, node => {
153855
153927
  if (node.type === 'element' && node.tagName === 'code' && node.data && node.data.meta) {
153856
- node.properties = _extends$1({}, node.properties, {
153928
+ node.properties = _extends({}, node.properties, {
153857
153929
  'data-meta': String(node.data.meta)
153858
153930
  });
153859
153931
  }
@@ -154116,7 +154188,7 @@ var rehypeRewriteHandle = (disableCopy, rewrite) => (node, index, parent) => {
154116
154188
  if (node.type === 'element' && parent && parent.type === 'root' && /h(1|2|3|4|5|6)/.test(node.tagName)) {
154117
154189
  var child = node.children && node.children[0];
154118
154190
  if (child && child.properties && child.properties.ariaHidden === 'true') {
154119
- child.properties = _extends$1({
154191
+ child.properties = _extends({
154120
154192
  class: 'anchor'
154121
154193
  }, child.properties);
154122
154194
  child.children = [octiconLink];
@@ -154139,7 +154211,7 @@ var MarkdownPreview = /*#__PURE__*/React__default.forwardRef((props, ref) => {
154139
154211
  }], ...(props.rehypePlugins || []), [f, {
154140
154212
  ignoreMissing: true
154141
154213
  }]];
154142
- return /*#__PURE__*/jsx$2(MarkdownPreview$1, _extends$1({}, props, {
154214
+ return /*#__PURE__*/jsx$2(MarkdownPreview$1, _extends({}, props, {
154143
154215
  rehypePlugins: rehypePlugins,
154144
154216
  ref: ref
154145
154217
  }));
@@ -154705,14 +154777,14 @@ var undo = {
154705
154777
  }
154706
154778
  };
154707
154779
 
154708
- var _excluded$3 = ["editorProps", "command", "onClick"];
154780
+ var _excluded$2 = ["editorProps", "command", "onClick"];
154709
154781
  var FullscreenButton = props => {
154710
154782
  var {
154711
154783
  editorProps,
154712
154784
  command,
154713
154785
  onClick
154714
154786
  } = props,
154715
- reset = _objectWithoutPropertiesLoose$1(props, _excluded$3);
154787
+ reset = _objectWithoutPropertiesLoose(props, _excluded$2);
154716
154788
  var $height = useRef(0);
154717
154789
  var [full, setFull] = useState(false);
154718
154790
  var fullRef = useRef(full);
@@ -154778,7 +154850,7 @@ var FullscreenButton = props => {
154778
154850
  setFull(isFull);
154779
154851
  onClick == null || onClick(evn, isFull);
154780
154852
  };
154781
- return /*#__PURE__*/jsx$2("button", _extends$1({}, reset, {
154853
+ return /*#__PURE__*/jsx$2("button", _extends({}, reset, {
154782
154854
  onClick: click,
154783
154855
  type: "button",
154784
154856
  className: full ? 'active' : '',
@@ -154790,7 +154862,7 @@ var fullscreen = {
154790
154862
  keyCommand: 'fullscreen',
154791
154863
  button: (command, props, opts) => /*#__PURE__*/jsx$2(FullscreenButton, {
154792
154864
  command: command,
154793
- editorProps: _extends$1({}, props, opts)
154865
+ editorProps: _extends({}, props, opts)
154794
154866
  }),
154795
154867
  icon: /*#__PURE__*/jsx$2("svg", {
154796
154868
  fill: "currentColor",
@@ -154859,7 +154931,7 @@ var preview = {
154859
154931
  keyCommand: 'preview',
154860
154932
  button: (command, props, opts) => /*#__PURE__*/jsx$2(Preview, {
154861
154933
  command: command,
154862
- editorProps: _extends$1({}, props, opts)
154934
+ editorProps: _extends({}, props, opts)
154863
154935
  }),
154864
154936
  icon: /*#__PURE__*/jsx$2("svg", {
154865
154937
  fill: "currentColor",
@@ -154897,7 +154969,7 @@ var getModeCommands = () => [preview, fullscreen];
154897
154969
  var css$3 = ".md-editor-toolbar {\n padding: 4px 2px 4px 5px;\n border-radius: 3px 3px 0 0;\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n align-items: center;\n}\n.md-editor-toolbar-warp {\n display: flex;\n justify-content: space-between;\n align-items: center;\n -webkit-user-select: none;\n user-select: none;\n flex-wrap: wrap;\n}\n.md-editor-toolbar-warp:not(.md-editor-toolbar-bottom) {\n border-bottom: 1px solid var(--color-border-muted);\n}\n.md-editor-toolbar-bottom {\n border-top: 1px solid var(--color-border-muted);\n border-radius: 0 0 3px 3px;\n}\n.md-editor-toolbar button {\n background: none;\n border: none;\n cursor: pointer;\n outline: 0;\n display: inline-block;\n height: 20px;\n width: 20px;\n padding: 0;\n border-radius: 2px;\n transition: all 0.3s;\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--color-fg-default);\n}\n.md-editor-toolbar button:hover {\n color: var(--color-accent-fg);\n background-color: var(--color-neutral-muted);\n}\n.md-editor-toolbar button.active {\n color: var(--color-prettylights-syntax-constant);\n background-color: var(--color-neutral-muted);\n}\n.md-editor-toolbar button:active {\n color: var(--color-danger-fg);\n background-color: var(--color-neutral-muted);\n}\n.md-editor-toolbar button svg {\n vertical-align: middle;\n}\n.md-editor-toolbar-mode {\n padding-right: 5px;\n}\n";
154898
154970
  n$1(css$3,{});
154899
154971
 
154900
- var _excluded$2 = ["prefixCls", "className", "onClick", "toolbars", "editor", "mode", "preview", "container", "containerEditor", "editorProps"];
154972
+ var _excluded$1 = ["prefixCls", "className", "onClick", "toolbars", "editor", "mode", "preview", "container", "containerEditor", "editorProps"];
154901
154973
  function ToolBar(props) {
154902
154974
  var {
154903
154975
  prefixCls = 'md-editor',
@@ -154910,7 +154982,7 @@ function ToolBar(props) {
154910
154982
  containerEditor,
154911
154983
  editorProps = {}
154912
154984
  } = props,
154913
- htmlProps = _objectWithoutPropertiesLoose$1(props, _excluded$2);
154985
+ htmlProps = _objectWithoutPropertiesLoose(props, _excluded$1);
154914
154986
  if (!toolbars || toolbars.length === 0) return null;
154915
154987
  function handleClick(execute) {
154916
154988
  if (execute && editor && editor) {
@@ -154918,7 +154990,7 @@ function ToolBar(props) {
154918
154990
  }
154919
154991
  }
154920
154992
  editorProps.prefixCls = prefixCls;
154921
- return /*#__PURE__*/jsx$2("div", _extends$1({
154993
+ return /*#__PURE__*/jsx$2("div", _extends({
154922
154994
  className: prefixCls + "-toolbar " + (className || '') + " " + (mode ? prefixCls + "-toolbar-mode" : '')
154923
154995
  }, htmlProps, {
154924
154996
  children: [...toolbars].map((command, key) => {
@@ -154945,7 +155017,7 @@ function ToolBar(props) {
154945
155017
  key
154946
155018
  });
154947
155019
  }
154948
- return /*#__PURE__*/createElement("button", _extends$1({}, buttonProps, {
155020
+ return /*#__PURE__*/createElement("button", _extends({}, buttonProps, {
154949
155021
  key: key
154950
155022
  }));
154951
155023
  })
@@ -155113,7 +155185,7 @@ var defaultTheme = createTheme({
155113
155185
  var css$2 = "[data-color-mode*='dark'] .md-editor {\n --color-border-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 0 rgb(255 255 255 / 0%), 0 1px 1px rgb(255 255 255 / 20%);\n}\n[data-color-mode*='light'] .md-editor {\n --color-border-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgb(16 22 26 / 0%), 0 1px 1px rgb(16 22 26 / 20%);\n}\n.md-editor {\n color: var(--color-fg-default);\n box-shadow: var(--color-border-shadow);\n text-align: left;\n border-radius: 3px;\n position: relative;\n display: flex;\n flex-direction: column;\n background-color: var(--color-canvas-subtle);\n}\n.md-editor-content {\n position: relative;\n flex: 1;\n overflow: auto;\n}\n.md-editor-fullscreen .md-editor {\n border-radius: 0;\n}\n.md-editor-fullscreen {\n z-index: 999;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n.md-editor-fullscreen .md-editor-toolbar {\n border-radius: 0;\n}\n.md-editor-preview {\n padding: 20px;\n width: 0%;\n overflow: hidden;\n border-left: 0;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n box-sizing: border-box;\n background-color: var(--color-canvas-default);\n}\n.md-editor h1 a,\n.md-editor h2 a,\n.md-editor h3 a,\n.md-editor h4 a,\n.md-editor h5 a,\n.md-editor h6 a {\n display: none;\n}\n";
155114
155186
  n$1(css$2,{});
155115
155187
 
155116
- var _excluded$1 = ["prefixCls", "className", "onChange", "toolbars", "toolbarsMode", "toolbarsFilter", "visible", "renderPreview", "visibleEditor", "hideToolbar", "showToolbar", "toolbarBottom", "enableScroll", "enablePreview", "previewProps", "extensions", "previewWidth", "reExtensions", "onPreviewMode"];
155188
+ var _excluded = ["prefixCls", "className", "onChange", "toolbars", "toolbarsMode", "toolbarsFilter", "visible", "renderPreview", "visibleEditor", "hideToolbar", "showToolbar", "toolbarBottom", "enableScroll", "enablePreview", "previewProps", "extensions", "previewWidth", "reExtensions", "onPreviewMode"];
155117
155189
  var scrollerStyle = EditorView.theme({
155118
155190
  '&.cm-editor, & .cm-scroller': {
155119
155191
  borderBottomRightRadius: '3px',
@@ -155143,7 +155215,7 @@ function MarkdownEditorInternal(props, ref) {
155143
155215
  previewWidth = '50%',
155144
155216
  reExtensions
155145
155217
  } = props,
155146
- codemirrorProps = _objectWithoutPropertiesLoose$1(props, _excluded$1);
155218
+ codemirrorProps = _objectWithoutPropertiesLoose(props, _excluded);
155147
155219
  var [value, setValue] = useState(props.value || '');
155148
155220
  var codeMirror = useRef(null);
155149
155221
  var container = useRef(null);
@@ -155160,7 +155232,7 @@ function MarkdownEditorInternal(props, ref) {
155160
155232
  editor: codeMirror,
155161
155233
  container: container,
155162
155234
  containerEditor: containerEditor,
155163
- editorProps: _extends$1({}, props, {
155235
+ editorProps: _extends({}, props, {
155164
155236
  previewWidth
155165
155237
  })
155166
155238
  };
@@ -155223,7 +155295,7 @@ function MarkdownEditorInternal(props, ref) {
155223
155295
  children: [/*#__PURE__*/jsx$2("div", {
155224
155296
  className: prefixCls + "-content-editor",
155225
155297
  ref: containerEditor,
155226
- children: visibleEditor && /*#__PURE__*/jsx$2(ReactCodeMirror, _extends$1({
155298
+ children: visibleEditor && /*#__PURE__*/jsx$2(ReactCodeMirror, _extends({
155227
155299
  theme: defaultTheme
155228
155300
  }, codemirrorProps, {
155229
155301
  className: prefixCls + "-inner",
@@ -155235,7 +155307,7 @@ function MarkdownEditorInternal(props, ref) {
155235
155307
  }), enablePreview && /*#__PURE__*/jsx$2("div", {
155236
155308
  className: clsPreview,
155237
155309
  ref: preview,
155238
- children: renderPreview ? renderPreview(previewProps, !!visible) : /*#__PURE__*/jsx$2(MarkdownPreview, _extends$1({}, previewProps, {
155310
+ children: renderPreview ? renderPreview(previewProps, !!visible) : /*#__PURE__*/jsx$2(MarkdownPreview, _extends({}, previewProps, {
155239
155311
  "data-visible": !!visible
155240
155312
  }))
155241
155313
  })]
@@ -155246,9 +155318,9 @@ function MarkdownEditorInternal(props, ref) {
155246
155318
  var isShowToolbar = hideToolbar != null ? hideToolbar : showToolbar;
155247
155319
  var toolbarView = isShowToolbar && /*#__PURE__*/jsxs("div", {
155248
155320
  className: clsToolbar,
155249
- children: [/*#__PURE__*/jsx$2(ToolBar, _extends$1({}, toolBarProps, {
155321
+ children: [/*#__PURE__*/jsx$2(ToolBar, _extends({}, toolBarProps, {
155250
155322
  toolbars: tools
155251
- })), /*#__PURE__*/jsx$2(ToolBar, _extends$1({}, toolBarProps, {
155323
+ })), /*#__PURE__*/jsx$2(ToolBar, _extends({}, toolBarProps, {
155252
155324
  toolbars: toolsMode,
155253
155325
  mode: true
155254
155326
  }))]
@@ -156628,68 +156700,11 @@ definePreset({
156628
156700
  },
156629
156701
  });
156630
156702
 
156631
- var DefaultContext = {
156632
- color: undefined,
156633
- size: undefined,
156634
- className: undefined,
156635
- style: undefined,
156636
- attr: undefined
156637
- };
156638
- var IconContext = React__default.createContext && /*#__PURE__*/React__default.createContext(DefaultContext);
156639
-
156640
- var _excluded = ["attr", "size", "title"];
156641
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
156642
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
156643
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
156644
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
156645
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
156646
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
156647
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
156648
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
156649
- function Tree2Element(tree) {
156650
- return tree && tree.map((node, i) => /*#__PURE__*/React__default.createElement(node.tag, _objectSpread({
156651
- key: i
156652
- }, node.attr), Tree2Element(node.child)));
156653
- }
156654
- function GenIcon(data) {
156655
- return props => /*#__PURE__*/React__default.createElement(IconBase, _extends({
156656
- attr: _objectSpread({}, data.attr)
156657
- }, props), Tree2Element(data.child));
156658
- }
156659
- function IconBase(props) {
156660
- var elem = conf => {
156661
- var {
156662
- attr,
156663
- size,
156664
- title
156665
- } = props,
156666
- svgProps = _objectWithoutProperties(props, _excluded);
156667
- var computedSize = size || conf.size || "1em";
156668
- var className;
156669
- if (conf.className) className = conf.className;
156670
- if (props.className) className = (className ? className + " " : "") + props.className;
156671
- return /*#__PURE__*/React__default.createElement("svg", _extends({
156672
- stroke: "currentColor",
156673
- fill: "currentColor",
156674
- strokeWidth: "0"
156675
- }, conf.attr, attr, svgProps, {
156676
- className: className,
156677
- style: _objectSpread(_objectSpread({
156678
- color: props.color || conf.color
156679
- }, conf.style), props.style),
156680
- height: computedSize,
156681
- width: computedSize,
156682
- xmlns: "http://www.w3.org/2000/svg"
156683
- }), title && /*#__PURE__*/React__default.createElement("title", null, title), props.children);
156684
- };
156685
- return IconContext !== undefined ? /*#__PURE__*/React__default.createElement(IconContext.Consumer, null, conf => elem(conf)) : elem(DefaultContext);
156686
- }
156687
-
156688
156703
  // THIS FILE IS AUTO GENERATED
156689
156704
  function ImCheckboxChecked (props) {
156690
- return GenIcon({"tag":"svg","attr":{"version":"1.1","viewBox":"0 0 16 16"},"child":[{"tag":"path","attr":{"d":"M14 0h-12c-1.1 0-2 0.9-2 2v12c0 1.1 0.9 2 2 2h12c1.1 0 2-0.9 2-2v-12c0-1.1-0.9-2-2-2zM7 12.414l-3.707-3.707 1.414-1.414 2.293 2.293 4.793-4.793 1.414 1.414-6.207 6.207z"},"child":[]}]})(props);
156705
+ return GenIcon$1({"tag":"svg","attr":{"version":"1.1","viewBox":"0 0 16 16"},"child":[{"tag":"path","attr":{"d":"M14 0h-12c-1.1 0-2 0.9-2 2v12c0 1.1 0.9 2 2 2h12c1.1 0 2-0.9 2-2v-12c0-1.1-0.9-2-2-2zM7 12.414l-3.707-3.707 1.414-1.414 2.293 2.293 4.793-4.793 1.414 1.414-6.207 6.207z"},"child":[]}]})(props);
156691
156706
  }function ImCheckboxUnchecked (props) {
156692
- return GenIcon({"tag":"svg","attr":{"version":"1.1","viewBox":"0 0 16 16"},"child":[{"tag":"path","attr":{"d":"M14 0h-12c-1.1 0-2 0.9-2 2v12c0 1.1 0.9 2 2 2h12c1.1 0 2-0.9 2-2v-12c0-1.1-0.9-2-2-2zM14 14h-12v-12h12v12z"},"child":[]}]})(props);
156707
+ return GenIcon$1({"tag":"svg","attr":{"version":"1.1","viewBox":"0 0 16 16"},"child":[{"tag":"path","attr":{"d":"M14 0h-12c-1.1 0-2 0.9-2 2v12c0 1.1 0.9 2 2 2h12c1.1 0 2-0.9 2-2v-12c0-1.1-0.9-2-2-2zM14 14h-12v-12h12v12z"},"child":[]}]})(props);
156693
156708
  }
156694
156709
 
156695
156710
  var css$1 = "@layer reset, base, tokens, recipes, utilities;\n\n@layer reset{\n * {\n margin: 0;\n padding: 0;\n font: inherit;\n }\n\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: var(--global-color-border, currentColor);\n }\n\n html {\n line-height: 1.5;\n --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji';\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-tab-size: 4;\n tab-size: 4;\n font-family: var(--global-font-body, var(--font-fallback));\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n body {\n height: 100%;\n line-height: inherit;\n }\n\n img {\n border-style: none;\n }\n\n img,\n svg,\n video,\n canvas,\n audio,\n iframe,\n embed,\n object {\n display: block;\n vertical-align: middle;\n }\n\n img,\n video {\n max-width: 100%;\n height: auto;\n }\n\n p,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n overflow-wrap: break-word;\n }\n\n ol,\n ul {\n list-style: none;\n }\n\n code,\n kbd,\n pre,\n samp {\n font-size: 1em;\n }\n\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n -webkit-appearance: button;\n background-color: transparent;\n background-image: none;\n }\n\n button,\n input,\n optgroup,\n select,\n textarea {\n color: inherit;\n }\n\n button,\n select {\n text-transform: none;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n input::placeholder,\n textarea::placeholder {\n opacity: 1;\n color: var(--global-color-placeholder, #9ca3af);\n }\n\n textarea {\n resize: vertical;\n }\n\n summary {\n display: list-item;\n }\n\n small {\n font-size: 80%;\n }\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n dialog {\n padding: 0;\n }\n\n a {\n color: inherit;\n text-decoration: inherit;\n }\n\n abbr:where([title]) {\n text-decoration: underline dotted;\n }\n\n b,\n strong {\n font-weight: bolder;\n }\n\n code,\n kbd,\n samp,\n pre {\n font-size: 1em;\n --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';\n font-family: var(--global-font-mono, var(--font-mono-fallback));\n }\n\n input[type=\"text\"],\n input[type=\"email\"],\n input[type=\"search\"],\n input[type=\"password\"] {\n -webkit-appearance: none;\n -moz-appearance: none;\n }\n\n input[type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n }\n\n ::-webkit-search-decoration,\n ::-webkit-search-cancel-button {\n -webkit-appearance: none;\n }\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n }\n\n input[type=\"number\"]::-webkit-inner-spin-button,\n input[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n input[type='number']{\n -moz-appearance: textfield;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n}\n\n@layer base{\n :root{\n --made-with-panda: '🐼';\n }\n\n *, *::before, *::after, ::backdrop{\n --blur: ;\n --brightness: ;\n --contrast: ;\n --grayscale: ;\n --hue-rotate: ;\n --invert: ;\n --saturate: ;\n --sepia: ;\n --drop-shadow: ;\n --backdrop-blur: ;\n --backdrop-brightness: ;\n --backdrop-contrast: ;\n --backdrop-grayscale: ;\n --backdrop-hue-rotate: ;\n --backdrop-invert: ;\n --backdrop-opacity: ;\n --backdrop-saturate: ;\n --backdrop-sepia: ;\n --scroll-snap-strictness: proximity;\n --border-spacing-x: 0;\n --border-spacing-y: 0;\n --translate-x: 0;\n --translate-y: 0;\n --rotate: 0;\n --skew-x: 0;\n --skew-y: 0;\n --scale-x: 1;\n --scale-y: 1;\n }\n\n html{\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -webkit-text-size-adjust: 100%;\n }\n\n body{\n background: var(--colors-background);\n color: var(--colors-foreground);\n font-family: var(--fonts-sans);\n }\n\n button{\n color: inherit;\n outline: 2px solid transparent;\n }\n\n *{\n box-sizing: border-box;\n font-family: var(--fonts-body);\n }\n\n html, body{\n margin: var(--spacing-0);\n padding: var(--spacing-0);\n }\n\n #root{\n display: flex;\n flex-direction: column;\n height: 100vh;\n }\n}\n\n@layer tokens{\n :where(:root, :host) {\n --letter-spacings-tighter: -0.05em;\n --letter-spacings-tight: -0.025em;\n --letter-spacings-normal: 0em;\n --letter-spacings-wide: 0.025em;\n --letter-spacings-wider: 0.05em;\n --letter-spacings-widest: 0.1em;\n --blurs-sm: 4px;\n --blurs-base: 8px;\n --blurs-md: 12px;\n --blurs-lg: 16px;\n --blurs-xl: 24px;\n --blurs-2xl: 40px;\n --blurs-3xl: 64px;\n --animations-spin: spin 1s linear infinite;\n --animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n --animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --animations-bounce: bounce 1s infinite;\n --font-sizes-2xs: 0.5rem;\n --font-sizes-2xl: 1.5rem;\n --font-sizes-3xl: 1.875rem;\n --font-sizes-4xl: 2.25rem;\n --font-sizes-5xl: 3rem;\n --font-sizes-6xl: 3.75rem;\n --font-sizes-7xl: 4.5rem;\n --font-sizes-8xl: 6rem;\n --font-sizes-9xl: 8rem;\n --font-sizes-xxs: 10px;\n --font-sizes-xs: 12px;\n --font-sizes-sm: 14px;\n --font-sizes-primary: 16px;\n --font-sizes-md: 20px;\n --font-sizes-lg: 24px;\n --font-sizes-xl: 32px;\n --font-weights-thin: 100;\n --font-weights-extralight: 200;\n --font-weights-light: 300;\n --font-weights-normal: 400;\n --font-weights-medium: 500;\n --font-weights-semibold: 600;\n --font-weights-bold: 700;\n --font-weights-extrabold: 800;\n --font-weights-black: 900;\n --font-weights-primary: 400;\n --font-weights-md: 500;\n --font-weights-lg: 600;\n --font-weights-xl: 800;\n --sizes-0: 0rem;\n --sizes-1: 0.25rem;\n --sizes-2: 0.5rem;\n --sizes-3: 0.75rem;\n --sizes-4: 1rem;\n --sizes-5: 1.25rem;\n --sizes-6: 1.5rem;\n --sizes-7: 1.75rem;\n --sizes-8: 2rem;\n --sizes-9: 2.25rem;\n --sizes-10: 2.5rem;\n --sizes-11: 2.75rem;\n --sizes-12: 3rem;\n --sizes-14: 3.5rem;\n --sizes-16: 4rem;\n --sizes-20: 5rem;\n --sizes-24: 6rem;\n --sizes-28: 7rem;\n --sizes-32: 8rem;\n --sizes-36: 9rem;\n --sizes-40: 10rem;\n --sizes-44: 11rem;\n --sizes-48: 12rem;\n --sizes-52: 13rem;\n --sizes-56: 14rem;\n --sizes-60: 15rem;\n --sizes-64: 16rem;\n --sizes-72: 18rem;\n --sizes-80: 20rem;\n --sizes-96: 24rem;\n --sizes-0\\.5: 0.125rem;\n --sizes-1\\.5: 0.375rem;\n --sizes-2\\.5: 0.625rem;\n --sizes-3\\.5: 0.875rem;\n --sizes-xs: 20rem;\n --sizes-sm: 24rem;\n --sizes-md: 28rem;\n --sizes-lg: 32rem;\n --sizes-xl: 36rem;\n --sizes-2xl: 42rem;\n --sizes-3xl: 48rem;\n --sizes-4xl: 56rem;\n --sizes-5xl: 64rem;\n --sizes-6xl: 72rem;\n --sizes-7xl: 80rem;\n --sizes-8xl: 90rem;\n --sizes-prose: 65ch;\n --sizes-full: 100%;\n --sizes-min: min-content;\n --sizes-max: max-content;\n --sizes-fit: fit-content;\n --sizes-basic-almost-full: 90%;\n --sizes-card-xs: 175px;\n --sizes-card-sm: 414px;\n --sizes-responsive-card-xs: min(95vw,var(--sizes-card-xs));\n --sizes-responsive-card-sm: min(95vw,var(--sizes-card-sm));\n --sizes-circle: 40px;\n --sizes-container-smaller-xxxs: 80px;\n --sizes-container-smaller-xxs: 120px;\n --sizes-container-smaller-xs: 290px;\n --sizes-container-smaller-sm: 410px;\n --sizes-container-bigger-xs: 380px;\n --sizes-container-xxs: 150px;\n --sizes-container-xs: 350px;\n --sizes-container-sm: 640px;\n --sizes-container-md: 768px;\n --sizes-container-lg: 1024px;\n --sizes-container-xl: 1280px;\n --sizes-container-xxl: 1440px;\n --sizes-container-content-xl: 729px;\n --sizes-container-content-2xl: 829px;\n --sizes-container-grid-base-size: 220px;\n --sizes-container-grid-label-height: 56px;\n --sizes-container-grid-grid-gap: 28px;\n --sizes-container-side-bar-collapsed: 65px;\n --sizes-container-side-bar-expanded: 210px;\n --sizes-table-cell-min-width: 200px;\n --sizes-table-instances-name-cell: 300px;\n --sizes-table-instances-name: 200px;\n --sizes-table-instances-cell: 180px;\n --sizes-sourcecode-width: 40px;\n --sizes-slider-label: 40px;\n --sizes-slider-thumb-sm: 16px;\n --sizes-slider-thumb-lg: 20px;\n --sizes-skeleton-height: 40px;\n --sizes-skeleton-width: full;\n --sizes-skeleton-button-width: 150px;\n --sizes-skeleton-button-height: var(--sizes-skeleton-height);\n --sizes-skeleton-input-width: 230px;\n --sizes-skeleton-input-height: var(--sizes-skeleton-height);\n --sizes-skeleton-textarea-width: var(--sizes-skeleton-width);\n --sizes-skeleton-textarea-height: 80px;\n --sizes-skeleton-avatar-width: var(--sizes-skeleton-height);\n --sizes-skeleton-avatar-height: var(--sizes-skeleton-height);\n --sizes-skeleton-grid-width-xs: 32px;\n --sizes-skeleton-grid-width-sm: 64px;\n --sizes-skeleton-grid-width-md: 128px;\n --sizes-skeleton-grid-width-lg: 256px;\n --sizes-skeleton-grid-width-xl: 512px;\n --sizes-skeleton-grid-height-xs: 32px;\n --sizes-skeleton-grid-height-sm: 64px;\n --sizes-skeleton-grid-height-md: 128px;\n --sizes-skeleton-grid-height-lg: 256px;\n --sizes-skeleton-grid-height-xl: 512px;\n --sizes-skeleton-table-height-sm: 32px;\n --sizes-skeleton-table-height-md: 64px;\n --sizes-skeleton-table-height-lg: 128px;\n --sizes-skeleton-table-height-xl: 256px;\n --sizes-icon-xxs: 8px;\n --sizes-icon-xs: 16px;\n --sizes-icon-sm: 20px;\n --sizes-icon-md: 24px;\n --sizes-icon-lg: 32px;\n --sizes-icon-xl: 40px;\n --sizes-icon-xxl: 48px;\n --sizes-icon-smaller-xs: 14px;\n --sizes-breakpoint-2lg: 1100px;\n --sizes-breakpoint-sm: 640px;\n --sizes-breakpoint-md: 768px;\n --sizes-breakpoint-lg: 1024px;\n --sizes-breakpoint-xl: 1280px;\n --sizes-breakpoint-2xl: 1536px;\n --spacing-0: 0rem;\n --spacing-1: 0.25rem;\n --spacing-2: 0.5rem;\n --spacing-3: 0.75rem;\n --spacing-4: 1rem;\n --spacing-5: 1.25rem;\n --spacing-6: 1.5rem;\n --spacing-7: 1.75rem;\n --spacing-8: 2rem;\n --spacing-9: 2.25rem;\n --spacing-10: 2.5rem;\n --spacing-11: 2.75rem;\n --spacing-12: 3rem;\n --spacing-14: 3.5rem;\n --spacing-16: 4rem;\n --spacing-20: 5rem;\n --spacing-24: 6rem;\n --spacing-28: 7rem;\n --spacing-32: 8rem;\n --spacing-36: 9rem;\n --spacing-40: 10rem;\n --spacing-44: 11rem;\n --spacing-48: 12rem;\n --spacing-52: 13rem;\n --spacing-56: 14rem;\n --spacing-60: 15rem;\n --spacing-64: 16rem;\n --spacing-72: 18rem;\n --spacing-80: 20rem;\n --spacing-96: 24rem;\n --spacing-0\\.5: 0.125rem;\n --spacing-1\\.5: 0.375rem;\n --spacing-2\\.5: 0.625rem;\n --spacing-3\\.5: 0.875rem;\n --spacing-separator: 10px;\n --spacing-smaller-xs: 4px;\n --spacing-smaller-sm: 12px;\n --spacing-smaller-md: 14px;\n --spacing-xxs: 6px;\n --spacing-xs: 8px;\n --spacing-sm: 16px;\n --spacing-3xs: 24px;\n --spacing-md: 32px;\n --spacing-lg: 64px;\n --shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n --shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n --shadows-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);\n --shadows-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);\n --shadows-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\n --shadows-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\n --borders-none: none;\n --borders-outline-base: 1px solid var(--colors-light-gray);\n --borders-border-base: 1px solid var(--colors-decoration-gray);\n --borders-border-error: 1px solid var(--colors-decoration-error);\n --borders-border-success: 1px solid var(--colors-decoration-success);\n --borders-border-active: 1px solid var(--colors-decoration-active);\n --opacity-90: 0.9;\n --easings-default: cubic-bezier(0.4, 0, 0.2, 1);\n --easings-linear: linear;\n --easings-in: cubic-bezier(0.4, 0, 1, 1);\n --easings-out: cubic-bezier(0, 0, 0.2, 1);\n --easings-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --easings-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --durations-fastest: 50ms;\n --durations-faster: 100ms;\n --durations-normal: 200ms;\n --durations-slow: 300ms;\n --durations-slower: 400ms;\n --durations-slowest: 500ms;\n --durations-fast: 150ms;\n --colors-current: currentColor;\n --colors-black: #000;\n --colors-white: #fff;\n --colors-transparent: rgb(0 0 0 / 0);\n --colors-rose-50: #fff1f2;\n --colors-rose-100: #ffe4e6;\n --colors-rose-200: #fecdd3;\n --colors-rose-300: #fda4af;\n --colors-rose-400: #fb7185;\n --colors-rose-500: #f43f5e;\n --colors-rose-600: #e11d48;\n --colors-rose-700: #be123c;\n --colors-rose-800: #9f1239;\n --colors-rose-900: #881337;\n --colors-rose-950: #4c0519;\n --colors-pink-50: #fdf2f8;\n --colors-pink-100: #fce7f3;\n --colors-pink-200: #fbcfe8;\n --colors-pink-300: #f9a8d4;\n --colors-pink-400: #f472b6;\n --colors-pink-500: #ec4899;\n --colors-pink-600: #db2777;\n --colors-pink-700: #be185d;\n --colors-pink-800: #9d174d;\n --colors-pink-900: #831843;\n --colors-pink-950: #500724;\n --colors-fuchsia-50: #fdf4ff;\n --colors-fuchsia-100: #fae8ff;\n --colors-fuchsia-200: #f5d0fe;\n --colors-fuchsia-300: #f0abfc;\n --colors-fuchsia-400: #e879f9;\n --colors-fuchsia-500: #d946ef;\n --colors-fuchsia-600: #c026d3;\n --colors-fuchsia-700: #a21caf;\n --colors-fuchsia-800: #86198f;\n --colors-fuchsia-900: #701a75;\n --colors-fuchsia-950: #4a044e;\n --colors-purple-50: #faf5ff;\n --colors-purple-100: #f3e8ff;\n --colors-purple-200: #e9d5ff;\n --colors-purple-300: #d8b4fe;\n --colors-purple-400: #c084fc;\n --colors-purple-500: #a855f7;\n --colors-purple-600: #9333ea;\n --colors-purple-700: #7e22ce;\n --colors-purple-800: #6b21a8;\n --colors-purple-900: #581c87;\n --colors-purple-950: #3b0764;\n --colors-violet-50: #f5f3ff;\n --colors-violet-100: #ede9fe;\n --colors-violet-200: #ddd6fe;\n --colors-violet-300: #c4b5fd;\n --colors-violet-400: #a78bfa;\n --colors-violet-500: #8b5cf6;\n --colors-violet-600: #7c3aed;\n --colors-violet-700: #6d28d9;\n --colors-violet-800: #5b21b6;\n --colors-violet-900: #4c1d95;\n --colors-violet-950: #2e1065;\n --colors-indigo-50: #eef2ff;\n --colors-indigo-100: #e0e7ff;\n --colors-indigo-200: #c7d2fe;\n --colors-indigo-300: #a5b4fc;\n --colors-indigo-400: #818cf8;\n --colors-indigo-500: #6366f1;\n --colors-indigo-600: #4f46e5;\n --colors-indigo-700: #4338ca;\n --colors-indigo-800: #3730a3;\n --colors-indigo-900: #312e81;\n --colors-indigo-950: #1e1b4b;\n --colors-blue-50: #eff6ff;\n --colors-blue-100: #dbeafe;\n --colors-blue-200: #bfdbfe;\n --colors-blue-300: #93c5fd;\n --colors-blue-400: #60a5fa;\n --colors-blue-500: #3b82f6;\n --colors-blue-600: #2563eb;\n --colors-blue-700: #1d4ed8;\n --colors-blue-800: #1e40af;\n --colors-blue-900: #1e3a8a;\n --colors-blue-950: #172554;\n --colors-sky-50: #f0f9ff;\n --colors-sky-100: #e0f2fe;\n --colors-sky-200: #bae6fd;\n --colors-sky-300: #7dd3fc;\n --colors-sky-400: #38bdf8;\n --colors-sky-500: #0ea5e9;\n --colors-sky-600: #0284c7;\n --colors-sky-700: #0369a1;\n --colors-sky-800: #075985;\n --colors-sky-900: #0c4a6e;\n --colors-sky-950: #082f49;\n --colors-cyan-50: #ecfeff;\n --colors-cyan-100: #cffafe;\n --colors-cyan-200: #a5f3fc;\n --colors-cyan-300: #67e8f9;\n --colors-cyan-400: #22d3ee;\n --colors-cyan-500: #06b6d4;\n --colors-cyan-600: #0891b2;\n --colors-cyan-700: #0e7490;\n --colors-cyan-800: #155e75;\n --colors-cyan-900: #164e63;\n --colors-cyan-950: #083344;\n --colors-teal-50: #f0fdfa;\n --colors-teal-100: #ccfbf1;\n --colors-teal-200: #99f6e4;\n --colors-teal-300: #5eead4;\n --colors-teal-400: #2dd4bf;\n --colors-teal-500: #14b8a6;\n --colors-teal-600: #0d9488;\n --colors-teal-700: #0f766e;\n --colors-teal-800: #115e59;\n --colors-teal-900: #134e4a;\n --colors-teal-950: #042f2e;\n --colors-emerald-50: #ecfdf5;\n --colors-emerald-100: #d1fae5;\n --colors-emerald-200: #a7f3d0;\n --colors-emerald-300: #6ee7b7;\n --colors-emerald-400: #34d399;\n --colors-emerald-500: #10b981;\n --colors-emerald-600: #059669;\n --colors-emerald-700: #047857;\n --colors-emerald-800: #065f46;\n --colors-emerald-900: #064e3b;\n --colors-emerald-950: #022c22;\n --colors-green-50: #f0fdf4;\n --colors-green-100: #dcfce7;\n --colors-green-200: #bbf7d0;\n --colors-green-300: #86efac;\n --colors-green-400: #4ade80;\n --colors-green-500: #22c55e;\n --colors-green-600: #16a34a;\n --colors-green-700: #15803d;\n --colors-green-800: #166534;\n --colors-green-900: #14532d;\n --colors-green-950: #052e16;\n --colors-lime-50: #f7fee7;\n --colors-lime-100: #ecfccb;\n --colors-lime-200: #d9f99d;\n --colors-lime-300: #bef264;\n --colors-lime-400: #a3e635;\n --colors-lime-500: #84cc16;\n --colors-lime-600: #65a30d;\n --colors-lime-700: #4d7c0f;\n --colors-lime-800: #3f6212;\n --colors-lime-900: #365314;\n --colors-lime-950: #1a2e05;\n --colors-yellow-50: #fefce8;\n --colors-yellow-100: #fef9c3;\n --colors-yellow-200: #fef08a;\n --colors-yellow-300: #fde047;\n --colors-yellow-400: #facc15;\n --colors-yellow-500: #eab308;\n --colors-yellow-600: #ca8a04;\n --colors-yellow-700: #a16207;\n --colors-yellow-800: #854d0e;\n --colors-yellow-900: #713f12;\n --colors-yellow-950: #422006;\n --colors-amber-50: #fffbeb;\n --colors-amber-100: #fef3c7;\n --colors-amber-200: #fde68a;\n --colors-amber-300: #fcd34d;\n --colors-amber-400: #fbbf24;\n --colors-amber-500: #f59e0b;\n --colors-amber-600: #d97706;\n --colors-amber-700: #b45309;\n --colors-amber-800: #92400e;\n --colors-amber-900: #78350f;\n --colors-amber-950: #451a03;\n --colors-orange-50: #fff7ed;\n --colors-orange-100: #ffedd5;\n --colors-orange-200: #fed7aa;\n --colors-orange-300: #fdba74;\n --colors-orange-400: #fb923c;\n --colors-orange-500: #f97316;\n --colors-orange-600: #ea580c;\n --colors-orange-700: #c2410c;\n --colors-orange-800: #9a3412;\n --colors-orange-900: #7c2d12;\n --colors-orange-950: #431407;\n --colors-red-50: #fef2f2;\n --colors-red-100: #fee2e2;\n --colors-red-200: #fecaca;\n --colors-red-300: #fca5a5;\n --colors-red-400: #f87171;\n --colors-red-500: #ef4444;\n --colors-red-600: #dc2626;\n --colors-red-700: #b91c1c;\n --colors-red-800: #991b1b;\n --colors-red-900: #7f1d1d;\n --colors-red-950: #450a0a;\n --colors-neutral-50: #fafafa;\n --colors-neutral-100: #f5f5f5;\n --colors-neutral-200: #e5e5e5;\n --colors-neutral-300: #d4d4d4;\n --colors-neutral-400: #a3a3a3;\n --colors-neutral-500: #737373;\n --colors-neutral-600: #525252;\n --colors-neutral-700: #404040;\n --colors-neutral-800: #262626;\n --colors-neutral-900: #171717;\n --colors-neutral-950: #0a0a0a;\n --colors-stone-50: #fafaf9;\n --colors-stone-100: #f5f5f4;\n --colors-stone-200: #e7e5e4;\n --colors-stone-300: #d6d3d1;\n --colors-stone-400: #a8a29e;\n --colors-stone-500: #78716c;\n --colors-stone-600: #57534e;\n --colors-stone-700: #44403c;\n --colors-stone-800: #292524;\n --colors-stone-900: #1c1917;\n --colors-stone-950: #0c0a09;\n --colors-zinc-50: #fafafa;\n --colors-zinc-100: #f4f4f5;\n --colors-zinc-200: #e4e4e7;\n --colors-zinc-300: #d4d4d8;\n --colors-zinc-400: #a1a1aa;\n --colors-zinc-500: #71717a;\n --colors-zinc-600: #52525b;\n --colors-zinc-700: #3f3f46;\n --colors-zinc-800: #27272a;\n --colors-zinc-900: #18181b;\n --colors-zinc-950: #09090b;\n --colors-gray-50: #f9fafb;\n --colors-gray-100: #f3f4f6;\n --colors-gray-200: #e5e7eb;\n --colors-gray-300: #d1d5db;\n --colors-gray-400: #9ca3af;\n --colors-gray-500: #6b7280;\n --colors-gray-600: #4b5563;\n --colors-gray-700: #374151;\n --colors-gray-800: #1f2937;\n --colors-gray-900: #111827;\n --colors-gray-950: #030712;\n --colors-slate-50: #f8fafc;\n --colors-slate-100: #f1f5f9;\n --colors-slate-200: #e2e8f0;\n --colors-slate-300: #cbd5e1;\n --colors-slate-400: #94a3b8;\n --colors-slate-500: #64748b;\n --colors-slate-600: #475569;\n --colors-slate-700: #334155;\n --colors-slate-800: #1e293b;\n --colors-slate-900: #0f172a;\n --colors-slate-950: #020617;\n --colors-hover-light-success: #ECFDF3d9;\n --colors-hover-light-warning: #FFFAEBd9;\n --colors-hover-light-error: #FEF3F2d9;\n --colors-hover-light-active: #DCEFFCd9;\n --colors-hover-light-gray: #F2F4F7d9;\n --colors-hover-dark-success: #12B76Ad9;\n --colors-hover-dark-warning: #DC6803d9;\n --colors-hover-dark-error: #F04438d9;\n --colors-hover-dark-active: #4c4ff1d9;\n --colors-hover-dark-gray: #667085d9;\n --colors-light-success: #ECFDF3;\n --colors-light-warning: #FFFAEB;\n --colors-light-error: #FEF3F2;\n --colors-light-active: #DCEFFC;\n --colors-light-gray: #F2F4F7;\n --colors-dark-success: #12B76A;\n --colors-dark-warning: #DC6803;\n --colors-dark-error: #F04438;\n --colors-dark-active: #4c4ff1;\n --colors-dark-gray: #667085;\n --colors-text-normal: #1D2939;\n --colors-text-label: #475467;\n --colors-text-light: #667085;\n --colors-text-success: #027A48;\n --colors-text-warning: #B54708;\n --colors-text-error: #B42318;\n --colors-text-active: #5724e8;\n --colors-text-gray: #344054;\n --colors-decoration-success: #6CE9A6;\n --colors-decoration-warning: #FEC84B;\n --colors-decoration-error: #FDA29B;\n --colors-decoration-active: #8da4f4;\n --colors-decoration-gray: #D0D5DD;\n --colors-grayscale-0: var(--colors-white);\n --colors-grayscale-50: var(--colors-zinc-50);\n --colors-grayscale-100: var(--colors-zinc-100);\n --colors-grayscale-200: var(--colors-zinc-200);\n --colors-grayscale-300: var(--colors-zinc-300);\n --colors-grayscale-400: var(--colors-zinc-400);\n --colors-grayscale-500: var(--colors-zinc-500);\n --colors-grayscale-600: var(--colors-zinc-600);\n --colors-grayscale-700: var(--colors-zinc-700);\n --colors-grayscale-800: var(--colors-zinc-800);\n --colors-grayscale-900: var(--colors-zinc-900);\n --colors-grayscale-950: var(--colors-zinc-950);\n --fonts-serif: ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif;\n --fonts-body: Inter;\n --fonts-mono: JetBrainsMono;\n --fonts-sans: var(--font-inter, Inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --line-heights-3: .75rem;\n --line-heights-4: 1rem;\n --line-heights-5: 1.25rem;\n --line-heights-6: 1.5rem;\n --line-heights-7: 1.75rem;\n --line-heights-8: 2rem;\n --line-heights-9: 2.25rem;\n --line-heights-10: 2.5rem;\n --line-heights-sm: 20px;\n --line-heights-primary: 24px;\n --line-heights-md: 32px;\n --line-heights-lg: 38px;\n --line-heights-none: 1;\n --line-heights-tight: 1.25;\n --line-heights-snug: 1.375;\n --line-heights-normal: 1.5;\n --line-heights-relaxed: 1.625;\n --line-heights-loose: 2;\n --radii-xs: 0.125rem;\n --radii-sm: calc(var(--radii-radius) - 4px);\n --radii-md: calc(var(--radii-radius) - 2px);\n --radii-lg: var(--radii-radius);\n --radii-xl: calc(var(--radii-radius) + 4px);\n --radii-2xl: 1rem;\n --radii-3xl: 1.5rem;\n --radii-full: 9999px;\n --radii-common: 6px;\n --radii-radius: 0.5rem;\n --breakpoints-2lg: 1100px;\n --breakpoints-sm: 640px;\n --breakpoints-md: 768px;\n --breakpoints-lg: 1024px;\n --breakpoints-xl: 1280px;\n --breakpoints-2xl: 1536px;\n --sizes-icon-primary: var(--sizes-icon-xs);\n --colors-background: var(--colors-grayscale-0);\n --colors-foreground: var(--colors-grayscale-950);\n --colors-muted: var(--colors-grayscale-100);\n --colors-muted-foreground: var(--colors-grayscale-500);\n --colors-card: var(--colors-grayscale-0);\n --colors-card-foreground: var(--colors-grayscale-950);\n --colors-popover: var(--colors-grayscale-0);\n --colors-popover-foreground: var(--colors-grayscale-950);\n --colors-border: var(--colors-grayscale-200);\n --colors-input: var(--colors-grayscale-200);\n --colors-primary: var(--colors-grayscale-900);\n --colors-primary-foreground: var(--colors-grayscale-50);\n --colors-secondary: var(--colors-grayscale-100);\n --colors-secondary-foreground: var(--colors-grayscale-900);\n --colors-accent: var(--colors-grayscale-100);\n --colors-accent-foreground: var(--colors-grayscale-900);\n --colors-destructive: var(--colors-red-500);\n --colors-destructive-foreground: var(--colors-grayscale-50);\n --colors-ring: var(--colors-grayscale-400);\n --borders-base: 1px solid var(--colors-border);\n --borders-input: 1px solid var(--colors-input);\n --borders-primary: 1px solid var(--colors-primary);\n --borders-destructive: 1px solid var(--colors-destructive);\n --animations-accordion-down: accordion-down 0.2s ease-out;\n --animations-accordion-up: accordion-up 0.2s ease-out\n}\n\n .dark {\n --colors-background: var(--colors-grayscale-950);\n --colors-foreground: var(--colors-grayscale-50);\n --colors-muted: var(--colors-grayscale-800);\n --colors-muted-foreground: var(--colors-grayscale-400);\n --colors-card: var(--colors-grayscale-950);\n --colors-card-foreground: var(--colors-grayscale-50);\n --colors-popover: var(--colors-grayscale-950);\n --colors-popover-foreground: var(--colors-grayscale-50);\n --colors-border: var(--colors-grayscale-800);\n --colors-input: var(--colors-grayscale-800);\n --colors-primary: var(--colors-grayscale-50);\n --colors-primary-foreground: var(--colors-grayscale-900);\n --colors-secondary: var(--colors-grayscale-800);\n --colors-secondary-foreground: var(--colors-grayscale-50);\n --colors-accent: var(--colors-grayscale-800);\n --colors-accent-foreground: var(--colors-grayscale-50);\n --colors-destructive: var(--colors-red-700);\n --colors-destructive-foreground: var(--colors-red-50);\n --colors-ring: var(--colors-grayscale-300)\n}\n\n @keyframes spin{\n to{\n transform: rotate(360deg);\n }\n }\n\n @keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n }\n\n @keyframes pulse{\n 50%{\n opacity: .5;\n }\n }\n\n @keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n }\n\n @keyframes enter{\n from{\n opacity: var(--shadow-panda-enter-opacity, 1);\n transform: translate3d(var(--shadow-panda-enter-translate-x, 0), var(--shadow-panda-enter-translate-y, 0), 0) scale3d(var(--shadow-panda-enter-scale, 1), var(--shadow-panda-enter-scale, 1), var(--shadow-panda-enter-scale, 1)) rotate(var(--shadow-panda-enter-rotate, 0));\n }\n }\n\n @keyframes exit{\n to{\n opacity: var(--shadow-panda-exit-opacity, 1);\n transform: translate3d(var(--shadow-panda-exit-translate-x, 0), var(--shadow-panda-exit-translate-y, 0), 0) scale3d(var(--shadow-panda-exit-scale, 1), var(--shadow-panda-exit-scale, 1), var(--shadow-panda-exit-scale, 1)) rotate(var(--shadow-panda-exit-rotate, 0));\n }\n }\n\n @keyframes accordion-down{\n from{\n height: 0;\n }\n\n to{\n height: var(--radix-accordion-content-height);\n }\n }\n\n @keyframes accordion-up{\n from{\n height: var(--radix-accordion-content-height);\n }\n\n to{\n height: 0;\n }\n }\n}\n\n@layer recipes{\n\n .button--variant_default {\n background: var(--colors-primary);\n color: var(--colors-primary-foreground);\n}\n\n .button--size_default {\n height: var(--sizes-10);\n padding-inline: var(--spacing-4);\n padding-block: var(--spacing-2)\n}\n\n .button--variant_destructive {\n background: var(--colors-destructive);\n color: var(--colors-destructive-foreground);\n}\n\n .button--variant_outline {\n border: var(--borders-input);\n background: var(--colors-background);\n}\n\n .button--variant_secondary {\n background: var(--colors-secondary);\n color: var(--colors-secondary-foreground);\n}\n\n .button--variant_link {\n color: var(--colors-primary);\n text-underline-offset: 4px;\n}\n\n .button--size_sm {\n height: var(--sizes-9);\n border-radius: var(--radii-md);\n padding-inline: var(--spacing-3)\n}\n\n .button--size_lg {\n height: var(--sizes-11);\n border-radius: var(--radii-md);\n padding-inline: var(--spacing-8)\n}\n\n .button--size_icon {\n height: var(--sizes-10);\n width: var(--sizes-10)\n}\n\n .icon--size_md {\n height: var(--sizes-4);\n width: var(--sizes-4)\n}\n\n .icon--size_xs {\n height: var(--sizes-2);\n width: var(--sizes-2)\n}\n\n .icon--size_sm {\n height: var(--sizes-3);\n width: var(--sizes-3)\n}\n\n .badge--variant_default {\n border-color: var(--colors-transparent);\n background: var(--colors-primary);\n color: var(--colors-primary-foreground);\n}\n\n .separator--orientation_vertical {\n height: var(--sizes-full);\n width: 1px\n}\n\n .separator--orientation_horizontal {\n height: 1px;\n width: var(--sizes-full)\n}\n\n .button--variant_default:is(:hover, [data-hover]) {\n --sp-bga: color-mix(in srgb, transparent NaN, var(--colors-primary));\n background-color: var(--sp-bga, var(--colors-primary));\n}\n\n .button--variant_destructive:is(:hover, [data-hover]) {\n --sp-bga: color-mix(in srgb, transparent NaN, var(--colors-destructive));\n background-color: var(--sp-bga, var(--colors-destructive));\n}\n\n .button--variant_outline:is(:hover, [data-hover]) {\n background: var(--colors-accent);\n color: var(--colors-accent-foreground);\n}\n\n .button--variant_secondary:is(:hover, [data-hover]) {\n --sp-bga: color-mix(in srgb, transparent NaN, var(--colors-secondary));\n background-color: var(--sp-bga, var(--colors-secondary));\n}\n\n .button--variant_ghost:is(:hover, [data-hover]) {\n background: var(--colors-accent);\n color: var(--colors-accent-foreground)\n}\n\n .button--variant_link:is(:hover, [data-hover]) {\n text-decoration: underline;\n}\n\n .badge--variant_default:is(:hover, [data-hover]) {\n --sp-bga: color-mix(in srgb, transparent 20%, var(--colors-primary));\n background-color: var(--sp-bga, var(--colors-primary));\n}\n\n @layer _base{\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radii-md);\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: var(--font-weights-medium);\n transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms);\n cursor: pointer;\n --shadow-panda-ring-offset-color: var(--colors-background);\n gap: var(--spacing-2);\n}\n\n .button:is(:disabled, [disabled], [data-disabled]) {\n pointer-events: none;\n opacity: 50%;\n}\n\n .badge {\n display: inline-flex;\n align-items: center;\n border-radius: var(--radii-full);\n border: var(--borders-base);\n padding-inline: var(--spacing-2\\.5);\n padding-block: var(--spacing-0\\.5);\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--font-weights-semibold);\n transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms);\n --shadow-panda-ring-offset-color: var(--colors-background);\n}\n\n .label {\n font-size: 0.875rem;\n line-height: var(--line-heights-none);\n font-weight: var(--font-weights-medium);\n}\n\n .peer:is(:disabled, [disabled], [data-disabled]) ~ .label {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n .separator {\n flex-shrink: 0;\n background: var(--colors-border)\n}\n\n .tableRow {\n border-bottom: var(--borders-base);\n transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms);\n}\n\n .tableRow[data-state=selected] {\n --sp-bga: color-mix(in srgb, transparent 0%, var(--colors-muted));\n background-color: var(--sp-bga, var(--colors-muted));\n}\n\n .tableCell {\n padding: var(--spacing-4);\n vertical-align: middle;\n}\n\n .tableCell:has([role=checkbox]) {\n padding-right: var(--spacing-0);\n}\n\n .card {\n border-radius: var(--radii-lg);\n border: var(--borders-base);\n background: var(--colors-card);\n color: var(--colors-card-foreground);\n box-shadow: var(--shadows-sm)\n}\n\n .table {\n width: var(--sizes-full);\n caption-side: bottom;\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n\n .tableBody tr:last-child {\n border-bottom: transparent\n}\n\n .formItem {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-2)\n}\n\n .formDescription {\n color: var(--colors-muted-foreground)\n}\n\n .formDescription,.formMessage {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n\n .formMessage {\n font-weight: var(--font-weights-medium);\n color: var(--colors-destructive)\n}\n\n .input {\n display: flex;\n height: var(--sizes-10);\n width: var(--sizes-full);\n border-radius: var(--radii-md);\n border: var(--borders-input);\n background: var(--colors-background);\n padding-inline: var(--spacing-3);\n padding-block: var(--spacing-2);\n font-size: 0.875rem;\n line-height: 1.25rem;\n --shadow-panda-ring-offset-color: var(--colors-background);\n}\n\n .input::file-selector-button {\n border: var(--borders-none);\n background: var(--colors-transparent);\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: var(--font-weights-medium);\n}\n\n .input::placeholder, .input[data-placeholder] {\n color: var(--colors-muted-foreground);\n}\n\n .input:is(:disabled, [disabled], [data-disabled]) {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n .tableContainer {\n width: var(--sizes-full);\n overflow: auto\n}\n\n .toastViewport {\n position: fixed;\n top: var(--spacing-0);\n z-index: 100;\n display: flex;\n max-height: 100vh;\n width: var(--sizes-full);\n flex-direction: column-reverse;\n padding: var(--spacing-4);\n}\n\n .skeleton {\n animation: var(--animations-pulse);\n border-radius: var(--radii-md);\n background: var(--colors-muted)\n}\n\n .button:is(:focus-visible, [data-focus-visible]) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);\n --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);\n box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);\n --shadow-panda-ring-color: var(--colors-ring);\n --shadow-panda-ring-offset-width: 2px;\n}\n\n .badge:is(:focus, [data-focus]) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);\n --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);\n box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);\n --shadow-panda-ring-color: var(--colors-ring);\n --shadow-panda-ring-offset-width: 2px;\n}\n\n .input:is(:focus-visible, [data-focus-visible]) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);\n --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);\n box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);\n --shadow-panda-ring-color: var(--colors-ring);\n --shadow-panda-ring-offset-width: 2px;\n}\n\n .tableRow:is(:hover, [data-hover]) {\n --sp-bga: color-mix(in srgb, transparent 50%, var(--colors-muted));\n background-color: var(--sp-bga, var(--colors-muted));\n}\n\n @media screen and (min-width: 40em) {\n .toastViewport {\n bottom: var(--spacing-0);\n right: var(--spacing-0);\n top: auto;\n flex-direction: column;\n }\n}\n\n @media screen and (min-width: 48em) {\n .toastViewport {\n max-width: 420px;\n }\n}\n }\n}\n\n@layer recipes.slots{\n\n .toast__root--variant_default {\n border: var(--borders-base);\n background: var(--colors-background)\n}\n\n .toast__root--variant_destructive {\n border: var(--borders-destructive);\n background: var(--colors-destructive);\n color: var(--colors-destructive-foreground)\n}\n\n .toast__action--variant_destructive {\n --sp-bca: color-mix(in srgb, transparent 60%, var(--colors-muted));\n border-color: var(--sp-bca, var(--colors-muted));\n}\n\n .toast__close--variant_destructive {\n color: var(--colors-red-300);\n}\n\n .toast__action--variant_destructive:is(:focus, [data-focus]) {\n --shadow-panda-ring-color: var(--colors-destructive)\n ;\n}\n\n .toast__close--variant_destructive:is(:focus, [data-focus]) {\n --shadow-panda-ring-color: var(--colors-red-400)\n ;\n --shadow-panda-ring-offset-color: var(--colors-red-600)\n ;\n}\n\n .toast__action--variant_destructive:is(:hover, [data-hover]) {\n --sp-bca: color-mix(in srgb, transparent 70%, var(--colors-destructive));\n border-color: var(--sp-bca, var(--colors-destructive));\n background: var(--colors-destructive);\n color: var(--colors-destructive-foreground);\n}\n\n .toast__close--variant_destructive:is(:hover, [data-hover]) {\n color: var(--colors-red-50);\n}\n\n @layer _base{\n\n .toast__root {\n pointer-events: auto;\n position: relative;\n display: flex;\n width: var(--sizes-full);\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-4);\n overflow: hidden;\n border-radius: var(--radii-md);\n border: var(--borders-base);\n padding: var(--spacing-6);\n padding-right: var(--spacing-8);\n box-shadow: var(--shadows-lg);\n transition-property: var(--transition-prop, all);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms);\n}\n\n .toast__root[data-swipe=cancel] {\n transform: translateX(0);\n}\n\n .toast__root[data-swipe=end] {\n transform: translateX(var(--radix-toast-swipe-end-x));\n animation-name: exit;\n animation-duration: var(--durations-fast);\n --shadow-panda-exit-opacity: 1;\n --shadow-panda-exit-scale: 1;\n --shadow-panda-exit-rotate: 0;\n --shadow-panda-exit-translate-x: 0;\n --shadow-panda-exit-translate-y: 0;\n}\n\n .toast__root[data-swipe=move] {\n transform: translateX(var(--radix-toast-swipe-move-x));\n transition: none;\n}\n\n .toast__root[data-state=open] {\n animation-name: enter;\n animation-duration: var(--durations-fast);\n --shadow-panda-enter-opacity: 1;\n --shadow-panda-enter-scale: 1;\n --shadow-panda-enter-rotate: 0;\n --shadow-panda-enter-translate-x: 0;\n --shadow-panda-enter-translate-y: calc(100% * -1);\n}\n\n .toast__root[data-state=closed] {\n animation-name: exit;\n animation-duration: var(--durations-fast);\n --shadow-panda-exit-opacity: 0.8;\n --shadow-panda-exit-scale: 1;\n --shadow-panda-exit-rotate: 0;\n --shadow-panda-exit-translate-x: 100%;\n --shadow-panda-exit-translate-y: 0;\n}\n\n .toast__action {\n display: inline-flex;\n height: var(--sizes-8);\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n border-radius: var(--radii-md);\n border: var(--borders-base);\n background: var(--colors-transparent);\n padding-inline: var(--spacing-3);\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: var(--font-weights-medium);\n --shadow-panda-ring-offset-color: var(--colors-background);\n transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms);\n cursor: pointer;\n}\n\n .toast__action:is(:disabled, [disabled], [data-disabled]) {\n pointer-events: none;\n opacity: 0.5;\n}\n\n .toast__close {\n position: absolute;\n right: var(--spacing-2);\n top: var(--spacing-2);\n border-radius: var(--radii-md);\n padding: var(--spacing-1);\n --sp-ca: color-mix(in srgb, transparent 50%, var(--colors-foreground));\n color: var(--sp-ca, var(--colors-foreground));\n opacity: 0;\n transition-property: var(--transition-prop, opacity);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms);\n cursor: pointer;\n}\n\n .toast__title {\n font-weight: var(--font-weights-semibold)\n}\n\n .toast__title,.toast__description {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n\n .toast__description {\n opacity: 0.9\n}\n\n .tooltip__content {\n z-index: 50;\n overflow: hidden;\n border-radius: var(--radii-md);\n border: var(--borders-base);\n background: var(--colors-popover);\n padding-inline: var(--spacing-3);\n padding-block: var(--spacing-1\\.5);\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: var(--colors-popover-foreground);\n box-shadow: var(--shadows-md);\n animation-name: enter;\n animation-duration: var(--durations-fast);\n --shadow-panda-enter-opacity: 0;\n --shadow-panda-enter-scale: 0.95;\n --shadow-panda-enter-rotate: 0;\n --shadow-panda-enter-translate-x: 0;\n --shadow-panda-enter-translate-y: 0;\n}\n\n .tooltip__content[data-state=closed] {\n animation-name: exit;\n animation-duration: var(--durations-fast);\n --shadow-panda-exit-opacity: 0;\n --shadow-panda-exit-scale: 0.95;\n --shadow-panda-exit-rotate: 0;\n --shadow-panda-exit-translate-x: 0;\n --shadow-panda-exit-translate-y: 0;\n}\n\n .tooltip__content[data-side=top] {\n --shadow-panda-enter-translate-y: var(--spacing-2);\n}\n\n .tooltip__content[data-side=bottom] {\n --shadow-panda-enter-translate-y: calc(var(--spacing-2) * -1);\n}\n\n .tooltip__content[data-side=left] {\n --shadow-panda-enter-translate-x: var(--spacing-2);\n}\n\n .tooltip__content[data-side=right] {\n --shadow-panda-enter-translate-x: calc(var(--spacing-2) * -1);\n}\n\n .dropdownMenu__subTrigger {\n display: flex;\n cursor: default;\n -webkit-user-select: none;\n user-select: none;\n align-items: center;\n border-radius: var(--radii-sm);\n padding-inline: var(--spacing-2);\n padding-block: var(--spacing-1\\.5);\n font-size: 0.875rem;\n line-height: 1.25rem;\n outline: var(--borders-none);\n gap: var(--spacing-2);\n}\n\n .dropdownMenu__subTrigger[data-state=open] {\n background: var(--colors-accent);\n}\n\n .dropdownMenu__subContent {\n z-index: 50;\n min-width: 8rem;\n overflow: hidden;\n border-radius: var(--radii-md);\n border: var(--borders-base);\n background: var(--colors-popover);\n padding: var(--spacing-1);\n color: var(--colors-popover-foreground);\n box-shadow: var(--shadows-lg);\n}\n\n .dropdownMenu__subContent[data-state=open] {\n animation-name: enter;\n animation-duration: var(--durations-fast);\n --shadow-panda-enter-opacity: 0;\n --shadow-panda-enter-scale: 0.95;\n --shadow-panda-enter-rotate: 0;\n --shadow-panda-enter-translate-x: 0;\n --shadow-panda-enter-translate-y: 0;\n}\n\n .dropdownMenu__subContent[data-state=closed] {\n animation-name: exit;\n animation-duration: var(--durations-fast);\n --shadow-panda-exit-opacity: 0;\n --shadow-panda-exit-scale: 0.95;\n --shadow-panda-exit-rotate: 0;\n --shadow-panda-exit-translate-x: 0;\n --shadow-panda-exit-translate-y: 0;\n}\n\n .dropdownMenu__content {\n z-index: 50;\n min-width: 8rem;\n overflow: hidden;\n border-radius: var(--radii-md);\n border: var(--borders-base);\n background: var(--colors-popover);\n padding: var(--spacing-1);\n color: var(--colors-popover-foreground);\n box-shadow: var(--shadows-md);\n}\n\n .dropdownMenu__content[data-state=open] {\n animation-name: enter;\n animation-duration: var(--durations-fast);\n --shadow-panda-enter-opacity: 0;\n --shadow-panda-enter-scale: 0.95;\n --shadow-panda-enter-rotate: 0;\n --shadow-panda-enter-translate-x: 0;\n --shadow-panda-enter-translate-y: 0;\n}\n\n .dropdownMenu__content[data-state=closed] {\n animation-name: exit;\n animation-duration: var(--durations-fast);\n --shadow-panda-exit-opacity: 0;\n --shadow-panda-exit-scale: 0.95;\n --shadow-panda-exit-rotate: 0;\n --shadow-panda-exit-translate-x: 0;\n --shadow-panda-exit-translate-y: 0;\n}\n\n .dropdownMenu__item {\n position: relative;\n display: flex;\n cursor: default;\n -webkit-user-select: none;\n user-select: none;\n align-items: center;\n border-radius: var(--radii-sm);\n padding-inline: var(--spacing-2);\n padding-block: var(--spacing-1\\.5);\n font-size: 0.875rem;\n line-height: 1.25rem;\n outline: var(--borders-none);\n transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms);\n gap: var(--spacing-2);\n}\n\n .dropdownMenu__item[data-disabled] {\n pointer-events: none;\n opacity: 0.5;\n}\n\n .dropdownMenu__itemIndicator {\n position: absolute;\n left: var(--spacing-2);\n display: flex;\n height: var(--sizes-3\\.5);\n width: var(--sizes-3\\.5);\n align-items: center;\n justify-content: center\n}\n\n .dropdownMenu__checkboxItem {\n position: relative;\n display: flex;\n cursor: default;\n -webkit-user-select: none;\n user-select: none;\n align-items: center;\n border-radius: var(--radii-sm);\n padding-block: var(--spacing-1\\.5);\n padding-left: var(--spacing-8);\n padding-right: var(--spacing-2);\n font-size: 0.875rem;\n line-height: 1.25rem;\n outline: var(--borders-none);\n transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms);\n}\n\n .dropdownMenu__checkboxItem[data-disabled] {\n pointer-events: none;\n opacity: 0.5;\n}\n\n .dropdownMenu__radioItem {\n position: relative;\n display: flex;\n cursor: default;\n -webkit-user-select: none;\n user-select: none;\n align-items: center;\n border-radius: var(--radii-sm);\n padding-block: var(--spacing-1\\.5);\n padding-left: var(--spacing-8);\n padding-right: var(--spacing-2);\n font-size: 0.875rem;\n line-height: 1.25rem;\n outline: var(--borders-none);\n transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms);\n}\n\n .dropdownMenu__radioItem[data-disabled] {\n pointer-events: none;\n opacity: 0.5;\n}\n\n .dropdownMenu__label {\n padding-inline: var(--spacing-2);\n padding-block: var(--spacing-1\\.5);\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: var(--font-weights-semibold)\n}\n\n .dropdownMenu__separator {\n margin-inline: calc(var(--spacing-1) * -1);\n margin-block: var(--spacing-1);\n height: 1px;\n background: var(--colors-muted)\n}\n\n .dropdownMenu__shortcut {\n margin-left: auto;\n font-size: 0.75rem;\n line-height: 1rem;\n letter-spacing: var(--letter-spacings-widest);\n opacity: 0.6\n}\n\n .checkbox__root {\n height: var(--sizes-4);\n width: var(--sizes-4);\n flex-shrink: 0;\n border-radius: var(--radii-sm);\n border: var(--borders-primary);\n cursor: pointer;\n --shadow-panda-ring-offset-color: var(--colors-background);\n}\n\n .checkbox__root:is(:disabled, [disabled], [data-disabled]) {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n .checkbox__root[data-state=\"checked\"] {\n background: var(--colors-primary);\n color: var(--colors-primary-foreground);\n}\n\n .checkbox__indicator {\n display: flex;\n align-items: center;\n justify-content: center;\n color: currentColor\n}\n\n .accordion__item {\n border-bottom: var(--borders-base)\n}\n\n .accordion__header {\n display: flex\n}\n\n .accordion__trigger {\n display: flex;\n flex: 1 1 0%;\n align-items: center;\n justify-content: space-between;\n padding-block: var(--spacing-4);\n font-weight: var(--font-weights-medium);\n transition-property: var(--transition-prop, all);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms);\n cursor: pointer;\n}\n\n .accordion__trigger > svg {\n height: var(--sizes-4);\n width: var(--sizes-4);\n flex-shrink: 0;\n transition-property: var(--transition-prop, transform);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--durations-normal);\n --transition-duration: var(--durations-normal);\n}\n\n .accordion__trigger[data-state=open] > svg {\n transform: rotate(180deg);\n}\n\n .accordion__content {\n overflow: hidden;\n font-size: 0.875rem;\n line-height: 1.25rem;\n transition-property: var(--transition-prop, all);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms);\n}\n\n .accordion__content[data-state=closed] {\n animation: var(--animations-accordion-up);\n}\n\n .accordion__content[data-state=open] {\n animation: var(--animations-accordion-down);\n}\n\n .accordion__content > div {\n padding-bottom: var(--spacing-4);\n padding-top: var(--spacing-0);\n}\n\n .progress__root {\n position: relative;\n height: var(--sizes-4);\n width: var(--sizes-full);\n overflow: hidden;\n border-radius: var(--radii-full);\n background: var(--colors-secondary)\n}\n\n .progress__indicator {\n height: var(--sizes-full);\n width: var(--sizes-full);\n flex: 1 1 0%;\n background: var(--colors-primary);\n transition-property: var(--transition-prop, all);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms)\n}\n\n .dialog__overlay {\n position: fixed;\n inset: var(--spacing-0);\n z-index: 50;\n --sp-bga: color-mix(in srgb, transparent 20%, var(--colors-background));\n background-color: var(--sp-bga, var(--colors-background));\n backdrop-filter: blur(4px);\n}\n\n .dialog__overlay[data-state=open] {\n animation-name: enter;\n animation-duration: var(--durations-fast);\n --shadow-panda-enter-opacity: 0;\n --shadow-panda-enter-scale: 1;\n --shadow-panda-enter-rotate: 0;\n --shadow-panda-enter-translate-x: 0;\n --shadow-panda-enter-translate-y: 0;\n}\n\n .dialog__overlay[data-state=closed] {\n animation-name: exit;\n animation-duration: var(--durations-fast);\n --shadow-panda-exit-opacity: 0;\n --shadow-panda-exit-scale: 1;\n --shadow-panda-exit-rotate: 0;\n --shadow-panda-exit-translate-x: 0;\n --shadow-panda-exit-translate-y: 0;\n}\n\n .dialog__close {\n position: absolute;\n right: var(--spacing-4);\n top: var(--spacing-4);\n border-radius: var(--radii-sm);\n opacity: 0.7;\n --shadow-panda-ring-offset-color: var(--colors-background);\n transition-property: var(--transition-prop, opacity);\n transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));\n transition-duration: var(--transition-duration, 150ms);\n cursor: pointer;\n}\n\n .dialog__close:is(:disabled, [disabled], [data-disabled]) {\n pointer-events: none;\n}\n\n .dialog__close {\n background: var(--colors-accent);\n color: var(--colors-muted-foreground);\n}\n\n .dialog__content {\n position: fixed;\n left: 50%;\n top: 50%;\n z-index: 50;\n display: grid;\n width: var(--sizes-full);\n max-width: var(--sizes-lg);\n transform: translate(var(--shadow-panda-translate-x, 0), var(--shadow-panda-translate-y, 0)) rotate(var(--shadow-panda-rotate, 0)) skewX(var(--shadow-panda-skew-x, 0)) skewY(var(--shadow-panda-skew-y, 0)) scaleX(var(--shadow-panda-scale-x, 1)) scaleY(var(--shadow-panda-scale-y, 1));\n --shadow-panda-translate-x: -50%;\n --shadow-panda-translate-y: -50%;\n --transition-duration: var(--durations-normal);\n transition-duration: var(--durations-normal);\n gap: var(--spacing-4);\n border: var(--borders-base);\n background: var(--colors-background);\n padding: var(--spacing-6);\n box-shadow: var(--shadows-lg);\n}\n\n .dialog__content[data-state=open] {\n animation-name: enter;\n animation-duration: var(--durations-fast);\n --shadow-panda-enter-opacity: 0;\n --shadow-panda-enter-scale: 0.95;\n --shadow-panda-enter-rotate: 0;\n --shadow-panda-enter-translate-x: calc(50% * -1);\n --shadow-panda-enter-translate-y: calc(48% * -1);\n}\n\n .dialog__content[data-state=closed] {\n animation-name: exit;\n animation-duration: var(--durations-fast);\n --shadow-panda-exit-opacity: 0;\n --shadow-panda-exit-scale: 0.95;\n --shadow-panda-exit-rotate: 0;\n --shadow-panda-exit-translate-x: calc(50% * -1);\n --shadow-panda-exit-translate-y: calc(48% * -1);\n}\n\n .dialog__header {\n display: flex;\n flex-direction: column;\n}\n\n .dialog__header > * + * {\n margin-top: var(--spacing-1\\.5);\n}\n\n .dialog__header {\n text-align: center;\n}\n\n .dialog__footer {\n display: flex;\n flex-direction: column-reverse;\n}\n\n .dialog__title {\n font-size: 1.125rem;\n line-height: var(--line-heights-none);\n font-weight: var(--font-weights-semibold);\n letter-spacing: var(--letter-spacings-tight)\n}\n\n .dialog__description {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: var(--colors-muted-foreground)\n}\n\n .command__root {\n display: flex;\n height: var(--sizes-full);\n width: var(--sizes-full);\n flex-direction: column;\n overflow: hidden;\n border-radius: var(--radii-md);\n background: var(--colors-popover);\n color: var(--colors-popover-foreground)\n}\n\n .command__inputWrapper {\n display: flex;\n align-items: center;\n border-bottom: var(--borders-base);\n padding-inline: var(--spacing-3)\n}\n\n .command__inputSearch {\n margin-right: var(--spacing-2);\n height: var(--sizes-4);\n width: var(--sizes-4);\n flex-shrink: 0;\n opacity: 0.5\n}\n\n .command__input {\n display: flex;\n height: var(--sizes-11);\n width: var(--sizes-full);\n border-radius: var(--radii-md);\n background: var(--colors-transparent);\n padding-block: var(--spacing-3);\n font-size: 0.875rem;\n line-height: 1.25rem;\n outline: var(--borders-none);\n box-shadow: none;\n}\n\n .command__input::placeholder, .command__input[data-placeholder] {\n color: var(--colors-muted-foreground);\n}\n\n .command__input:is(:disabled, [disabled], [data-disabled]) {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n .command__list {\n max-height: 300px;\n overflow-y: auto;\n overflow-x: hidden\n}\n\n .command__empty {\n padding-block: var(--spacing-6);\n text-align: center;\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n\n .command__group {\n overflow: hidden;\n padding: var(--spacing-1);\n color: var(--colors-foreground);\n}\n\n .command__group [cmdk-group-heading] {\n padding-inline: var(--spacing-2);\n padding-block: var(--spacing-1\\.5);\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--font-weights-medium);\n color: var(--colors-muted-foreground);\n}\n\n .command__separator {\n margin-inline: calc(var(--spacing-1) * -1);\n height: 1px;\n background: var(--colors-border)\n}\n\n .command__item {\n position: relative;\n display: flex;\n cursor: default;\n -webkit-user-select: none;\n user-select: none;\n align-items: center;\n border-radius: var(--radii-sm);\n padding-inline: var(--spacing-2);\n padding-block: var(--spacing-1\\.5);\n font-size: 0.875rem;\n line-height: 1.25rem;\n outline: var(--borders-none);\n gap: var(--spacing-2);\n}\n\n .command__item[aria-selected=true] {\n background: var(--colors-accent);\n color: var(--colors-accent-foreground);\n}\n\n .command__item[data-disabled] {\n opacity: 0.5;\n}\n\n .command__shortcut {\n margin-left: auto;\n font-size: 0.75rem;\n line-height: 1rem;\n letter-spacing: var(--letter-spacings-widest);\n color: var(--colors-muted-foreground)\n}\n\n .toast__action:is(:focus, [data-focus]) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);\n --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);\n box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);\n --shadow-panda-ring-color: var(--colors-ring);\n --shadow-panda-ring-offset-width: 2px;\n}\n\n .toast__close:is(:focus, [data-focus]) {\n opacity: 1;\n outline: 2px solid transparent;\n outline-offset: 2px;\n --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);\n --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);\n box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);\n --shadow-panda-ring-color: var(--colors-ring);\n --shadow-panda-ring-offset-width: 2px;\n}\n\n .dropdownMenu__subTrigger:is(:focus, [data-focus]) {\n background: var(--colors-accent);\n}\n\n .dropdownMenu__item:is(:focus, [data-focus]) {\n background: var(--colors-accent);\n color: var(--colors-accent-foreground);\n}\n\n .dropdownMenu__checkboxItem:is(:focus, [data-focus]) {\n background: var(--colors-accent);\n color: var(--colors-accent-foreground);\n}\n\n .dropdownMenu__radioItem:is(:focus, [data-focus]) {\n background: var(--colors-accent);\n color: var(--colors-accent-foreground);\n}\n\n .checkbox__root:is(:focus-visible, [data-focus-visible]) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);\n --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);\n box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);\n --shadow-panda-ring-color: var(--colors-ring);\n --shadow-panda-ring-offset-width: 2px;\n}\n\n .dialog__close:is(:focus, [data-focus]) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);\n --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);\n box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);\n --shadow-panda-ring-color: var(--colors-ring);\n --shadow-panda-ring-offset-width: 2px;\n}\n\n .toast__action:is(:hover, [data-hover]) {\n background: var(--colors-secondary);\n}\n\n .toast__close:is(:hover, [data-hover]) {\n color: var(--colors-foreground);\n}\n\n .group:is(:hover, [data-hover]) .toast__close {\n opacity: 1;\n}\n\n .accordion__trigger:is(:hover, [data-hover]) {\n text-decoration: underline;\n}\n\n .dialog__close:is(:hover, [data-hover]) {\n opacity: 1;\n}\n\n @media screen and (min-width: 40em) {\n .toast__root[data-state=open] {\n --shadow-panda-enter-translate-y: 100%;\n }\n .dialog__content {\n border-radius: var(--radii-lg);\n }\n .dialog__header {\n text-align: left;\n }\n .dialog__footer {\n flex-direction: row;\n justify-content: flex-end;\n }\n\n .dialog__footer > * + * {\n margin-left: var(--spacing-2);\n }\n}\n }\n}\n\n@layer utilities{\n .border-w_1px {\n border-width: 1px\n}\n\n .text_black {\n color: var(--colors-black)\n}\n\n .text_text\\.active {\n color: var(--colors-text-active)\n}\n\n .text_text\\.gray {\n color: var(--colors-text-gray)\n}\n\n .text_text\\.success {\n color: var(--colors-text-success)\n}\n\n .text_text\\.warning {\n color: var(--colors-text-warning)\n}\n\n .text_text\\.error {\n color: var(--colors-text-error)\n}\n\n .text_white {\n color: var(--colors-white)\n}\n\n .border_transparent {\n border-color: var(--colors-transparent)\n}\n\n .bg_transparent {\n background-color: var(--colors-transparent)\n}\n\n .border_none {\n border: var(--borders-none)\n}\n\n .py_0 {\n padding-block: var(--spacing-0)\n}\n\n .px_0 {\n padding-inline: var(--spacing-0)\n}\n\n .border_dark\\.active {\n border-color: var(--colors-dark-active)\n}\n\n .bg_dark\\.active {\n background-color: var(--colors-dark-active)\n}\n\n .border_dark\\.gray {\n border-color: var(--colors-dark-gray)\n}\n\n .bg_dark\\.gray {\n background-color: var(--colors-dark-gray)\n}\n\n .border_dark\\.success {\n border-color: var(--colors-dark-success)\n}\n\n .bg_dark\\.success {\n background-color: var(--colors-dark-success)\n}\n\n .border_dark\\.warning {\n border-color: var(--colors-dark-warning)\n}\n\n .bg_dark\\.warning {\n background-color: var(--colors-dark-warning)\n}\n\n .border_dark\\.error {\n border-color: var(--colors-dark-error)\n}\n\n .bg_dark\\.error {\n background-color: var(--colors-dark-error)\n}\n\n .border_white {\n border-color: var(--colors-white)\n}\n\n .bg_white {\n background-color: var(--colors-white)\n}\n\n .border_light\\.active {\n border-color: var(--colors-light-active)\n}\n\n .bg_light\\.active {\n background-color: var(--colors-light-active)\n}\n\n .border_light\\.gray {\n border-color: var(--colors-light-gray)\n}\n\n .bg_light\\.gray {\n background-color: var(--colors-light-gray)\n}\n\n .border_light\\.success {\n border-color: var(--colors-light-success)\n}\n\n .bg_light\\.success {\n background-color: var(--colors-light-success)\n}\n\n .border_light\\.warning {\n border-color: var(--colors-light-warning)\n}\n\n .bg_light\\.warning {\n background-color: var(--colors-light-warning)\n}\n\n .border_light\\.error {\n border-color: var(--colors-light-error)\n}\n\n .bg_light\\.error {\n background-color: var(--colors-light-error)\n}\n\n .border_decoration\\.active {\n border-color: var(--colors-decoration-active)\n}\n\n .border_decoration\\.gray {\n border-color: var(--colors-decoration-gray)\n}\n\n .border_decoration\\.success {\n border-color: var(--colors-decoration-success)\n}\n\n .border_decoration\\.warning {\n border-color: var(--colors-decoration-warning)\n}\n\n .border_decoration\\.error {\n border-color: var(--colors-decoration-error)\n}\n\n .text_text\\.white {\n color: text.white\n}\n\n .transition-prop_background-color\\,_border-color\\,_color\\,_opacity {\n --transition-prop: background-color, border-color, color, opacity;\n transition-property: background-color, border-color, color, opacity\n}\n\n .duration_token\\(durations\\.fast\\) {\n --transition-duration: var(--durations-fast);\n transition-duration: var(--durations-fast)\n}\n\n .ease_token\\(easings\\.easeInOut\\) {\n --transition-easing: var(--easings-ease-in-out);\n transition-timing-function: var(--easings-ease-in-out)\n}\n\n .p_sm {\n padding: var(--spacing-sm)\n}\n\n .text_unset {\n color: unset\n}\n\n .d_flex {\n display: flex\n}\n\n .items_center {\n align-items: center\n}\n\n .justify_space-between {\n justify-content: space-between\n}\n\n .border-w_thin {\n border-width: thin\n}\n\n .bg_blue {\n background-color: blue\n}\n\n .border_blueviolet {\n border-color: blueviolet\n}\n\n .bg_\\#C70000 {\n background-color: #C70000\n}\n\n .border_\\#C70000 {\n border-color: #C70000\n}\n\n .bg_\\#0000A8 {\n background-color: #0000A8\n}\n\n .border_\\#0000A8 {\n border-color: #0000A8\n}\n\n .bg_\\#00c700 {\n background-color: #00c700\n}\n\n .border_\\#00c700 {\n border-color: #00c700\n}\n\n .pointer-events_visible {\n pointer-events: visible\n}\n\n .pointer-events_none {\n pointer-events: none\n}\n\n .cursor_help {\n cursor: help\n}\n\n .cursor_auto {\n cursor: auto\n}\n\n .flex_row {\n flex-direction: row\n}\n\n .flex_row-reverse {\n flex-direction: row-reverse\n}\n\n .justify_space-evenly {\n justify-content: space-evenly\n}\n\n .gap_xs {\n gap: var(--spacing-xs)\n}\n\n .white-space_nowrap {\n white-space: nowrap\n}\n\n .max-w_full {\n max-width: var(--sizes-full)\n}\n\n .text_ellipsis {\n text-overflow: ellipsis\n}\n\n .text_clip {\n text-overflow: clip\n}\n\n .overflow_hidden {\n overflow: hidden\n}\n\n .gap_smaller\\.xs {\n gap: var(--spacing-smaller-xs)\n}\n\n .py_1 {\n padding-block: var(--spacing-1)\n}\n\n .pl_1 {\n padding-left: var(--spacing-1)\n}\n\n .w_icon\\.xs {\n width: var(--sizes-icon-xs)\n}\n\n .h_icon\\.xs {\n height: var(--sizes-icon-xs)\n}\n\n .list_disc {\n list-style-type: disc\n}\n\n .list_inside {\n list-style-position: inside\n}\n\n .text_dark\\.gray {\n color: var(--colors-dark-gray)\n}\n\n .flex-wrap_nowrap {\n flex-wrap: nowrap\n}\n\n .max-w_container\\.smaller\\.xxs {\n max-width: var(--sizes-container-smaller-xxs)\n}\n\n .text_light {\n color: light\n}\n\n .rounded_common {\n border-radius: var(--radii-common)\n}\n\n .shrink_0 {\n flex-shrink: 0\n}\n\n .h_lineHeights\\.sm {\n height: lineHeights.sm\n}\n\n .h_lineHeights\\.xs {\n height: lineHeights.xs\n}\n\n .cursor_default {\n cursor: default\n}\n\n .cursor_pointer {\n cursor: pointer\n}\n\n .d_none {\n display: none\n}\n\n .pr_0 {\n padding-right: var(--spacing-0)\n}\n\n .rounded-l_0 {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0\n}\n\n .my_-xs {\n margin-block: calc(var(--spacing-xs) * -1)\n}\n\n .p_smaller\\.sm {\n padding: var(--spacing-smaller-sm)\n}\n\n .text_inherit {\n color: inherit\n}\n\n .w_auto {\n width: auto\n}\n\n .h_full {\n height: var(--sizes-full)\n}\n\n .max-h_container\\.smaller\\.xs {\n max-height: var(--sizes-container-smaller-xs)\n}\n\n .overflow-y_auto {\n overflow-y: auto\n}\n\n .w_full {\n width: var(--sizes-full)\n}\n\n .overflow_auto {\n overflow: auto\n}\n\n .gap_sm {\n gap: var(--spacing-sm)\n}\n\n .flex_column {\n flex-direction: column\n}\n\n .grow_1 {\n flex-grow: 1\n}\n\n .border-b_decoration\\.gray {\n border-bottom-color: var(--colors-decoration-gray)\n}\n\n .items_left {\n align-items: left\n}\n\n .justify_center {\n justify-content: center\n}\n\n .justify_end {\n justify-content: end\n}\n\n .flex-wrap_wrap {\n flex-wrap: wrap\n}\n\n .text_normal {\n color: normal\n}\n\n .text_left {\n text-align: left\n}\n\n .text_label {\n color: label\n}\n\n .p_0 {\n padding: var(--spacing-0)\n}\n\n .w_circle {\n width: var(--sizes-circle)\n}\n\n .h_circle {\n height: var(--sizes-circle)\n}\n\n .rounded_full {\n border-radius: var(--radii-full)\n}\n\n .grow_0 {\n flex-grow: 0\n}\n\n .text_dark\\.success {\n color: var(--colors-dark-success)\n}\n\n .text_dark\\.error {\n color: var(--colors-dark-error)\n}\n\n .text_dark\\.active {\n color: var(--colors-dark-active)\n}\n\n .text_dark\\.warning {\n color: var(--colors-dark-warning)\n}\n\n .text_dark {\n color: dark\n}\n\n .rounded_md {\n border-radius: var(--radii-md)\n}\n\n .border_border\\.base {\n border: var(--borders-border-base)\n}\n\n .h_8 {\n height: var(--sizes-8)\n}\n\n .opacity_1 {\n opacity: 1\n}\n\n .mx_xs {\n margin-inline: var(--spacing-xs)\n}\n\n .border_base {\n border: var(--borders-base)\n}\n\n .border_border\\.success {\n border: var(--borders-border-success)\n}\n\n .border_border\\.active {\n border: var(--borders-border-active)\n}\n\n .pos_relative {\n position: relative\n}\n\n .z_1 {\n z-index: 1\n}\n\n .max-w_container\\.xs {\n max-width: var(--sizes-container-xs)\n}\n\n .bg_light\\.gray {\n background: var(--colors-light-gray)\n}\n\n .py_xs {\n padding-block: var(--spacing-xs)\n}\n\n .px_sm {\n padding-inline: var(--spacing-sm)\n}\n\n .items_start {\n align-items: start\n}\n\n .gap_xxs {\n gap: var(--spacing-xxs)\n}\n\n .max-w_card\\.sm {\n max-width: var(--sizes-card-sm)\n}\n\n .flex_0_0_auto {\n flex: 0 0 auto\n}\n\n .rounded_9999px {\n border-radius: 9999px\n}\n\n .text_success {\n color: success\n}\n\n .text_gray {\n color: gray\n}\n\n .leading_sm {\n line-height: var(--line-heights-sm)\n}\n\n .columns_1 {\n columns: 1\n}\n\n .text_error {\n color: error\n}\n\n .cursor_not-allowed {\n cursor: not-allowed\n}\n\n .w_fit-content {\n width: fit-content\n}\n\n .w_container\\.smaller\\.sm {\n width: var(--sizes-container-smaller-sm)\n}\n\n .max-h_container\\.xs {\n max-height: var(--sizes-container-xs)\n}\n\n .mt_sm,.space_y_sm > * + * {\n margin-top: var(--spacing-sm)\n}\n\n .justify_flex-end {\n justify-content: flex-end\n}\n\n .my_md {\n margin-block: var(--spacing-md)\n}\n\n .w_icon\\.primary {\n width: var(--sizes-icon-primary)\n}\n\n .h_icon\\.primary {\n height: var(--sizes-icon-primary)\n}\n\n .w_icon\\.xxs {\n width: var(--sizes-icon-xxs)\n}\n\n .h_icon\\.xxs {\n height: var(--sizes-icon-xxs)\n}\n\n .w_icon\\.sm {\n width: var(--sizes-icon-sm)\n}\n\n .h_icon\\.sm {\n height: var(--sizes-icon-sm)\n}\n\n .w_icon\\.md {\n width: var(--sizes-icon-md)\n}\n\n .h_icon\\.md {\n height: var(--sizes-icon-md)\n}\n\n .w_icon\\.lg {\n width: var(--sizes-icon-lg)\n}\n\n .h_icon\\.lg {\n height: var(--sizes-icon-lg)\n}\n\n .w_icon\\.xxl {\n width: var(--sizes-icon-xxl)\n}\n\n .h_icon\\.xxl {\n height: var(--sizes-icon-xxl)\n}\n\n .w_icon\\.smaller\\.xs {\n width: var(--sizes-icon-smaller-xs)\n}\n\n .h_icon\\.smaller\\.xs {\n height: var(--sizes-icon-smaller-xs)\n}\n\n .text_dark\\.black {\n color: dark.black\n}\n\n .text_dark\\.white {\n color: dark.white\n}\n\n .cursor_inherit {\n cursor: inherit\n}\n\n .ps_3 {\n padding-inline-start: var(--spacing-3)\n}\n\n .pe_3 {\n padding-inline-end: var(--spacing-3)\n}\n\n .ps_md {\n padding-inline-start: var(--spacing-md)\n}\n\n .pe_md {\n padding-inline-end: var(--spacing-md)\n}\n\n .pos_absolute {\n position: absolute\n}\n\n .top_0 {\n top: var(--spacing-0)\n}\n\n .bottom_0 {\n bottom: var(--spacing-0)\n}\n\n .left_0 {\n left: var(--spacing-0)\n}\n\n .right_0 {\n right: var(--spacing-0)\n}\n\n .min-w_container\\.xxs {\n min-width: var(--sizes-container-xxs)\n}\n\n .\\[\\&_code\\,_\\&_code_\\*\\]\\:font_mono code, .\\[\\&_code\\,_\\&_code_\\*\\]\\:font_mono code * {\n font-family: var(--fonts-mono)\n}\n\n .h_auto {\n height: auto\n}\n\n .mb_sm {\n margin-bottom: var(--spacing-sm)\n}\n\n .font-style_italic {\n font-style: italic\n}\n\n .max-h_basic\\.almost-full {\n max-height: var(--sizes-basic-almost-full)\n}\n\n .min-h_container\\.smaller\\.xxs {\n min-height: var(--sizes-container-smaller-xxs)\n}\n\n .min-w_min-content {\n min-width: min-content\n}\n\n .max-w_basic\\.almost-full {\n max-width: var(--sizes-basic-almost-full)\n}\n\n .sr_true {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0\n}\n\n .ring_none {\n outline: var(--borders-none)\n}\n\n .justify_start {\n justify-content: start\n}\n\n .justify_normal {\n justify-content: normal\n}\n\n .ml_-xs {\n margin-left: calc(var(--spacing-xs) * -1)\n}\n\n .mr_-xs {\n margin-right: calc(var(--spacing-xs) * -1)\n}\n\n .leading_unset {\n line-height: unset\n}\n\n .d_flex\\! {\n display: flex !important\n}\n\n .w_0 {\n width: var(--sizes-0)\n}\n\n .break_break-all {\n word-break: break-all\n}\n\n .font_mono {\n font-family: var(--fonts-mono)\n}\n\n .text_primary {\n color: var(--colors-primary)\n}\n\n .gap_0 {\n gap: var(--spacing-0)\n}\n\n .border-rw_0 {\n border-right-width: 0\n}\n\n .\\[\\&\\:first-child\\]\\:rounded-l_common:first-child {\n border-top-left-radius: var(--radii-common);\n border-bottom-left-radius: var(--radii-common)\n}\n\n .\\[\\&\\:last-child\\]\\:rounded-r_common:last-child {\n border-top-right-radius: var(--radii-common);\n border-bottom-right-radius: var(--radii-common)\n}\n\n .\\[\\&\\:last-child\\]\\:border-rw_1px:last-child {\n border-right-width: 1px\n}\n\n .\\[\\&\\:checked\\]\\:border_decoration\\.active:checked {\n border-color: var(--colors-decoration-active)\n}\n\n .\\[\\&\\:checked\\]\\:bg_light\\.active:checked {\n background-color: var(--colors-light-active)\n}\n\n .border-rw_1px {\n border-right-width: 1px\n}\n\n .\\[\\&_\\+_label\\]\\:border-lw_0 + label {\n border-left-width: 0\n}\n\n .leading_lineHeights\\.sm {\n line-height: lineHeights.sm\n}\n\n .direction_row {\n direction: row\n}\n\n .right_5 {\n right: var(--spacing-5)\n}\n\n .right_1 {\n right: var(--spacing-1)\n}\n\n .top_1 {\n top: var(--spacing-1)\n}\n\n .shrink_1 {\n flex-shrink: 1\n}\n\n .mt_xs {\n margin-top: var(--spacing-xs)\n}\n\n .rounded-r_0 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0\n}\n\n .font_medium {\n font-weight: var(--font-weights-medium)\n}\n\n .break_break-word {\n word-break: break-word\n}\n\n .white-space_break-spaces {\n white-space: break-spaces\n}\n\n .fs_primary {\n font-size: var(--font-sizes-primary)\n}\n\n .fs_xl {\n font-size: var(--font-sizes-xl)\n}\n\n .fs_lg {\n font-size: var(--font-sizes-lg)\n}\n\n .fs_md {\n font-size: var(--font-sizes-md)\n}\n\n .fs_sm {\n font-size: var(--font-sizes-sm)\n}\n\n .fs_xs {\n font-size: var(--font-sizes-xs)\n}\n\n .fs_xxs {\n font-size: var(--font-sizes-xxs)\n}\n\n .text_text\\.normal {\n color: var(--colors-text-normal)\n}\n\n .text_text\\.label {\n color: var(--colors-text-label)\n}\n\n .text_text\\.light {\n color: var(--colors-text-light)\n}\n\n .font_primary {\n font-weight: var(--font-weights-primary)\n}\n\n .font_md {\n font-weight: var(--font-weights-md)\n}\n\n .font_lg {\n font-weight: var(--font-weights-lg)\n}\n\n .font_xl {\n font-weight: var(--font-weights-xl)\n}\n\n .font_body {\n font-family: var(--fonts-body)\n}\n\n .white-space_pre-wrap {\n white-space: pre-wrap\n}\n\n .text_center {\n text-align: center\n}\n\n .text_right {\n text-align: right\n}\n\n .border_input {\n border: var(--borders-input)\n}\n\n .p_xs {\n padding: var(--spacing-xs)\n}\n\n .cursor_text {\n cursor: text\n}\n\n .d_inline-block {\n display: inline-block\n}\n\n .leading_1 {\n line-height: 1\n}\n\n .w_300px {\n width: 300px\n}\n\n .rounded_var\\(--border-radius\\) {\n border-radius: var(--border-radius)\n}\n\n .w_100\\% {\n width: 100%\n}\n\n .ring_unset {\n outline: unset\n}\n\n .m_0_-1px_-1px_0 {\n margin: 0 -1px -1px 0\n}\n\n .bg_\\#000 {\n background-color: #000\n}\n\n .z_10 {\n z-index: 10\n}\n\n .h_100\\% {\n height: 100%\n}\n\n .pl_8 {\n padding-left: var(--spacing-8)\n}\n\n .text_destructive {\n color: var(--colors-destructive)\n}\n\n .pos_popper {\n position: popper\n}\n\n .top_100\\% {\n top: 100%\n}\n\n .left_calc\\(-1_\\*_token\\(sizes\\.slider\\.label\\)_\\/_3\\) {\n left: calc(-1 * var(--sizes-slider-label) / 3)\n}\n\n .w_slider\\.label {\n width: var(--sizes-slider-label)\n}\n\n .w_slider\\.thumb\\.sm\\! {\n width: var(--sizes-slider-thumb-sm) !important\n}\n\n .h_slider\\.thumb\\.sm\\! {\n height: var(--sizes-slider-thumb-sm) !important\n}\n\n .w_slider\\.thumb\\.lg\\! {\n width: var(--sizes-slider-thumb-lg) !important\n}\n\n .h_slider\\.thumb\\.lg\\! {\n height: var(--sizes-slider-thumb-lg) !important\n}\n\n .min-w_skeleton\\.button\\.width {\n min-width: var(--sizes-skeleton-button-width)\n}\n\n .min-h_skeleton\\.button\\.height {\n min-height: var(--sizes-skeleton-button-height)\n}\n\n .min-w_full {\n min-width: var(--sizes-full)\n}\n\n .min-h_skeleton\\.grid\\.height\\.sm {\n min-height: var(--sizes-skeleton-grid-height-sm)\n}\n\n .min-h_skeleton\\.grid\\.height\\.xs {\n min-height: var(--sizes-skeleton-grid-height-xs)\n}\n\n .min-h_skeleton\\.grid\\.height\\.md {\n min-height: var(--sizes-skeleton-grid-height-md)\n}\n\n .min-h_skeleton\\.grid\\.height\\.lg {\n min-height: var(--sizes-skeleton-grid-height-lg)\n}\n\n .min-h_skeleton\\.grid\\.height\\.xl {\n min-height: var(--sizes-skeleton-grid-height-xl)\n}\n\n .d_grid {\n display: grid\n}\n\n .grid-cols_5 {\n grid-template-columns: repeat(5, minmax(0, 1fr))\n}\n\n .gap_10px {\n gap: 10px\n}\n\n .min-w_skeleton\\.input\\.width {\n min-width: var(--sizes-skeleton-input-width)\n}\n\n .min-h_skeleton\\.input\\.height {\n min-height: var(--sizes-skeleton-input-height)\n}\n\n .min-h_skeleton\\.height {\n min-height: var(--sizes-skeleton-height)\n}\n\n .min-w_skeleton\\.textarea\\.width {\n min-width: var(--sizes-skeleton-textarea-width)\n}\n\n .min-h_skeleton\\.textarea\\.height {\n min-height: var(--sizes-skeleton-textarea-height)\n}\n\n .pos_right {\n position: right\n}\n\n .max-w_container\\.sm {\n max-width: var(--sizes-container-sm)\n}\n\n .gap_-25px {\n gap: -25px\n}\n\n .border-b_1px_solid_gray {\n border-bottom: 1px solid gray\n}\n\n .pb_3px {\n padding-bottom: 3px\n}\n\n .border-style_dotted {\n border-style: dotted\n}\n\n .my_-20px {\n margin-block: -20px\n}\n\n .font_lighter {\n font-weight: lighter\n}\n\n .font_semibold {\n font-weight: var(--font-weights-semibold)\n}\n\n .hover\\:text-decor_underline:is(:hover, [data-hover]) {\n text-decoration: underline\n}\n\n .hover\\:border_token\\(colors\\.hover\\.dark\\.active\\):is(:hover, [data-hover]) {\n border-color: var(--colors-hover-dark-active)\n}\n\n .hover\\:bg_token\\(colors\\.hover\\.dark\\.active\\):is(:hover, [data-hover]) {\n background-color: var(--colors-hover-dark-active)\n}\n\n .hover\\:border_token\\(colors\\.hover\\.dark\\.gray\\):is(:hover, [data-hover]) {\n border-color: var(--colors-hover-dark-gray)\n}\n\n .hover\\:bg_token\\(colors\\.hover\\.dark\\.gray\\):is(:hover, [data-hover]) {\n background-color: var(--colors-hover-dark-gray)\n}\n\n .hover\\:border_token\\(colors\\.hover\\.dark\\.success\\):is(:hover, [data-hover]) {\n border-color: var(--colors-hover-dark-success)\n}\n\n .hover\\:bg_token\\(colors\\.hover\\.dark\\.success\\):is(:hover, [data-hover]) {\n background-color: var(--colors-hover-dark-success)\n}\n\n .hover\\:border_token\\(colors\\.hover\\.dark\\.warning\\):is(:hover, [data-hover]) {\n border-color: var(--colors-hover-dark-warning)\n}\n\n .hover\\:bg_token\\(colors\\.hover\\.dark\\.warning\\):is(:hover, [data-hover]) {\n background-color: var(--colors-hover-dark-warning)\n}\n\n .hover\\:border_token\\(colors\\.hover\\.dark\\.error\\):is(:hover, [data-hover]) {\n border-color: var(--colors-hover-dark-error)\n}\n\n .hover\\:bg_token\\(colors\\.hover\\.dark\\.error\\):is(:hover, [data-hover]) {\n background-color: var(--colors-hover-dark-error)\n}\n\n .hover\\:border_token\\(colors\\.light\\.gray\\):is(:hover, [data-hover]) {\n border-color: var(--colors-light-gray)\n}\n\n .hover\\:bg_token\\(colors\\.light\\.gray\\):is(:hover, [data-hover]) {\n background-color: var(--colors-light-gray)\n}\n\n .hover\\:border_token\\(colors\\.light\\.active\\):is(:hover, [data-hover]) {\n border-color: var(--colors-light-active)\n}\n\n .hover\\:bg_token\\(colors\\.light\\.active\\):is(:hover, [data-hover]) {\n background-color: var(--colors-light-active)\n}\n\n .hover\\:border_token\\(colors\\.light\\.success\\):is(:hover, [data-hover]) {\n border-color: var(--colors-light-success)\n}\n\n .hover\\:bg_token\\(colors\\.light\\.success\\):is(:hover, [data-hover]) {\n background-color: var(--colors-light-success)\n}\n\n .hover\\:border_token\\(colors\\.light\\.warning\\):is(:hover, [data-hover]) {\n border-color: var(--colors-light-warning)\n}\n\n .hover\\:bg_token\\(colors\\.light\\.warning\\):is(:hover, [data-hover]) {\n background-color: var(--colors-light-warning)\n}\n\n .hover\\:border_token\\(colors\\.light\\.error\\):is(:hover, [data-hover]) {\n border-color: var(--colors-light-error)\n}\n\n .hover\\:bg_token\\(colors\\.light\\.error\\):is(:hover, [data-hover]) {\n background-color: var(--colors-light-error)\n}\n\n .hover\\:border_token\\(colors\\.hover\\.light\\.active\\):is(:hover, [data-hover]) {\n border-color: var(--colors-hover-light-active)\n}\n\n .hover\\:bg_token\\(colors\\.hover\\.light\\.active\\):is(:hover, [data-hover]) {\n background-color: var(--colors-hover-light-active)\n}\n\n .hover\\:border_token\\(colors\\.hover\\.light\\.gray\\):is(:hover, [data-hover]) {\n border-color: var(--colors-hover-light-gray)\n}\n\n .hover\\:bg_token\\(colors\\.hover\\.light\\.gray\\):is(:hover, [data-hover]) {\n background-color: var(--colors-hover-light-gray)\n}\n\n .hover\\:border_token\\(colors\\.hover\\.light\\.success\\):is(:hover, [data-hover]) {\n border-color: var(--colors-hover-light-success)\n}\n\n .hover\\:bg_token\\(colors\\.hover\\.light\\.success\\):is(:hover, [data-hover]) {\n background-color: var(--colors-hover-light-success)\n}\n\n .hover\\:border_token\\(colors\\.hover\\.light\\.warning\\):is(:hover, [data-hover]) {\n border-color: var(--colors-hover-light-warning)\n}\n\n .hover\\:bg_token\\(colors\\.hover\\.light\\.warning\\):is(:hover, [data-hover]) {\n background-color: var(--colors-hover-light-warning)\n}\n\n .hover\\:border_token\\(colors\\.hover\\.light\\.error\\):is(:hover, [data-hover]) {\n border-color: var(--colors-hover-light-error)\n}\n\n .hover\\:bg_token\\(colors\\.hover\\.light\\.error\\):is(:hover, [data-hover]) {\n background-color: var(--colors-hover-light-error)\n}\n\n .hover\\:bg_light\\.success:is(:hover, [data-hover]) {\n background-color: var(--colors-light-success)\n}\n\n .hover\\:bg_light\\.active:is(:hover, [data-hover]) {\n background-color: var(--colors-light-active)\n}\n\n .hover\\:bg_light\\.error:is(:hover, [data-hover]) {\n background-color: var(--colors-light-error)\n}\n\n .hover\\:bg_transparent:is(:hover, [data-hover]) {\n background-color: var(--colors-transparent)\n}\n\n .hover\\:\\[\\&_\\+_label\\]\\:border-lw_0:is(:hover, [data-hover]) + label {\n border-left-width: 0\n}\n\n .hover\\:bg_hover\\.light\\.active:is(:hover, [data-hover]) {\n background-color: var(--colors-hover-light-active)\n}\n\n .hover\\:border_decoration\\.active:is(:hover, [data-hover]) {\n border-color: var(--colors-decoration-active)\n}\n\n .hover\\:cursor_pointer:is(:hover, [data-hover]) {\n cursor: pointer\n}\n\n .\\[\\&_\\+_label\\:hover\\]\\:border-lw_0 + label:hover {\n border-left-width: 0\n}\n\n @media screen and (min-width: 40em) {\n .sm\\:d_block {\n display: block\n }\n}\n}";
@@ -156713,6 +156728,57 @@ function createEventLoopDelaySampler() {
156713
156728
  return delay;
156714
156729
  }
156715
156730
 
156731
+ // THIS FILE IS AUTO GENERATED
156732
+ function RiNumbersFill (props) {
156733
+ return GenIcon$1({"tag":"svg","attr":{"viewBox":"0 0 24 24","fill":"currentColor"},"child":[{"tag":"path","attr":{"d":"M9 18H4V10H9V18ZM15 18H10V6H15V18ZM21 18H16V2H21V18ZM22 22H3V20H22V22Z"},"child":[]}]})(props);
156734
+ }
156735
+
156736
+ function PanelToolbarMetrics({
156737
+ renderedFps,
156738
+ targetFps,
156739
+ metrics
156740
+ }) {
156741
+ const [variant, setVariant] = React__default.useState("full");
156742
+ const eventLoopDelay = createEventLoopDelaySampler();
156743
+ const descriptionRef = React__default.useRef(null);
156744
+ React__default.useEffect(() => {
156745
+ if (descriptionRef.current && descriptionRef.current.offsetWidth < 800) {
156746
+ setVariant("compact");
156747
+ } else {
156748
+ setVariant("full");
156749
+ }
156750
+ }, [descriptionRef.current?.offsetWidth]);
156751
+ return /*#__PURE__*/React__default.createElement(Flex, {
156752
+ direction: "row",
156753
+ gap: "sm",
156754
+ align: "start",
156755
+ justify: "end",
156756
+ ref: descriptionRef,
156757
+ width: "full"
156758
+ }, variant === "compact" ? /*#__PURE__*/React__default.createElement(Tooltip, {
156759
+ content: /*#__PURE__*/React__default.createElement("ul", null, /*#__PURE__*/React__default.createElement("li", null, "Camera: ", targetFps === 0 ? "-" : targetFps, " FPS"), /*#__PURE__*/React__default.createElement("li", null, "Network:", " ", !metrics || metrics?.incomingMessagesFps === 0 ? "-" : metrics.incomingMessagesFps, " ", "FPS"), /*#__PURE__*/React__default.createElement("li", null, "Decoding:", " ", !metrics || metrics?.decodedMessagesFps === 0 ? "-" : metrics.decodedMessagesFps, " ", "FPS"), /*#__PURE__*/React__default.createElement("li", null, "Throughput:", " ", !metrics || metrics?.messageThroughput === 0 ? "-" : metrics.messageThroughput, " ", "Mbps"), /*#__PURE__*/React__default.createElement("li", null, "Rendering: ", renderedFps === 0 ? "-" : renderedFps, " FPS"), /*#__PURE__*/React__default.createElement("li", null, "Frontend Delay: ", eventLoopDelay.toFixed(2), " ms")),
156760
+ direction: "bottom",
156761
+ className: "ml-auto"
156762
+ }, /*#__PURE__*/React__default.createElement(Button, {
156763
+ icon: RiNumbersFill,
156764
+ variant: "outline",
156765
+ colorVariant: "white",
156766
+ size: "sm",
156767
+ className: "text-gray-700"
156768
+ })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, targetFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
156769
+ text: `Camera: ${targetFps === 0 ? "-" : targetFps} FPS`
156770
+ }), metrics?.incomingMessagesFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
156771
+ text: `Network: ${metrics.incomingMessagesFps === 0 ? "-" : metrics.incomingMessagesFps} FPS`
156772
+ }), metrics?.decodedMessagesFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
156773
+ text: `Decoding: ${metrics.decodedMessagesFps === 0 ? "-" : metrics.decodedMessagesFps} FPS`
156774
+ }), metrics?.messageThroughput !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
156775
+ text: `Throughput: ${metrics.messageThroughput === 0 ? "-" : metrics.messageThroughput} MB`
156776
+ }), renderedFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
156777
+ text: `Rendering: ${renderedFps === 0 ? "-" : renderedFps} FPS`
156778
+ }), eventLoopDelay !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
156779
+ text: `Frontend Delay: ${Math.ceil(eventLoopDelay)} ms`
156780
+ })));
156781
+ }
156716
156782
  const PanelAnnotationButton = ({
156717
156783
  topic,
156718
156784
  onClick
@@ -156749,7 +156815,6 @@ const PanelToolbar = ({
156749
156815
  detections
156750
156816
  } = useDetections();
156751
156817
  const connections = useConnections();
156752
- const eventLoopDelay = createEventLoopDelaySampler();
156753
156818
  React__default.useEffect(() => {
156754
156819
  const interval = setInterval(() => {
156755
156820
  setMetrics(connections[0]?.getTopicMetrics(topic));
@@ -156759,7 +156824,6 @@ const PanelToolbar = ({
156759
156824
  };
156760
156825
  // eslint-disable-next-line react-hooks/exhaustive-deps
156761
156826
  }, []);
156762
- const [annotationsOpened, setAnnotationsOpened] = React__default.useState(false);
156763
156827
  const hasExtra = React__default.useMemo(() => detections.some(detection => detection.extra && !detection.enabled), [detections]);
156764
156828
  const [extraVisible, setExtraVisible] = React__default.useState(false);
156765
156829
  const onToggleTopic = React__default.useCallback(toggleTopicName => {
@@ -156775,9 +156839,9 @@ const PanelToolbar = ({
156775
156839
  const name = React__default.useMemo(() => {
156776
156840
  return topic;
156777
156841
  }, [topic]);
156778
- const nameWithResolution = React__default.useMemo(() => {
156779
- return streamResolution && streamResolution !== '-' ? `${name} (${streamResolution})` : name;
156780
- }, [name, streamResolution]);
156842
+ const resolution = React__default.useMemo(() => {
156843
+ return streamResolution && streamResolution !== "-" ? `(${streamResolution})` : undefined;
156844
+ }, [streamResolution]);
156781
156845
  React__default.useEffect(() => {
156782
156846
  if (targetFps && metrics?.incomingMessagesFps && targetFps > metrics.incomingMessagesFps) {
156783
156847
  const timeout = setTimeout(() => {
@@ -156800,75 +156864,49 @@ const PanelToolbar = ({
156800
156864
  onToggleTopic(detection.name);
156801
156865
  }
156802
156866
  }), [onToggleTopic]);
156803
- const descriptionRef = React__default.useRef(null);
156804
156867
  return /*#__PURE__*/React__default.createElement(Flex, {
156805
156868
  direction: "row",
156806
156869
  gap: "sm",
156807
156870
  align: "center",
156808
156871
  justify: "space-between",
156809
- style: {
156810
- paddingLeft: 16
156811
- }
156872
+ className: "px-4"
156812
156873
  }, /*#__PURE__*/React__default.createElement(Flex, {
156813
- direction: "column",
156814
- gap: "xxs",
156815
- align: "start",
156874
+ direction: "row",
156875
+ gap: "xs",
156876
+ align: "center",
156816
156877
  justify: "start",
156878
+ width: "full",
156817
156879
  paddingY: "xs"
156818
156880
  }, /*#__PURE__*/React__default.createElement(Flex, {
156819
- direction: "row",
156820
- gap: "sm",
156821
- align: "center",
156822
- justify: "start"
156881
+ width: "fit",
156882
+ gap: "xxs",
156883
+ className: "flex-col xl:flex-row items-start xl:items-end"
156823
156884
  }, /*#__PURE__*/React__default.createElement(SubHeader, {
156824
- text: nameWithResolution
156825
- }), /*#__PURE__*/React__default.createElement(Button, {
156826
- icon: MdClose,
156827
- variant: "ghost",
156828
- colorVariant: "white",
156829
- size: "sm",
156830
- onClick: () => toggleTopic?.(name)
156831
- })), /*#__PURE__*/React__default.createElement(Flex, {
156832
- direction: "row",
156833
- gap: "sm",
156834
- align: "start",
156835
- justify: "start"
156836
- }, /*#__PURE__*/React__default.createElement(Flex, {
156885
+ text: name,
156886
+ className: "whitespace-nowrap"
156887
+ }), resolution && /*#__PURE__*/React__default.createElement(Label$3, {
156888
+ text: resolution,
156889
+ className: "h-fit"
156890
+ })), /*#__PURE__*/React__default.createElement(PanelToolbarMetrics, {
156891
+ renderedFps: renderedFps,
156892
+ targetFps: targetFps,
156893
+ metrics: metrics
156894
+ }), /*#__PURE__*/React__default.createElement(Flex, {
156837
156895
  direction: "row",
156838
- gap: "sm",
156839
- align: "start",
156896
+ gap: "xs",
156897
+ align: "center",
156840
156898
  justify: "start",
156841
- ref: descriptionRef
156842
- }, targetFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
156843
- text: `Camera: ${targetFps === 0 ? '-' : targetFps} FPS`
156844
- }), metrics?.incomingMessagesFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
156845
- text: `Network: ${metrics.incomingMessagesFps === 0 ? '-' : metrics.incomingMessagesFps} FPS`
156846
- }), metrics?.decodedMessagesFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
156847
- text: `Decoding: ${metrics.decodedMessagesFps === 0 ? '-' : metrics.decodedMessagesFps} FPS`
156848
- }), metrics?.messageThroughput !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
156849
- text: `Throughput: ${metrics.messageThroughput === 0 ? '-' : metrics.messageThroughput} MB`
156850
- }), renderedFps !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
156851
- text: `Rendering: ${renderedFps === 0 ? '-' : renderedFps} FPS`
156852
- }), eventLoopDelay !== undefined && /*#__PURE__*/React__default.createElement(Label$3, {
156853
- text: `Frontend Delay: ${Math.ceil(eventLoopDelay)} ms`
156854
- })))), !disableAnnotations && kind === "image" && /*#__PURE__*/React__default.createElement(DropdownMenu, {
156855
- onOpenChange: setAnnotationsOpened
156856
- }, /*#__PURE__*/React__default.createElement(DropdownMenuTrigger, {
156899
+ marginLeft: "auto",
156900
+ width: "fit"
156901
+ }, !disableAnnotations && kind === "image" && /*#__PURE__*/React__default.createElement(DropdownMenu, null, /*#__PURE__*/React__default.createElement(DropdownMenuTrigger, {
156857
156902
  asChild: true,
156858
156903
  disabled: detections.length === 0
156859
156904
  }, /*#__PURE__*/React__default.createElement(Button, {
156860
156905
  variant: "outline",
156861
- label: "Annotations",
156862
- "aria-controls": annotationsOpened ? "basic-menu" : undefined,
156863
- "aria-haspopup": "true",
156864
- "aria-expanded": annotationsOpened ? "true" : undefined,
156865
- icon: annotationsOpened ? MdKeyboardArrowUp : MdKeyboardArrowDown,
156866
- disabled: detections.length === 0,
156867
- style: {
156868
- borderRadius: 0,
156869
- borderTopRightRadius: 8,
156870
- height: "100%"
156871
- }
156906
+ colorVariant: "white",
156907
+ size: "sm",
156908
+ icon: CiFilter,
156909
+ disabled: detections.length === 0
156872
156910
  })), /*#__PURE__*/React__default.createElement(DropdownMenuContent, null, detections.map(detection => makeDetection(detection, {
156873
156911
  extra: false
156874
156912
  })), hasExtra && /*#__PURE__*/React__default.createElement(Button, {
@@ -156885,19 +156923,22 @@ const PanelToolbar = ({
156885
156923
  }
156886
156924
  }, extraVisible ? "Less" : "More"), extraVisible && detections.map(detection => makeDetection(detection, {
156887
156925
  extra: true
156888
- })))), kind === "pointCloud" && /*#__PURE__*/React__default.createElement(Flex, {
156889
- style: {
156890
- paddingRight: 16
156891
- }
156892
- }, /*#__PURE__*/React__default.createElement(Tooltip, {
156926
+ })))), kind === "pointCloud" && /*#__PURE__*/React__default.createElement(Flex, null, /*#__PURE__*/React__default.createElement(Tooltip, {
156893
156927
  content: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Label$3, {
156894
156928
  text: "To move camera:"
156895
156929
  }), /*#__PURE__*/React__default.createElement("ul", null, /*#__PURE__*/React__default.createElement("li", null, "W - Move camera forward"), /*#__PURE__*/React__default.createElement("li", null, "A - Move camera backward"), /*#__PURE__*/React__default.createElement("li", null, "S - Move camera to the left"), /*#__PURE__*/React__default.createElement("li", null, "D - Move camera to the right"), /*#__PURE__*/React__default.createElement("li", null, "Scroll \u2013 Zoom in and out"), /*#__PURE__*/React__default.createElement("li", null, "Drag \u2013 Move camera parallel to the ground"), /*#__PURE__*/React__default.createElement("li", null, `Right-click + Drag horizontally – Rotate the camera around the world's z-axis`), /*#__PURE__*/React__default.createElement("li", null, `Right-click + Drag vertically – Pan the camera around the world's x- and y- axes`)))
156896
- }, /*#__PURE__*/React__default.createElement(Icon$2, {
156930
+ }, /*#__PURE__*/React__default.createElement(Button, {
156897
156931
  icon: MdHelpOutline,
156932
+ variant: "outline",
156933
+ colorVariant: "white",
156934
+ size: "sm",
156935
+ className: "text-gray-700"
156936
+ }))), /*#__PURE__*/React__default.createElement(Button, {
156937
+ icon: MdClose,
156938
+ variant: "outline",
156939
+ colorVariant: "white",
156898
156940
  size: "sm",
156899
- color: "gray",
156900
- cursor: "help"
156941
+ onClick: () => toggleTopic?.(name)
156901
156942
  }))));
156902
156943
  };
156903
156944
 
@@ -156995,7 +157036,7 @@ function createRenderDelaySampler() {
156995
157036
  };
156996
157037
  }
156997
157038
 
156998
- const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-Dhhaoay-.js'));
157039
+ const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-DeylskOS.js'));
156999
157040
  const ImagePanelBody = ({
157000
157041
  topic,
157001
157042
  frameRenderedEvent
@@ -157064,13 +157105,24 @@ const ImagePanel = /*#__PURE__*/React__default.memo(function ImagePanel(props) {
157064
157105
  // License, v2.0. If a copy of the MPL was not distributed with this
157065
157106
  // file, You can obtain one at http://mozilla.org/MPL/2.0/
157066
157107
 
157067
- const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-Cx171sUA.js'));
157108
+ const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-DV-ASUfa.js'));
157068
157109
  const PointCloudPanelBody = ({
157069
157110
  topic,
157070
157111
  frameRenderedEvent
157071
157112
  }) => {
157072
- const neuralCameraIntrinsics = JSON.parse(localStorage.getItem("neuralCameraIntrinsics") ?? "{}");
157073
- const fovy = 2 * Math.atan(neuralCameraIntrinsics.right.principalPoint.y / neuralCameraIntrinsics.right.focalLenght.y) * (180 / Math.PI);
157113
+ const neuralCameraIntrinsicsData = localStorage.getItem("neuralCameraIntrinsics");
157114
+ const getFovy = React__default.useCallback(() => {
157115
+ try {
157116
+ const neuralCameraIntrinsics = JSON.parse(neuralCameraIntrinsicsData ?? "");
157117
+ if (neuralCameraIntrinsics) {
157118
+ const fovy = 2 * Math.atan(neuralCameraIntrinsics.right.principalPoint.y / neuralCameraIntrinsics.right.focalLenght.y) * (180 / Math.PI);
157119
+ return fovy;
157120
+ }
157121
+ return 45;
157122
+ } catch (error) {
157123
+ return 45;
157124
+ }
157125
+ }, [neuralCameraIntrinsicsData]);
157074
157126
  const defaultConfig = React__default.useMemo(() => ({
157075
157127
  topics: {
157076
157128
  [topic]: {
@@ -157089,15 +157141,14 @@ const PointCloudPanelBody = ({
157089
157141
  targetOffset: [0, 0, 0],
157090
157142
  targetOrientation: [0, 0, 0, 1],
157091
157143
  thetaOffset: 0,
157092
- // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
157093
- fovy: fovy ?? 45,
157144
+ fovy: getFovy(),
157094
157145
  near: 100,
157095
157146
  far: 10000
157096
157147
  },
157097
157148
  imageMode: {
157098
157149
  colorMode: "rgba-fields"
157099
157150
  }
157100
- }), [fovy, topic]);
157151
+ }), [getFovy, topic]);
157101
157152
  return /*#__PURE__*/React__default.createElement(ThreeDeeRenderComponent, {
157102
157153
  overrideConfig: defaultConfig,
157103
157154
  frameRenderedEvent: frameRenderedEvent