@deephaven/code-studio 0.57.1-beta.0 → 0.57.1

package/build/assets/{StyleGuideRoot-17a1d97f.js → StyleGuideRoot-9d2680c8.js}

@@ -1,4 +1,4 @@
-import{r as u,F as H,C as e,H as le,Q as ao,aI as I,M as ne,G as k,_ as se,L as _e,aJ as To,aK as Ie,aL as No,aM as $,aN as ko,Z as L,a0 as ke,aO as De,a8 as j,aP as F,aQ as Do,a3 as co,a5 as ho,a6 as Eo,aR as Io,ac as Ao,ab as ce,aS as Mo,aT as Ro,aU as $o,ad as Lo,aV as Po,aW as _o,aX as V,aY as Bo,aZ as ue,a_ as N,a$ as Fo,b0 as Vo,b1 as Oo,J as Uo,Y as Go}from"./vendor-90228628.js";import{aS as Be,aT as _,aR as ee,aU as Ae,aV as Me,aW as no,au as Ho,aX as O,aY as Fe,E as Ve,aZ as Oe,G as Ee,a_ as zo,a$ as Wo,K as qo,b0 as Zo,b1 as Xo}from"./index-b98d157a.js";import{W as Yo}from"./monaco-1410cbed.js";import{ad as ie,aa as io,a7 as U,ae as uo,B as Ko,g as X,m as Qo,L as ge,af as W,ag as Jo,I as er,R as or,f as Y,C as Ue,O as rr,a as lr,S as sr,c as J,b as Ge,P as He,h as tr,d as ar}from"./IrisGrid-48e0c5de.js";import{B as f,u as go,g as oe,e as z,a3 as D,K as E,w as he,v as cr,l as ze,ba as We,m as hr,C as P,a6 as K,S as me,_ as nr,x as dr,d as qe,a8 as mo,A as ir,M as ur,N as gr}from"./usePlugins-5d177539.js";import{M as Ze,H as mr,A as vr,V as ve,T as pr,D as xr,C as fr,a as br,c as yr,b as jr,d as wr}from"./FontBootstrap-b4538119.js";import{T as Cr}from"./useUser-49aeff4f.js";import{L as Sr}from"./AppRoot-af503463.js";import{Q as Tr,x as Nr,s as kr}from"./ControlType-83c0cb9c.js";import"./helpers-042e6b4d.js";import"./plotly-a2eb9a48.js";function Xe(l,o,r,s,t,c,a){try{var n=l[c](a),h=n.value}catch(i){r(i);return}n.done?o(h):Promise.resolve(h).then(s,t)}function pe(l){return function(){var o=this,r=arguments;return new Promise(function(s,t){var c=l.apply(o,r);function a(h){Xe(c,s,t,a,n,"next",h)}function n(h){Xe(c,s,t,a,n,"throw",h)}a(void 0)})}}function A(l,o,r){return o=Dr(o),o in l?Object.defineProperty(l,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):l[o]=r,l}function Dr(l){var o=Er(l,"string");return typeof o=="symbol"?o:String(o)}function Er(l,o){if(typeof l!="object"||l===null)return l;var r=l[Symbol.toPrimitive];if(r!==void 0){var s=r.call(l,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(l)}class Ir extends ie{constructor(){var{rowCount:o=1e9,columnCount:r=100,floatingTopRowCount:s=0,floatingBottomRowCount:t=0,floatingLeftColumnCount:c=0,floatingRightColumnCount:a=0,isEditable:n=!1,editedData:h=[]}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super(),A(this,"numRows",void 0),A(this,"numColumns",void 0),A(this,"floatingTop",void 0),A(this,"floatingBottom",void 0),A(this,"floatingLeft",void 0),A(this,"floatingRight",void 0),A(this,"editable",void 0),A(this,"editedData",void 0),this.numRows=o,this.numColumns=r,this.floatingTop=s,this.floatingBottom=t,this.floatingLeft=c,this.floatingRight=a,this.editable=n,this.editedData=h}get rowCount(){return this.numRows}get columnCount(){return this.numColumns}get floatingTopRowCount(){return this.floatingTop}get floatingBottomRowCount(){return this.floatingBottom}get floatingLeftColumnCount(){return this.floatingLeft}get floatingRightColumnCount(){return this.floatingRight}get isEditable(){return this.editable}textForCell(o,r){var s,t;return(s=(t=this.editedData[o])===null||t===void 0?void 0:t[r])!==null&&s!==void 0?s:"".concat(o,",").concat(r)}colorForCell(o,r,s){return s.textColor}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}textForRowFooter(o){return"".concat(o)}setValueForCell(o,r,s){var t=this;return pe(function*(){t.editedData[o]==null&&(t.editedData[o]=[]),t.editedData[o][r]="".concat(s)})()}setValueForRanges(o,r){var s=this;return pe(function*(){io.forEachCell(o,(t,c)=>{s.setValueForCell(t,c,r)})})()}setValues(o){var r=this;return pe(function*(){for(var s=0;s<o.length;s+=1){var t,c,a=o[s];r.setValueForCell((t=a.column)!==null&&t!==void 0?t:a.x,(c=a.row)!==null&&c!==void 0?c:a.y,a.text)}})()}editValueForCell(o,r){return this.textForCell(o,r)}isValidForCell(o,r,s){return!0}isEditableRange(o){return this.isEditable}delete(o){throw new Error("Method not implemented.")}}const Re=Ir;function w(l,o,r){return o=Ar(o),o in l?Object.defineProperty(l,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):l[o]=r,l}function Ar(l){var o=Mr(l,"string");return typeof o=="symbol"?o:String(o)}function Mr(l,o){if(typeof l!="object"||l===null)return l;var r=l[Symbol.toPrimitive];if(r!==void 0){var s=r.call(l,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(l)}class T extends Re{constructor(){var{rowCount:o=T.DEFAULT_ROW_COUNT,columnCount:r=T.DEFAULT_COLUMN_COUNT,children:s=new Map,childRowCount:t=Math.ceil(Math.max(T.MIN_CHILD_ROW_COUNT,o*T.DEFAULT_CHILD_ROW_COUNT_FACTOR)),maxDepth:c=T.MAX_DEPTH}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super({rowCount:o,columnCount:r}),w(this,"children",void 0),w(this,"childRowCount",void 0),w(this,"maxDepth",void 0),w(this,"getCachedModelRowOffset",U((a,n)=>{for(var h=null,i=n,d=[...a].sort((b,M)=>b[0]-M[0]),g=0;g<d.length;g+=1){var[m,v]=d[g];if(i<=m)break;var x=v.rowCount;if(i<=m+x){h=m,i=i-m-1;break}i-=x}return{key:h,offsetRow:i}})),w(this,"getCachedTextForRowHeader",U((a,n)=>{var{key:h,offsetRow:i}=this.getCachedModelRowOffset(a,n);if(h!=null){var d=a.get(h);if(d!==void 0)return"".concat(h,".").concat(d.textForRowHeader(i))}return"".concat(i)})),w(this,"getCachedTextForCell",U((a,n,h)=>{var{key:i,offsetRow:d}=this.getCachedModelRowOffset(a,h);if(i!=null){var g=a.get(i);if(g!==void 0)return"".concat(i,".").concat(g.textForCell(n,d))}return"".concat(n,",").concat(d)})),w(this,"getCachedIsRowExpandable",U((a,n,h)=>{var i=this.getCachedDepthForRow(a,n);return i<h})),w(this,"getCachedIsRowExpanded",U((a,n)=>{var{key:h,offsetRow:i}=this.getCachedModelRowOffset(a,n);if(h!=null){var d=a.get(h);if(d!==void 0)return d.isRowExpanded(i)}return a.has(i)})),w(this,"getCachedDepthForRow",U((a,n)=>{var{key:h,offsetRow:i}=this.getCachedModelRowOffset(a,n);if(h!=null){var d=a.get(h);if(d!==void 0)return d.depthForRow(i)+1}return 0})),this.children=s,this.childRowCount=t,this.maxDepth=c}textForCell(o,r){return this.getCachedTextForCell(this.children,o,r)}textForRowHeader(o){return this.getCachedTextForRowHeader(this.children,o)}isRowMovable(o){return!1}get hasExpandableRows(){return!0}get isExpandAllAvailable(){return!1}get floatingBottomRowCount(){return 0}isRowExpandable(o){return this.getCachedIsRowExpandable(this.children,o,this.maxDepth)}isRowExpanded(o){return this.getCachedIsRowExpanded(this.children,o)}setRowExpanded(o,r){var s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,{key:t,offsetRow:c}=this.getCachedModelRowOffset(this.children,o),a=new Map(this.children);if(t!=null){var n=this.children.get(t);if(n!==void 0){var{rowCount:h}=n;n.setRowExpanded(c,r,s),this.numRows+=n.rowCount-h}}else if(r){var d=new T({rowCount:this.childRowCount,columnCount:this.numColumns});a.set(c,d),this.numRows+=d.rowCount}else{var i=a.get(c);i!==void 0&&(this.numRows-=i.rowCount,a.delete(c))}this.children=a}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(o){return this.getCachedDepthForRow(this.children,o)}}w(T,"DEFAULT_ROW_COUNT",1e9);w(T,"DEFAULT_COLUMN_COUNT",100);w(T,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);w(T,"MIN_CHILD_ROW_COUNT",10);w(T,"MAX_DEPTH",10);const $e=T;function xe(l,o,r){return o=Rr(o),o in l?Object.defineProperty(l,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):l[o]=r,l}function Rr(l){var o=$r(l,"string");return typeof o=="symbol"?o:String(o)}function $r(l,o){if(typeof l!="object"||l===null)return l;var r=l[Symbol.toPrimitive];if(r!==void 0){var s=r.call(l,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(l)}class Lr extends ie{constructor(o,r){var s;super(),xe(this,"data",void 0),xe(this,"columnHeaders",void 0),xe(this,"numberOfColumns",void 0),this.data=o,this.numberOfColumns=Math.max(...o.map(t=>t.length),(s=r?.length)!==null&&s!==void 0?s:0),this.columnHeaders=r}get rowCount(){return this.data.length}get columnCount(){return this.numberOfColumns}textForCell(o,r){var s;return"".concat((s=this.data[r])===null||s===void 0?void 0:s[o])}textForColumnHeader(o){var r,s;return(r=(s=this.columnHeaders)===null||s===void 0?void 0:s[o])!==null&&r!==void 0?r:""}}const Pr=Lr;function fe(l,o,r){return o=_r(o),o in l?Object.defineProperty(l,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):l[o]=r,l}function _r(l){var o=Br(l,"string");return typeof o=="symbol"?o:String(o)}function Br(l,o){if(typeof l!="object"||l===null)return l;var r=l[Symbol.toPrimitive];if(r!==void 0){var s=r.call(l,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(l)}class Fr extends ie{constructor(o,r){super(),fe(this,"numberOfColumns",void 0),fe(this,"numberOfRows",void 0),fe(this,"viewportData",void 0),this.numberOfColumns=o,this.numberOfRows=r}get columnCount(){return this.numberOfColumns}get rowCount(){return this.numberOfRows}textForCell(o,r){var s,t,c,a,n,h,i,d=r-((s=(t=this.viewportData)===null||t===void 0?void 0:t.rowOffset)!==null&&s!==void 0?s:0),g=o-((c=(a=this.viewportData)===null||a===void 0?void 0:a.columnOffset)!==null&&c!==void 0?c:0);return"".concat((n=(h=this.viewportData)===null||h===void 0||(i=h.data[d])===null||i===void 0?void 0:i[g])!==null&&n!==void 0?n:"")}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}}const Vr=Fr;function C(l,o,r){return o=Or(o),o in l?Object.defineProperty(l,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):l[o]=r,l}function Or(l){var o=Ur(l,"string");return typeof o=="symbol"?o:String(o)}function Ur(l,o){if(typeof l!="object"||l===null)return l;var r=l[Symbol.toPrimitive];if(r!==void 0){var s=r.call(l,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(l)}var Gr="proportional",Hr=uo.positiveBarColor,zr=uo.negativeBarColor,Wr="beside",qr="LTR",Zr="right";function Xr(l){return Array.isArray(l)&&l.every(o=>typeof o=="number")}class Yr extends ie{constructor(o){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:new Map,s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:new Map,t=arguments.length>3&&arguments[3]!==void 0?arguments[3]:new Map,c=arguments.length>4&&arguments[4]!==void 0?arguments[4]:new Map,a=arguments.length>5&&arguments[5]!==void 0?arguments[5]:new Map,n=arguments.length>6&&arguments[6]!==void 0?arguments[6]:new Map,h=arguments.length>7&&arguments[7]!==void 0?arguments[7]:new Map,i=arguments.length>8&&arguments[8]!==void 0?arguments[8]:new Map;super(),C(this,"numberOfColumns",void 0),C(this,"numberOfRows",void 0),C(this,"data",void 0),C(this,"columnMins",void 0),C(this,"columnMaxs",void 0),C(this,"columnAxes",void 0),C(this,"valuePlacements",void 0),C(this,"directions",void 0),C(this,"positiveColors",void 0),C(this,"negativeColors",void 0),C(this,"opacities",void 0),C(this,"textAlignments",void 0),C(this,"markers",void 0),this.positiveColors=s,this.negativeColors=t,this.data=o,this.columnAxes=r,this.valuePlacements=c,this.opacities=a,this.directions=n,this.textAlignments=h,this.markers=i,this.numberOfRows=Math.max(...o.map(m=>m.length)),this.numberOfColumns=o.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var d=0;d<o.length;d+=1){var g=o[d];Xr(g)&&(this.columnMins.set(d,Math.min(...g)),this.columnMaxs.set(d,Math.max(...g)))}}get rowCount(){return this.numberOfRows}get columnCount(){return this.numberOfColumns}textForCell(o,r){var s;return"".concat((s=this.data[o])===null||s===void 0?void 0:s[r])}textForColumnHeader(o){return"".concat(o)}textAlignForCell(o,r){var s;return(s=this.textAlignments.get(o))!==null&&s!==void 0?s:Zr}renderTypeForCell(o,r){return o<20||o%2===r%2?"dataBar":"text"}dataBarOptionsForCell(o,r){var s,t,c,a,n,h,i,d=Be(this.columnMins,o),g=Be(this.columnMaxs,o),m=(s=this.columnAxes.get(o))!==null&&s!==void 0?s:Gr,v=(t=this.valuePlacements.get(o))!==null&&t!==void 0?t:Wr,x=this.opacities.get(o);x==null||x>1?x=1:x<0&&(x=0);var b=(c=this.directions.get(o))!==null&&c!==void 0?c:qr,M=(a=this.positiveColors.get(o))!==null&&a!==void 0?a:Hr,q=(n=this.negativeColors.get(o))!==null&&n!==void 0?n:zr,R=Number((h=this.data[o])===null||h===void 0?void 0:h[r]),B=R>=0?M:q,te=(i=this.markers.get(o))!==null&&i!==void 0?i:[];return{columnMin:d,columnMax:g,axis:m,color:B,valuePlacement:v,opacity:x,markers:te,direction:b,value:R}}}const Kr=Yr,be="hide-from-e2e-tests",Ye="sample-section";function*vo(l=1){for(;;)l=l*16807%2147483647,yield l/2147483647}function Qr(l=1){const[o]=u.useState(()=>vo(l));return u.useCallback(()=>{const r=o.next();if(r.done===!0)throw new Error("Random number generator unexpectedly finished");return r.value},[o])}function p(l,o=[]){const r=`${Ye}-${l.toLocaleLowerCase().replaceAll(" ","-")}`,s=H(Ye,...o);return{id:r,className:s}}function S(l,o=[]){const{id:r,className:s}=p(l,o);return{id:r,UNSAFE_className:s}}class re extends u.Component{static renderButtonBrand(o,r){const s=o.length?`btn-${o}-${r}`:`btn-${r}`;return e.jsx(Ko,{className:s,style:{marginBottom:"1rem",marginRight:"1rem"},children:r},r)}static renderButtons(o){const r=["primary","secondary","success","warning","danger","info"].map(s=>re.renderButtonBrand(o,s));return e.jsxs("div",{...p(`buttons-${o.length?"outline":"regular"}`),children:[e.jsx("h5",{children:o.length?"Outline":"Regular"}),r]},o)}static renderSocketedButtons(){return e.jsxs("div",{...p("buttons-socketed"),children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsx(X,{style:{marginBottom:"1rem",marginRight:"1rem"},children:"Unlinked"}),e.jsx(X,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,children:"Linked"}),e.jsx(X,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinkedSource:!0,children:"Linked Source"}),e.jsx(X,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,isInvalid:!0,children:"Error"}),e.jsx(X,{style:{marginBottom:"1rem",marginRight:"1rem"},disabled:!0,children:"Disabled"})]})}constructor(o){super(o),this.state={toggle:!0}}renderInlineButtons(){const{toggle:o}=this.state;return e.jsxs("div",{...p("buttons-inline"),style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(f,{className:"mx-2",kind:"inline",icon:_,tooltip:"test"}),"Toggle button (class active):",e.jsx(f,{className:"mx-2",onClick:()=>{this.setState({toggle:!o})},active:o,kind:"inline",icon:_,tooltip:"test"}),"Disabled:",e.jsx(f,{className:"mx-2",kind:"inline",disabled:!0,children:"Disabled"}),"With Text:",e.jsx(f,{className:"mx-2",kind:"inline",icon:_,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(f,{kind:"ghost",icon:_,tooltip:"test"}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(f,{kind:"ghost",children:"Text Button "}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(f,{kind:"ghost",icon:_,children:"Text Button"})]})}render(){const o=["","outline"].map(t=>re.renderButtons(t)),r=this.renderInlineButtons(),s=re.renderSocketedButtons();return e.jsxs("div",{children:[e.jsx("h2",{className:"ui-title",children:"Buttons"}),e.jsxs("div",{style:{padding:"1rem 0"},children:[o,r,s]})]})}}function Jr(){const l=go();Ze.random=Qr();const[o]=u.useState(()=>new Ze(l));return e.jsxs("div",{...p("charts"),children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(Qo,{model:o})})]})}const po="2px solid var(--dh-color-notice-bg)",el={"--dh-color-black":"gray","--dh-color-white":"gray","--dh-color-border":"General","--dh-color-bg":"General","--dh-color-fg":"General","--dh-color-content-bg":"General","--dh-color-dropshadow":"General","--dh-color-keyboard-selected-bg":"Misc","--dh-color-hover-border":"Misc","--dh-color-visual-positive":"Visual Status","--dh-color-visual-negative":"Visual Status","--dh-color-visual-notice":"Visual Status","--dh-color-visual-info":"Visual Status","--dh-color-gray-bg":"Default Background","--dh-color-blue-bg":"Default Background","--dh-color-red-bg":"Default Background","--dh-color-orange-bg":"Default Background","--dh-color-yellow-bg":"Default Background","--dh-color-chartreuse-bg":"Default Background","--dh-color-celery-bg":"Default Background","--dh-color-green-bg":"Default Background","--dh-color-seafoam-bg":"Default Background","--dh-color-cyan-bg":"Default Background","--dh-color-indigo-bg":"Default Background","--dh-color-purple-bg":"Default Background","--dh-color-fuchsia-bg":"Default Background","--dh-color-magenta-bg":"Default Background","--dh-color-editor-bg":"editor","--dh-color-editor-fg":"editor","--dh-color-editor-context-menu-bg":"menus","--dh-color-editor-context-menu-fg":"menus","--dh-color-editor-menu-selection-bg":"menus","--dh-color-grid-bg":"grid","--dh-color-grid-number-positive":"Data Types","--dh-color-grid-number-negative":"Data Types","--dh-color-grid-number-zero":"Data Types","--dh-color-grid-date":"Data Types","--dh-color-grid-string-null":"Data Types"},Ke={"--dh-color-black":"","--dh-color-action-active-bg":"Action.active","--dh-color-action-down-bg":"Action:active","--dh-color-action-hover-bg":"Action:hover","--dh-color-action-active-hover-bg":"Action.active:hover","--dh-color-action-disabled-bg":"Action:disabled"},ol={palette:{black:"gray",white:"gray"},editor:{line:"editor",comment:"code",string:"code",number:"code",delimiter:"code",identifier:"code",keyword:"code",operator:"code",storage:"code",predefined:"code",selection:"state",focus:"state"},chart:{axis:"Chart",bg:"Chart",grid:"Chart",plot:"Chart",title:"Chart",active:"Data",trend:"Data",area:"Data",range:"Data",line:"Deprecated"},grid:{data:"Data Bars",context:"Context Menu"},semantic:{},component:{}};function xo(l){const o=ee.parseRgba(ee.asRgbOrRgbaString(l)??"");if(o==null||o.a<.5)return"white";const{r,g:s,b:t}=o;return ee.getBrightness([r,s,t])>=128?"black":"white"}function rl(l){const o=getComputedStyle(document.documentElement);return l.split(/[\n;]/g).map(s=>/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(s)?.[1]).filter(s=>!!s).map(s=>{const t=o.getPropertyValue(s);return s==="--dh-color-chart-colorway"?t.split("hsl").filter(Boolean).map(a=>`hsl${a.trim()}`).map((a,n)=>({name:`${s}-${n}`,value:a})):{name:s,value:t}}).flat()}function G(l,o,r,s=el){const t=ol[l];return rl(o).reduce((n,{name:h,value:i})=>{if(/^--dh-color-(.*?)-hsl$/.test(h)||/^--dh-color-gray-(light|mid|dark)$/.test(h))return n;const d=/^--dh-color-([^-]+)(?:-([^-]+))?/.exec(h);let g=s[h]??d?.[r]??d?.[1]??"???";if(g=t[g]??g,n[g]==null&&(n[g]=[]),h in Ke&&n[g].push({isLabel:!0,name:Ke[h],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(h))return n;const m={"--dh-color-gray-900":"light","--dh-color-gray-600":"mid","--dh-color-gray-300":"dark"}[h];return n[g].push({name:h,value:i,note:m}),n},{})}function ll(){const l=u.useRef(null);return u.useLayoutEffect(()=>{if(l.current==null)return;const o=getComputedStyle(l.current),{backgroundColor:r}=o;l.current.style.color=xo(r)},[]),l}function sl(l,o){const[r,s]=u.useState();return u.useEffect(()=>{if(l.current==null)return;const t=getComputedStyle(l.current,o).getPropertyValue("content"),c=/"(--dh-color-.*?)[,"]/.exec(t)?.[1];c!=null&&s(c)},[l,o]),r}function ye({className:l,children:o}){const r=ll(),s=sl(r,":after"),t=u.useMemo(()=>s!=null?{value:s,normalized:ee.normalizeCssColor(s,!0)}:null,[s]),c=t!=null&&t.value!=="";return e.jsxs("div",{ref:r,className:l,style:{border:c?void 0:po},children:[c&&e.jsxs(oe,{children:[e.jsx("div",{children:t.value}),e.jsx("div",{children:t.normalized})]}),o]})}function tl(){const l=["100","200","300","400","500","600","700","800","850","8XX","900"].map(s=>e.jsx(ye,{className:H("swatch","gray-swatch",`gray-swatch-${s}`),children:s==="8XX"?"N/A":`Gray-${s}`},s)),o=["red","orange","yellow","green","blue","purple","white","black"].map(s=>e.jsx(ye,{className:H("swatch",`swatch-${s}`),children:s},s)),r=["content-bg","background","foreground","primary","primary-dark","primary-light","secondary","secondary-hover","success","info","warning","danger","danger-hover"].map(s=>e.jsx(ye,{className:H("swatch",`swatch-${s}`),children:s},s));return e.jsxs("div",{...p("colors"),children:[e.jsx("h2",{className:"ui-title",children:"Colors"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[l,o]}),e.jsx("div",{className:"col",children:r}),e.jsx("div",{className:"col",children:e.jsx("p",{children:"This section is for legacy reference only. Use the css variable based semantic colors in the following sections. You should not be using colors defined in the theme color palette directly."})})]})]})}class al extends u.Component{constructor(o){super(o),this.makeContextMenuItems=this.makeContextMenuItems.bind(this)}makeContextMenuItems(o){const r=o!==void 0?` ${o}`:"";return[{title:`Show Alert${r}`,icon:Ae,action:()=>{alert(`Alert${r}!`)},shortcut:new z({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[D.CTRL,E.A],macShortcut:[D.CMD,E.A]})},{title:`Log Message${r}`,icon:Me,action:()=>{console.log(`Logging a message${r}!`)},shortcut:new z({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[D.CTRL,E.L],macShortcut:[D.CMD,E.L]})},{title:"Sub-menu",actions:()=>this.makeContextMenuItems((o??0)+1),order:3}].concat(new Array(10).fill({title:`Disabled Option${r}`,disabled:!0,order:2}))}render(){const o=this.makeContextMenuItems(),s=[{title:"Show Shortcuts",icon:no,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new z({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[D.CTRL,E.SLASH],macShortcut:[D.CMD,E.SLASH]}),group:he.groups.global}].concat(o),t=()=>new Promise(c=>{setTimeout(()=>{c(o)},3e3)});return e.jsxs("div",{...p("context-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(f,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(he,{actions:s})]}),e.jsxs(f,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(he,{actions:t})]})]})}}class cl extends u.Component{constructor(o){super(o),this.sampleInput=le.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const r=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],s=["Parent B",new Map([["Child 3",!0],["Child 4",!1],["Child 5",!0],["Child 6",!1]])],t=["Leaf Parent",!0];this.state={isShown:!1,checkBoxMap:new Map([r,s,t])}}handleUpdateCheckboxMap(o){this.setState({checkBoxMap:o})}renderChild(){return e.jsxs("div",{className:"p-3",children:[e.jsx("h4",{children:"Sample Child"}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{ref:this.sampleInput,type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form input"})]})]})}render(){const{isShown:o,checkBoxMap:r}=this.state;return e.jsxs("div",{...p("dialog"),children:[e.jsx("h2",{className:"ui-title",children:"Popover Dialog"}),e.jsx("p",{children:"Popover dialog that can contain interactive elements, can be set to self close on blur."}),e.jsxs(f,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(cr,{options:{placement:"bottom"},isShown:o,onEntered:()=>{this.sampleInput.current&&this.sampleInput.current.focus()},onExited:()=>{this.setState({isShown:!1})},closeOnBlur:!0,interactive:!0,children:this.renderChild()})]}),e.jsx("p",{children:"The Hierarchical Checkbox Menu uses a popover dialog to display hierarchical groups of checkboxes."}),e.jsx(mr,{menuText:"Checkbox Menu",valueMap:r,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class hl extends u.Component{constructor(o){super(o),this.state={isShown:!1}}render(){const o=[{title:"Show Alert",icon:Ae,action:()=>{alert("Alert!")},shortcut:new z({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[D.CTRL,E.A],macShortcut:[D.CMD,E.A]})},{title:"Log Message",icon:Me,action:()=>{console.log("Logging a message!")},shortcut:new z({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[D.CTRL,E.L],macShortcut:[D.CMD,E.L]})}],s=[{title:"Show Shortcuts",icon:no,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new z({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[D.CTRL,E.SLASH],macShortcut:[D.CMD,E.SLASH]}),group:he.groups.global}].concat(o),{isShown:t}=this.state;return e.jsxs("div",{...p("dropdown-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Dropdown Menu"}),e.jsx("p",{children:"A simple dropdown menu of actions, can open on click of parent container, or controlled by prop."}),e.jsx(f,{kind:"inline",className:"mx-2",icon:Ho,onClick:()=>{},children:e.jsx(ze,{actions:s})}),e.jsxs(f,{kind:"primary",style:{marginRight:"1rem",minWidth:"165px"},onClick:()=>{t?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Menu Shown: ",t.toString()]}),e.jsxs("div",{ref:this.button,className:"btn btn-secondary disabled",style:{marginRight:"1rem"},children:["Shown using isShown",e.jsx(ze,{isShown:t,onMenuClosed:()=>{this.setState({isShown:!1})},actions:s})]})]})}}const nl=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
+import{r as u,F as z,C as e,aI as I,H as le,Q as ao,M as ne,G as k,_ as se,L as _e,aJ as To,aK as Ie,aL as No,aM as $,aN as ko,Z as L,a0 as ke,aO as De,a8 as j,aP as F,aQ as Do,a3 as co,a5 as ho,a6 as Eo,aR as Io,ac as Ao,ab as ce,aS as Mo,aT as Ro,aU as $o,ad as Lo,aV as Po,aW as _o,aX as V,aY as Bo,aZ as ue,a_ as N,a$ as Fo,b0 as Vo,b1 as Oo,J as Uo,Y as Go}from"./vendor-90228628.js";import{aS as Be,aT as _,aR as oe,aU as Ae,aV as Me,aW as no,au as Ho,aX as O,aY as Fe,E as Ve,aZ as Oe,G as Ee,a_ as zo,a$ as Wo,K as qo,b0 as Zo,b1 as Xo}from"./index-f158e0b2.js";import{W as Yo}from"./monaco-1410cbed.js";import{ad as ie,aa as io,a7 as U,ae as uo,B as Ko,g as Y,m as Qo,L as ge,af as q,ag as Jo,I as er,R as or,f as K,C as Ue,O as rr,a as lr,S as sr,c as ee,b as Ge,P as He,h as tr,d as ar}from"./IrisGrid-dc6f58bf.js";import{B as f,u as go,g as re,e as W,a3 as D,K as E,w as he,v as cr,l as ze,ba as We,m as hr,C as P,a6 as Q,S as me,_ as nr,x as dr,d as qe,a8 as mo,A as ir,M as ur,N as gr}from"./usePlugins-6f38a973.js";import{M as Ze,H as mr,A as vr,V as ve,T as pr,D as xr,C as fr,a as br,c as yr,b as jr,d as wr}from"./FontBootstrap-49786c97.js";import{T as Cr}from"./useUser-0f7d174d.js";import{L as Sr}from"./AppRoot-56ca91af.js";import{Q as Tr,x as Nr,s as kr}from"./ControlType-09e5621c.js";import"./helpers-042e6b4d.js";import"./plotly-a2eb9a48.js";function Xe(l,o,r,s,t,c,a){try{var n=l[c](a),h=n.value}catch(i){r(i);return}n.done?o(h):Promise.resolve(h).then(s,t)}function pe(l){return function(){var o=this,r=arguments;return new Promise(function(s,t){var c=l.apply(o,r);function a(h){Xe(c,s,t,a,n,"next",h)}function n(h){Xe(c,s,t,a,n,"throw",h)}a(void 0)})}}function A(l,o,r){return o=Dr(o),o in l?Object.defineProperty(l,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):l[o]=r,l}function Dr(l){var o=Er(l,"string");return typeof o=="symbol"?o:String(o)}function Er(l,o){if(typeof l!="object"||l===null)return l;var r=l[Symbol.toPrimitive];if(r!==void 0){var s=r.call(l,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(l)}class Ir extends ie{constructor(){var{rowCount:o=1e9,columnCount:r=100,floatingTopRowCount:s=0,floatingBottomRowCount:t=0,floatingLeftColumnCount:c=0,floatingRightColumnCount:a=0,isEditable:n=!1,editedData:h=[]}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super(),A(this,"numRows",void 0),A(this,"numColumns",void 0),A(this,"floatingTop",void 0),A(this,"floatingBottom",void 0),A(this,"floatingLeft",void 0),A(this,"floatingRight",void 0),A(this,"editable",void 0),A(this,"editedData",void 0),this.numRows=o,this.numColumns=r,this.floatingTop=s,this.floatingBottom=t,this.floatingLeft=c,this.floatingRight=a,this.editable=n,this.editedData=h}get rowCount(){return this.numRows}get columnCount(){return this.numColumns}get floatingTopRowCount(){return this.floatingTop}get floatingBottomRowCount(){return this.floatingBottom}get floatingLeftColumnCount(){return this.floatingLeft}get floatingRightColumnCount(){return this.floatingRight}get isEditable(){return this.editable}textForCell(o,r){var s,t;return(s=(t=this.editedData[o])===null||t===void 0?void 0:t[r])!==null&&s!==void 0?s:"".concat(o,",").concat(r)}colorForCell(o,r,s){return s.textColor}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}textForRowFooter(o){return"".concat(o)}setValueForCell(o,r,s){var t=this;return pe(function*(){t.editedData[o]==null&&(t.editedData[o]=[]),t.editedData[o][r]="".concat(s)})()}setValueForRanges(o,r){var s=this;return pe(function*(){io.forEachCell(o,(t,c)=>{s.setValueForCell(t,c,r)})})()}setValues(o){var r=this;return pe(function*(){for(var s=0;s<o.length;s+=1){var t,c,a=o[s];r.setValueForCell((t=a.column)!==null&&t!==void 0?t:a.x,(c=a.row)!==null&&c!==void 0?c:a.y,a.text)}})()}editValueForCell(o,r){return this.textForCell(o,r)}isValidForCell(o,r,s){return!0}isEditableRange(o){return this.isEditable}delete(o){throw new Error("Method not implemented.")}}const Re=Ir;function w(l,o,r){return o=Ar(o),o in l?Object.defineProperty(l,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):l[o]=r,l}function Ar(l){var o=Mr(l,"string");return typeof o=="symbol"?o:String(o)}function Mr(l,o){if(typeof l!="object"||l===null)return l;var r=l[Symbol.toPrimitive];if(r!==void 0){var s=r.call(l,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(l)}class T extends Re{constructor(){var{rowCount:o=T.DEFAULT_ROW_COUNT,columnCount:r=T.DEFAULT_COLUMN_COUNT,children:s=new Map,childRowCount:t=Math.ceil(Math.max(T.MIN_CHILD_ROW_COUNT,o*T.DEFAULT_CHILD_ROW_COUNT_FACTOR)),maxDepth:c=T.MAX_DEPTH}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super({rowCount:o,columnCount:r}),w(this,"children",void 0),w(this,"childRowCount",void 0),w(this,"maxDepth",void 0),w(this,"getCachedModelRowOffset",U((a,n)=>{for(var h=null,i=n,d=[...a].sort((b,M)=>b[0]-M[0]),g=0;g<d.length;g+=1){var[m,v]=d[g];if(i<=m)break;var x=v.rowCount;if(i<=m+x){h=m,i=i-m-1;break}i-=x}return{key:h,offsetRow:i}})),w(this,"getCachedTextForRowHeader",U((a,n)=>{var{key:h,offsetRow:i}=this.getCachedModelRowOffset(a,n);if(h!=null){var d=a.get(h);if(d!==void 0)return"".concat(h,".").concat(d.textForRowHeader(i))}return"".concat(i)})),w(this,"getCachedTextForCell",U((a,n,h)=>{var{key:i,offsetRow:d}=this.getCachedModelRowOffset(a,h);if(i!=null){var g=a.get(i);if(g!==void 0)return"".concat(i,".").concat(g.textForCell(n,d))}return"".concat(n,",").concat(d)})),w(this,"getCachedIsRowExpandable",U((a,n,h)=>{var i=this.getCachedDepthForRow(a,n);return i<h})),w(this,"getCachedIsRowExpanded",U((a,n)=>{var{key:h,offsetRow:i}=this.getCachedModelRowOffset(a,n);if(h!=null){var d=a.get(h);if(d!==void 0)return d.isRowExpanded(i)}return a.has(i)})),w(this,"getCachedDepthForRow",U((a,n)=>{var{key:h,offsetRow:i}=this.getCachedModelRowOffset(a,n);if(h!=null){var d=a.get(h);if(d!==void 0)return d.depthForRow(i)+1}return 0})),this.children=s,this.childRowCount=t,this.maxDepth=c}textForCell(o,r){return this.getCachedTextForCell(this.children,o,r)}textForRowHeader(o){return this.getCachedTextForRowHeader(this.children,o)}isRowMovable(o){return!1}get hasExpandableRows(){return!0}get isExpandAllAvailable(){return!1}get floatingBottomRowCount(){return 0}isRowExpandable(o){return this.getCachedIsRowExpandable(this.children,o,this.maxDepth)}isRowExpanded(o){return this.getCachedIsRowExpanded(this.children,o)}setRowExpanded(o,r){var s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,{key:t,offsetRow:c}=this.getCachedModelRowOffset(this.children,o),a=new Map(this.children);if(t!=null){var n=this.children.get(t);if(n!==void 0){var{rowCount:h}=n;n.setRowExpanded(c,r,s),this.numRows+=n.rowCount-h}}else if(r){var d=new T({rowCount:this.childRowCount,columnCount:this.numColumns});a.set(c,d),this.numRows+=d.rowCount}else{var i=a.get(c);i!==void 0&&(this.numRows-=i.rowCount,a.delete(c))}this.children=a}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(o){return this.getCachedDepthForRow(this.children,o)}}w(T,"DEFAULT_ROW_COUNT",1e9);w(T,"DEFAULT_COLUMN_COUNT",100);w(T,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);w(T,"MIN_CHILD_ROW_COUNT",10);w(T,"MAX_DEPTH",10);const $e=T;function xe(l,o,r){return o=Rr(o),o in l?Object.defineProperty(l,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):l[o]=r,l}function Rr(l){var o=$r(l,"string");return typeof o=="symbol"?o:String(o)}function $r(l,o){if(typeof l!="object"||l===null)return l;var r=l[Symbol.toPrimitive];if(r!==void 0){var s=r.call(l,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(l)}class Lr extends ie{constructor(o,r){var s;super(),xe(this,"data",void 0),xe(this,"columnHeaders",void 0),xe(this,"numberOfColumns",void 0),this.data=o,this.numberOfColumns=Math.max(...o.map(t=>t.length),(s=r?.length)!==null&&s!==void 0?s:0),this.columnHeaders=r}get rowCount(){return this.data.length}get columnCount(){return this.numberOfColumns}textForCell(o,r){var s;return"".concat((s=this.data[r])===null||s===void 0?void 0:s[o])}textForColumnHeader(o){var r,s;return(r=(s=this.columnHeaders)===null||s===void 0?void 0:s[o])!==null&&r!==void 0?r:""}}const Pr=Lr;function fe(l,o,r){return o=_r(o),o in l?Object.defineProperty(l,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):l[o]=r,l}function _r(l){var o=Br(l,"string");return typeof o=="symbol"?o:String(o)}function Br(l,o){if(typeof l!="object"||l===null)return l;var r=l[Symbol.toPrimitive];if(r!==void 0){var s=r.call(l,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(l)}class Fr extends ie{constructor(o,r){super(),fe(this,"numberOfColumns",void 0),fe(this,"numberOfRows",void 0),fe(this,"viewportData",void 0),this.numberOfColumns=o,this.numberOfRows=r}get columnCount(){return this.numberOfColumns}get rowCount(){return this.numberOfRows}textForCell(o,r){var s,t,c,a,n,h,i,d=r-((s=(t=this.viewportData)===null||t===void 0?void 0:t.rowOffset)!==null&&s!==void 0?s:0),g=o-((c=(a=this.viewportData)===null||a===void 0?void 0:a.columnOffset)!==null&&c!==void 0?c:0);return"".concat((n=(h=this.viewportData)===null||h===void 0||(i=h.data[d])===null||i===void 0?void 0:i[g])!==null&&n!==void 0?n:"")}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}}const Vr=Fr;function C(l,o,r){return o=Or(o),o in l?Object.defineProperty(l,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):l[o]=r,l}function Or(l){var o=Ur(l,"string");return typeof o=="symbol"?o:String(o)}function Ur(l,o){if(typeof l!="object"||l===null)return l;var r=l[Symbol.toPrimitive];if(r!==void 0){var s=r.call(l,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(l)}var Gr="proportional",Hr=uo.positiveBarColor,zr=uo.negativeBarColor,Wr="beside",qr="LTR",Zr="right";function Xr(l){return Array.isArray(l)&&l.every(o=>typeof o=="number")}class Yr extends ie{constructor(o){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:new Map,s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:new Map,t=arguments.length>3&&arguments[3]!==void 0?arguments[3]:new Map,c=arguments.length>4&&arguments[4]!==void 0?arguments[4]:new Map,a=arguments.length>5&&arguments[5]!==void 0?arguments[5]:new Map,n=arguments.length>6&&arguments[6]!==void 0?arguments[6]:new Map,h=arguments.length>7&&arguments[7]!==void 0?arguments[7]:new Map,i=arguments.length>8&&arguments[8]!==void 0?arguments[8]:new Map;super(),C(this,"numberOfColumns",void 0),C(this,"numberOfRows",void 0),C(this,"data",void 0),C(this,"columnMins",void 0),C(this,"columnMaxs",void 0),C(this,"columnAxes",void 0),C(this,"valuePlacements",void 0),C(this,"directions",void 0),C(this,"positiveColors",void 0),C(this,"negativeColors",void 0),C(this,"opacities",void 0),C(this,"textAlignments",void 0),C(this,"markers",void 0),this.positiveColors=s,this.negativeColors=t,this.data=o,this.columnAxes=r,this.valuePlacements=c,this.opacities=a,this.directions=n,this.textAlignments=h,this.markers=i,this.numberOfRows=Math.max(...o.map(m=>m.length)),this.numberOfColumns=o.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var d=0;d<o.length;d+=1){var g=o[d];Xr(g)&&(this.columnMins.set(d,Math.min(...g)),this.columnMaxs.set(d,Math.max(...g)))}}get rowCount(){return this.numberOfRows}get columnCount(){return this.numberOfColumns}textForCell(o,r){var s;return"".concat((s=this.data[o])===null||s===void 0?void 0:s[r])}textForColumnHeader(o){return"".concat(o)}textAlignForCell(o,r){var s;return(s=this.textAlignments.get(o))!==null&&s!==void 0?s:Zr}renderTypeForCell(o,r){return o<20||o%2===r%2?"dataBar":"text"}dataBarOptionsForCell(o,r){var s,t,c,a,n,h,i,d=Be(this.columnMins,o),g=Be(this.columnMaxs,o),m=(s=this.columnAxes.get(o))!==null&&s!==void 0?s:Gr,v=(t=this.valuePlacements.get(o))!==null&&t!==void 0?t:Wr,x=this.opacities.get(o);x==null||x>1?x=1:x<0&&(x=0);var b=(c=this.directions.get(o))!==null&&c!==void 0?c:qr,M=(a=this.positiveColors.get(o))!==null&&a!==void 0?a:Hr,Z=(n=this.negativeColors.get(o))!==null&&n!==void 0?n:zr,R=Number((h=this.data[o])===null||h===void 0?void 0:h[r]),B=R>=0?M:Z,te=(i=this.markers.get(o))!==null&&i!==void 0?i:[];return{columnMin:d,columnMax:g,axis:m,color:B,valuePlacement:v,opacity:x,markers:te,direction:b,value:R}}}const Kr=Yr,be="hide-from-e2e-tests",Ye="sample-section";function*vo(l=1){for(;;)l=l*16807%2147483647,yield l/2147483647}function Qr(l=1){const[o]=u.useState(()=>vo(l));return u.useCallback(()=>{const r=o.next();if(r.done===!0)throw new Error("Random number generator unexpectedly finished");return r.value},[o])}function p(l,o=[]){const r=`${Ye}-${l.toLocaleLowerCase().replaceAll(" ","-")}`,s=z(Ye,...o);return{id:r,className:s}}function S(l,o=[]){const{id:r,className:s}=p(l,o);return{id:r,UNSAFE_className:s}}class H extends u.Component{static renderButtonBrand(o,r){const s=o.length?`btn-${o}-${r}`:`btn-${r}`;return e.jsx(Ko,{className:s,style:{marginBottom:"1rem",marginRight:"1rem"},children:r},r)}static renderButtons(o){const r=["primary","secondary","success","warning","danger","info"].map(s=>H.renderButtonBrand(o,s));return e.jsxs("div",{...p(`buttons-${o.length?"outline":"regular"}`),children:[e.jsx("h5",{children:o.length?"Outline":"Regular"}),r]},o)}static renderLinks(){const o={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs("div",{...p("links"),style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(I,{gap:"1rem",children:Object.entries(o).map(([r,s])=>e.jsxs("a",{className:`text-${r}`,children:[r," (",s,")"]},r))})]})}static renderSocketedButtons(){return e.jsxs("div",{...p("buttons-socketed"),children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsx(Y,{style:{marginBottom:"1rem",marginRight:"1rem"},children:"Unlinked"}),e.jsx(Y,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,children:"Linked"}),e.jsx(Y,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinkedSource:!0,children:"Linked Source"}),e.jsx(Y,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,isInvalid:!0,children:"Error"}),e.jsx(Y,{style:{marginBottom:"1rem",marginRight:"1rem"},disabled:!0,children:"Disabled"})]})}constructor(o){super(o),this.state={toggle:!0}}renderInlineButtons(){const{toggle:o}=this.state;return e.jsxs("div",{...p("buttons-inline"),style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(f,{className:"mx-2",kind:"inline",icon:_,tooltip:"test"}),"Toggle button (class active):",e.jsx(f,{className:"mx-2",onClick:()=>{this.setState({toggle:!o})},active:o,kind:"inline",icon:_,tooltip:"test"}),"Disabled:",e.jsx(f,{className:"mx-2",kind:"inline",disabled:!0,children:"Disabled"}),"With Text:",e.jsx(f,{className:"mx-2",kind:"inline",icon:_,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(f,{kind:"ghost",icon:_,tooltip:"test"}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(f,{kind:"ghost",children:"Text Button "}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(f,{kind:"ghost",icon:_,children:"Text Button"})]})}render(){const o=["","outline"].map(c=>H.renderButtons(c)),r=this.renderInlineButtons(),s=H.renderSocketedButtons(),t=H.renderLinks();return e.jsxs("div",{children:[e.jsx("h2",{className:"ui-title",children:"Buttons"}),e.jsxs("div",{style:{padding:"1rem 0"},children:[o,r,s,t]})]})}}function Jr(){const l=go();Ze.random=Qr();const[o]=u.useState(()=>new Ze(l));return e.jsxs("div",{...p("charts"),children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(Qo,{model:o})})]})}const po="2px solid var(--dh-color-notice-bg)",el={"--dh-color-black":"gray","--dh-color-white":"gray","--dh-color-border":"General","--dh-color-bg":"General","--dh-color-fg":"General","--dh-color-content-bg":"General","--dh-color-dropshadow":"General","--dh-color-keyboard-selected-bg":"Misc","--dh-color-hover-border":"Misc","--dh-color-visual-positive":"Visual Status","--dh-color-visual-negative":"Visual Status","--dh-color-visual-notice":"Visual Status","--dh-color-visual-info":"Visual Status","--dh-color-gray-bg":"Default Background","--dh-color-blue-bg":"Default Background","--dh-color-red-bg":"Default Background","--dh-color-orange-bg":"Default Background","--dh-color-yellow-bg":"Default Background","--dh-color-chartreuse-bg":"Default Background","--dh-color-celery-bg":"Default Background","--dh-color-green-bg":"Default Background","--dh-color-seafoam-bg":"Default Background","--dh-color-cyan-bg":"Default Background","--dh-color-indigo-bg":"Default Background","--dh-color-purple-bg":"Default Background","--dh-color-fuchsia-bg":"Default Background","--dh-color-magenta-bg":"Default Background","--dh-color-editor-bg":"editor","--dh-color-editor-fg":"editor","--dh-color-editor-context-menu-bg":"menus","--dh-color-editor-context-menu-fg":"menus","--dh-color-editor-menu-selection-bg":"menus","--dh-color-grid-bg":"grid","--dh-color-grid-number-positive":"Data Types","--dh-color-grid-number-negative":"Data Types","--dh-color-grid-number-zero":"Data Types","--dh-color-grid-date":"Data Types","--dh-color-grid-string-null":"Data Types"},Ke={"--dh-color-black":"","--dh-color-action-active-bg":"Action.active","--dh-color-action-down-bg":"Action:active","--dh-color-action-hover-bg":"Action:hover","--dh-color-action-active-hover-bg":"Action.active:hover","--dh-color-action-disabled-bg":"Action:disabled"},ol={palette:{black:"gray",white:"gray"},editor:{line:"editor",comment:"code",string:"code",number:"code",delimiter:"code",identifier:"code",keyword:"code",operator:"code",storage:"code",predefined:"code",selection:"state",focus:"state"},chart:{axis:"Chart",bg:"Chart",grid:"Chart",plot:"Chart",title:"Chart",active:"Data",trend:"Data",area:"Data",range:"Data",line:"Deprecated"},grid:{data:"Data Bars",context:"Context Menu"},semantic:{},component:{}};function xo(l){const o=oe.parseRgba(oe.asRgbOrRgbaString(l)??"");if(o==null||o.a<.5)return"white";const{r,g:s,b:t}=o;return oe.getBrightness([r,s,t])>=128?"black":"white"}function rl(l){const o=getComputedStyle(document.documentElement);return l.split(/[\n;]/g).map(s=>/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(s)?.[1]).filter(s=>!!s).map(s=>{const t=o.getPropertyValue(s);return s==="--dh-color-chart-colorway"?t.split("hsl").filter(Boolean).map(a=>`hsl${a.trim()}`).map((a,n)=>({name:`${s}-${n}`,value:a})):{name:s,value:t}}).flat()}function G(l,o,r,s=el){const t=ol[l];return rl(o).reduce((n,{name:h,value:i})=>{if(/^--dh-color-(.*?)-hsl$/.test(h)||/^--dh-color-gray-(light|mid|dark)$/.test(h))return n;const d=/^--dh-color-([^-]+)(?:-([^-]+))?/.exec(h);let g=s[h]??d?.[r]??d?.[1]??"???";if(g=t[g]??g,n[g]==null&&(n[g]=[]),h in Ke&&n[g].push({isLabel:!0,name:Ke[h],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(h))return n;const m={"--dh-color-gray-900":"light","--dh-color-gray-600":"mid","--dh-color-gray-300":"dark"}[h];return n[g].push({name:h,value:i,note:m}),n},{})}function ll(){const l=u.useRef(null);return u.useLayoutEffect(()=>{if(l.current==null)return;const o=getComputedStyle(l.current),{backgroundColor:r}=o;l.current.style.color=xo(r)},[]),l}function sl(l,o){const[r,s]=u.useState();return u.useEffect(()=>{if(l.current==null)return;const t=getComputedStyle(l.current,o).getPropertyValue("content"),c=/"(--dh-color-.*?)[,"]/.exec(t)?.[1];c!=null&&s(c)},[l,o]),r}function ye({className:l,children:o}){const r=ll(),s=sl(r,":after"),t=u.useMemo(()=>s!=null?{value:s,normalized:oe.normalizeCssColor(s,!0)}:null,[s]),c=t!=null&&t.value!=="";return e.jsxs("div",{ref:r,className:l,style:{border:c?void 0:po},children:[c&&e.jsxs(re,{children:[e.jsx("div",{children:t.value}),e.jsx("div",{children:t.normalized})]}),o]})}function tl(){const l=["100","200","300","400","500","600","700","800","850","8XX","900"].map(s=>e.jsx(ye,{className:z("swatch","gray-swatch",`gray-swatch-${s}`),children:s==="8XX"?"N/A":`Gray-${s}`},s)),o=["red","orange","yellow","green","blue","purple","white","black"].map(s=>e.jsx(ye,{className:z("swatch",`swatch-${s}`),children:s},s)),r=["content-bg","background","foreground","primary","primary-dark","primary-light","secondary","secondary-hover","success","info","warning","danger","danger-hover"].map(s=>e.jsx(ye,{className:z("swatch",`swatch-${s}`),children:s},s));return e.jsxs("div",{...p("colors"),children:[e.jsx("h2",{className:"ui-title",children:"Colors"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[l,o]}),e.jsx("div",{className:"col",children:r}),e.jsx("div",{className:"col",children:e.jsx("p",{children:"This section is for legacy reference only. Use the css variable based semantic colors in the following sections. You should not be using colors defined in the theme color palette directly."})})]})]})}class al extends u.Component{constructor(o){super(o),this.makeContextMenuItems=this.makeContextMenuItems.bind(this)}makeContextMenuItems(o){const r=o!==void 0?` ${o}`:"";return[{title:`Show Alert${r}`,icon:Ae,action:()=>{alert(`Alert${r}!`)},shortcut:new W({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[D.CTRL,E.A],macShortcut:[D.CMD,E.A]})},{title:`Log Message${r}`,icon:Me,action:()=>{console.log(`Logging a message${r}!`)},shortcut:new W({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[D.CTRL,E.L],macShortcut:[D.CMD,E.L]})},{title:"Sub-menu",actions:()=>this.makeContextMenuItems((o??0)+1),order:3}].concat(new Array(10).fill({title:`Disabled Option${r}`,disabled:!0,order:2}))}render(){const o=this.makeContextMenuItems(),s=[{title:"Show Shortcuts",icon:no,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new W({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[D.CTRL,E.SLASH],macShortcut:[D.CMD,E.SLASH]}),group:he.groups.global}].concat(o),t=()=>new Promise(c=>{setTimeout(()=>{c(o)},3e3)});return e.jsxs("div",{...p("context-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(f,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(he,{actions:s})]}),e.jsxs(f,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(he,{actions:t})]})]})}}class cl extends u.Component{constructor(o){super(o),this.sampleInput=le.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const r=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],s=["Parent B",new Map([["Child 3",!0],["Child 4",!1],["Child 5",!0],["Child 6",!1]])],t=["Leaf Parent",!0];this.state={isShown:!1,checkBoxMap:new Map([r,s,t])}}handleUpdateCheckboxMap(o){this.setState({checkBoxMap:o})}renderChild(){return e.jsxs("div",{className:"p-3",children:[e.jsx("h4",{children:"Sample Child"}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{ref:this.sampleInput,type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form input"})]})]})}render(){const{isShown:o,checkBoxMap:r}=this.state;return e.jsxs("div",{...p("dialog"),children:[e.jsx("h2",{className:"ui-title",children:"Popover Dialog"}),e.jsx("p",{children:"Popover dialog that can contain interactive elements, can be set to self close on blur."}),e.jsxs(f,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(cr,{options:{placement:"bottom"},isShown:o,onEntered:()=>{this.sampleInput.current&&this.sampleInput.current.focus()},onExited:()=>{this.setState({isShown:!1})},closeOnBlur:!0,interactive:!0,children:this.renderChild()})]}),e.jsx("p",{children:"The Hierarchical Checkbox Menu uses a popover dialog to display hierarchical groups of checkboxes."}),e.jsx(mr,{menuText:"Checkbox Menu",valueMap:r,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class hl extends u.Component{constructor(o){super(o),this.state={isShown:!1}}render(){const o=[{title:"Show Alert",icon:Ae,action:()=>{alert("Alert!")},shortcut:new W({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[D.CTRL,E.A],macShortcut:[D.CMD,E.A]})},{title:"Log Message",icon:Me,action:()=>{console.log("Logging a message!")},shortcut:new W({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[D.CTRL,E.L],macShortcut:[D.CMD,E.L]})}],s=[{title:"Show Shortcuts",icon:no,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new W({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[D.CTRL,E.SLASH],macShortcut:[D.CMD,E.SLASH]}),group:he.groups.global}].concat(o),{isShown:t}=this.state;return e.jsxs("div",{...p("dropdown-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Dropdown Menu"}),e.jsx("p",{children:"A simple dropdown menu of actions, can open on click of parent container, or controlled by prop."}),e.jsx(f,{kind:"inline",className:"mx-2",icon:Ho,onClick:()=>{},children:e.jsx(ze,{actions:s})}),e.jsxs(f,{kind:"primary",style:{marginRight:"1rem",minWidth:"165px"},onClick:()=>{t?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Menu Shown: ",t.toString()]}),e.jsxs("div",{ref:this.button,className:"btn btn-secondary disabled",style:{marginRight:"1rem"},children:["Shown using isShown",e.jsx(ze,{isShown:t,onMenuClosed:()=>{this.setState({isShown:!1})},actions:s})]})]})}}const nl=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
     .headBy(3, "Sym")\\
     .view("Sym", "Last")
 
@@ -194,7 +194,7 @@ ss = new SimulatorState()
 simulation = shares30min.update("Values=(double[])ss.update(Sym, TargetPosition, SharesTraded30Min)", "PositionChange=Values[0]", "Position=Values[1]")
      .dropColumns("Values")
 
-`,Qe={testPython:nl,testGroovy:dl};function il(){return e.jsxs("div",{...p("editors"),children:[e.jsx("h2",{className:"ui-title",children:"Editor"}),e.jsx("h5",{className:"sub-title",children:"Python"}),e.jsx("div",{style:{height:400,position:"relative"},children:e.jsx(We,{settings:{language:"python",value:Qe.testPython}})}),e.jsx("h5",{className:"sub-title",children:"Groovy"}),e.jsx("div",{style:{height:400,position:"relative"},children:e.jsx(We,{settings:{language:"groovy",value:Qe.testGroovy}})})]})}const ul=[];class gl extends ge{model;editedData;constructor(o,r=new $e){super(o),this.model=r,this.editedData=[]}get rowCount(){return this.model.rowCount}get columnCount(){return this.model.columnCount}get floatingTopRowCount(){return 3}get floatingBottomRowCount(){return 3}get isEditable(){return!0}isEditableRange(o){return this.isEditable}setValues(o){throw new Error("Method not implemented.")}delete(o){throw new Error("Method not implemented.")}get pendingRowCount(){return 0}set pendingRowCount(o){}get pendingDataMap(){return new Map}set pendingDataMap(o){}updateFrozenColumns(o){}getColumnIndexByName(o){return Number(o)}textForCell(o,r){return this.editedData[o]?.[r]??this.model.textForCell(o,r)}textForRowHeader(o){return this.model.textForRowHeader(o)}textForRowFooter(o){return this.model.textForRowHeader(o)}textForColumnHeader(o,r){return this.model.textForColumnHeader(o,r)}get hasExpandableRows(){return this.model.hasExpandableRows}get isExpandAllAvailable(){return!1}isRowExpandable(o){return this.model.isRowExpandable(o)}isRowExpanded(o){return this.model.isRowExpanded(o)}setRowExpanded(o,r,s=!1){this.model.setRowExpanded(o,r,s)}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(o){return this.model.depthForRow(o)}get columns(){return this.getCachedColumns(this.columnCount)}get groupedColumns(){return ul}getCachedColumns=ao(o=>{const r=[];for(let s=0;s<o;s+=1)r.push({name:this.model.textForColumnHeader(s,0),type:"java.lang.String",description:`Mock column ${s}`});return r});get description(){return"A mock used for testing."}get customColumns(){return[]}set customColumns(o){}get formatColumns(){return[]}set formatColumns(o){}get sort(){return[]}set sort(o){}get filter(){return[]}set filter(o){}set formatter(o){}displayString(o){return`${o}`}valueForCell(o,r){return this.textForCell(o,r)}formatForCell(o,r){}setViewport(){this.dispatchEvent(new CustomEvent(ge.EVENT.UPDATED))}async setValueForCell(o,r,s){this.editedData[o]==null&&(this.editedData[o]=[]),this.editedData[o][r]=`${s}`,this.dispatchEvent(new CustomEvent(ge.EVENT.UPDATED))}async setValueForRanges(o,r){io.forEachCell(o,(s,t)=>{this.setValueForCell(s,t,r)})}editValueForCell(o,r){return this.textForCell(o,r)}isValidForCell(o,r,s){return!0}async columnStatistics(o){throw new Error("Not defined in mock")}async commitPending(){throw new Error("Not defined in mock")}async export(){throw new Error("Not defined in mock")}get pendingDataErrors(){throw new Error("Not defined in mock")}get rollupConfig(){throw new Error("Not defined in mock")}set rollupConfig(o){throw new Error("Not defined in mock")}get selectDistinctColumns(){throw new Error("Not defined in mock")}set selectDistinctColumns(o){throw new Error("Not defined in mock")}async snapshot(o){throw new Error("Not defined in mock")}async textSnapshot(){throw new Error("Not defined in mock")}get totalsConfig(){throw new Error("Not defined in mock")}set totalsConfig(o){throw new Error("Not defined in mock")}valuesTable(o){throw new Error("Not defined in mock")}seekRow(o,r,s,t,c,a,n){throw new Error("Method not implemented.")}get columnHeaderGroups(){return[]}set columnHeaderGroups(o){}get columnHeaderGroupMap(){return new Map}getColumnHeaderParentGroup(){}get initialMovedColumns(){return[]}get initialMovedRows(){return[]}get initialColumnHeaderGroups(){return[]}}function ml(){const[l]=u.useState(()=>new Pr([["Matthew Austins","Toronto",35,22],["Doug Millgore","Toronto",14,33],["Bart Marchant","Boston",20,14],["Luigi Dabest","Pittsburgh",66,33]],["Name","Team","Goals","Assists"]));return e.jsx(W,{model:l})}function vl(){const[l]=u.useState(()=>new Re({isEditable:!0,rowCount:Number.MAX_SAFE_INTEGER,columnCount:Number.MAX_SAFE_INTEGER}));return e.jsx(W,{model:l})}function pl(){const[l]=u.useState(()=>new $e);return e.jsx(W,{model:l})}function xl(){const[l]=u.useState(()=>new Vr(1e9,1e6)),o=u.useRef(null),[r,s]=u.useState({top:0,bottom:0,left:0,right:0}),t=u.useCallback(i=>{const{top:d,bottom:g,left:m,right:v}=i;s({top:d,bottom:g,left:m,right:v})},[]),{top:c,bottom:a,left:n,right:h}=r;return u.useEffect(function(){let d=!1;return setTimeout(()=>{if(d)return;const g=[];for(let m=c;m<=a;m+=1){const v=[];for(let x=n;x<=h;x+=1)v.push(`${m},${x}`);g.push(v)}l.viewportData={rowOffset:c,columnOffset:n,data:g},o.current?.forceUpdate()},250),()=>{d=!0}},[c,a,n,h,l]),e.jsx(W,{model:l,onViewChanged:t,ref:o})}function fl(){const l=[100,50,20,10,-10,-20,-50,-30,100,0,1],o=[],r=new Map([[0,"proportional"],[1,"middle"],[2,"directional"],[6,"directional"],[7,"directional"],[8,"directional"],[9,"directional"],[10,"directional"]]),s=new Map([[3,"#72d7df"],[4,"#ac9cf4"]]);s.set(5,["#f3cd5b","#9edc6f"]),s.set(19,["#42f54b","#42b9f5","#352aa8"]);const t=new Map([[3,"#f3cd5b"],[4,"#ac9cf4"]]);t.set(5,["#f95d84","#f3cd5b"]),t.set(19,["#e05536","#e607de","#e6e207"]);const c=new Map([[6,"hide"],[7,"overlap"],[8,"overlap"],[9,"overlap"]]),a=new Map([[7,.5],[8,.5],[9,.5]]),n=new Map([[8,"RTL"],[10,"RTL"],[16,"RTL"],[19,"RTL"]]),h=new Map([[9,"left"],[11,"left"]]),i=new Map([[12,[{value:13,color:"white"},{value:14,color:"gray"}]]]);for(let g=0;g<13;g+=1)o.push(l.slice());o.push([70,60,30,20,-10,-30,-20,-50,80,50,10]),o.push([50,20,10,0,0,-10,-30,10,90,20,40]),o.push([-100,-90,-80,-70,-60,-50,-40,-30,-20,-10,0]),o.push(l.slice()),o.push([100,10.5,11.234,-20.5,-50,-2.5,-15.1234,94.254,25,44.4444,-50.5]),o.push([1e6,10,200,-2e4,-2e6,-25,-9e5,8e5,1e5,45e4,1]),o.push(l.slice()),o.push(l.slice()),o.push(l.slice());const[d]=u.useState(()=>new Kr(o,r,s,t,c,a,n,h,i));return e.jsx(W,{model:d})}function bl(){const l=go(),[o]=u.useState(new gl(l,new $e)),[r]=u.useState(new Re),[s]=u.useState({autoSelectRow:!0}),[t]=u.useState({font:'12px Arial, "DejaVu Sans", sans-serif',rowHeight:40});return e.jsx("div",{children:e.jsxs(Jo.Provider,{value:t,children:[e.jsx("h2",{className:"ui-title",children:"Grid"}),e.jsx(I,{...S("grids-grid"),children:e.jsx(W,{model:r,theme:s})}),e.jsx("h2",{className:"ui-title",children:"Static Data"}),e.jsx(I,{...S("grids-static"),height:200,children:e.jsx(ml,{})}),e.jsx("h2",{className:"ui-title",children:"Data Bar"}),e.jsx(I,{...S("grids-data-bar"),height:500,children:e.jsx(fl,{})}),e.jsx("h2",{className:"ui-title",children:"Quadrillion rows and columns"}),e.jsx(I,{...S("grids-quadrillion"),position:"relative",height:500,children:e.jsx(vl,{})}),e.jsx("h2",{className:"ui-title",children:"Async example"}),e.jsx(I,{...S("grids-async"),position:"relative",height:500,children:e.jsx(xl,{})}),e.jsx("h2",{className:"ui-title",children:"Tree Grid"}),e.jsx(I,{...S("grids-tree"),height:500,children:e.jsx(pl,{})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid"}),e.jsx(I,{...S("grids-iris"),height:500,children:e.jsx(er,{model:o})})]})})}async function Je(l){try{return await navigator.clipboard.writeText(l)}catch(o){throw new Error(`Unable to copy: ${o}`)}}const yl="dh",jl="vs",eo=(l,o)=>o.toLowerCase()+l.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join("");function fo({message:l,message:{text:o}}){const[r,s]=u.useState(!1);return u.useEffect(function(){if(o==null||o==="")return;s(!0);const c=setTimeout(()=>{s(!1)},2e3);return()=>{clearTimeout(c)}},[l,o]),e.jsx("p",{className:r?"flash in":"flash out",children:o})}fo.propTypes={message:ne.shape({text:ne.node}).isRequired};function wl(){const[l,o]=u.useState(!0),[r,s]=u.useState(!0),[t,c]=u.useState(""),[a,n]=u.useState({text:""}),h=Object.values(O).filter(d=>{const g=eo(d.iconName,d.prefix).toLowerCase().indexOf(t.replace(/\s/g,"").replace(/-/g,"").toLowerCase())!==-1,m=l&&d.prefix===yl,v=r&&d.prefix===jl;return g&&(m||v)}).map(d=>{const g=eo(d.iconName,d.prefix);return e.jsxs(f,{kind:"inline",className:"card",onClick:()=>{Je(g).then(()=>{n({text:e.jsxs("span",{children:[e.jsx(k,{icon:O.vsOutput})," Copied text:"," ",e.jsx("strong",{children:g})]})})}).catch(m=>{n({text:e.jsx("span",{className:"text-danger",children:m.message})})})},children:[e.jsx(se,{size:"L",children:e.jsx(k,{icon:d})}),e.jsx("label",{title:g,children:g})]},g)}),i=`
+`,Qe={testPython:nl,testGroovy:dl};function il(){return e.jsxs("div",{...p("editors"),children:[e.jsx("h2",{className:"ui-title",children:"Editor"}),e.jsx("h5",{className:"sub-title",children:"Python"}),e.jsx("div",{style:{height:400,position:"relative"},children:e.jsx(We,{settings:{language:"python",value:Qe.testPython}})}),e.jsx("h5",{className:"sub-title",children:"Groovy"}),e.jsx("div",{style:{height:400,position:"relative"},children:e.jsx(We,{settings:{language:"groovy",value:Qe.testGroovy}})})]})}const ul=[];class gl extends ge{model;editedData;constructor(o,r=new $e){super(o),this.model=r,this.editedData=[]}get rowCount(){return this.model.rowCount}get columnCount(){return this.model.columnCount}get floatingTopRowCount(){return 3}get floatingBottomRowCount(){return 3}get isEditable(){return!0}isEditableRange(o){return this.isEditable}setValues(o){throw new Error("Method not implemented.")}delete(o){throw new Error("Method not implemented.")}get pendingRowCount(){return 0}set pendingRowCount(o){}get pendingDataMap(){return new Map}set pendingDataMap(o){}updateFrozenColumns(o){}getColumnIndexByName(o){return Number(o)}textForCell(o,r){return this.editedData[o]?.[r]??this.model.textForCell(o,r)}textForRowHeader(o){return this.model.textForRowHeader(o)}textForRowFooter(o){return this.model.textForRowHeader(o)}textForColumnHeader(o,r){return this.model.textForColumnHeader(o,r)}get hasExpandableRows(){return this.model.hasExpandableRows}get isExpandAllAvailable(){return!1}isRowExpandable(o){return this.model.isRowExpandable(o)}isRowExpanded(o){return this.model.isRowExpanded(o)}setRowExpanded(o,r,s=!1){this.model.setRowExpanded(o,r,s)}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(o){return this.model.depthForRow(o)}get columns(){return this.getCachedColumns(this.columnCount)}get groupedColumns(){return ul}getCachedColumns=ao(o=>{const r=[];for(let s=0;s<o;s+=1)r.push({name:this.model.textForColumnHeader(s,0),type:"java.lang.String",description:`Mock column ${s}`});return r});get description(){return"A mock used for testing."}get customColumns(){return[]}set customColumns(o){}get formatColumns(){return[]}set formatColumns(o){}get sort(){return[]}set sort(o){}get filter(){return[]}set filter(o){}set formatter(o){}displayString(o){return`${o}`}valueForCell(o,r){return this.textForCell(o,r)}formatForCell(o,r){}setViewport(){this.dispatchEvent(new CustomEvent(ge.EVENT.UPDATED))}async setValueForCell(o,r,s){this.editedData[o]==null&&(this.editedData[o]=[]),this.editedData[o][r]=`${s}`,this.dispatchEvent(new CustomEvent(ge.EVENT.UPDATED))}async setValueForRanges(o,r){io.forEachCell(o,(s,t)=>{this.setValueForCell(s,t,r)})}editValueForCell(o,r){return this.textForCell(o,r)}isValidForCell(o,r,s){return!0}async columnStatistics(o){throw new Error("Not defined in mock")}async commitPending(){throw new Error("Not defined in mock")}async export(){throw new Error("Not defined in mock")}get pendingDataErrors(){throw new Error("Not defined in mock")}get rollupConfig(){throw new Error("Not defined in mock")}set rollupConfig(o){throw new Error("Not defined in mock")}get selectDistinctColumns(){throw new Error("Not defined in mock")}set selectDistinctColumns(o){throw new Error("Not defined in mock")}async snapshot(o){throw new Error("Not defined in mock")}async textSnapshot(){throw new Error("Not defined in mock")}get totalsConfig(){throw new Error("Not defined in mock")}set totalsConfig(o){throw new Error("Not defined in mock")}valuesTable(o){throw new Error("Not defined in mock")}seekRow(o,r,s,t,c,a,n){throw new Error("Method not implemented.")}get columnHeaderGroups(){return[]}set columnHeaderGroups(o){}get columnHeaderGroupMap(){return new Map}getColumnHeaderParentGroup(){}get initialMovedColumns(){return[]}get initialMovedRows(){return[]}get initialColumnHeaderGroups(){return[]}}function ml(){const[l]=u.useState(()=>new Pr([["Matthew Austins","Toronto",35,22],["Doug Millgore","Toronto",14,33],["Bart Marchant","Boston",20,14],["Luigi Dabest","Pittsburgh",66,33]],["Name","Team","Goals","Assists"]));return e.jsx(q,{model:l})}function vl(){const[l]=u.useState(()=>new Re({isEditable:!0,rowCount:Number.MAX_SAFE_INTEGER,columnCount:Number.MAX_SAFE_INTEGER}));return e.jsx(q,{model:l})}function pl(){const[l]=u.useState(()=>new $e);return e.jsx(q,{model:l})}function xl(){const[l]=u.useState(()=>new Vr(1e9,1e6)),o=u.useRef(null),[r,s]=u.useState({top:0,bottom:0,left:0,right:0}),t=u.useCallback(i=>{const{top:d,bottom:g,left:m,right:v}=i;s({top:d,bottom:g,left:m,right:v})},[]),{top:c,bottom:a,left:n,right:h}=r;return u.useEffect(function(){let d=!1;return setTimeout(()=>{if(d)return;const g=[];for(let m=c;m<=a;m+=1){const v=[];for(let x=n;x<=h;x+=1)v.push(`${m},${x}`);g.push(v)}l.viewportData={rowOffset:c,columnOffset:n,data:g},o.current?.forceUpdate()},250),()=>{d=!0}},[c,a,n,h,l]),e.jsx(q,{model:l,onViewChanged:t,ref:o})}function fl(){const l=[100,50,20,10,-10,-20,-50,-30,100,0,1],o=[],r=new Map([[0,"proportional"],[1,"middle"],[2,"directional"],[6,"directional"],[7,"directional"],[8,"directional"],[9,"directional"],[10,"directional"]]),s=new Map([[3,"#72d7df"],[4,"#ac9cf4"]]);s.set(5,["#f3cd5b","#9edc6f"]),s.set(19,["#42f54b","#42b9f5","#352aa8"]);const t=new Map([[3,"#f3cd5b"],[4,"#ac9cf4"]]);t.set(5,["#f95d84","#f3cd5b"]),t.set(19,["#e05536","#e607de","#e6e207"]);const c=new Map([[6,"hide"],[7,"overlap"],[8,"overlap"],[9,"overlap"]]),a=new Map([[7,.5],[8,.5],[9,.5]]),n=new Map([[8,"RTL"],[10,"RTL"],[16,"RTL"],[19,"RTL"]]),h=new Map([[9,"left"],[11,"left"]]),i=new Map([[12,[{value:13,color:"white"},{value:14,color:"gray"}]]]);for(let g=0;g<13;g+=1)o.push(l.slice());o.push([70,60,30,20,-10,-30,-20,-50,80,50,10]),o.push([50,20,10,0,0,-10,-30,10,90,20,40]),o.push([-100,-90,-80,-70,-60,-50,-40,-30,-20,-10,0]),o.push(l.slice()),o.push([100,10.5,11.234,-20.5,-50,-2.5,-15.1234,94.254,25,44.4444,-50.5]),o.push([1e6,10,200,-2e4,-2e6,-25,-9e5,8e5,1e5,45e4,1]),o.push(l.slice()),o.push(l.slice()),o.push(l.slice());const[d]=u.useState(()=>new Kr(o,r,s,t,c,a,n,h,i));return e.jsx(q,{model:d})}function bl(){const l=go(),[o]=u.useState(new gl(l,new $e)),[r]=u.useState(new Re),[s]=u.useState({autoSelectRow:!0}),[t]=u.useState({font:'12px Arial, "DejaVu Sans", sans-serif',rowHeight:40});return e.jsx("div",{children:e.jsxs(Jo.Provider,{value:t,children:[e.jsx("h2",{className:"ui-title",children:"Grid"}),e.jsx(I,{...S("grids-grid"),children:e.jsx(q,{model:r,theme:s})}),e.jsx("h2",{className:"ui-title",children:"Static Data"}),e.jsx(I,{...S("grids-static"),height:200,children:e.jsx(ml,{})}),e.jsx("h2",{className:"ui-title",children:"Data Bar"}),e.jsx(I,{...S("grids-data-bar"),height:500,children:e.jsx(fl,{})}),e.jsx("h2",{className:"ui-title",children:"Quadrillion rows and columns"}),e.jsx(I,{...S("grids-quadrillion"),position:"relative",height:500,children:e.jsx(vl,{})}),e.jsx("h2",{className:"ui-title",children:"Async example"}),e.jsx(I,{...S("grids-async"),position:"relative",height:500,children:e.jsx(xl,{})}),e.jsx("h2",{className:"ui-title",children:"Tree Grid"}),e.jsx(I,{...S("grids-tree"),height:500,children:e.jsx(pl,{})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid"}),e.jsx(I,{...S("grids-iris"),height:500,children:e.jsx(er,{model:o})})]})})}async function Je(l){try{return await navigator.clipboard.writeText(l)}catch(o){throw new Error(`Unable to copy: ${o}`)}}const yl="dh",jl="vs",eo=(l,o)=>o.toLowerCase()+l.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join("");function fo({message:l,message:{text:o}}){const[r,s]=u.useState(!1);return u.useEffect(function(){if(o==null||o==="")return;s(!0);const c=setTimeout(()=>{s(!1)},2e3);return()=>{clearTimeout(c)}},[l,o]),e.jsx("p",{className:r?"flash in":"flash out",children:o})}fo.propTypes={message:ne.shape({text:ne.node}).isRequired};function wl(){const[l,o]=u.useState(!0),[r,s]=u.useState(!0),[t,c]=u.useState(""),[a,n]=u.useState({text:""}),h=Object.values(O).filter(d=>{const g=eo(d.iconName,d.prefix).toLowerCase().indexOf(t.replace(/\s/g,"").replace(/-/g,"").toLowerCase())!==-1,m=l&&d.prefix===yl,v=r&&d.prefix===jl;return g&&(m||v)}).map(d=>{const g=eo(d.iconName,d.prefix);return e.jsxs(f,{kind:"inline",className:"card",onClick:()=>{Je(g).then(()=>{n({text:e.jsxs("span",{children:[e.jsx(k,{icon:O.vsOutput})," Copied text:"," ",e.jsx("strong",{children:g})]})})}).catch(m=>{n({text:e.jsx("span",{className:"text-danger",children:m.message})})})},children:[e.jsx(se,{size:"L",children:e.jsx(k,{icon:d})}),e.jsx("label",{title:g,children:g})]},g)}),i=`
   <div className="fa-md fa-layers">
     <FontAwesomeIcon
       mask={vsOrganization}
@@ -202,13 +202,13 @@ simulation = shares30min.update("Values=(double[])ss.update(Sym, TargetPosition,
       transform="down-7 right-7"
     />
     <FontAwesomeIcon icon={dhAddSmall} />
-  </div>`;return e.jsxs("div",{...p("icons"),children:[e.jsx("h2",{className:"ui-title",children:"Icons"}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Icon Composition"}),e.jsx("p",{children:"Icons can be used indivudally or composed together using font-awesome composition:"}),e.jsxs("div",{className:"icons",children:[e.jsx("div",{className:"icon card",children:e.jsx(k,{icon:Fe})}),e.jsx("div",{className:"icon card",children:e.jsx(k,{icon:Ve})}),e.jsx("div",{className:"icon card",children:e.jsx(k,{icon:Oe})}),e.jsx("div",{className:"icon card",children:"="}),e.jsxs(f,{kind:"inline",className:"card",onClick:()=>{Je(i).then(()=>{n({text:e.jsx("span",{children:"Copied composition example"})})}).catch(d=>{n({text:e.jsx("span",{className:"text-danger",children:d.message})})})},children:[e.jsx("div",{className:"icon",children:e.jsxs("div",{className:"fa-md fa-layers",children:[e.jsx(k,{mask:Fe,icon:Ve,transform:"down-7 right-7"}),e.jsx(k,{icon:Oe})]})}),e.jsx("label",{children:"Custom"})]})]})]})}),e.jsx("hr",{}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"All available icons"}),e.jsx("p",{children:"If you cannot find or compose a relevant icon for your use case, please request a new one to be created from design."}),e.jsxs("div",{className:"form-inline mb-3",children:[e.jsx("input",{type:"search",placeholder:"Basic icon search...",value:t,className:"form-control",onChange:d=>{c(d.target.value)}}),e.jsx("span",{className:"mx-2",children:"Show: "}),e.jsx(f,{kind:"inline",active:r,className:"mr-2",onClick:()=>s(!r),icon:r?O.vsCheck:O.vsClose,children:"VS ICONS"}),e.jsx(f,{kind:"inline",active:l,className:"mr-2",onClick:()=>o(!l),icon:l?O.vsCheck:O.vsClose,children:"DH ICONS"}),e.jsxs("small",{children:["(",h.length," icon",h.length===1?"":"s",")"]})]}),e.jsxs("div",{className:"icons",children:[h,h.length===0&&e.jsx("p",{className:"no-result",children:"No icons found."}),e.jsx(fo,{message:a})]})]})})]})}const je=[{title:"Title 1",value:"Value 1"},{title:"Title 2",value:"Value 2"},{title:"Title 3",value:"Value 3"},{title:"Title 4",value:"Value 4"},{title:"Title 5",value:"Value 5"},{title:"Title 6",value:"Value 6"},{title:"Title 7",value:"Value 7"},{title:"Title 8",value:"Value 8"},{title:"Title 9",value:"Value 9"},{title:"Title 9",value:"Value 9"},{title:"Title 10",value:"Value 10"},{title:"Title 11",value:"Value 11"},{title:"Title 12",value:"Value 12"}],Cl=[{title:"1 minute",value:1*60*1e3},{title:"5 minutes",value:5*60*1e3},{title:"20 minutes",value:20*60*1e3},{title:"45 minutes",value:45*60*1e3},{title:"1 hour",value:1*60*60*1e3},{title:"4 hours",value:4*60*60*1e3}],oo=["Invalid","Valid"];function Sl(){const[l,o]=u.useState(!1),[r,s]=u.useState(""),[t,c]=u.useState(!0),[a,n]=u.useState(!1),[h,i]=u.useState(!1),[d,g]=u.useState(!1),[m,v]=u.useState(null),[x,b]=u.useState("1"),[M,q]=u.useState(),[R,B]=u.useState("-DLiveTableMonitor.updateThreads=8 -DLiveTableMonitor.printDependencyInformation=false -Dassertion.heapDump=true -Drequire.heapDump=true -Dassertion.heapDump=true -Drequire.heapDump=true"),[te,yo]=u.useState(""),[Pe,jo]=u.useState(oo[0]),wo=u.useCallback(y=>{b(y.target.value)},[]),Z=u.useCallback(()=>{o(!l)},[l]),Co=u.useCallback(y=>{s(y.target.value)},[]),So=u.useCallback(y=>{yo(y.target.value)},[]);return e.jsxs("div",{...p("inputs",["style-guide-inputs"]),children:[e.jsx("h2",{className:"ui-title",children:"Inputs"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form imput"})]}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput2",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput2","aria-describedby":"emailHelp",placeholder:"Input Disabled",disabled:!0})]}),e.jsx("small",{className:"form-text text-muted",children:"Disabled input"})]}),e.jsx("div",{className:"form-group",children:e.jsxs("label",{htmlFor:"exampleInputPassword1",children:["Password",e.jsx("input",{type:"password",className:"form-control",id:"exampleInputPassword1",placeholder:"Password",defaultValue:"123456789"})]})}),e.jsx("div",{className:"form-group",children:e.jsx(hr,{value:r,placeholder:"Search Input",onChange:Co})})]})}),e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsx("h5",{children:" Checkboxes "}),e.jsx(P,{className:"form-group",checked:t,onChange:()=>c(!t),children:"Checked checkbox"}),e.jsx(P,{className:"form-group",checked:a,onChange:()=>n(!a),children:"Unchecked checkbox"}),e.jsx(P,{className:"form-group",disabled:!0,checked:null,children:"Disabled checkbox"}),e.jsx(P,{className:"form-group",isInvalid:!0,checked:h,onChange:()=>i(!h),children:"Invalid checkbox"}),e.jsx(P,{className:"form-group",checked:d,onChange:()=>g(!d),children:"Add radio button"}),e.jsx(P,{className:"form-group",checked:m,onChange:()=>{m==null?v(!0):v(m?!1:null)},children:"Indeterminate Cycle"})]})}),e.jsxs("div",{className:"col",children:[e.jsxs("form",{children:[e.jsx("h5",{children:" Radios "}),e.jsxs(or,{onChange:wo,value:x,children:[e.jsx(Y,{value:"1",children:"Toggle this custom radio"}),e.jsx(Y,{value:"2",children:"Or toggle this other custom radio"}),e.jsx(Y,{value:"3",disabled:!0,children:"Disabled radio"}),e.jsx(Y,{value:"4",isInvalid:!0,children:"Invalid radio"}),e.jsx(e.Fragment,{children:d&&e.jsx(Y,{value:"5",children:"Extra radio item"})})]})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Toggle Buttons"}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(l)}),e.jsx(K,{on:l,onClick:Z})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(!l)}),e.jsx(K,{on:!l,onClick:Z})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"isInvalid",children:"isInvalid"}),e.jsx(K,{on:!l,isInvalid:!0,onClick:Z})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"disabled",children:"disabled"}),e.jsx(K,{on:!l,disabled:!0,onClick:Z})]})]})]}),e.jsxs("div",{className:"col",children:[e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Selection Menu"}),e.jsxs(me,{onChange:y=>{},defaultValue:"0",className:"custom-select",children:[e.jsx("option",{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx("option",{value:"1",children:"One"}),e.jsx("option",{value:"2",children:"Two"}),e.jsx("option",{value:"3",children:"Three"})]})]}),e.jsx("div",{className:"form-group",children:e.jsxs(me,{onChange:y=>{},defaultValue:"0",className:"custom-select",disabled:!0,children:[e.jsx("option",{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx("option",{value:"1",children:"One"}),e.jsx("option",{value:"2",children:"Two"}),e.jsx("option",{value:"3",children:"Three"})]})}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Input with Select"}),e.jsx("div",{className:"input-group",children:e.jsx(Ue,{options:je,inputPlaceholder:"10.128.0.8",searchPlaceholder:"Search actions here"})}),e.jsx("br",{}),e.jsx("div",{className:"input-group",children:e.jsx(Ue,{options:je,inputPlaceholder:"10.128.0.8",searchPlaceholder:"Search actions here",disabled:!0})})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"AutoCompleteInput"}),e.jsx(vr,{options:je,noMatchText:"No Matches."})]})]}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Validate Label"}),e.jsx(ve,{validationError:te?void 0:"Value not set",isModified:!!te,id:"validateInput1",labelText:`Input Field${l?" (disabled)":""}`,hintText:"Hint text",children:e.jsx("input",{disabled:l,type:"text",className:"form-control","aria-describedby":"emailHelp",placeholder:"Type to modify",onChange:So})}),e.jsx(ve,{validationError:Pe==="Invalid"?"Invalid value":void 0,id:"validateLabelInput2",labelText:`Dropdown${l?" (disabled)":""}`,children:e.jsx(me,{disabled:l,onChange:y=>jo(y),value:Pe,children:oo.map(y=>e.jsx(rr,{value:y,children:y},y))})}),e.jsx(ve,{labelText:"Switch",isModified:l,children:e.jsx(K,{on:l,onClick:Z})})]})}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Time Input"}),e.jsx(pr,{}),e.jsx("br",{}),e.jsx("h5",{children:"Date Input"}),e.jsx(xr,{}),e.jsx("br",{}),e.jsx("h5",{children:"DateTime Input"}),e.jsx(lr,{}),e.jsx("br",{}),e.jsx("h5",{children:"Custom Timeselect"}),e.jsx(fr,{options:Cl,value:M??null,onChange:q,customText:"Custom Timeout",placeholder:"Select a timeout",timeToValue:y=>y*1e3})]})})]}),e.jsx("div",{className:"row",children:e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Auto Resize Textarea"}),e.jsx(br,{value:R,delimiter:" -",onChange:B})]})})})]})}class Tl extends u.PureComponent{constructor(o){super(o),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(o){const r=this.selectedItems.indexOf(o);r>=0?this.selectedItems.splice(r,1):this.selectedItems.push(o);const s=r<0,{offset:t}=this.state;let{items:c}=this.state;c=[].concat(c);const a=o-t;a>=0&&a<c.length&&(c[a].isSelected=s),this.setState({items:c})}handleViewportChange(o,r){const{itemCount:s}=this.state,t=r-o+1,c=Math.max(0,o-t),a=Math.min(r+t,s),n=[];for(let i=c;i<=a&&i<=s;i+=1){const d=`Item ${i}`,g=this.selectedItems.indexOf(i)>=0;n.push({value:d,isSelected:g})}const h=c;this.setState({offset:h,items:n})}render(){const{offset:o,items:r,itemCount:s}=this.state;return e.jsx(sr,{itemCount:s,items:r,offset:o,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}class ro extends u.PureComponent{static defaultProps;static propTypes;constructor(o){super(o),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(o){const{itemCount:r}=this.state;console.log("Item selected at index",o,"/",r)}handleViewportChange(o,r){const{itemCount:s}=this.state,t=r-o+1,c=Math.max(0,o-t),a=Math.min(r+t,s),n=[];for(let i=c;i<=a;i+=1){const d=`Item ${i}`,g=this.selectedItems.indexOf(i)>=0;n.push({value:d,isSelected:g})}const h=c;this.setState({offset:h,items:n})}render(){const{isMultiSelect:o}=this.props,{offset:r,items:s,itemCount:t}=this.state;return e.jsx(nr,{isMultiSelect:o,itemCount:t,items:s,offset:r,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}function Nl(){return e.jsxs("div",{...p("item-list-inputs",["style-guide-inputs"]),children:[e.jsx("h2",{className:"ui-title",children:"Item Lists"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Select List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(Tl,{})})]})}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Item List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(ro,{})})]})}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Multi Select Item List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(ro,{isMultiSelect:!0})})]})})]})]})}function kl(){const[l,o]=u.useState(0),[r,s]=u.useState(!0),t=()=>{o(0)};function c(a){return e.jsxs(le.Fragment,{children:[e.jsxs(f,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o(a)},children:[a," ",a>1?"Actions":"Action"]}),e.jsx(dr,{isOpen:l===a,headerText:"Header Text",bodyText:"This is where the body text goes",onConfirm:t,onCancel:a>=2?t:void 0,onDiscard:a>=3?t:void 0})]},a)}return e.jsxs("div",{...p("modals"),children:[e.jsx("h2",{className:"ui-title",children:"Basic Modals"}),e.jsx("div",{style:{padding:"1rem"},children:[1,2,3].map(a=>c(a))}),e.jsx("h2",{className:"ui-title",children:"Custom Modal"}),e.jsx("div",{style:{padding:"1rem"},children:e.jsx("div",{className:"modal-dialog theme-bg-light",role:"dialog",children:e.jsxs("div",{className:"modal-content",children:[e.jsxs("div",{className:"modal-header",children:[e.jsx("h5",{className:"modal-title",children:"Modal title"}),e.jsx("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close",children:e.jsx("span",{"aria-hidden":"true",children:"×"})})]}),e.jsxs("div",{className:"modal-body",children:[e.jsx("p",{children:"Modal body text goes here."}),e.jsx(P,{checked:r,onChange:()=>s(!r),children:"Checked checkbox"})]}),e.jsxs("div",{className:"modal-footer",children:[e.jsx(f,{kind:"secondary","data-dismiss":"modal",onClick:()=>{},children:"Close"}),e.jsx(f,{kind:"primary",onClick:()=>{},children:"Save changes"})]})]})})})]})}function Dl(){return e.jsxs("div",{...p("progress"),children:[e.jsx("h2",{className:"ui-title",children:"Progress"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Determinate Progress Loader"}),e.jsx("br",{}),e.jsx("div",{className:"progress",style:{marginBottom:"1rem"},children:e.jsx("div",{className:"progress-bar bg-primary",style:{width:"25%"},"aria-valuenow":25,"aria-valuemin":0,"aria-valuemax":100})})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Indeterminate Progress Spinner"}),e.jsx(Ee,{className:"loading-spinner-large"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Button Progress Spinner"}),e.jsx(f,{kind:"primary",className:"btn-spinner btn-cancelable",style:{minWidth:"10rem"},onClick:()=>{},children:e.jsxs("span",{children:[e.jsx(Ee,{className:"mr-2 loading-spinner-vertical-align"}),e.jsx("span",{className:"btn-normal-content",children:"Connecting"}),e.jsx("span",{className:"btn-hover-content",children:"Cancel"})]})})]})]})]})}class El extends u.PureComponent{constructor(o){super(o),this.handleSliderChange=this.handleSliderChange.bind(this),this.state={startTime:24*60*60*.25,endTime:24*60*60*.75}}handleSliderChange(o){const{startTime:r,endTime:s}=o;this.setState({startTime:r}),this.setState({endTime:s})}render(){const{startTime:o,endTime:r}=this.state;return e.jsxs("div",{...p("time-slider-inputs",["style-guide-inputs"]),children:[e.jsx("h2",{className:"ui-title",children:"Time Slider"}),e.jsx(yr,{startTime:o,endTime:r,onChange:this.handleSliderChange}),e.jsxs("p",{children:["StartTime: ",qe.formatTime(o)]}),e.jsxs("p",{children:["EndTime: ",qe.formatTime(r)]})]})}}function Il(){const o=[Me,Ae].map(r=>e.jsx(k,{icon:r},`${r.prefix}-${r.iconName}`));return e.jsxs("div",{...p("tooltips"),children:[e.jsx("h2",{className:"ui-title",title:"Make better looking tooltips than this one!",children:"Tooltips"}),e.jsxs("div",{className:"btn btn-primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Simple Tooltip",e.jsx(oe,{children:"Text only content"})]}),e.jsxs("div",{className:"btn btn-secondary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Complex Tooltip",e.jsxs(oe,{children:[e.jsxs("div",{children:["Here is some ",e.jsx("i",{children:"cool"})," ",e.jsx("b",{children:"text"})]}),e.jsx("hr",{}),e.jsx("div",{children:"And some icons down here"}),e.jsxs("div",{children:[e.jsx(Ee,{className:"loading-spinner-vertical-align"}),o]})]})]}),e.jsxs("div",{className:"btn btn-success",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Interactive Tooltip",e.jsxs(oe,{interactive:!0,children:[e.jsx("div",{children:"This tooltip is interactive."}),e.jsx("hr",{}),e.jsx(f,{kind:"primary",onClick:()=>{alert("Button clicked!")},children:"Show Alert"})]})]})]})}function Al(){return e.jsxs("div",{...p("typography"),children:[e.jsx("h2",{className:"ui-title",children:"Typography"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h1",{className:"text-muted","data-no-menu":!0,children:"h1. Unused"}),e.jsx("h2",{className:"text-muted","data-no-menu":!0,children:"h2. Unused"}),e.jsx("h3",{className:"text-muted","data-no-menu":!0,children:"h3. Unused"}),e.jsx("h4",{"data-no-menu":!0,children:"h4. Standard Heading"}),e.jsx("h5",{"data-no-menu":!0,children:"h5. Small Heading"}),e.jsx("h6",{className:"text-muted","data-no-menu":!0,children:"h6. Unused"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Fonts"}),e.jsx("p",{children:"UI: Fira Sans;"}),e.jsx("p",{className:"text-monospace",children:"Code: Fira Mono;"}),e.jsx("p",{children:'Tables: Fira Sans; font-feature-settings: "tnum";'}),e.jsx("p",{children:"Default font-size: 14px = 1rem"})]})]})]})}class Ml extends u.PureComponent{static propTypes;static defaultProps;constructor(o){super(o),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.itemList=le.createRef(),this.selectedItems=[],this.state={topRow:null,bottomRow:null}}focusItem(o){this.itemList.current&&this.itemList.current.focusItem(o)}handleSelectionChange(o){console.log("Selection changed",o);const{onSelectionChange:r}=this.props;r(o)}handleViewportChange(o,r){const{items:s}=this.props,t=r-o+1,c=Math.max(0,o-t),a=Math.min(r+t,s.length);this.setState({topRow:c,bottomRow:a})}getViewportItems=ao((o,r,s)=>o==null||r==null?[]:s.slice(o,r));render(){const{draggablePrefix:o,droppableId:r,isDragDisabled:s,isDropDisabled:t,isMultiSelect:c,items:a,selectedRanges:n}=this.props,{topRow:h,bottomRow:i}=this.state;return e.jsx(J,{draggablePrefix:o,droppableId:r,isDragDisabled:s,isDropDisabled:t,isMultiSelect:c,itemCount:a.length,items:this.getViewportItems(h,i,a),offset:h??0,onSelectionChange:this.handleSelectionChange,onViewportChange:this.handleViewportChange,ref:this.itemList,selectedRanges:n})}}const we=["Draggable Only","Drag and Drop","Droppable Only"],Rl=[{isDropDisabled:!0},{},{isDragDisabled:!0}],$l=(l="Item",o=1e3)=>{const r=[];for(let s=0;s<o;s+=1)r.push(`${l}-${s}`);return r};class de extends u.Component{static handleDragStart(o){console.log("handleDragStart",o)}static handleDragUpdate(o){console.log("handleDragUpdate",o)}constructor(o){super(o),this.handleDragEnd=this.handleDragEnd.bind(this),this.animationFrame=null;const r=[],s=[],t=[];for(let c=0;c<we.length;c+=1)r[c]=$l(we[c]),s[c]=[],t[c]=le.createRef();this.state={items:r,lists:t,selectedRanges:s}}componentWillUnmount(){this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame)}handleDragEnd(o){console.log("handleDragEnd",o);const{source:r,destination:s}=o;if(r==null||s==null)return;const t=J.getDraggableIndex(r.droppableId),c=J.getDraggableIndex(s.droppableId),a=t===c;let n=s.index;a&&r.index<s.index&&(n+=1);let h=n;this.setState(({items:i,selectedRanges:d})=>{const g=[...i[t]],m=a?g:[...i[c]],v=Ge.reorder(g,d[t],m,n),x=[...i];x[t]=g,x[c]=m,h=a?Ge.adjustDestinationIndex(n,d[c]):n;const b=[...d];return b[t]=[],b[c]=[[h,h+v.length-1]],{items:x,selectedRanges:b}},()=>{this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(()=>{this.animationFrame=null;const{lists:i}=this.state;i[c]?.current?.focusItem(h)})})}handleSelectionChange(o,r){this.setState(({selectedRanges:s})=>{const t=[...s];return t[o]=[...r],{selectedRanges:t}})}getSelectionChangeHandler=_e(o=>this.handleSelectionChange.bind(this,o));getDraggableList=_e((o,r,s,t)=>e.jsx(Ml,{items:o,droppableId:J.getDraggableId("drop-list",t),draggablePrefix:J.getDraggableId("draggable-item",t),onSelectionChange:this.getSelectionChangeHandler(t),isMultiSelect:!0,ref:s,selectedRanges:r,...Rl[t]}));render(){const{items:o,lists:r,selectedRanges:s}=this.state;return e.jsxs("div",{...p("draggable-lists",["style-guide-inputs"]),children:[e.jsx("h2",{className:"ui-title",children:"Drag and Drop Lists"}),e.jsx("div",{className:"row",children:e.jsx(To,{onDragStart:de.handleDragStart,onDragUpdate:de.handleDragUpdate,onDragEnd:this.handleDragEnd,children:we.map((t,c)=>e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsxs("h5",{children:[t," List"]}),e.jsx("div",{style:{height:"300px"},children:this.getDraggableList(o[c],s[c],r[c],c)})]})},t))})})]})}}let lo=0;function Ll(){const l=lo;return lo+=1,l}const Pl=vo(25);function Ce(l=1,o=5){const r=Number(Pl.next().value);return Math.floor(r*o)+l}function Se(l,o=Ll()){return{id:o,type:l}}function so(l=Ce(),o=Ce(),r=Ce()){const s=[];for(let t=0;t<l;t+=1)s.push(Se("SUBMENU"));for(let t=0;t<o;t+=1)s.push(Se("PAGE"));for(let t=0;t<r;t+=1)s.push(Se("SWITCH"));return s}function Te({type:l,id:o}){switch(l){case"SUBMENU":return`Submenu ${o}`;case"PAGE":return`Page ${o}`;case"SWITCH":return`Switch ${o}`}}function _l({type:l}){switch(l){case"SUBMENU":return Wo;case"PAGE":return zo;case"SWITCH":return _}}function Bl(){const[l,o]=u.useState([]),[r,s]=u.useState(new Map),t=u.useCallback(d=>{o([...l,d])},[l,o]),c=u.useCallback(()=>{const d=[...l];d.pop(),o(d)},[l,o]),a=u.useCallback(()=>{const d=[l[0]];o(d)},[l,o]),n=u.useCallback(d=>{const g=r.get(d)??!1,m=new Map(r);m.set(d,!g),s(m)},[r,s]),h=u.useCallback(d=>{const g=l[l.length-1],{items:m}=g;if(!m)throw new Error("Navigation handleSelect triggered without items to select");const v=m[d];switch(v.type){case"PAGE":t({title:Te(v)});break;case"SUBMENU":t({title:Te(v),items:so()});break;case"SWITCH":n(v.id);break}},[l,n,t]);u.useEffect(function(){o([{title:"Navigation Menu",items:so()}])},[]);const i=u.useMemo(()=>l.map(({items:d,title:g},m)=>{if(!d)return e.jsx(He,{onBack:c,onClose:a,title:g,children:e.jsx("div",{children:"Page content!"})},g);let v=null;if(d!=null){const x=d.map(b=>{const M=Te(b),q=_l(b);let R,B;return b.type==="SWITCH"&&(R=r.get(b.id)??!1,B=()=>{h(b.id)}),{title:M,icon:q,isOn:R,onChange:B}});v=e.jsx(ar,{onSelect:h,items:x})}else v=e.jsx("div",{children:"Page content"});return e.jsx(He,{onBack:m>0?c:void 0,onClose:m>0?a:void 0,title:g,children:v},g)}),[l,r,h,c,a]);return e.jsxs("div",{...p("navigations"),children:[e.jsx("h2",{className:"ui-title",children:"Navigations"}),e.jsx("div",{className:"navigations",children:e.jsx(tr,{children:i})})]})}const Fl=`:root{--dh-color-gray-50-hsl: 300deg, 6.1%, 9.6%;--dh-color-gray-75-hsl: 280deg, 4.6%, 12.7%;--dh-color-gray-100-hsl: 285deg, 4.5%, 17.3%;--dh-color-gray-200-hsl: 285deg, 4.1%, 19.2%;--dh-color-gray-300-hsl: 285deg, 3.7%, 21.2%;--dh-color-gray-400-hsl: 280deg, 2.4%, 24.9%;--dh-color-gray-500-hsl: 270deg, 1.1%, 35.7%;--dh-color-gray-600-hsl: 300deg, .5%, 57.1%;--dh-color-gray-700-hsl: 0deg, .8%, 75.1%;--dh-color-gray-800-hsl: 60deg, 6.2%, 93.7%;--dh-color-gray-900-hsl: 60deg, 25%, 98.4%;--dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);--dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);--dh-color-black-hsl: var(--dh-color-gray-50-hsl);--dh-color-white-hsl: var(--dh-color-gray-800-hsl);--dh-color-true-black-hsl: 0deg, 0%, 0%;--dh-color-true-white-hsl: 0deg, 0%, 100%;--dh-color-blue-100-hsl: 222deg, 65.3%, 19.2%;--dh-color-blue-200-hsl: 222deg, 66.2%, 25.5%;--dh-color-blue-300-hsl: 222deg, 64.8%, 32.4%;--dh-color-blue-400-hsl: 222deg, 63.2%, 39.4%;--dh-color-blue-500-hsl: 222deg, 60.7%, 46.9%;--dh-color-blue-600-hsl: 222deg, 68.2%, 54.3%;--dh-color-blue-700-hsl: 222deg, 82.7%, 61.6%;--dh-color-blue-800-hsl: 222deg, 93.8%, 68.4%;--dh-color-blue-900-hsl: 222deg, 100%, 74.3%;--dh-color-blue-1000-hsl: 222deg, 100%, 79.6%;--dh-color-blue-1100-hsl: 221deg, 100%, 84.3%;--dh-color-blue-1200-hsl: 221deg, 100%, 89%;--dh-color-blue-1300-hsl: 222deg, 100%, 92.9%;--dh-color-blue-1400-hsl: 224deg, 100%, 96.3%;--dh-color-red-100-hsl: 346deg, 54.3%, 18%;--dh-color-red-200-hsl: 345deg, 55%, 23.5%;--dh-color-red-300-hsl: 346deg, 54.2%, 30%;--dh-color-red-400-hsl: 345deg, 54.3%, 36.9%;--dh-color-red-500-hsl: 345deg, 53.4%, 43.7%;--dh-color-red-600-hsl: 345deg, 54.8%, 51.4%;--dh-color-red-700-hsl: 345deg, 71.3%, 59%;--dh-color-red-800-hsl: 345deg, 91.7%, 67.1%;--dh-color-red-900-hsl: 344deg, 100%, 74.1%;--dh-color-red-1000-hsl: 343deg, 100%, 80%;--dh-color-red-1100-hsl: 343deg, 100%, 85.3%;--dh-color-red-1200-hsl: 344deg, 100%, 89.8%;--dh-color-red-1300-hsl: 344deg, 100%, 93.5%;--dh-color-red-1400-hsl: 344deg, 100%, 96.3%;--dh-color-orange-100-hsl: 20deg, 100%, 13.9%;--dh-color-orange-200-hsl: 22deg, 95.7%, 18%;--dh-color-orange-300-hsl: 23deg, 89.8%, 23.1%;--dh-color-orange-400-hsl: 22deg, 83.7%, 28.8%;--dh-color-orange-500-hsl: 22deg, 79.7%, 34.7%;--dh-color-orange-600-hsl: 22deg, 74.3%, 41.2%;--dh-color-orange-700-hsl: 22deg, 69.8%, 48%;--dh-color-orange-800-hsl: 22deg, 78.2%, 55.1%;--dh-color-orange-900-hsl: 21deg, 94.7%, 63.1%;--dh-color-orange-1000-hsl: 22deg, 100%, 70.6%;--dh-color-orange-1100-hsl: 23deg, 100%, 77.6%;--dh-color-orange-1200-hsl: 24deg, 100%, 84.3%;--dh-color-orange-1300-hsl: 24deg, 100%, 89.8%;--dh-color-orange-1400-hsl: 25deg, 100%, 94.3%;--dh-color-yellow-100-hsl: 51deg, 100%, 9%;--dh-color-yellow-200-hsl: 50deg, 100%, 12%;--dh-color-yellow-300-hsl: 51deg, 100%, 15.1%;--dh-color-yellow-400-hsl: 50deg, 90%, 19.6%;--dh-color-yellow-500-hsl: 49deg, 82.4%, 24.5%;--dh-color-yellow-600-hsl: 48deg, 75%, 29.8%;--dh-color-yellow-700-hsl: 48deg, 70.2%, 35.5%;--dh-color-yellow-800-hsl: 47deg, 65.7%, 41.2%;--dh-color-yellow-900-hsl: 47deg, 61.2%, 47.5%;--dh-color-yellow-1000-hsl: 47deg, 66.2%, 53.5%;--dh-color-yellow-1100-hsl: 46deg, 79.4%, 60%;--dh-color-yellow-1200-hsl: 46deg, 94.2%, 66.5%;--dh-color-yellow-1300-hsl: 49deg, 100%, 73.9%;--dh-color-yellow-1400-hsl: 51deg, 100%, 83.7%;--dh-color-chartreuse-100-hsl: 77deg, 100%, 8.4%;--dh-color-chartreuse-200-hsl: 75deg, 83.6%, 12%;--dh-color-chartreuse-300-hsl: 74deg, 73.2%, 16.1%;--dh-color-chartreuse-400-hsl: 71deg, 67%, 20.2%;--dh-color-chartreuse-500-hsl: 71deg, 62.2%, 24.9%;--dh-color-chartreuse-600-hsl: 70deg, 58.9%, 29.6%;--dh-color-chartreuse-700-hsl: 69deg, 55.7%, 34.5%;--dh-color-chartreuse-800-hsl: 68deg, 52.9%, 40%;--dh-color-chartreuse-900-hsl: 67deg, 50%, 45.5%;--dh-color-chartreuse-1000-hsl: 67deg, 49.2%, 51.4%;--dh-color-chartreuse-1100-hsl: 67deg, 57.8%, 57.3%;--dh-color-chartreuse-1200-hsl: 66deg, 67.2%, 64.1%;--dh-color-chartreuse-1300-hsl: 66deg, 75.7%, 72.5%;--dh-color-chartreuse-1400-hsl: 66deg, 82%, 82.5%;--dh-color-celery-100-hsl: 127deg, 42.9%, 12.4%;--dh-color-celery-200-hsl: 125deg, 43.2%, 15.9%;--dh-color-celery-300-hsl: 125deg, 42.9%, 20.6%;--dh-color-celery-400-hsl: 125deg, 42.6%, 25.3%;--dh-color-celery-500-hsl: 125deg, 41.6%, 30.2%;--dh-color-celery-600-hsl: 126deg, 40.7%, 35.7%;--dh-color-celery-700-hsl: 125deg, 39.3%, 41.4%;--dh-color-celery-800-hsl: 125deg, 36.6%, 47.6%;--dh-color-celery-900-hsl: 125deg, 39.1%, 54.9%;--dh-color-celery-1000-hsl: 125deg, 43.9%, 62.9%;--dh-color-celery-1100-hsl: 125deg, 47.9%, 71.4%;--dh-color-celery-1200-hsl: 126deg, 49.5%, 79.8%;--dh-color-celery-1300-hsl: 126deg, 48.5%, 87.1%;--dh-color-celery-1400-hsl: 127deg, 50%, 92.9%;--dh-color-green-100-hsl: 95deg, 17.1%, 13.7%;--dh-color-green-200-hsl: 92deg, 18.7%, 17.8%;--dh-color-green-300-hsl: 94deg, 21.7%, 22.5%;--dh-color-green-400-hsl: 94deg, 22.9%, 27.5%;--dh-color-green-500-hsl: 93deg, 25.6%, 32.2%;--dh-color-green-600-hsl: 95deg, 27.7%, 37.5%;--dh-color-green-700-hsl: 95deg, 29.6%, 42.4%;--dh-color-green-800-hsl: 94deg, 31.7%, 47.6%;--dh-color-green-900-hsl: 94deg, 37.5%, 52.9%;--dh-color-green-1000-hsl: 94deg, 47.4%, 58.2%;--dh-color-green-1100-hsl: 94deg, 58.9%, 63.7%;--dh-color-green-1200-hsl: 94deg, 70.9%, 70.4%;--dh-color-green-1300-hsl: 94deg, 81.5%, 78.8%;--dh-color-green-1400-hsl: 93deg, 87.7%, 87.3%;--dh-color-seafoam-100-hsl: 156deg, 13.9%, 14.1%;--dh-color-seafoam-200-hsl: 158deg, 17.4%, 18%;--dh-color-seafoam-300-hsl: 159deg, 19.7%, 22.9%;--dh-color-seafoam-400-hsl: 158deg, 22.5%, 27.8%;--dh-color-seafoam-500-hsl: 158deg, 25.7%, 32.7%;--dh-color-seafoam-600-hsl: 159deg, 28.8%, 37.5%;--dh-color-seafoam-700-hsl: 161deg, 33%, 42.2%;--dh-color-seafoam-800-hsl: 161deg, 36.4%, 46.9%;--dh-color-seafoam-900-hsl: 162deg, 41.9%, 51.4%;--dh-color-seafoam-1000-hsl: 161deg, 53.4%, 56.3%;--dh-color-seafoam-1100-hsl: 162deg, 66%, 62%;--dh-color-seafoam-1200-hsl: 161deg, 76.5%, 70%;--dh-color-seafoam-1300-hsl: 158deg, 86.5%, 79.6%;--dh-color-seafoam-1400-hsl: 156deg, 89.1%, 89.2%;--dh-color-cyan-100-hsl: 185deg, 38.5%, 12.7%;--dh-color-cyan-200-hsl: 186deg, 38.1%, 16.5%;--dh-color-cyan-300-hsl: 186deg, 38.9%, 21.2%;--dh-color-cyan-400-hsl: 185deg, 38.3%, 26.1%;--dh-color-cyan-500-hsl: 185deg, 38.4%, 31.2%;--dh-color-cyan-600-hsl: 186deg, 38%, 36.7%;--dh-color-cyan-700-hsl: 185deg, 37.7%, 42.2%;--dh-color-cyan-800-hsl: 185deg, 37.1%, 48%;--dh-color-cyan-900-hsl: 185deg, 42.5%, 54.3%;--dh-color-cyan-1000-hsl: 185deg, 52.5%, 60.4%;--dh-color-cyan-1100-hsl: 186deg, 64.5%, 66.9%;--dh-color-cyan-1200-hsl: 186deg, 78.9%, 73.9%;--dh-color-cyan-1300-hsl: 186deg, 91.6%, 81.4%;--dh-color-cyan-1400-hsl: 186deg, 100%, 89.6%;--dh-color-indigo-100-hsl: 237deg, 58.1%, 24.3%;--dh-color-indigo-200-hsl: 236deg, 51.9%, 30.2%;--dh-color-indigo-300-hsl: 236deg, 46.8%, 36.9%;--dh-color-indigo-400-hsl: 235deg, 42.6%, 43.7%;--dh-color-indigo-500-hsl: 235deg, 40.2%, 50.8%;--dh-color-indigo-600-hsl: 235deg, 48.8%, 57.8%;--dh-color-indigo-700-hsl: 234deg, 59.8%, 64.9%;--dh-color-indigo-800-hsl: 234deg, 74.8%, 72%;--dh-color-indigo-900-hsl: 234deg, 91%, 78.2%;--dh-color-indigo-1000-hsl: 234deg, 100%, 83.3%;--dh-color-indigo-1100-hsl: 234deg, 100%, 87.3%;--dh-color-indigo-1200-hsl: 235deg, 100%, 91.2%;--dh-color-indigo-1300-hsl: 232deg, 100%, 94.1%;--dh-color-indigo-1400-hsl: 236deg, 100%, 96.9%;--dh-color-purple-100-hsl: 263deg, 73.1%, 23.3%;--dh-color-purple-200-hsl: 260deg, 59.2%, 29.8%;--dh-color-purple-300-hsl: 258deg, 49.7%, 36.7%;--dh-color-purple-400-hsl: 257deg, 43.2%, 43.5%;--dh-color-purple-500-hsl: 255deg, 38.3%, 50.4%;--dh-color-purple-600-hsl: 254deg, 45%, 57.3%;--dh-color-purple-700-hsl: 253deg, 53.8%, 64.3%;--dh-color-purple-800-hsl: 251deg, 64.4%, 71.4%;--dh-color-purple-900-hsl: 250deg, 78.8%, 77.8%;--dh-color-purple-1000-hsl: 249deg, 90.6%, 83.3%;--dh-color-purple-1100-hsl: 249deg, 96.8%, 87.6%;--dh-color-purple-1200-hsl: 250deg, 100%, 91.4%;--dh-color-purple-1300-hsl: 251deg, 100%, 94.5%;--dh-color-purple-1400-hsl: 260deg, 88.2%, 96.7%;--dh-color-fuchsia-100-hsl: 301deg, 64.3%, 16.5%;--dh-color-fuchsia-200-hsl: 300deg, 53.2%, 21.8%;--dh-color-fuchsia-300-hsl: 297deg, 43.8%, 28.6%;--dh-color-fuchsia-400-hsl: 294deg, 39.2%, 35.5%;--dh-color-fuchsia-500-hsl: 291deg, 35.2%, 42.9%;--dh-color-fuchsia-600-hsl: 287deg, 32.5%, 50.6%;--dh-color-fuchsia-700-hsl: 283deg, 39.6%, 58.4%;--dh-color-fuchsia-800-hsl: 279deg, 50%, 66.3%;--dh-color-fuchsia-900-hsl: 277deg, 61.5%, 73.5%;--dh-color-fuchsia-1000-hsl: 275deg, 70.9%, 79.8%;--dh-color-fuchsia-1100-hsl: 275deg, 76.3%, 85.1%;--dh-color-fuchsia-1200-hsl: 277deg, 77.8%, 89.4%;--dh-color-fuchsia-1300-hsl: 280deg, 77.1%, 93.1%;--dh-color-fuchsia-1400-hsl: 288deg, 71.4%, 95.9%;--dh-color-magenta-100-hsl: 333deg, 90.7%, 16.9%;--dh-color-magenta-200-hsl: 334deg, 72.4%, 22.7%;--dh-color-magenta-300-hsl: 334deg, 60.3%, 29.6%;--dh-color-magenta-400-hsl: 334deg, 51.6%, 36.5%;--dh-color-magenta-500-hsl: 333deg, 45.7%, 43.3%;--dh-color-magenta-600-hsl: 332deg, 41.5%, 50.4%;--dh-color-magenta-700-hsl: 330deg, 50.7%, 57.8%;--dh-color-magenta-800-hsl: 329deg, 60.7%, 65.1%;--dh-color-magenta-900-hsl: 329deg, 75.9%, 72.4%;--dh-color-magenta-1000-hsl: 328deg, 92.5%, 79.2%;--dh-color-magenta-1100-hsl: 327deg, 100%, 84.7%;--dh-color-magenta-1200-hsl: 327deg, 100%, 89.4%;--dh-color-magenta-1300-hsl: 326deg, 100%, 93.3%;--dh-color-magenta-1400-hsl: 328deg, 100%, 96.3%;--dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));--dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));--dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));--dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));--dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));--dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));--dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));--dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));--dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));--dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));--dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));--dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));--dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));--dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));--dh-color-black: hsl(var(--dh-color-black-hsl));--dh-color-white: hsl(var(--dh-color-white-hsl));--dh-color-blue-100: hsl(var(--dh-color-blue-100-hsl));--dh-color-blue-200: hsl(var(--dh-color-blue-200-hsl));--dh-color-blue-300: hsl(var(--dh-color-blue-300-hsl));--dh-color-blue-400: hsl(var(--dh-color-blue-400-hsl));--dh-color-blue-500: hsl(var(--dh-color-blue-500-hsl));--dh-color-blue-600: hsl(var(--dh-color-blue-600-hsl));--dh-color-blue-700: hsl(var(--dh-color-blue-700-hsl));--dh-color-blue-800: hsl(var(--dh-color-blue-800-hsl));--dh-color-blue-900: hsl(var(--dh-color-blue-900-hsl));--dh-color-blue-1000: hsl(var(--dh-color-blue-1000-hsl));--dh-color-blue-1100: hsl(var(--dh-color-blue-1100-hsl));--dh-color-blue-1200: hsl(var(--dh-color-blue-1200-hsl));--dh-color-blue-1300: hsl(var(--dh-color-blue-1300-hsl));--dh-color-blue-1400: hsl(var(--dh-color-blue-1400-hsl));--dh-color-red-100: hsl(var(--dh-color-red-100-hsl));--dh-color-red-200: hsl(var(--dh-color-red-200-hsl));--dh-color-red-300: hsl(var(--dh-color-red-300-hsl));--dh-color-red-400: hsl(var(--dh-color-red-400-hsl));--dh-color-red-500: hsl(var(--dh-color-red-500-hsl));--dh-color-red-600: hsl(var(--dh-color-red-600-hsl));--dh-color-red-700: hsl(var(--dh-color-red-700-hsl));--dh-color-red-800: hsl(var(--dh-color-red-800-hsl));--dh-color-red-900: hsl(var(--dh-color-red-900-hsl));--dh-color-red-1000: hsl(var(--dh-color-red-1000-hsl));--dh-color-red-1100: hsl(var(--dh-color-red-1100-hsl));--dh-color-red-1200: hsl(var(--dh-color-red-1200-hsl));--dh-color-red-1300: hsl(var(--dh-color-red-1300-hsl));--dh-color-red-1400: hsl(var(--dh-color-red-1400-hsl));--dh-color-orange-100: hsl(var(--dh-color-orange-100-hsl));--dh-color-orange-200: hsl(var(--dh-color-orange-200-hsl));--dh-color-orange-300: hsl(var(--dh-color-orange-300-hsl));--dh-color-orange-400: hsl(var(--dh-color-orange-400-hsl));--dh-color-orange-500: hsl(var(--dh-color-orange-500-hsl));--dh-color-orange-600: hsl(var(--dh-color-orange-600-hsl));--dh-color-orange-700: hsl(var(--dh-color-orange-700-hsl));--dh-color-orange-800: hsl(var(--dh-color-orange-800-hsl));--dh-color-orange-900: hsl(var(--dh-color-orange-900-hsl));--dh-color-orange-1000: hsl(var(--dh-color-orange-1000-hsl));--dh-color-orange-1100: hsl(var(--dh-color-orange-1100-hsl));--dh-color-orange-1200: hsl(var(--dh-color-orange-1200-hsl));--dh-color-orange-1300: hsl(var(--dh-color-orange-1300-hsl));--dh-color-orange-1400: hsl(var(--dh-color-orange-1400-hsl));--dh-color-yellow-100: hsl(var(--dh-color-yellow-100-hsl));--dh-color-yellow-200: hsl(var(--dh-color-yellow-200-hsl));--dh-color-yellow-300: hsl(var(--dh-color-yellow-300-hsl));--dh-color-yellow-400: hsl(var(--dh-color-yellow-400-hsl));--dh-color-yellow-500: hsl(var(--dh-color-yellow-500-hsl));--dh-color-yellow-600: hsl(var(--dh-color-yellow-600-hsl));--dh-color-yellow-700: hsl(var(--dh-color-yellow-700-hsl));--dh-color-yellow-800: hsl(var(--dh-color-yellow-800-hsl));--dh-color-yellow-900: hsl(var(--dh-color-yellow-900-hsl));--dh-color-yellow-1000: hsl(var(--dh-color-yellow-1000-hsl));--dh-color-yellow-1100: hsl(var(--dh-color-yellow-1100-hsl));--dh-color-yellow-1200: hsl(var(--dh-color-yellow-1200-hsl));--dh-color-yellow-1300: hsl(var(--dh-color-yellow-1300-hsl));--dh-color-yellow-1400: hsl(var(--dh-color-yellow-1400-hsl));--dh-color-chartreuse-100: hsl(var(--dh-color-chartreuse-100-hsl));--dh-color-chartreuse-200: hsl(var(--dh-color-chartreuse-200-hsl));--dh-color-chartreuse-300: hsl(var(--dh-color-chartreuse-300-hsl));--dh-color-chartreuse-400: hsl(var(--dh-color-chartreuse-400-hsl));--dh-color-chartreuse-500: hsl(var(--dh-color-chartreuse-500-hsl));--dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-600-hsl));--dh-color-chartreuse-700: hsl(var(--dh-color-chartreuse-700-hsl));--dh-color-chartreuse-800: hsl(var(--dh-color-chartreuse-800-hsl));--dh-color-chartreuse-900: hsl(var(--dh-color-chartreuse-900-hsl));--dh-color-chartreuse-1000: hsl(var(--dh-color-chartreuse-1000-hsl));--dh-color-chartreuse-1100: hsl(var(--dh-color-chartreuse-1100-hsl));--dh-color-chartreuse-1200: hsl(var(--dh-color-chartreuse-1200-hsl));--dh-color-chartreuse-1300: hsl(var(--dh-color-chartreuse-1300-hsl));--dh-color-chartreuse-1400: hsl(var(--dh-color-chartreuse-1400-hsl));--dh-color-celery-100: hsl(var(--dh-color-celery-100-hsl));--dh-color-celery-200: hsl(var(--dh-color-celery-200-hsl));--dh-color-celery-300: hsl(var(--dh-color-celery-300-hsl));--dh-color-celery-400: hsl(var(--dh-color-celery-400-hsl));--dh-color-celery-500: hsl(var(--dh-color-celery-500-hsl));--dh-color-celery-600: hsl(var(--dh-color-celery-600-hsl));--dh-color-celery-700: hsl(var(--dh-color-celery-700-hsl));--dh-color-celery-800: hsl(var(--dh-color-celery-800-hsl));--dh-color-celery-900: hsl(var(--dh-color-celery-900-hsl));--dh-color-celery-1000: hsl(var(--dh-color-celery-1000-hsl));--dh-color-celery-1100: hsl(var(--dh-color-celery-1100-hsl));--dh-color-celery-1200: hsl(var(--dh-color-celery-1200-hsl));--dh-color-celery-1300: hsl(var(--dh-color-celery-1300-hsl));--dh-color-celery-1400: hsl(var(--dh-color-celery-1400-hsl));--dh-color-green-100: hsl(var(--dh-color-green-100-hsl));--dh-color-green-200: hsl(var(--dh-color-green-200-hsl));--dh-color-green-300: hsl(var(--dh-color-green-300-hsl));--dh-color-green-400: hsl(var(--dh-color-green-400-hsl));--dh-color-green-500: hsl(var(--dh-color-green-500-hsl));--dh-color-green-600: hsl(var(--dh-color-green-600-hsl));--dh-color-green-700: hsl(var(--dh-color-green-700-hsl));--dh-color-green-800: hsl(var(--dh-color-green-800-hsl));--dh-color-green-900: hsl(var(--dh-color-green-900-hsl));--dh-color-green-1000: hsl(var(--dh-color-green-1000-hsl));--dh-color-green-1100: hsl(var(--dh-color-green-1100-hsl));--dh-color-green-1200: hsl(var(--dh-color-green-1200-hsl));--dh-color-green-1300: hsl(var(--dh-color-green-1300-hsl));--dh-color-green-1400: hsl(var(--dh-color-green-1400-hsl));--dh-color-seafoam-100: hsl(var(--dh-color-seafoam-100-hsl));--dh-color-seafoam-200: hsl(var(--dh-color-seafoam-200-hsl));--dh-color-seafoam-300: hsl(var(--dh-color-seafoam-300-hsl));--dh-color-seafoam-400: hsl(var(--dh-color-seafoam-400-hsl));--dh-color-seafoam-500: hsl(var(--dh-color-seafoam-500-hsl));--dh-color-seafoam-600: hsl(var(--dh-color-seafoam-600-hsl));--dh-color-seafoam-700: hsl(var(--dh-color-seafoam-700-hsl));--dh-color-seafoam-800: hsl(var(--dh-color-seafoam-800-hsl));--dh-color-seafoam-900: hsl(var(--dh-color-seafoam-900-hsl));--dh-color-seafoam-1000: hsl(var(--dh-color-seafoam-1000-hsl));--dh-color-seafoam-1100: hsl(var(--dh-color-seafoam-1100-hsl));--dh-color-seafoam-1200: hsl(var(--dh-color-seafoam-1200-hsl));--dh-color-seafoam-1300: hsl(var(--dh-color-seafoam-1300-hsl));--dh-color-seafoam-1400: hsl(var(--dh-color-seafoam-1400-hsl));--dh-color-cyan-100: hsl(var(--dh-color-cyan-100-hsl));--dh-color-cyan-200: hsl(var(--dh-color-cyan-200-hsl));--dh-color-cyan-300: hsl(var(--dh-color-cyan-300-hsl));--dh-color-cyan-400: hsl(var(--dh-color-cyan-400-hsl));--dh-color-cyan-500: hsl(var(--dh-color-cyan-500-hsl));--dh-color-cyan-600: hsl(var(--dh-color-cyan-600-hsl));--dh-color-cyan-700: hsl(var(--dh-color-cyan-700-hsl));--dh-color-cyan-800: hsl(var(--dh-color-cyan-800-hsl));--dh-color-cyan-900: hsl(var(--dh-color-cyan-900-hsl));--dh-color-cyan-1000: hsl(var(--dh-color-cyan-1000-hsl));--dh-color-cyan-1100: hsl(var(--dh-color-cyan-1100-hsl));--dh-color-cyan-1200: hsl(var(--dh-color-cyan-1200-hsl));--dh-color-cyan-1300: hsl(var(--dh-color-cyan-1300-hsl));--dh-color-cyan-1400: hsl(var(--dh-color-cyan-1400-hsl));--dh-color-indigo-100: hsl(var(--dh-color-indigo-100-hsl));--dh-color-indigo-200: hsl(var(--dh-color-indigo-200-hsl));--dh-color-indigo-300: hsl(var(--dh-color-indigo-300-hsl));--dh-color-indigo-400: hsl(var(--dh-color-indigo-400-hsl));--dh-color-indigo-500: hsl(var(--dh-color-indigo-500-hsl));--dh-color-indigo-600: hsl(var(--dh-color-indigo-600-hsl));--dh-color-indigo-700: hsl(var(--dh-color-indigo-700-hsl));--dh-color-indigo-800: hsl(var(--dh-color-indigo-800-hsl));--dh-color-indigo-900: hsl(var(--dh-color-indigo-900-hsl));--dh-color-indigo-1000: hsl(var(--dh-color-indigo-1000-hsl));--dh-color-indigo-1100: hsl(var(--dh-color-indigo-1100-hsl));--dh-color-indigo-1200: hsl(var(--dh-color-indigo-1200-hsl));--dh-color-indigo-1300: hsl(var(--dh-color-indigo-1300-hsl));--dh-color-indigo-1400: hsl(var(--dh-color-indigo-1400-hsl));--dh-color-purple-100: hsl(var(--dh-color-purple-100-hsl));--dh-color-purple-200: hsl(var(--dh-color-purple-200-hsl));--dh-color-purple-300: hsl(var(--dh-color-purple-300-hsl));--dh-color-purple-400: hsl(var(--dh-color-purple-400-hsl));--dh-color-purple-500: hsl(var(--dh-color-purple-500-hsl));--dh-color-purple-600: hsl(var(--dh-color-purple-600-hsl));--dh-color-purple-700: hsl(var(--dh-color-purple-700-hsl));--dh-color-purple-800: hsl(var(--dh-color-purple-800-hsl));--dh-color-purple-900: hsl(var(--dh-color-purple-900-hsl));--dh-color-purple-1000: hsl(var(--dh-color-purple-1000-hsl));--dh-color-purple-1100: hsl(var(--dh-color-purple-1100-hsl));--dh-color-purple-1200: hsl(var(--dh-color-purple-1200-hsl));--dh-color-purple-1300: hsl(var(--dh-color-purple-1300-hsl));--dh-color-purple-1400: hsl(var(--dh-color-purple-1400-hsl));--dh-color-fuchsia-100: hsl(var(--dh-color-fuchsia-100-hsl));--dh-color-fuchsia-200: hsl(var(--dh-color-fuchsia-200-hsl));--dh-color-fuchsia-300: hsl(var(--dh-color-fuchsia-300-hsl));--dh-color-fuchsia-400: hsl(var(--dh-color-fuchsia-400-hsl));--dh-color-fuchsia-500: hsl(var(--dh-color-fuchsia-500-hsl));--dh-color-fuchsia-600: hsl(var(--dh-color-fuchsia-600-hsl));--dh-color-fuchsia-700: hsl(var(--dh-color-fuchsia-700-hsl));--dh-color-fuchsia-800: hsl(var(--dh-color-fuchsia-800-hsl));--dh-color-fuchsia-900: hsl(var(--dh-color-fuchsia-900-hsl));--dh-color-fuchsia-1000: hsl(var(--dh-color-fuchsia-1000-hsl));--dh-color-fuchsia-1100: hsl(var(--dh-color-fuchsia-1100-hsl));--dh-color-fuchsia-1200: hsl(var(--dh-color-fuchsia-1200-hsl));--dh-color-fuchsia-1300: hsl(var(--dh-color-fuchsia-1300-hsl));--dh-color-fuchsia-1400: hsl(var(--dh-color-fuchsia-1400-hsl));--dh-color-magenta-100: hsl(var(--dh-color-magenta-100-hsl));--dh-color-magenta-200: hsl(var(--dh-color-magenta-200-hsl));--dh-color-magenta-300: hsl(var(--dh-color-magenta-300-hsl));--dh-color-magenta-400: hsl(var(--dh-color-magenta-400-hsl));--dh-color-magenta-500: hsl(var(--dh-color-magenta-500-hsl));--dh-color-magenta-600: hsl(var(--dh-color-magenta-600-hsl));--dh-color-magenta-700: hsl(var(--dh-color-magenta-700-hsl));--dh-color-magenta-800: hsl(var(--dh-color-magenta-800-hsl));--dh-color-magenta-900: hsl(var(--dh-color-magenta-900-hsl));--dh-color-magenta-1000: hsl(var(--dh-color-magenta-1000-hsl));--dh-color-magenta-1100: hsl(var(--dh-color-magenta-1100-hsl));--dh-color-magenta-1200: hsl(var(--dh-color-magenta-1200-hsl));--dh-color-magenta-1300: hsl(var(--dh-color-magenta-1300-hsl));--dh-color-magenta-1400: hsl(var(--dh-color-magenta-1400-hsl))}
-`,Vl=`:root{--dh-color-bg-hsl: var(--dh-color-black-hsl);--dh-color-fg-hsl: var(--dh-color-white-hsl);--dh-color-border-hsl: var(--dh-color-gray-500-hsl);--dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);--dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);--dh-color-action-hsl: var(--dh-color-gray-75-hsl);--dh-color-accent-hsl: var(--dh-color-blue-600-hsl);--dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);--dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);--dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);--dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);--dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);--dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);--dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);--dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);--dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);--dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);--dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);--dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);--dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);--dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);--dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);--dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);--dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);--dh-color-positive-hsl: var(--dh-color-green-900-hsl);--dh-color-negative-hsl: var(--dh-color-red-600-hsl);--dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);--dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-action-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);--dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);--dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);--dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);--dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);--dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);--dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);--dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);--dh-color-visual-purple-hsl: var(--dh-color-purple-900-hsl);--dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);--dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-positive-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-border: hsl(var(--dh-color-border-hsl));--dh-color-bg: hsl(var(--dh-color-bg-hsl));--dh-color-fg: hsl(var(--dh-color-fg-hsl));--dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-400);--dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), .3);--dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));--dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));--dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));--dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));--dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));--dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));--dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));--dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));--dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));--dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));--dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));--dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));--dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));--dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));--dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));--dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));--dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), .15);--dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), .08);--dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), .15);--dh-color-highlight-selected: hsla(var(--dh-color-visual-blue-hsl), .13);--dh-color-highlight-selected-hover: hsla( var(--dh-color-visual-blue-hsl), .2 );--dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), .5);--dh-color-dropshadow: hsla(var(--dh-color-visual-gray-hsl), .8);--dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), .6);--dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), .08);--dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));--dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));--dh-color-neutral-hover-bg: var(--dh-color-gray-400);--dh-color-neutral-down-bg: var(--dh-color-gray-300);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-400);--dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive-bg: hsl(var(--dh-color-positive-hsl));--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));--dh-color-info-bg: hsl(var(--dh-color-info-hsl));--dh-color-info-hover-bg: var(--dh-color-cyan-900);--dh-color-info-down-bg: var(--dh-color-cyan-800);--dh-color-info-key-focus-bg: var(--dh-color-cyan-900);--dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));--dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));--dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));--dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));--dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));--dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));--dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));--dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));--dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));--dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));--dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));--dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));--dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));--dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));--dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));--dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));--dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));--dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));--dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));--dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));--dh-color-modified: var(--dh-color-yellow-1300)}
+  </div>`;return e.jsxs("div",{...p("icons"),children:[e.jsx("h2",{className:"ui-title",children:"Icons"}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Icon Composition"}),e.jsx("p",{children:"Icons can be used indivudally or composed together using font-awesome composition:"}),e.jsxs("div",{className:"icons",children:[e.jsx("div",{className:"icon card",children:e.jsx(k,{icon:Fe})}),e.jsx("div",{className:"icon card",children:e.jsx(k,{icon:Ve})}),e.jsx("div",{className:"icon card",children:e.jsx(k,{icon:Oe})}),e.jsx("div",{className:"icon card",children:"="}),e.jsxs(f,{kind:"inline",className:"card",onClick:()=>{Je(i).then(()=>{n({text:e.jsx("span",{children:"Copied composition example"})})}).catch(d=>{n({text:e.jsx("span",{className:"text-danger",children:d.message})})})},children:[e.jsx("div",{className:"icon",children:e.jsxs("div",{className:"fa-md fa-layers",children:[e.jsx(k,{mask:Fe,icon:Ve,transform:"down-7 right-7"}),e.jsx(k,{icon:Oe})]})}),e.jsx("label",{children:"Custom"})]})]})]})}),e.jsx("hr",{}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"All available icons"}),e.jsx("p",{children:"If you cannot find or compose a relevant icon for your use case, please request a new one to be created from design."}),e.jsxs("div",{className:"form-inline mb-3",children:[e.jsx("input",{type:"search",placeholder:"Basic icon search...",value:t,className:"form-control",onChange:d=>{c(d.target.value)}}),e.jsx("span",{className:"mx-2",children:"Show: "}),e.jsx(f,{kind:"inline",active:r,className:"mr-2",onClick:()=>s(!r),icon:r?O.vsCheck:O.vsClose,children:"VS ICONS"}),e.jsx(f,{kind:"inline",active:l,className:"mr-2",onClick:()=>o(!l),icon:l?O.vsCheck:O.vsClose,children:"DH ICONS"}),e.jsxs("small",{children:["(",h.length," icon",h.length===1?"":"s",")"]})]}),e.jsxs("div",{className:"icons",children:[h,h.length===0&&e.jsx("p",{className:"no-result",children:"No icons found."}),e.jsx(fo,{message:a})]})]})})]})}const je=[{title:"Title 1",value:"Value 1"},{title:"Title 2",value:"Value 2"},{title:"Title 3",value:"Value 3"},{title:"Title 4",value:"Value 4"},{title:"Title 5",value:"Value 5"},{title:"Title 6",value:"Value 6"},{title:"Title 7",value:"Value 7"},{title:"Title 8",value:"Value 8"},{title:"Title 9",value:"Value 9"},{title:"Title 9",value:"Value 9"},{title:"Title 10",value:"Value 10"},{title:"Title 11",value:"Value 11"},{title:"Title 12",value:"Value 12"}],Cl=[{title:"1 minute",value:1*60*1e3},{title:"5 minutes",value:5*60*1e3},{title:"20 minutes",value:20*60*1e3},{title:"45 minutes",value:45*60*1e3},{title:"1 hour",value:1*60*60*1e3},{title:"4 hours",value:4*60*60*1e3}],oo=["Invalid","Valid"];function Sl(){const[l,o]=u.useState(!1),[r,s]=u.useState(""),[t,c]=u.useState(!0),[a,n]=u.useState(!1),[h,i]=u.useState(!1),[d,g]=u.useState(!1),[m,v]=u.useState(null),[x,b]=u.useState("1"),[M,Z]=u.useState(),[R,B]=u.useState("-DLiveTableMonitor.updateThreads=8 -DLiveTableMonitor.printDependencyInformation=false -Dassertion.heapDump=true -Drequire.heapDump=true -Dassertion.heapDump=true -Drequire.heapDump=true"),[te,yo]=u.useState(""),[Pe,jo]=u.useState(oo[0]),wo=u.useCallback(y=>{b(y.target.value)},[]),X=u.useCallback(()=>{o(!l)},[l]),Co=u.useCallback(y=>{s(y.target.value)},[]),So=u.useCallback(y=>{yo(y.target.value)},[]);return e.jsxs("div",{...p("inputs",["style-guide-inputs"]),children:[e.jsx("h2",{className:"ui-title",children:"Inputs"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form imput"})]}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput2",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput2","aria-describedby":"emailHelp",placeholder:"Input Disabled",disabled:!0})]}),e.jsx("small",{className:"form-text text-muted",children:"Disabled input"})]}),e.jsx("div",{className:"form-group",children:e.jsxs("label",{htmlFor:"exampleInputPassword1",children:["Password",e.jsx("input",{type:"password",className:"form-control",id:"exampleInputPassword1",placeholder:"Password",defaultValue:"123456789"})]})}),e.jsx("div",{className:"form-group",children:e.jsx(hr,{value:r,placeholder:"Search Input",onChange:Co})})]})}),e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsx("h5",{children:" Checkboxes "}),e.jsx(P,{className:"form-group",checked:t,onChange:()=>c(!t),children:"Checked checkbox"}),e.jsx(P,{className:"form-group",checked:a,onChange:()=>n(!a),children:"Unchecked checkbox"}),e.jsx(P,{className:"form-group",disabled:!0,checked:null,children:"Disabled checkbox"}),e.jsx(P,{className:"form-group",isInvalid:!0,checked:h,onChange:()=>i(!h),children:"Invalid checkbox"}),e.jsx(P,{className:"form-group",checked:d,onChange:()=>g(!d),children:"Add radio button"}),e.jsx(P,{className:"form-group",checked:m,onChange:()=>{m==null?v(!0):v(m?!1:null)},children:"Indeterminate Cycle"})]})}),e.jsxs("div",{className:"col",children:[e.jsxs("form",{children:[e.jsx("h5",{children:" Radios "}),e.jsxs(or,{onChange:wo,value:x,children:[e.jsx(K,{value:"1",children:"Toggle this custom radio"}),e.jsx(K,{value:"2",children:"Or toggle this other custom radio"}),e.jsx(K,{value:"3",disabled:!0,children:"Disabled radio"}),e.jsx(K,{value:"4",isInvalid:!0,children:"Invalid radio"}),e.jsx(e.Fragment,{children:d&&e.jsx(K,{value:"5",children:"Extra radio item"})})]})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Toggle Buttons"}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(l)}),e.jsx(Q,{on:l,onClick:X})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(!l)}),e.jsx(Q,{on:!l,onClick:X})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"isInvalid",children:"isInvalid"}),e.jsx(Q,{on:!l,isInvalid:!0,onClick:X})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"disabled",children:"disabled"}),e.jsx(Q,{on:!l,disabled:!0,onClick:X})]})]})]}),e.jsxs("div",{className:"col",children:[e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Selection Menu"}),e.jsxs(me,{onChange:y=>{},defaultValue:"0",className:"custom-select",children:[e.jsx("option",{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx("option",{value:"1",children:"One"}),e.jsx("option",{value:"2",children:"Two"}),e.jsx("option",{value:"3",children:"Three"})]})]}),e.jsx("div",{className:"form-group",children:e.jsxs(me,{onChange:y=>{},defaultValue:"0",className:"custom-select",disabled:!0,children:[e.jsx("option",{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx("option",{value:"1",children:"One"}),e.jsx("option",{value:"2",children:"Two"}),e.jsx("option",{value:"3",children:"Three"})]})}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Input with Select"}),e.jsx("div",{className:"input-group",children:e.jsx(Ue,{options:je,inputPlaceholder:"10.128.0.8",searchPlaceholder:"Search actions here"})}),e.jsx("br",{}),e.jsx("div",{className:"input-group",children:e.jsx(Ue,{options:je,inputPlaceholder:"10.128.0.8",searchPlaceholder:"Search actions here",disabled:!0})})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"AutoCompleteInput"}),e.jsx(vr,{options:je,noMatchText:"No Matches."})]})]}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Validate Label"}),e.jsx(ve,{validationError:te?void 0:"Value not set",isModified:!!te,id:"validateInput1",labelText:`Input Field${l?" (disabled)":""}`,hintText:"Hint text",children:e.jsx("input",{disabled:l,type:"text",className:"form-control","aria-describedby":"emailHelp",placeholder:"Type to modify",onChange:So})}),e.jsx(ve,{validationError:Pe==="Invalid"?"Invalid value":void 0,id:"validateLabelInput2",labelText:`Dropdown${l?" (disabled)":""}`,children:e.jsx(me,{disabled:l,onChange:y=>jo(y),value:Pe,children:oo.map(y=>e.jsx(rr,{value:y,children:y},y))})}),e.jsx(ve,{labelText:"Switch",isModified:l,children:e.jsx(Q,{on:l,onClick:X})})]})}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Time Input"}),e.jsx(pr,{}),e.jsx("br",{}),e.jsx("h5",{children:"Date Input"}),e.jsx(xr,{}),e.jsx("br",{}),e.jsx("h5",{children:"DateTime Input"}),e.jsx(lr,{}),e.jsx("br",{}),e.jsx("h5",{children:"Custom Timeselect"}),e.jsx(fr,{options:Cl,value:M??null,onChange:Z,customText:"Custom Timeout",placeholder:"Select a timeout",timeToValue:y=>y*1e3})]})})]}),e.jsx("div",{className:"row",children:e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Auto Resize Textarea"}),e.jsx(br,{value:R,delimiter:" -",onChange:B})]})})})]})}class Tl extends u.PureComponent{constructor(o){super(o),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(o){const r=this.selectedItems.indexOf(o);r>=0?this.selectedItems.splice(r,1):this.selectedItems.push(o);const s=r<0,{offset:t}=this.state;let{items:c}=this.state;c=[].concat(c);const a=o-t;a>=0&&a<c.length&&(c[a].isSelected=s),this.setState({items:c})}handleViewportChange(o,r){const{itemCount:s}=this.state,t=r-o+1,c=Math.max(0,o-t),a=Math.min(r+t,s),n=[];for(let i=c;i<=a&&i<=s;i+=1){const d=`Item ${i}`,g=this.selectedItems.indexOf(i)>=0;n.push({value:d,isSelected:g})}const h=c;this.setState({offset:h,items:n})}render(){const{offset:o,items:r,itemCount:s}=this.state;return e.jsx(sr,{itemCount:s,items:r,offset:o,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}class ro extends u.PureComponent{static defaultProps;static propTypes;constructor(o){super(o),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(o){const{itemCount:r}=this.state;console.log("Item selected at index",o,"/",r)}handleViewportChange(o,r){const{itemCount:s}=this.state,t=r-o+1,c=Math.max(0,o-t),a=Math.min(r+t,s),n=[];for(let i=c;i<=a;i+=1){const d=`Item ${i}`,g=this.selectedItems.indexOf(i)>=0;n.push({value:d,isSelected:g})}const h=c;this.setState({offset:h,items:n})}render(){const{isMultiSelect:o}=this.props,{offset:r,items:s,itemCount:t}=this.state;return e.jsx(nr,{isMultiSelect:o,itemCount:t,items:s,offset:r,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}function Nl(){return e.jsxs("div",{...p("item-list-inputs",["style-guide-inputs"]),children:[e.jsx("h2",{className:"ui-title",children:"Item Lists"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Select List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(Tl,{})})]})}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Item List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(ro,{})})]})}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Multi Select Item List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(ro,{isMultiSelect:!0})})]})})]})]})}function kl(){const[l,o]=u.useState(0),[r,s]=u.useState(!0),t=()=>{o(0)};function c(a){return e.jsxs(le.Fragment,{children:[e.jsxs(f,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o(a)},children:[a," ",a>1?"Actions":"Action"]}),e.jsx(dr,{isOpen:l===a,headerText:"Header Text",bodyText:"This is where the body text goes",onConfirm:t,onCancel:a>=2?t:void 0,onDiscard:a>=3?t:void 0})]},a)}return e.jsxs("div",{...p("modals"),children:[e.jsx("h2",{className:"ui-title",children:"Basic Modals"}),e.jsx("div",{style:{padding:"1rem"},children:[1,2,3].map(a=>c(a))}),e.jsx("h2",{className:"ui-title",children:"Custom Modal"}),e.jsx("div",{style:{padding:"1rem"},children:e.jsx("div",{className:"modal-dialog theme-bg-light",role:"dialog",children:e.jsxs("div",{className:"modal-content",children:[e.jsxs("div",{className:"modal-header",children:[e.jsx("h5",{className:"modal-title",children:"Modal title"}),e.jsx("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close",children:e.jsx("span",{"aria-hidden":"true",children:"×"})})]}),e.jsxs("div",{className:"modal-body",children:[e.jsx("p",{children:"Modal body text goes here."}),e.jsx(P,{checked:r,onChange:()=>s(!r),children:"Checked checkbox"})]}),e.jsxs("div",{className:"modal-footer",children:[e.jsx(f,{kind:"secondary","data-dismiss":"modal",onClick:()=>{},children:"Close"}),e.jsx(f,{kind:"primary",onClick:()=>{},children:"Save changes"})]})]})})})]})}function Dl(){return e.jsxs("div",{...p("progress"),children:[e.jsx("h2",{className:"ui-title",children:"Progress"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Determinate Progress Loader"}),e.jsx("br",{}),e.jsx("div",{className:"progress",style:{marginBottom:"1rem"},children:e.jsx("div",{className:"progress-bar bg-primary",style:{width:"25%"},"aria-valuenow":25,"aria-valuemin":0,"aria-valuemax":100})})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Indeterminate Progress Spinner"}),e.jsx(Ee,{className:"loading-spinner-large"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Button Progress Spinner"}),e.jsx(f,{kind:"primary",className:"btn-spinner btn-cancelable",style:{minWidth:"10rem"},onClick:()=>{},children:e.jsxs("span",{children:[e.jsx(Ee,{className:"mr-2 loading-spinner-vertical-align"}),e.jsx("span",{className:"btn-normal-content",children:"Connecting"}),e.jsx("span",{className:"btn-hover-content",children:"Cancel"})]})})]})]})]})}class El extends u.PureComponent{constructor(o){super(o),this.handleSliderChange=this.handleSliderChange.bind(this),this.state={startTime:24*60*60*.25,endTime:24*60*60*.75}}handleSliderChange(o){const{startTime:r,endTime:s}=o;this.setState({startTime:r}),this.setState({endTime:s})}render(){const{startTime:o,endTime:r}=this.state;return e.jsxs("div",{...p("time-slider-inputs",["style-guide-inputs"]),children:[e.jsx("h2",{className:"ui-title",children:"Time Slider"}),e.jsx(yr,{startTime:o,endTime:r,onChange:this.handleSliderChange}),e.jsxs("p",{children:["StartTime: ",qe.formatTime(o)]}),e.jsxs("p",{children:["EndTime: ",qe.formatTime(r)]})]})}}function Il(){const o=[Me,Ae].map(r=>e.jsx(k,{icon:r},`${r.prefix}-${r.iconName}`));return e.jsxs("div",{...p("tooltips"),children:[e.jsx("h2",{className:"ui-title",title:"Make better looking tooltips than this one!",children:"Tooltips"}),e.jsxs("div",{className:"btn btn-primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Simple Tooltip",e.jsx(re,{children:"Text only content"})]}),e.jsxs("div",{className:"btn btn-secondary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Complex Tooltip",e.jsxs(re,{children:[e.jsxs("div",{children:["Here is some ",e.jsx("i",{children:"cool"})," ",e.jsx("b",{children:"text"})]}),e.jsx("hr",{}),e.jsx("div",{children:"And some icons down here"}),e.jsxs("div",{children:[e.jsx(Ee,{className:"loading-spinner-vertical-align"}),o]})]})]}),e.jsxs("div",{className:"btn btn-success",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Interactive Tooltip",e.jsxs(re,{interactive:!0,children:[e.jsx("div",{children:"This tooltip is interactive."}),e.jsx("hr",{}),e.jsx(f,{kind:"primary",onClick:()=>{alert("Button clicked!")},children:"Show Alert"})]})]})]})}function Al(){return e.jsxs("div",{...p("typography"),children:[e.jsx("h2",{className:"ui-title",children:"Typography"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h1",{className:"text-muted","data-no-menu":!0,children:"h1. Unused"}),e.jsx("h2",{className:"text-muted","data-no-menu":!0,children:"h2. Unused"}),e.jsx("h3",{className:"text-muted","data-no-menu":!0,children:"h3. Unused"}),e.jsx("h4",{"data-no-menu":!0,children:"h4. Standard Heading"}),e.jsx("h5",{"data-no-menu":!0,children:"h5. Small Heading"}),e.jsx("h6",{className:"text-muted","data-no-menu":!0,children:"h6. Unused"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Fonts"}),e.jsx("p",{children:"UI: Fira Sans;"}),e.jsx("p",{className:"text-monospace",children:"Code: Fira Mono;"}),e.jsx("p",{children:'Tables: Fira Sans; font-feature-settings: "tnum";'}),e.jsx("p",{children:"Default font-size: 14px = 1rem"})]})]})]})}class Ml extends u.PureComponent{static propTypes;static defaultProps;constructor(o){super(o),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.itemList=le.createRef(),this.selectedItems=[],this.state={topRow:null,bottomRow:null}}focusItem(o){this.itemList.current&&this.itemList.current.focusItem(o)}handleSelectionChange(o){console.log("Selection changed",o);const{onSelectionChange:r}=this.props;r(o)}handleViewportChange(o,r){const{items:s}=this.props,t=r-o+1,c=Math.max(0,o-t),a=Math.min(r+t,s.length);this.setState({topRow:c,bottomRow:a})}getViewportItems=ao((o,r,s)=>o==null||r==null?[]:s.slice(o,r));render(){const{draggablePrefix:o,droppableId:r,isDragDisabled:s,isDropDisabled:t,isMultiSelect:c,items:a,selectedRanges:n}=this.props,{topRow:h,bottomRow:i}=this.state;return e.jsx(ee,{draggablePrefix:o,droppableId:r,isDragDisabled:s,isDropDisabled:t,isMultiSelect:c,itemCount:a.length,items:this.getViewportItems(h,i,a),offset:h??0,onSelectionChange:this.handleSelectionChange,onViewportChange:this.handleViewportChange,ref:this.itemList,selectedRanges:n})}}const we=["Draggable Only","Drag and Drop","Droppable Only"],Rl=[{isDropDisabled:!0},{},{isDragDisabled:!0}],$l=(l="Item",o=1e3)=>{const r=[];for(let s=0;s<o;s+=1)r.push(`${l}-${s}`);return r};class de extends u.Component{static handleDragStart(o){console.log("handleDragStart",o)}static handleDragUpdate(o){console.log("handleDragUpdate",o)}constructor(o){super(o),this.handleDragEnd=this.handleDragEnd.bind(this),this.animationFrame=null;const r=[],s=[],t=[];for(let c=0;c<we.length;c+=1)r[c]=$l(we[c]),s[c]=[],t[c]=le.createRef();this.state={items:r,lists:t,selectedRanges:s}}componentWillUnmount(){this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame)}handleDragEnd(o){console.log("handleDragEnd",o);const{source:r,destination:s}=o;if(r==null||s==null)return;const t=ee.getDraggableIndex(r.droppableId),c=ee.getDraggableIndex(s.droppableId),a=t===c;let n=s.index;a&&r.index<s.index&&(n+=1);let h=n;this.setState(({items:i,selectedRanges:d})=>{const g=[...i[t]],m=a?g:[...i[c]],v=Ge.reorder(g,d[t],m,n),x=[...i];x[t]=g,x[c]=m,h=a?Ge.adjustDestinationIndex(n,d[c]):n;const b=[...d];return b[t]=[],b[c]=[[h,h+v.length-1]],{items:x,selectedRanges:b}},()=>{this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(()=>{this.animationFrame=null;const{lists:i}=this.state;i[c]?.current?.focusItem(h)})})}handleSelectionChange(o,r){this.setState(({selectedRanges:s})=>{const t=[...s];return t[o]=[...r],{selectedRanges:t}})}getSelectionChangeHandler=_e(o=>this.handleSelectionChange.bind(this,o));getDraggableList=_e((o,r,s,t)=>e.jsx(Ml,{items:o,droppableId:ee.getDraggableId("drop-list",t),draggablePrefix:ee.getDraggableId("draggable-item",t),onSelectionChange:this.getSelectionChangeHandler(t),isMultiSelect:!0,ref:s,selectedRanges:r,...Rl[t]}));render(){const{items:o,lists:r,selectedRanges:s}=this.state;return e.jsxs("div",{...p("draggable-lists",["style-guide-inputs"]),children:[e.jsx("h2",{className:"ui-title",children:"Drag and Drop Lists"}),e.jsx("div",{className:"row",children:e.jsx(To,{onDragStart:de.handleDragStart,onDragUpdate:de.handleDragUpdate,onDragEnd:this.handleDragEnd,children:we.map((t,c)=>e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsxs("h5",{children:[t," List"]}),e.jsx("div",{style:{height:"300px"},children:this.getDraggableList(o[c],s[c],r[c],c)})]})},t))})})]})}}let lo=0;function Ll(){const l=lo;return lo+=1,l}const Pl=vo(25);function Ce(l=1,o=5){const r=Number(Pl.next().value);return Math.floor(r*o)+l}function Se(l,o=Ll()){return{id:o,type:l}}function so(l=Ce(),o=Ce(),r=Ce()){const s=[];for(let t=0;t<l;t+=1)s.push(Se("SUBMENU"));for(let t=0;t<o;t+=1)s.push(Se("PAGE"));for(let t=0;t<r;t+=1)s.push(Se("SWITCH"));return s}function Te({type:l,id:o}){switch(l){case"SUBMENU":return`Submenu ${o}`;case"PAGE":return`Page ${o}`;case"SWITCH":return`Switch ${o}`}}function _l({type:l}){switch(l){case"SUBMENU":return Wo;case"PAGE":return zo;case"SWITCH":return _}}function Bl(){const[l,o]=u.useState([]),[r,s]=u.useState(new Map),t=u.useCallback(d=>{o([...l,d])},[l,o]),c=u.useCallback(()=>{const d=[...l];d.pop(),o(d)},[l,o]),a=u.useCallback(()=>{const d=[l[0]];o(d)},[l,o]),n=u.useCallback(d=>{const g=r.get(d)??!1,m=new Map(r);m.set(d,!g),s(m)},[r,s]),h=u.useCallback(d=>{const g=l[l.length-1],{items:m}=g;if(!m)throw new Error("Navigation handleSelect triggered without items to select");const v=m[d];switch(v.type){case"PAGE":t({title:Te(v)});break;case"SUBMENU":t({title:Te(v),items:so()});break;case"SWITCH":n(v.id);break}},[l,n,t]);u.useEffect(function(){o([{title:"Navigation Menu",items:so()}])},[]);const i=u.useMemo(()=>l.map(({items:d,title:g},m)=>{if(!d)return e.jsx(He,{onBack:c,onClose:a,title:g,children:e.jsx("div",{children:"Page content!"})},g);let v=null;if(d!=null){const x=d.map(b=>{const M=Te(b),Z=_l(b);let R,B;return b.type==="SWITCH"&&(R=r.get(b.id)??!1,B=()=>{h(b.id)}),{title:M,icon:Z,isOn:R,onChange:B}});v=e.jsx(ar,{onSelect:h,items:x})}else v=e.jsx("div",{children:"Page content"});return e.jsx(He,{onBack:m>0?c:void 0,onClose:m>0?a:void 0,title:g,children:v},g)}),[l,r,h,c,a]);return e.jsxs("div",{...p("navigations"),children:[e.jsx("h2",{className:"ui-title",children:"Navigations"}),e.jsx("div",{className:"navigations",children:e.jsx(tr,{children:i})})]})}const Fl=`:root{--dh-color-gray-50-hsl: 300deg, 6.1%, 9.6%;--dh-color-gray-75-hsl: 280deg, 4.6%, 12.7%;--dh-color-gray-100-hsl: 285deg, 4.5%, 17.3%;--dh-color-gray-200-hsl: 285deg, 4.1%, 19.2%;--dh-color-gray-300-hsl: 285deg, 3.7%, 21.2%;--dh-color-gray-400-hsl: 280deg, 2.4%, 24.9%;--dh-color-gray-500-hsl: 270deg, 1.1%, 35.7%;--dh-color-gray-600-hsl: 300deg, .5%, 57.1%;--dh-color-gray-700-hsl: 0deg, .8%, 75.1%;--dh-color-gray-800-hsl: 60deg, 6.2%, 93.7%;--dh-color-gray-900-hsl: 60deg, 25%, 98.4%;--dh-color-gray-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-gray-mid-hsl: var(--dh-color-gray-600-hsl);--dh-color-gray-dark-hsl: var(--dh-color-gray-300-hsl);--dh-color-black-hsl: var(--dh-color-gray-50-hsl);--dh-color-white-hsl: var(--dh-color-gray-800-hsl);--dh-color-true-black-hsl: 0deg, 0%, 0%;--dh-color-true-white-hsl: 0deg, 0%, 100%;--dh-color-blue-100-hsl: 222deg, 65.3%, 19.2%;--dh-color-blue-200-hsl: 222deg, 66.2%, 25.5%;--dh-color-blue-300-hsl: 222deg, 64.8%, 32.4%;--dh-color-blue-400-hsl: 222deg, 63.2%, 39.4%;--dh-color-blue-500-hsl: 222deg, 60.7%, 46.9%;--dh-color-blue-600-hsl: 222deg, 68.2%, 54.3%;--dh-color-blue-700-hsl: 222deg, 82.7%, 61.6%;--dh-color-blue-800-hsl: 222deg, 93.8%, 68.4%;--dh-color-blue-900-hsl: 222deg, 100%, 74.3%;--dh-color-blue-1000-hsl: 222deg, 100%, 79.6%;--dh-color-blue-1100-hsl: 221deg, 100%, 84.3%;--dh-color-blue-1200-hsl: 221deg, 100%, 89%;--dh-color-blue-1300-hsl: 222deg, 100%, 92.9%;--dh-color-blue-1400-hsl: 224deg, 100%, 96.3%;--dh-color-red-100-hsl: 346deg, 54.3%, 18%;--dh-color-red-200-hsl: 345deg, 55%, 23.5%;--dh-color-red-300-hsl: 346deg, 54.2%, 30%;--dh-color-red-400-hsl: 345deg, 54.3%, 36.9%;--dh-color-red-500-hsl: 345deg, 53.4%, 43.7%;--dh-color-red-600-hsl: 345deg, 54.8%, 51.4%;--dh-color-red-700-hsl: 345deg, 71.3%, 59%;--dh-color-red-800-hsl: 345deg, 91.7%, 67.1%;--dh-color-red-900-hsl: 344deg, 100%, 74.1%;--dh-color-red-1000-hsl: 343deg, 100%, 80%;--dh-color-red-1100-hsl: 343deg, 100%, 85.3%;--dh-color-red-1200-hsl: 344deg, 100%, 89.8%;--dh-color-red-1300-hsl: 344deg, 100%, 93.5%;--dh-color-red-1400-hsl: 344deg, 100%, 96.3%;--dh-color-orange-100-hsl: 20deg, 100%, 13.9%;--dh-color-orange-200-hsl: 22deg, 95.7%, 18%;--dh-color-orange-300-hsl: 23deg, 89.8%, 23.1%;--dh-color-orange-400-hsl: 22deg, 83.7%, 28.8%;--dh-color-orange-500-hsl: 22deg, 79.7%, 34.7%;--dh-color-orange-600-hsl: 22deg, 74.3%, 41.2%;--dh-color-orange-700-hsl: 22deg, 69.8%, 48%;--dh-color-orange-800-hsl: 22deg, 78.2%, 55.1%;--dh-color-orange-900-hsl: 21deg, 94.7%, 63.1%;--dh-color-orange-1000-hsl: 22deg, 100%, 70.6%;--dh-color-orange-1100-hsl: 23deg, 100%, 77.6%;--dh-color-orange-1200-hsl: 24deg, 100%, 84.3%;--dh-color-orange-1300-hsl: 24deg, 100%, 89.8%;--dh-color-orange-1400-hsl: 25deg, 100%, 94.3%;--dh-color-yellow-100-hsl: 51deg, 100%, 9%;--dh-color-yellow-200-hsl: 50deg, 100%, 12%;--dh-color-yellow-300-hsl: 51deg, 100%, 15.1%;--dh-color-yellow-400-hsl: 50deg, 90%, 19.6%;--dh-color-yellow-500-hsl: 49deg, 82.4%, 24.5%;--dh-color-yellow-600-hsl: 48deg, 75%, 29.8%;--dh-color-yellow-700-hsl: 48deg, 70.2%, 35.5%;--dh-color-yellow-800-hsl: 47deg, 65.7%, 41.2%;--dh-color-yellow-900-hsl: 47deg, 61.2%, 47.5%;--dh-color-yellow-1000-hsl: 47deg, 66.2%, 53.5%;--dh-color-yellow-1100-hsl: 46deg, 79.4%, 60%;--dh-color-yellow-1200-hsl: 46deg, 94.2%, 66.5%;--dh-color-yellow-1300-hsl: 49deg, 100%, 73.9%;--dh-color-yellow-1400-hsl: 51deg, 100%, 83.7%;--dh-color-chartreuse-100-hsl: 77deg, 100%, 8.4%;--dh-color-chartreuse-200-hsl: 75deg, 83.6%, 12%;--dh-color-chartreuse-300-hsl: 74deg, 73.2%, 16.1%;--dh-color-chartreuse-400-hsl: 71deg, 67%, 20.2%;--dh-color-chartreuse-500-hsl: 71deg, 62.2%, 24.9%;--dh-color-chartreuse-600-hsl: 70deg, 58.9%, 29.6%;--dh-color-chartreuse-700-hsl: 69deg, 55.7%, 34.5%;--dh-color-chartreuse-800-hsl: 68deg, 52.9%, 40%;--dh-color-chartreuse-900-hsl: 67deg, 50%, 45.5%;--dh-color-chartreuse-1000-hsl: 67deg, 49.2%, 51.4%;--dh-color-chartreuse-1100-hsl: 67deg, 57.8%, 57.3%;--dh-color-chartreuse-1200-hsl: 66deg, 67.2%, 64.1%;--dh-color-chartreuse-1300-hsl: 66deg, 75.7%, 72.5%;--dh-color-chartreuse-1400-hsl: 66deg, 82%, 82.5%;--dh-color-celery-100-hsl: 127deg, 42.9%, 12.4%;--dh-color-celery-200-hsl: 125deg, 43.2%, 15.9%;--dh-color-celery-300-hsl: 125deg, 42.9%, 20.6%;--dh-color-celery-400-hsl: 125deg, 42.6%, 25.3%;--dh-color-celery-500-hsl: 125deg, 41.6%, 30.2%;--dh-color-celery-600-hsl: 126deg, 40.7%, 35.7%;--dh-color-celery-700-hsl: 125deg, 39.3%, 41.4%;--dh-color-celery-800-hsl: 125deg, 36.6%, 47.6%;--dh-color-celery-900-hsl: 125deg, 39.1%, 54.9%;--dh-color-celery-1000-hsl: 125deg, 43.9%, 62.9%;--dh-color-celery-1100-hsl: 125deg, 47.9%, 71.4%;--dh-color-celery-1200-hsl: 126deg, 49.5%, 79.8%;--dh-color-celery-1300-hsl: 126deg, 48.5%, 87.1%;--dh-color-celery-1400-hsl: 127deg, 50%, 92.9%;--dh-color-green-100-hsl: 95deg, 17.1%, 13.7%;--dh-color-green-200-hsl: 92deg, 18.7%, 17.8%;--dh-color-green-300-hsl: 94deg, 21.7%, 22.5%;--dh-color-green-400-hsl: 94deg, 22.9%, 27.5%;--dh-color-green-500-hsl: 93deg, 25.6%, 32.2%;--dh-color-green-600-hsl: 95deg, 27.7%, 37.5%;--dh-color-green-700-hsl: 95deg, 29.6%, 42.4%;--dh-color-green-800-hsl: 94deg, 31.7%, 47.6%;--dh-color-green-900-hsl: 94deg, 37.5%, 52.9%;--dh-color-green-1000-hsl: 94deg, 47.4%, 58.2%;--dh-color-green-1100-hsl: 94deg, 58.9%, 63.7%;--dh-color-green-1200-hsl: 94deg, 70.9%, 70.4%;--dh-color-green-1300-hsl: 94deg, 81.5%, 78.8%;--dh-color-green-1400-hsl: 93deg, 87.7%, 87.3%;--dh-color-seafoam-100-hsl: 156deg, 13.9%, 14.1%;--dh-color-seafoam-200-hsl: 158deg, 17.4%, 18%;--dh-color-seafoam-300-hsl: 159deg, 19.7%, 22.9%;--dh-color-seafoam-400-hsl: 158deg, 22.5%, 27.8%;--dh-color-seafoam-500-hsl: 158deg, 25.7%, 32.7%;--dh-color-seafoam-600-hsl: 159deg, 28.8%, 37.5%;--dh-color-seafoam-700-hsl: 161deg, 33%, 42.2%;--dh-color-seafoam-800-hsl: 161deg, 36.4%, 46.9%;--dh-color-seafoam-900-hsl: 162deg, 41.9%, 51.4%;--dh-color-seafoam-1000-hsl: 161deg, 53.4%, 56.3%;--dh-color-seafoam-1100-hsl: 162deg, 66%, 62%;--dh-color-seafoam-1200-hsl: 161deg, 76.5%, 70%;--dh-color-seafoam-1300-hsl: 158deg, 86.5%, 79.6%;--dh-color-seafoam-1400-hsl: 156deg, 89.1%, 89.2%;--dh-color-cyan-100-hsl: 185deg, 38.5%, 12.7%;--dh-color-cyan-200-hsl: 186deg, 38.1%, 16.5%;--dh-color-cyan-300-hsl: 186deg, 38.9%, 21.2%;--dh-color-cyan-400-hsl: 185deg, 38.3%, 26.1%;--dh-color-cyan-500-hsl: 185deg, 38.4%, 31.2%;--dh-color-cyan-600-hsl: 186deg, 38%, 36.7%;--dh-color-cyan-700-hsl: 185deg, 37.7%, 42.2%;--dh-color-cyan-800-hsl: 185deg, 37.1%, 48%;--dh-color-cyan-900-hsl: 185deg, 42.5%, 54.3%;--dh-color-cyan-1000-hsl: 185deg, 52.5%, 60.4%;--dh-color-cyan-1100-hsl: 186deg, 64.5%, 66.9%;--dh-color-cyan-1200-hsl: 186deg, 78.9%, 73.9%;--dh-color-cyan-1300-hsl: 186deg, 91.6%, 81.4%;--dh-color-cyan-1400-hsl: 186deg, 100%, 89.6%;--dh-color-indigo-100-hsl: 237deg, 58.1%, 24.3%;--dh-color-indigo-200-hsl: 236deg, 51.9%, 30.2%;--dh-color-indigo-300-hsl: 236deg, 46.8%, 36.9%;--dh-color-indigo-400-hsl: 235deg, 42.6%, 43.7%;--dh-color-indigo-500-hsl: 235deg, 40.2%, 50.8%;--dh-color-indigo-600-hsl: 235deg, 48.8%, 57.8%;--dh-color-indigo-700-hsl: 234deg, 59.8%, 64.9%;--dh-color-indigo-800-hsl: 234deg, 74.8%, 72%;--dh-color-indigo-900-hsl: 234deg, 91%, 78.2%;--dh-color-indigo-1000-hsl: 234deg, 100%, 83.3%;--dh-color-indigo-1100-hsl: 234deg, 100%, 87.3%;--dh-color-indigo-1200-hsl: 235deg, 100%, 91.2%;--dh-color-indigo-1300-hsl: 232deg, 100%, 94.1%;--dh-color-indigo-1400-hsl: 236deg, 100%, 96.9%;--dh-color-purple-100-hsl: 263deg, 73.1%, 23.3%;--dh-color-purple-200-hsl: 260deg, 59.2%, 29.8%;--dh-color-purple-300-hsl: 258deg, 49.7%, 36.7%;--dh-color-purple-400-hsl: 257deg, 43.2%, 43.5%;--dh-color-purple-500-hsl: 255deg, 38.3%, 50.4%;--dh-color-purple-600-hsl: 254deg, 45%, 57.3%;--dh-color-purple-700-hsl: 253deg, 53.8%, 64.3%;--dh-color-purple-800-hsl: 251deg, 64.4%, 71.4%;--dh-color-purple-900-hsl: 250deg, 78.8%, 77.8%;--dh-color-purple-1000-hsl: 249deg, 90.6%, 83.3%;--dh-color-purple-1100-hsl: 249deg, 96.8%, 87.6%;--dh-color-purple-1200-hsl: 250deg, 100%, 91.4%;--dh-color-purple-1300-hsl: 251deg, 100%, 94.5%;--dh-color-purple-1400-hsl: 260deg, 88.2%, 96.7%;--dh-color-fuchsia-100-hsl: 301deg, 64.3%, 16.5%;--dh-color-fuchsia-200-hsl: 300deg, 53.2%, 21.8%;--dh-color-fuchsia-300-hsl: 297deg, 43.8%, 28.6%;--dh-color-fuchsia-400-hsl: 294deg, 39.2%, 35.5%;--dh-color-fuchsia-500-hsl: 291deg, 35.2%, 42.9%;--dh-color-fuchsia-600-hsl: 287deg, 32.5%, 50.6%;--dh-color-fuchsia-700-hsl: 283deg, 39.6%, 58.4%;--dh-color-fuchsia-800-hsl: 279deg, 50%, 66.3%;--dh-color-fuchsia-900-hsl: 277deg, 61.5%, 73.5%;--dh-color-fuchsia-1000-hsl: 275deg, 70.9%, 79.8%;--dh-color-fuchsia-1100-hsl: 275deg, 76.3%, 85.1%;--dh-color-fuchsia-1200-hsl: 277deg, 77.8%, 89.4%;--dh-color-fuchsia-1300-hsl: 280deg, 77.1%, 93.1%;--dh-color-fuchsia-1400-hsl: 288deg, 71.4%, 95.9%;--dh-color-magenta-100-hsl: 333deg, 90.7%, 16.9%;--dh-color-magenta-200-hsl: 334deg, 72.4%, 22.7%;--dh-color-magenta-300-hsl: 334deg, 60.3%, 29.6%;--dh-color-magenta-400-hsl: 334deg, 51.6%, 36.5%;--dh-color-magenta-500-hsl: 333deg, 45.7%, 43.3%;--dh-color-magenta-600-hsl: 332deg, 41.5%, 50.4%;--dh-color-magenta-700-hsl: 330deg, 50.7%, 57.8%;--dh-color-magenta-800-hsl: 329deg, 60.7%, 65.1%;--dh-color-magenta-900-hsl: 329deg, 75.9%, 72.4%;--dh-color-magenta-1000-hsl: 328deg, 92.5%, 79.2%;--dh-color-magenta-1100-hsl: 327deg, 100%, 84.7%;--dh-color-magenta-1200-hsl: 327deg, 100%, 89.4%;--dh-color-magenta-1300-hsl: 326deg, 100%, 93.3%;--dh-color-magenta-1400-hsl: 328deg, 100%, 96.3%;--dh-color-gray-50: hsl(var(--dh-color-gray-50-hsl));--dh-color-gray-75: hsl(var(--dh-color-gray-75-hsl));--dh-color-gray-100: hsl(var(--dh-color-gray-100-hsl));--dh-color-gray-200: hsl(var(--dh-color-gray-200-hsl));--dh-color-gray-300: hsl(var(--dh-color-gray-300-hsl));--dh-color-gray-400: hsl(var(--dh-color-gray-400-hsl));--dh-color-gray-500: hsl(var(--dh-color-gray-500-hsl));--dh-color-gray-600: hsl(var(--dh-color-gray-600-hsl));--dh-color-gray-700: hsl(var(--dh-color-gray-700-hsl));--dh-color-gray-800: hsl(var(--dh-color-gray-800-hsl));--dh-color-gray-900: hsl(var(--dh-color-gray-900-hsl));--dh-color-gray-light: hsl(var(--dh-color-gray-light-hsl));--dh-color-gray-mid: hsl(var(--dh-color-gray-mid-hsl));--dh-color-gray-dark: hsl(var(--dh-color-gray-dark-hsl));--dh-color-black: hsl(var(--dh-color-black-hsl));--dh-color-white: hsl(var(--dh-color-white-hsl));--dh-color-blue-100: hsl(var(--dh-color-blue-100-hsl));--dh-color-blue-200: hsl(var(--dh-color-blue-200-hsl));--dh-color-blue-300: hsl(var(--dh-color-blue-300-hsl));--dh-color-blue-400: hsl(var(--dh-color-blue-400-hsl));--dh-color-blue-500: hsl(var(--dh-color-blue-500-hsl));--dh-color-blue-600: hsl(var(--dh-color-blue-600-hsl));--dh-color-blue-700: hsl(var(--dh-color-blue-700-hsl));--dh-color-blue-800: hsl(var(--dh-color-blue-800-hsl));--dh-color-blue-900: hsl(var(--dh-color-blue-900-hsl));--dh-color-blue-1000: hsl(var(--dh-color-blue-1000-hsl));--dh-color-blue-1100: hsl(var(--dh-color-blue-1100-hsl));--dh-color-blue-1200: hsl(var(--dh-color-blue-1200-hsl));--dh-color-blue-1300: hsl(var(--dh-color-blue-1300-hsl));--dh-color-blue-1400: hsl(var(--dh-color-blue-1400-hsl));--dh-color-red-100: hsl(var(--dh-color-red-100-hsl));--dh-color-red-200: hsl(var(--dh-color-red-200-hsl));--dh-color-red-300: hsl(var(--dh-color-red-300-hsl));--dh-color-red-400: hsl(var(--dh-color-red-400-hsl));--dh-color-red-500: hsl(var(--dh-color-red-500-hsl));--dh-color-red-600: hsl(var(--dh-color-red-600-hsl));--dh-color-red-700: hsl(var(--dh-color-red-700-hsl));--dh-color-red-800: hsl(var(--dh-color-red-800-hsl));--dh-color-red-900: hsl(var(--dh-color-red-900-hsl));--dh-color-red-1000: hsl(var(--dh-color-red-1000-hsl));--dh-color-red-1100: hsl(var(--dh-color-red-1100-hsl));--dh-color-red-1200: hsl(var(--dh-color-red-1200-hsl));--dh-color-red-1300: hsl(var(--dh-color-red-1300-hsl));--dh-color-red-1400: hsl(var(--dh-color-red-1400-hsl));--dh-color-orange-100: hsl(var(--dh-color-orange-100-hsl));--dh-color-orange-200: hsl(var(--dh-color-orange-200-hsl));--dh-color-orange-300: hsl(var(--dh-color-orange-300-hsl));--dh-color-orange-400: hsl(var(--dh-color-orange-400-hsl));--dh-color-orange-500: hsl(var(--dh-color-orange-500-hsl));--dh-color-orange-600: hsl(var(--dh-color-orange-600-hsl));--dh-color-orange-700: hsl(var(--dh-color-orange-700-hsl));--dh-color-orange-800: hsl(var(--dh-color-orange-800-hsl));--dh-color-orange-900: hsl(var(--dh-color-orange-900-hsl));--dh-color-orange-1000: hsl(var(--dh-color-orange-1000-hsl));--dh-color-orange-1100: hsl(var(--dh-color-orange-1100-hsl));--dh-color-orange-1200: hsl(var(--dh-color-orange-1200-hsl));--dh-color-orange-1300: hsl(var(--dh-color-orange-1300-hsl));--dh-color-orange-1400: hsl(var(--dh-color-orange-1400-hsl));--dh-color-yellow-100: hsl(var(--dh-color-yellow-100-hsl));--dh-color-yellow-200: hsl(var(--dh-color-yellow-200-hsl));--dh-color-yellow-300: hsl(var(--dh-color-yellow-300-hsl));--dh-color-yellow-400: hsl(var(--dh-color-yellow-400-hsl));--dh-color-yellow-500: hsl(var(--dh-color-yellow-500-hsl));--dh-color-yellow-600: hsl(var(--dh-color-yellow-600-hsl));--dh-color-yellow-700: hsl(var(--dh-color-yellow-700-hsl));--dh-color-yellow-800: hsl(var(--dh-color-yellow-800-hsl));--dh-color-yellow-900: hsl(var(--dh-color-yellow-900-hsl));--dh-color-yellow-1000: hsl(var(--dh-color-yellow-1000-hsl));--dh-color-yellow-1100: hsl(var(--dh-color-yellow-1100-hsl));--dh-color-yellow-1200: hsl(var(--dh-color-yellow-1200-hsl));--dh-color-yellow-1300: hsl(var(--dh-color-yellow-1300-hsl));--dh-color-yellow-1400: hsl(var(--dh-color-yellow-1400-hsl));--dh-color-chartreuse-100: hsl(var(--dh-color-chartreuse-100-hsl));--dh-color-chartreuse-200: hsl(var(--dh-color-chartreuse-200-hsl));--dh-color-chartreuse-300: hsl(var(--dh-color-chartreuse-300-hsl));--dh-color-chartreuse-400: hsl(var(--dh-color-chartreuse-400-hsl));--dh-color-chartreuse-500: hsl(var(--dh-color-chartreuse-500-hsl));--dh-color-chartreuse-600: hsl(var(--dh-color-chartreuse-600-hsl));--dh-color-chartreuse-700: hsl(var(--dh-color-chartreuse-700-hsl));--dh-color-chartreuse-800: hsl(var(--dh-color-chartreuse-800-hsl));--dh-color-chartreuse-900: hsl(var(--dh-color-chartreuse-900-hsl));--dh-color-chartreuse-1000: hsl(var(--dh-color-chartreuse-1000-hsl));--dh-color-chartreuse-1100: hsl(var(--dh-color-chartreuse-1100-hsl));--dh-color-chartreuse-1200: hsl(var(--dh-color-chartreuse-1200-hsl));--dh-color-chartreuse-1300: hsl(var(--dh-color-chartreuse-1300-hsl));--dh-color-chartreuse-1400: hsl(var(--dh-color-chartreuse-1400-hsl));--dh-color-celery-100: hsl(var(--dh-color-celery-100-hsl));--dh-color-celery-200: hsl(var(--dh-color-celery-200-hsl));--dh-color-celery-300: hsl(var(--dh-color-celery-300-hsl));--dh-color-celery-400: hsl(var(--dh-color-celery-400-hsl));--dh-color-celery-500: hsl(var(--dh-color-celery-500-hsl));--dh-color-celery-600: hsl(var(--dh-color-celery-600-hsl));--dh-color-celery-700: hsl(var(--dh-color-celery-700-hsl));--dh-color-celery-800: hsl(var(--dh-color-celery-800-hsl));--dh-color-celery-900: hsl(var(--dh-color-celery-900-hsl));--dh-color-celery-1000: hsl(var(--dh-color-celery-1000-hsl));--dh-color-celery-1100: hsl(var(--dh-color-celery-1100-hsl));--dh-color-celery-1200: hsl(var(--dh-color-celery-1200-hsl));--dh-color-celery-1300: hsl(var(--dh-color-celery-1300-hsl));--dh-color-celery-1400: hsl(var(--dh-color-celery-1400-hsl));--dh-color-green-100: hsl(var(--dh-color-green-100-hsl));--dh-color-green-200: hsl(var(--dh-color-green-200-hsl));--dh-color-green-300: hsl(var(--dh-color-green-300-hsl));--dh-color-green-400: hsl(var(--dh-color-green-400-hsl));--dh-color-green-500: hsl(var(--dh-color-green-500-hsl));--dh-color-green-600: hsl(var(--dh-color-green-600-hsl));--dh-color-green-700: hsl(var(--dh-color-green-700-hsl));--dh-color-green-800: hsl(var(--dh-color-green-800-hsl));--dh-color-green-900: hsl(var(--dh-color-green-900-hsl));--dh-color-green-1000: hsl(var(--dh-color-green-1000-hsl));--dh-color-green-1100: hsl(var(--dh-color-green-1100-hsl));--dh-color-green-1200: hsl(var(--dh-color-green-1200-hsl));--dh-color-green-1300: hsl(var(--dh-color-green-1300-hsl));--dh-color-green-1400: hsl(var(--dh-color-green-1400-hsl));--dh-color-seafoam-100: hsl(var(--dh-color-seafoam-100-hsl));--dh-color-seafoam-200: hsl(var(--dh-color-seafoam-200-hsl));--dh-color-seafoam-300: hsl(var(--dh-color-seafoam-300-hsl));--dh-color-seafoam-400: hsl(var(--dh-color-seafoam-400-hsl));--dh-color-seafoam-500: hsl(var(--dh-color-seafoam-500-hsl));--dh-color-seafoam-600: hsl(var(--dh-color-seafoam-600-hsl));--dh-color-seafoam-700: hsl(var(--dh-color-seafoam-700-hsl));--dh-color-seafoam-800: hsl(var(--dh-color-seafoam-800-hsl));--dh-color-seafoam-900: hsl(var(--dh-color-seafoam-900-hsl));--dh-color-seafoam-1000: hsl(var(--dh-color-seafoam-1000-hsl));--dh-color-seafoam-1100: hsl(var(--dh-color-seafoam-1100-hsl));--dh-color-seafoam-1200: hsl(var(--dh-color-seafoam-1200-hsl));--dh-color-seafoam-1300: hsl(var(--dh-color-seafoam-1300-hsl));--dh-color-seafoam-1400: hsl(var(--dh-color-seafoam-1400-hsl));--dh-color-cyan-100: hsl(var(--dh-color-cyan-100-hsl));--dh-color-cyan-200: hsl(var(--dh-color-cyan-200-hsl));--dh-color-cyan-300: hsl(var(--dh-color-cyan-300-hsl));--dh-color-cyan-400: hsl(var(--dh-color-cyan-400-hsl));--dh-color-cyan-500: hsl(var(--dh-color-cyan-500-hsl));--dh-color-cyan-600: hsl(var(--dh-color-cyan-600-hsl));--dh-color-cyan-700: hsl(var(--dh-color-cyan-700-hsl));--dh-color-cyan-800: hsl(var(--dh-color-cyan-800-hsl));--dh-color-cyan-900: hsl(var(--dh-color-cyan-900-hsl));--dh-color-cyan-1000: hsl(var(--dh-color-cyan-1000-hsl));--dh-color-cyan-1100: hsl(var(--dh-color-cyan-1100-hsl));--dh-color-cyan-1200: hsl(var(--dh-color-cyan-1200-hsl));--dh-color-cyan-1300: hsl(var(--dh-color-cyan-1300-hsl));--dh-color-cyan-1400: hsl(var(--dh-color-cyan-1400-hsl));--dh-color-indigo-100: hsl(var(--dh-color-indigo-100-hsl));--dh-color-indigo-200: hsl(var(--dh-color-indigo-200-hsl));--dh-color-indigo-300: hsl(var(--dh-color-indigo-300-hsl));--dh-color-indigo-400: hsl(var(--dh-color-indigo-400-hsl));--dh-color-indigo-500: hsl(var(--dh-color-indigo-500-hsl));--dh-color-indigo-600: hsl(var(--dh-color-indigo-600-hsl));--dh-color-indigo-700: hsl(var(--dh-color-indigo-700-hsl));--dh-color-indigo-800: hsl(var(--dh-color-indigo-800-hsl));--dh-color-indigo-900: hsl(var(--dh-color-indigo-900-hsl));--dh-color-indigo-1000: hsl(var(--dh-color-indigo-1000-hsl));--dh-color-indigo-1100: hsl(var(--dh-color-indigo-1100-hsl));--dh-color-indigo-1200: hsl(var(--dh-color-indigo-1200-hsl));--dh-color-indigo-1300: hsl(var(--dh-color-indigo-1300-hsl));--dh-color-indigo-1400: hsl(var(--dh-color-indigo-1400-hsl));--dh-color-purple-100: hsl(var(--dh-color-purple-100-hsl));--dh-color-purple-200: hsl(var(--dh-color-purple-200-hsl));--dh-color-purple-300: hsl(var(--dh-color-purple-300-hsl));--dh-color-purple-400: hsl(var(--dh-color-purple-400-hsl));--dh-color-purple-500: hsl(var(--dh-color-purple-500-hsl));--dh-color-purple-600: hsl(var(--dh-color-purple-600-hsl));--dh-color-purple-700: hsl(var(--dh-color-purple-700-hsl));--dh-color-purple-800: hsl(var(--dh-color-purple-800-hsl));--dh-color-purple-900: hsl(var(--dh-color-purple-900-hsl));--dh-color-purple-1000: hsl(var(--dh-color-purple-1000-hsl));--dh-color-purple-1100: hsl(var(--dh-color-purple-1100-hsl));--dh-color-purple-1200: hsl(var(--dh-color-purple-1200-hsl));--dh-color-purple-1300: hsl(var(--dh-color-purple-1300-hsl));--dh-color-purple-1400: hsl(var(--dh-color-purple-1400-hsl));--dh-color-fuchsia-100: hsl(var(--dh-color-fuchsia-100-hsl));--dh-color-fuchsia-200: hsl(var(--dh-color-fuchsia-200-hsl));--dh-color-fuchsia-300: hsl(var(--dh-color-fuchsia-300-hsl));--dh-color-fuchsia-400: hsl(var(--dh-color-fuchsia-400-hsl));--dh-color-fuchsia-500: hsl(var(--dh-color-fuchsia-500-hsl));--dh-color-fuchsia-600: hsl(var(--dh-color-fuchsia-600-hsl));--dh-color-fuchsia-700: hsl(var(--dh-color-fuchsia-700-hsl));--dh-color-fuchsia-800: hsl(var(--dh-color-fuchsia-800-hsl));--dh-color-fuchsia-900: hsl(var(--dh-color-fuchsia-900-hsl));--dh-color-fuchsia-1000: hsl(var(--dh-color-fuchsia-1000-hsl));--dh-color-fuchsia-1100: hsl(var(--dh-color-fuchsia-1100-hsl));--dh-color-fuchsia-1200: hsl(var(--dh-color-fuchsia-1200-hsl));--dh-color-fuchsia-1300: hsl(var(--dh-color-fuchsia-1300-hsl));--dh-color-fuchsia-1400: hsl(var(--dh-color-fuchsia-1400-hsl));--dh-color-magenta-100: hsl(var(--dh-color-magenta-100-hsl));--dh-color-magenta-200: hsl(var(--dh-color-magenta-200-hsl));--dh-color-magenta-300: hsl(var(--dh-color-magenta-300-hsl));--dh-color-magenta-400: hsl(var(--dh-color-magenta-400-hsl));--dh-color-magenta-500: hsl(var(--dh-color-magenta-500-hsl));--dh-color-magenta-600: hsl(var(--dh-color-magenta-600-hsl));--dh-color-magenta-700: hsl(var(--dh-color-magenta-700-hsl));--dh-color-magenta-800: hsl(var(--dh-color-magenta-800-hsl));--dh-color-magenta-900: hsl(var(--dh-color-magenta-900-hsl));--dh-color-magenta-1000: hsl(var(--dh-color-magenta-1000-hsl));--dh-color-magenta-1100: hsl(var(--dh-color-magenta-1100-hsl));--dh-color-magenta-1200: hsl(var(--dh-color-magenta-1200-hsl));--dh-color-magenta-1300: hsl(var(--dh-color-magenta-1300-hsl));--dh-color-magenta-1400: hsl(var(--dh-color-magenta-1400-hsl))}
+`,Vl=`:root{--dh-color-bg-hsl: var(--dh-color-black-hsl);--dh-color-fg-hsl: var(--dh-color-white-hsl);--dh-color-border-hsl: var(--dh-color-gray-500-hsl);--dh-color-content-bg-hsl: var(--dh-color-gray-100-hsl);--dh-color-scrollbar-hsl: var(--dh-color-fg-hsl);--dh-color-action-hsl: var(--dh-color-gray-75-hsl);--dh-color-accent-hsl: var(--dh-color-blue-600-hsl);--dh-color-accent-100-hsl: var(--dh-color-blue-100-hsl);--dh-color-accent-200-hsl: var(--dh-color-blue-200-hsl);--dh-color-accent-300-hsl: var(--dh-color-blue-300-hsl);--dh-color-accent-400-hsl: var(--dh-color-blue-400-hsl);--dh-color-accent-500-hsl: var(--dh-color-blue-500-hsl);--dh-color-accent-600-hsl: var(--dh-color-blue-600-hsl);--dh-color-accent-700-hsl: var(--dh-color-blue-700-hsl);--dh-color-accent-800-hsl: var(--dh-color-blue-800-hsl);--dh-color-accent-900-hsl: var(--dh-color-blue-900-hsl);--dh-color-accent-1000-hsl: var(--dh-color-blue-1000-hsl);--dh-color-accent-1100-hsl: var(--dh-color-blue-1100-hsl);--dh-color-accent-1200-hsl: var(--dh-color-blue-1200-hsl);--dh-color-accent-1300-hsl: var(--dh-color-blue-1300-hsl);--dh-color-accent-1400-hsl: var(--dh-color-blue-1400-hsl);--dh-color-info-hsl: var(--dh-color-cyan-1000-hsl);--dh-color-neutral-hsl: var(--dh-color-gray-500-hsl);--dh-color-notice-hsl: var(--dh-color-yellow-1000-hsl);--dh-color-positive-hsl: var(--dh-color-green-900-hsl);--dh-color-negative-hsl: var(--dh-color-red-600-hsl);--dh-color-contrast-dark-hsl: var(--dh-color-gray-50-hsl);--dh-color-contrast-light-hsl: var(--dh-color-gray-900-hsl);--dh-color-action-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-accent-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-info-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-negative-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-neutral-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-notice-contrast-hsl: var(--dh-color-contrast-dark-hsl);--dh-color-positive-contrast-hsl: var(--dh-color-contrast-light-hsl);--dh-color-visual-blue-hsl: var(--dh-color-blue-600-hsl);--dh-color-visual-celery-hsl: var(--dh-color-celery-1000-hsl);--dh-color-visual-chartreuse-hsl: var(--dh-color-chartreuse-1100-hsl);--dh-color-visual-cyan-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-visual-fuchsia-hsl: var(--dh-color-fuchsia-900-hsl);--dh-color-visual-gray-hsl: var(--dh-color-gray-600-hsl);--dh-color-visual-green-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-indigo-hsl: var(--dh-color-indigo-900-hsl);--dh-color-visual-magenta-hsl: var(--dh-color-magenta-900-hsl);--dh-color-visual-orange-hsl: var(--dh-color-orange-900-hsl);--dh-color-visual-purple-hsl: var(--dh-color-purple-900-hsl);--dh-color-visual-red-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-seafoam-hsl: var(--dh-color-seafoam-1100-hsl);--dh-color-visual-yellow-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-positive-hsl: var(--dh-color-green-1100-hsl);--dh-color-visual-negative-hsl: var(--dh-color-red-800-hsl);--dh-color-visual-notice-hsl: var(--dh-color-yellow-1200-hsl);--dh-color-visual-info-hsl: var(--dh-color-cyan-1100-hsl);--dh-color-border: hsl(var(--dh-color-border-hsl));--dh-color-bg: hsl(var(--dh-color-bg-hsl));--dh-color-fg: hsl(var(--dh-color-fg-hsl));--dh-color-content-bg: hsl(var(--dh-color-content-bg-hsl));--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-400);--dh-color-text-highlight: hsla(var(--dh-color-blue-700-hsl), .3);--dh-color-contrast-dark: hsl(var(--dh-color-contrast-dark-hsl));--dh-color-contrast-light: hsl(var(--dh-color-contrast-light-hsl));--dh-color-accent-100: hsl(var(--dh-color-accent-100-hsl));--dh-color-accent-200: hsl(var(--dh-color-accent-200-hsl));--dh-color-accent-300: hsl(var(--dh-color-accent-300-hsl));--dh-color-accent-400: hsl(var(--dh-color-accent-400-hsl));--dh-color-accent-500: hsl(var(--dh-color-accent-500-hsl));--dh-color-accent-600: hsl(var(--dh-color-accent-600-hsl));--dh-color-accent-700: hsl(var(--dh-color-accent-700-hsl));--dh-color-accent-800: hsl(var(--dh-color-accent-800-hsl));--dh-color-accent-900: hsl(var(--dh-color-accent-900-hsl));--dh-color-accent-1000: hsl(var(--dh-color-accent-1000-hsl));--dh-color-accent-1100: hsl(var(--dh-color-accent-1100-hsl));--dh-color-accent-1200: hsl(var(--dh-color-accent-1200-hsl));--dh-color-accent-1300: hsl(var(--dh-color-accent-1300-hsl));--dh-color-accent-1400: hsl(var(--dh-color-accent-1400-hsl));--dh-color-accent-bg: hsl(var(--dh-color-accent-hsl));--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: hsl(var(--dh-color-accent-contrast-hsl));--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: hsla(var(--dh-color-visual-gray-hsl), .15);--dh-color-highlight-hover: hsla(var(--dh-color-visual-gray-hsl), .08);--dh-color-highlight-invalid: hsla(var(--dh-color-visual-red-hsl), .15);--dh-color-highlight-selected: hsla(var(--dh-color-visual-blue-hsl), .13);--dh-color-highlight-selected-hover: hsla( var(--dh-color-visual-blue-hsl), .2 );--dh-color-keyboard-selected-bg: hsla(var(--dh-color-accent-hsl), .5);--dh-color-dropshadow: hsla(var(--dh-color-true-black-hsl), .8);--dh-color-overlay-modal-bg: hsla(var(--dh-color-visual-gray-hsl), .6);--dh-color-overlay-hover-bg: hsla(var(--dh-color-visual-gray-hsl), .08);--dh-color-negative-bg: hsl(var(--dh-color-negative-hsl));--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: hsl(var(--dh-color-negative-contrast-hsl));--dh-color-neutral-bg: hsl(var(--dh-color-neutral-hsl));--dh-color-neutral-hover-bg: var(--dh-color-gray-400);--dh-color-neutral-down-bg: var(--dh-color-gray-300);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-400);--dh-color-neutral-contrast: hsl(var(--dh-color-neutral-contrast-hsl));--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive-bg: hsl(var(--dh-color-positive-hsl));--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: hsl(var(--dh-color-positive-contrast-hsl));--dh-color-info-bg: hsl(var(--dh-color-info-hsl));--dh-color-info-hover-bg: var(--dh-color-cyan-900);--dh-color-info-down-bg: var(--dh-color-cyan-800);--dh-color-info-key-focus-bg: var(--dh-color-cyan-900);--dh-color-info-contrast: hsl(var(--dh-color-info-contrast-hsl));--dh-color-notice-bg: hsl(var(--dh-color-notice-hsl));--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: hsl(var(--dh-color-notice-contrast-hsl));--dh-color-visual-blue: hsl(var(--dh-color-visual-blue-hsl));--dh-color-visual-celery: hsl(var(--dh-color-visual-celery-hsl));--dh-color-visual-chartreuse: hsl(var(--dh-color-visual-chartreuse-hsl));--dh-color-visual-cyan: hsl(var(--dh-color-visual-cyan-hsl));--dh-color-visual-fuchsia: hsl(var(--dh-color-visual-fuchsia-hsl));--dh-color-visual-gray: hsl(var(--dh-color-visual-gray-hsl));--dh-color-visual-green: hsl(var(--dh-color-visual-green-hsl));--dh-color-visual-indigo: hsl(var(--dh-color-visual-indigo-hsl));--dh-color-visual-magenta: hsl(var(--dh-color-visual-magenta-hsl));--dh-color-visual-orange: hsl(var(--dh-color-visual-orange-hsl));--dh-color-visual-purple: hsl(var(--dh-color-visual-purple-hsl));--dh-color-visual-red: hsl(var(--dh-color-visual-red-hsl));--dh-color-visual-seafoam: hsl(var(--dh-color-visual-seafoam-hsl));--dh-color-visual-yellow: hsl(var(--dh-color-visual-yellow-hsl));--dh-color-visual-positive: hsl(var(--dh-color-visual-positive-hsl));--dh-color-visual-negative: hsl(var(--dh-color-visual-negative-hsl));--dh-color-visual-notice: hsl(var(--dh-color-visual-notice-hsl));--dh-color-visual-info: hsl(var(--dh-color-visual-info-hsl));--dh-color-modified: var(--dh-color-yellow-1300)}
 `,Ol=`:root{--dh-color-chart-bg: var(--dh-color-content-bg);--dh-color-chart-plot-bg: var(--dh-color-gray-200);--dh-color-chart-title: var(--dh-color-white);--dh-color-chart-colorway: var(--dh-color-visual-cyan) var(--dh-color-visual-green) var(--dh-color-visual-yellow) var(--dh-color-visual-purple) var(--dh-color-visual-orange) var(--dh-color-visual-red) var(--dh-color-visual-chartreuse) var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam) var(--dh-color-visual-magenta) var(--dh-color-white);--dh-color-chart-grid: var(--dh-color-gray-400);--dh-color-chart-axis-line: var(--dh-color-gray-500);--dh-color-chart-axis-line-zero: var(--dh-color-gray-700);--dh-color-chart-active: var(--dh-color-accent-600);--dh-color-chart-range-bg: hsla(var(--dh-color-gray-500-hsl) .7);--dh-color-chart-area: var(--dh-color-visual-blue);--dh-color-chart-trend: var(--dh-color-green-1200);--dh-color-chart-error-band-line: var(--dh-color-green-1400);--dh-color-chart-error-band-fill: hsla(var(--dh-color-green-1200-hsl), .1);--dh-color-chart-ohlc-increase: var(--dh-color-visual-green);--dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);--dh-color-chart-line-deprecated: var(--dh-color-visual-green);--dh-color-plotly-axis-text: var(--dh-color-gray-500);--dh-color-plotly-zoombox: hsla(var(--dh-color-true-black-hsl), .5);--dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);--dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);--dh-color-plotly-modebar-btn-active: var(--dh-color-true-white-hsl, .7);--dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);--dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500)}
 `,Ul=`:root{--dh-color-editor-bg: var(--dh-color-content-bg);--dh-color-editor-fg: var(--dh-color-gray-900);--dh-color-editor-error-fg: var(--dh-color-visual-red);--dh-color-editor-line-number-fg: var(--dh-color-gray-700);--dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);--dh-color-editor-selection-bg: var(--dh-color-text-highlight);--dh-color-editor-comment: var(--dh-color-gray-700);--dh-color-editor-delimiter: var(--dh-color-gray-700);--dh-color-editor-identifier-js: var(--dh-color-visual-yellow);--dh-color-editor-identifier-namespace: var(--dh-color-visual-red);--dh-color-editor-identifier: var(--dh-color-gray-900);--dh-color-editor-keyword: var(--dh-color-visual-cyan);--dh-color-editor-number: var(--dh-color-visual-purple);--dh-color-editor-operator: var(--dh-color-visual-red);--dh-color-editor-predefined: var(--dh-color-visual-green);--dh-color-editor-storage: var(--dh-color-visual-red);--dh-color-editor-string-delim: var(--dh-color-gray-700);--dh-color-editor-string: var(--dh-color-visual-yellow);--dh-color-editor-focus-border: var(--dh-color-focus-border);--dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);--dh-color-editor-input-bg: var(--dh-color-bg);--dh-color-editor-input-fg: var(--dh-color-text);--dh-color-editor-input-border: var(--dh-color-border);--dh-color-editor-context-menu-bg: var(--dh-color-gray-300);--dh-color-editor-context-menu-fg: var(--dh-color-gray-900);--dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);--dh-color-editor-log-date: var(--dh-color-gray-700);--dh-color-editor-log-error: var(--dh-color-visual-red);--dh-color-editor-log-info: var(--dh-color-visual-cyan);--dh-color-editor-log-stdout: var(--dh-color-gray-900);--dh-color-editor-log-warn: var(--dh-color-visual-yellow);--dh-color-editor-log-debug: var(--dh-color-visual-purple);--dh-color-editor-log-trace: var(--dh-color-visual-green);--dh-color-editor-find-bg: var(--dh-color-gray-200);--dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);--dh-color-editor-find-match-highlight-bg: var( --dh-color-highlight-selected-hover );--dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);--dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);--dh-color-editor-suggest-bg: var(--dh-color-gray-200);--dh-color-editor-suggest-border: var(--dh-color-gray-400);--dh-color-editor-suggest-fg: var(--dh-color-white);--dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);--dh-color-editor-suggest-selected-fg: var(--dh-color-white);--dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-focus-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-hover-bg: var(--dh-color-highlight-hover);--dh-color-editor-link-foreground: var(--dh-color-accent-1000);--dh-color-editor-link-active-fg: var(--dh-color-accent-1100)}
 `,Gl=`:root{--dh-color-grid-bg: var(--dh-color-bg);--dh-color-grid-header-bg: var(--dh-color-gray-100);--dh-color-grid-header-text: var(--dh-color-heading-text);--dh-color-grid-header-separator: var(--dh-color-gray-50);--dh-color-grid-header-separator-hover: var(--dh-color-gray-600);--dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);--dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);--dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);--dh-color-grid-header-bar-casing: var(--dh-color-gray-50);--dh-color-grid-row-0-bg: var(--dh-color-gray-300);--dh-color-grid-row-1-bg: var(--dh-color-gray-100);--dh-color-grid-row-hover-bg: var(--dh-color-gray-400);--dh-color-grid-row-hover-bg-selected: var( --dh-color-highlight-selected-hover );--dh-color-grid-selection: var(--dh-color-highlight-selected);--dh-color-grid-selection-outline: var(--dh-color-accent-900);--dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);--dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);--dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);--dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);--dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);--dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);--dh-color-grid-scroll-bar: var(--dh-color-gray-500);--dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);--dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);--dh-color-grid-text: var(--dh-color-text);--dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);--dh-color-grid-text-pending: var(--dh-color-yellow-1300);--dh-color-grid-text-error: var(--dh-color-visual-negative);--dh-color-grid-date: var(--dh-color-visual-notice);--dh-color-grid-number-positive: var(--dh-color-visual-positive);--dh-color-grid-number-negative: var(--dh-color-visual-negative);--dh-color-grid-number-zero: var(--dh-color-visual-notice);--dh-color-grid-string-null: var(--dh-color-gray-600);--dh-color-grid-filter-bar-active-bg: hsla( var(--dh-color-accent-700-hsl), .5 );--dh-color-grid-filter-bar-active: var(--dh-color-accent-600);--dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);--dh-color-grid-filter-bar-expanded-active-bg: hsla( var(--dh-color-accent-1000-hsl), .19 );--dh-color-grid-filter-bar-expanded-active-cell-bg: hsla( var(--dh-color-accent-700-hsl), .32 );--dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);--dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);--dh-color-grid-filter-icon: var(--dh-color-accent-600);--dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);--dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);--dh-color-grid-column-linker-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);--dh-color-grid-tree-line: var(--dh-color-gray-500);--dh-color-grid-tree-marker: var(--dh-color-gray-700);--dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);--dh-color-grid-floating-row: var(--dh-color-gray-300);--dh-color-grid-floating-row-bg: var(--dh-color-gray-200);--dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);--dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);--dh-color-grid-overflow-button: var(--dh-color-gray-700);--dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);--dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);--dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);--dh-color-grid-data-bar-marker: var(--dh-color-white);--dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);--dh-color-grid-scrim: var(--dh-color-gray-50)}
 `,Hl=`:root{--dh-color-loading-spinner-primary: var(--dh-color-accent-bg);--dh-color-loading-spinner-secondary: hsla(var(--dh-color-gray-800-hsl), .5);--dh-color-quickactions-bg: hsla(var(--dh-color-visual-gray-hsl), .9);--dh-color-radial-reaction: hsla(var(--dh-color-visual-gray-hsl), .6);--dh-color-colorpicker-border: hsla(var(--dh-color-visual-gray-hsl), .1);--dh-color-login-form-bg: var(--dh-color-gray-400);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-900);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: hsla( var(--dh-color-accent-hsl), .08 );--dh-color-random-area-plot-animation-fg-stroke: hsla( var(--dh-color-accent-hsl), .2 );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: hsl(var(--dh-color-action-hsl));--dh-color-action-fg: hsl(var(--dh-color-action-contrast-hsl));--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-black);--dh-color-action-hover-fg: var(--dh-color-action-fg);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-accent-bg);--dh-color-action-active-fg: var(--dh-color-accent-contrast);--dh-color-action-active-border: var(--dh-color-accent-bg);--dh-color-action-active-hover-bg: var(--dh-color-accent-hover-bg);--dh-color-action-active-hover-fg: var(--dh-color-accent-contrast);--dh-color-action-active-hover-border: var(--dh-color-accent-hover-bg);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-gray-700);--dh-color-action-disabled-border: var(--dh-color-black);--dh-color-input-bg: var(--dh-color-gray-500);--dh-color-input-fg: var(--dh-color-fg);--dh-color-input-disabled-bg: var(--dh-color-gray-300);--dh-color-input-border: var(--dh-color-gray-600);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-focus-border: hsla(var(--dh-color-accent-hsl), .85);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: hsl(var(--dh-color-visual-negative-hsl));--dh-color-form-control-error-shadow: hsla( var(--dh-color-visual-negative-hsl), .25 );--dh-color-selector-fg: hsla(var(--dh-color-gray-800-hsl), .4);--dh-color-selector-hover-fg: hsl(var(--dh-color-gray-800-hsl));--dh-color-selector-disabled-fg: hsla( var(--dh-color-gray-800-hsl), .26 );--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-white);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: hsla(var(--dh-color-accent-hsl), .6);--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: hsla( var(--dh-color-accent-hsl), .5 );--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-tooltip-bg: var(--dh-color-gray-400);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: hsla(var(--dh-color-black-hsl), .8);--dh-color-well-bg: hsla(var(--dh-color-visual-gray-hsl), .02);--dh-color-well-border: hsla(var(--dh-color-visual-gray-hsl), .05)}
-`,zl="_themeColors_1ezbi_1",Wl="_label_1ezbi_8",ql="_capitalize_1ezbi_16",Zl="_swatch_1ezbi_19",Q={themeColors:zl,label:Wl,capitalize:ql,swatch:Zl};function Xl(){return{"Theme Color Palette":G("palette",Fl,1),"Semantic Colors":G("semantic",Vl,1),"Chart Colors":G("chart",Ol,2),"Editor Colors":G("editor",Ul,2),"Grid Colors":G("grid",Gl,2),"Component Colors":G("component",Hl,1)}}function Yl(){const{selectedThemeKey:l}=mo(),o=u.useMemo(Xl,[l]);return e.jsx(e.Fragment,{children:Object.entries(o).map(([r,s],t)=>e.jsxs("div",{...p(r),children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:Q.themeColors,children:Object.entries(s).map(([c,a])=>e.jsxs("div",{style:{gridRow:`span ${a.length+1}`},children:[e.jsx("span",{className:H(Q.label,Q.capitalize),children:c}),a.map(({isLabel:n,name:h,value:i,note:d})=>n===!0?e.jsx("span",{className:Q.label,children:h},h):e.jsxs("div",{className:Q.swatch,style:{backgroundColor:i,border:i===""&&h.length>0?po:void 0,color:`var(--dh-color-${xo(i)})`},children:[e.jsxs(oe,{children:[e.jsx("div",{children:h}),e.jsx("div",{children:i}),e.jsx("div",{children:ee.normalizeCssColor(i,!0)})]}),e.jsx("span",{children:h.replace("--dh-color-","")}),h.endsWith("-hue")||d!=null?e.jsx("span",{children:d??i}):null]},h))]},c))})]},r))})}const Ne="data-menu-category",Kl="data-no-menu",bo="spectrum-component-samples";function Ql(){return e.jsxs("div",{id:bo,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Spectrum Components"}),e.jsxs(Ie,{gap:20,columns:No("0px","1fr"),children:[e.jsxs($,{...S("spectrum-buttons"),children:[e.jsx("h3",{children:"Buttons"}),e.jsx(Jl,{})]}),e.jsxs($,{...S("spectrum-collections"),children:[e.jsx("h3",{children:"Collections"}),e.jsx(ls,{})]}),e.jsxs($,{...S("spectrum-content"),children:[e.jsx("h3",{children:"Content"}),e.jsx(rs,{})]}),e.jsxs($,{...S("spectrum-forms"),children:[e.jsx("h3",{children:"Forms"}),e.jsx(os,{})]}),e.jsxs($,{...S("spectrum-overlays"),children:[e.jsx("h3",{children:"Overlays"}),e.jsx(es,{})]}),e.jsxs($,{...S("spectrum-well"),children:[e.jsx("h3",{children:"Wells"}),e.jsx(ko,{children:"This is a well."})]})]})]})}function Jl(){return e.jsxs(e.Fragment,{children:[e.jsxs(L,{marginBottom:"size-200",children:[e.jsx(se,{children:e.jsx(k,{icon:_})}),e.jsx(ke,{children:"Icon Button"})]}),e.jsxs(Ie,{autoFlow:"column",columnGap:"size-250",rowGap:"size-150",columns:De(4,"size-2000"),rows:De(8,"size-400"),children:[e.jsx("label",{children:'Button style="outline"'}),e.jsx(j,{variant:"primary",style:"outline",children:"Primary"}),e.jsx(j,{variant:"secondary",style:"outline",children:"Secondary"}),e.jsx(j,{variant:"accent",style:"outline",children:"Accent"}),e.jsx(j,{variant:"negative",style:"outline",children:"Negative"}),e.jsx(j,{variant:"primary",staticColor:"black",style:"outline",children:"Static Black"}),e.jsx(j,{variant:"primary",staticColor:"white",style:"outline",children:"Static White"}),e.jsx(j,{variant:"primary",isDisabled:!0,style:"outline",children:"Disabled"}),e.jsx("label",{children:'Button style="fill"'}),e.jsx(j,{variant:"primary",style:"fill",children:"Primary"}),e.jsx(j,{variant:"secondary",style:"fill",children:"Secondary"}),e.jsx(j,{variant:"accent",style:"fill",children:"Accent"}),e.jsx(j,{variant:"negative",style:"fill",children:"Negative"}),e.jsx(j,{variant:"primary",staticColor:"black",style:"fill",children:"Static Black"}),e.jsx(j,{variant:"primary",staticColor:"white",style:"fill",children:"Static White"}),e.jsx(j,{variant:"primary",isDisabled:!0,style:"fill",children:"Disabled"}),e.jsx("label",{children:"Action Button"}),e.jsx(L,{children:"Normal"}),e.jsx(L,{gridRow:"span 3",isQuiet:!0,children:"Quiet"}),e.jsx(L,{staticColor:"black",children:"Static Black"}),e.jsx(L,{staticColor:"white",children:"Static White"}),e.jsx(L,{isDisabled:!0,children:"Disabled"}),e.jsx("label",{children:"Toggle Button"}),e.jsx(F,{children:"Normal"}),e.jsx(F,{isQuiet:!0,children:"Quiet"}),e.jsx(F,{gridRow:"span 2",isEmphasized:!0,children:"Emphasized"}),e.jsx(F,{staticColor:"black",children:"Static Black"}),e.jsx(F,{staticColor:"white",children:"Static White"}),e.jsx(F,{isDisabled:!0,children:"Disabled"})]})]})}function es(){return e.jsxs(e.Fragment,{children:[e.jsx(ke,{children:"Contextual Help"}),e.jsxs(Do,{variant:"info",children:[e.jsx(co,{children:"Need help?"}),e.jsx(ho,{children:e.jsx(ke,{children:"This is a helpful description of the thing you need help with."})})]})]})}function os(){return e.jsx(Eo,{children:e.jsxs(Ie,{gap:20,columns:De("auto-fit","210px"),children:[e.jsx(Io,{label:"Text Field"}),e.jsxs(Ao,{label:"Combobox",menuTrigger:"focus",defaultSelectedKey:"two",children:[e.jsx(ce,{children:"One"},"one"),e.jsx(ce,{children:"Two"},"two"),e.jsx(ce,{children:"Three"},"three")]}),e.jsx(Mo,{children:"Checkbox"}),e.jsx(Ro,{label:"Slider",defaultValue:24}),e.jsx($o,{children:"Switch"})]})})}function rs(){return e.jsxs(Lo,{children:[e.jsx(se,{size:"XL",children:e.jsx(k,{icon:qo})}),e.jsx(co,{children:"Illustrated Message"}),e.jsx(ho,{children:"This is the content of the message."})]})}function ls(){return e.jsxs(e.Fragment,{children:[e.jsx("label",{id:"table-view-sample",children:"Table View"}),e.jsxs(Po,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",children:[e.jsxs(_o,{children:[e.jsxs(V,{title:"Person",children:[e.jsx(V,{allowsResizing:!0,children:"Name"}),e.jsx(V,{children:"Age"})]}),e.jsxs(V,{title:"Address",children:[e.jsx(V,{allowsResizing:!0,children:"City"}),e.jsx(V,{children:"State"})]})]}),e.jsxs(Bo,{children:[e.jsxs(ue,{children:[e.jsx(N,{children:"John"}),e.jsx(N,{children:"42"}),e.jsx(N,{children:"San Francisco"}),e.jsx(N,{children:"CA"})]}),e.jsxs(ue,{children:[e.jsx(N,{children:"Jane"}),e.jsx(N,{children:"38"}),e.jsx(N,{children:"San Francisco"}),e.jsx(N,{children:"CA"})]}),e.jsxs(ue,{children:[e.jsx(N,{children:"Becky"}),e.jsx(N,{children:"12"}),e.jsx(N,{children:"San Francisco"}),e.jsx(N,{children:"CA"})]})]})]})]})}function ae({"data-menu-category":l}){return e.jsx("div",{"data-menu-category":l})}function ss(){const[l,o]=u.useState([]);u.useEffect(()=>{let s={category:"",items:[]};const t=[s],c=document.querySelector(`#${bo}`);document.querySelectorAll(`h2,h3,[${Ne}]`).forEach(a=>{if(a.textContent==null||a.hasAttribute(Kl))return;if(a.hasAttribute(Ne)){s={category:a.getAttribute(Ne)??"",items:[]},t.push(s);return}const n=`${c?.contains(a)===!0?"spectrum-":""}${a.textContent}`.toLowerCase().replace(/\s/g,"-");a.id=n,s.items.push({id:n,label:a.textContent})}),o(t)},[]),u.useEffect(()=>{const s=window.location.hash===""?null:document.querySelector(window.location.hash);s&&setTimeout(()=>{s.scrollIntoView()},0)},[]);const r=u.useCallback(s=>{const t=String(s);document.getElementById(t)?.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{window.location.hash=t},1e3)},[]);return e.jsxs(Fo,{children:[e.jsx(L,{children:e.jsx(se,{children:e.jsx(k,{icon:Zo})})}),e.jsx(Vo,{items:l,onAction:r,children:({category:s,items:t})=>e.jsx(Oo,{items:t,title:s,children:({id:c,label:a})=>e.jsx(ce,{children:a},c)},s)})]})}function ts(){const l=u.useCallback(()=>{window.scrollTo({top:0,behavior:"smooth"}),setTimeout(()=>{window.location.hash=""},500)},[]);return u.useEffect(()=>{const o=document.querySelector("h2")?.offsetTop??0;function r(){document.documentElement.dataset.scroll=String(window.scrollY>=o)}return document.addEventListener("scroll",r,{passive:!0}),()=>{document.removeEventListener("scroll",r)}},[]),e.jsx(j,{UNSAFE_className:"goto-top-button",variant:"accent",onPress:l,children:e.jsx(se,{children:e.jsx(k,{icon:Xo})})})}const as=["Tab 1","Tab 2","Tab 3"];function cs({isActive:l,title:o}){return e.jsxs("li",{className:H("lm_tab",l&&"lm_active"),children:[e.jsx("span",{className:"lm_title_before"}),e.jsx("span",{className:"lm_title",children:o}),e.jsx("span",{className:"lm_close_tab"})]})}function hs(){return e.jsxs("div",{...p("golden-layout"),children:[e.jsx("h2",{className:"ui-title",children:"Golden Layout"}),[!1,!0].map(l=>e.jsxs(le.Fragment,{children:[e.jsx("h5",{children:l?"Minimized":"Maximised"}),e.jsx("div",{style:{position:"relative",border:"none"},className:l?"lm_maximised":void 0,children:e.jsxs("div",{className:"lm_header",children:[e.jsx("ul",{className:"lm_tabs",children:as.map((o,r)=>e.jsx(cs,{isActive:r===0,title:o},o))}),e.jsxs("ul",{className:"lm_controls",children:[e.jsx("li",{className:"lm_tabpreviousbutton"}),e.jsx("li",{className:"lm_tabnextbutton"}),e.jsx("li",{className:"lm_maximise"}),e.jsx("li",{className:"lm_popout"}),e.jsx("li",{className:"lm_tabdropdown"}),e.jsx("li",{className:"lm_close"})]})]})})]},String(l)))]})}function ns(){return e.jsxs("div",{...p("animations",["sample-section-e2e-ignore"]),children:[e.jsx("h2",{className:"ui-title",children:"Animations"}),e.jsx($,{position:"relative",height:400,children:e.jsx(jr,{})})]})}const to={position:"sticky",justifyContent:"end",zIndex:1,UNSAFE_style:{float:"right"}};function ds(){const l=window.location.search.includes("isolateSection=true"),{themes:o}=mo(),r=o.length>1;return e.jsx("div",{tabIndex:-1,role:"main",children:e.jsxs("div",{className:"container style-guide-container",children:[l&&e.jsx("style",{children:`.${be}, .sample-section:not(${window.location.hash}), :not(.sample-section) > h2 {
+`,zl="_themeColors_1ezbi_1",Wl="_label_1ezbi_8",ql="_capitalize_1ezbi_16",Zl="_swatch_1ezbi_19",J={themeColors:zl,label:Wl,capitalize:ql,swatch:Zl};function Xl(){return{"Theme Color Palette":G("palette",Fl,1),"Semantic Colors":G("semantic",Vl,1),"Chart Colors":G("chart",Ol,2),"Editor Colors":G("editor",Ul,2),"Grid Colors":G("grid",Gl,2),"Component Colors":G("component",Hl,1)}}function Yl(){const{selectedThemeKey:l}=mo(),o=u.useMemo(Xl,[l]);return e.jsx(e.Fragment,{children:Object.entries(o).map(([r,s],t)=>e.jsxs("div",{...p(r),children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:J.themeColors,children:Object.entries(s).map(([c,a])=>e.jsxs("div",{style:{gridRow:`span ${a.length+1}`},children:[e.jsx("span",{className:z(J.label,J.capitalize),children:c}),a.map(({isLabel:n,name:h,value:i,note:d})=>n===!0?e.jsx("span",{className:J.label,children:h},h):e.jsxs("div",{className:J.swatch,style:{backgroundColor:i,border:i===""&&h.length>0?po:void 0,color:`var(--dh-color-${xo(i)})`},children:[e.jsxs(re,{children:[e.jsx("div",{children:h}),e.jsx("div",{children:i}),e.jsx("div",{children:oe.normalizeCssColor(i,!0)})]}),e.jsx("span",{children:h.replace("--dh-color-","")}),h.endsWith("-hue")||d!=null?e.jsx("span",{children:d??i}):null]},h))]},c))})]},r))})}const Ne="data-menu-category",Kl="data-no-menu",bo="spectrum-component-samples";function Ql(){return e.jsxs("div",{id:bo,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Spectrum Components"}),e.jsxs(Ie,{gap:20,columns:No("0px","1fr"),children:[e.jsxs($,{...S("spectrum-buttons"),children:[e.jsx("h3",{children:"Buttons"}),e.jsx(Jl,{})]}),e.jsxs($,{...S("spectrum-collections"),children:[e.jsx("h3",{children:"Collections"}),e.jsx(ls,{})]}),e.jsxs($,{...S("spectrum-content"),children:[e.jsx("h3",{children:"Content"}),e.jsx(rs,{})]}),e.jsxs($,{...S("spectrum-forms"),children:[e.jsx("h3",{children:"Forms"}),e.jsx(os,{})]}),e.jsxs($,{...S("spectrum-overlays"),children:[e.jsx("h3",{children:"Overlays"}),e.jsx(es,{})]}),e.jsxs($,{...S("spectrum-well"),children:[e.jsx("h3",{children:"Wells"}),e.jsx(ko,{children:"This is a well."})]})]})]})}function Jl(){return e.jsxs(e.Fragment,{children:[e.jsxs(L,{marginBottom:"size-200",children:[e.jsx(se,{children:e.jsx(k,{icon:_})}),e.jsx(ke,{children:"Icon Button"})]}),e.jsxs(Ie,{autoFlow:"column",columnGap:"size-250",rowGap:"size-150",columns:De(4,"size-2000"),rows:De(8,"size-400"),children:[e.jsx("label",{children:'Button style="outline"'}),e.jsx(j,{variant:"primary",style:"outline",children:"Primary"}),e.jsx(j,{variant:"secondary",style:"outline",children:"Secondary"}),e.jsx(j,{variant:"accent",style:"outline",children:"Accent"}),e.jsx(j,{variant:"negative",style:"outline",children:"Negative"}),e.jsx(j,{variant:"primary",staticColor:"black",style:"outline",children:"Static Black"}),e.jsx(j,{variant:"primary",staticColor:"white",style:"outline",children:"Static White"}),e.jsx(j,{variant:"primary",isDisabled:!0,style:"outline",children:"Disabled"}),e.jsx("label",{children:'Button style="fill"'}),e.jsx(j,{variant:"primary",style:"fill",children:"Primary"}),e.jsx(j,{variant:"secondary",style:"fill",children:"Secondary"}),e.jsx(j,{variant:"accent",style:"fill",children:"Accent"}),e.jsx(j,{variant:"negative",style:"fill",children:"Negative"}),e.jsx(j,{variant:"primary",staticColor:"black",style:"fill",children:"Static Black"}),e.jsx(j,{variant:"primary",staticColor:"white",style:"fill",children:"Static White"}),e.jsx(j,{variant:"primary",isDisabled:!0,style:"fill",children:"Disabled"}),e.jsx("label",{children:"Action Button"}),e.jsx(L,{children:"Normal"}),e.jsx(L,{gridRow:"span 3",isQuiet:!0,children:"Quiet"}),e.jsx(L,{staticColor:"black",children:"Static Black"}),e.jsx(L,{staticColor:"white",children:"Static White"}),e.jsx(L,{isDisabled:!0,children:"Disabled"}),e.jsx("label",{children:"Toggle Button"}),e.jsx(F,{children:"Normal"}),e.jsx(F,{isQuiet:!0,children:"Quiet"}),e.jsx(F,{gridRow:"span 2",isEmphasized:!0,children:"Emphasized"}),e.jsx(F,{staticColor:"black",children:"Static Black"}),e.jsx(F,{staticColor:"white",children:"Static White"}),e.jsx(F,{isDisabled:!0,children:"Disabled"})]})]})}function es(){return e.jsxs(e.Fragment,{children:[e.jsx(ke,{children:"Contextual Help"}),e.jsxs(Do,{variant:"info",children:[e.jsx(co,{children:"Need help?"}),e.jsx(ho,{children:e.jsx(ke,{children:"This is a helpful description of the thing you need help with."})})]})]})}function os(){return e.jsx(Eo,{children:e.jsxs(Ie,{gap:20,columns:De("auto-fit","210px"),children:[e.jsx(Io,{label:"Text Field"}),e.jsxs(Ao,{label:"Combobox",menuTrigger:"focus",defaultSelectedKey:"two",children:[e.jsx(ce,{children:"One"},"one"),e.jsx(ce,{children:"Two"},"two"),e.jsx(ce,{children:"Three"},"three")]}),e.jsx(Mo,{children:"Checkbox"}),e.jsx(Ro,{label:"Slider",defaultValue:24}),e.jsx($o,{children:"Switch"})]})})}function rs(){return e.jsxs(Lo,{children:[e.jsx(se,{size:"XL",children:e.jsx(k,{icon:qo})}),e.jsx(co,{children:"Illustrated Message"}),e.jsx(ho,{children:"This is the content of the message."})]})}function ls(){return e.jsxs(e.Fragment,{children:[e.jsx("label",{id:"table-view-sample",children:"Table View"}),e.jsxs(Po,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",children:[e.jsxs(_o,{children:[e.jsxs(V,{title:"Person",children:[e.jsx(V,{allowsResizing:!0,children:"Name"}),e.jsx(V,{children:"Age"})]}),e.jsxs(V,{title:"Address",children:[e.jsx(V,{allowsResizing:!0,children:"City"}),e.jsx(V,{children:"State"})]})]}),e.jsxs(Bo,{children:[e.jsxs(ue,{children:[e.jsx(N,{children:"John"}),e.jsx(N,{children:"42"}),e.jsx(N,{children:"San Francisco"}),e.jsx(N,{children:"CA"})]}),e.jsxs(ue,{children:[e.jsx(N,{children:"Jane"}),e.jsx(N,{children:"38"}),e.jsx(N,{children:"San Francisco"}),e.jsx(N,{children:"CA"})]}),e.jsxs(ue,{children:[e.jsx(N,{children:"Becky"}),e.jsx(N,{children:"12"}),e.jsx(N,{children:"San Francisco"}),e.jsx(N,{children:"CA"})]})]})]})]})}function ae({"data-menu-category":l}){return e.jsx("div",{"data-menu-category":l})}function ss(){const[l,o]=u.useState([]);u.useEffect(()=>{let s={category:"",items:[]};const t=[s],c=document.querySelector(`#${bo}`);document.querySelectorAll(`h2,h3,[${Ne}]`).forEach(a=>{if(a.textContent==null||a.hasAttribute(Kl))return;if(a.hasAttribute(Ne)){s={category:a.getAttribute(Ne)??"",items:[]},t.push(s);return}const n=`${c?.contains(a)===!0?"spectrum-":""}${a.textContent}`.toLowerCase().replace(/\s/g,"-");a.id=n,s.items.push({id:n,label:a.textContent})}),o(t)},[]),u.useEffect(()=>{const s=window.location.hash===""?null:document.querySelector(window.location.hash);s&&setTimeout(()=>{s.scrollIntoView()},0)},[]);const r=u.useCallback(s=>{const t=String(s);document.getElementById(t)?.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{window.location.hash=t},1e3)},[]);return e.jsxs(Fo,{children:[e.jsx(L,{children:e.jsx(se,{children:e.jsx(k,{icon:Zo})})}),e.jsx(Vo,{items:l,onAction:r,children:({category:s,items:t})=>e.jsx(Oo,{items:t,title:s,children:({id:c,label:a})=>e.jsx(ce,{children:a},c)},s)})]})}function ts(){const l=u.useCallback(()=>{window.scrollTo({top:0,behavior:"smooth"}),setTimeout(()=>{window.location.hash=""},500)},[]);return u.useEffect(()=>{const o=document.querySelector("h2")?.offsetTop??0;function r(){document.documentElement.dataset.scroll=String(window.scrollY>=o)}return document.addEventListener("scroll",r,{passive:!0}),()=>{document.removeEventListener("scroll",r)}},[]),e.jsx(j,{UNSAFE_className:"goto-top-button",variant:"accent",onPress:l,children:e.jsx(se,{children:e.jsx(k,{icon:Xo})})})}const as=["Tab 1","Tab 2","Tab 3"];function cs({isActive:l,title:o}){return e.jsxs("li",{className:z("lm_tab",l&&"lm_active"),children:[e.jsx("span",{className:"lm_title_before"}),e.jsx("span",{className:"lm_title",children:o}),e.jsx("span",{className:"lm_close_tab"})]})}function hs(){return e.jsxs("div",{...p("golden-layout"),children:[e.jsx("h2",{className:"ui-title",children:"Golden Layout"}),[!1,!0].map(l=>e.jsxs(le.Fragment,{children:[e.jsx("h5",{children:l?"Minimized":"Maximised"}),e.jsx("div",{style:{position:"relative",border:"none"},className:l?"lm_maximised":void 0,children:e.jsxs("div",{className:"lm_header",children:[e.jsx("ul",{className:"lm_tabs",children:as.map((o,r)=>e.jsx(cs,{isActive:r===0,title:o},o))}),e.jsxs("ul",{className:"lm_controls",children:[e.jsx("li",{className:"lm_tabpreviousbutton"}),e.jsx("li",{className:"lm_tabnextbutton"}),e.jsx("li",{className:"lm_maximise"}),e.jsx("li",{className:"lm_popout"}),e.jsx("li",{className:"lm_tabdropdown"}),e.jsx("li",{className:"lm_close"})]})]})})]},String(l)))]})}function ns(){return e.jsxs("div",{...p("animations",["sample-section-e2e-ignore"]),children:[e.jsx("h2",{className:"ui-title",children:"Animations"}),e.jsx($,{position:"relative",height:400,children:e.jsx(jr,{})})]})}const to={position:"sticky",justifyContent:"end",zIndex:1,UNSAFE_style:{float:"right"}};function ds(){const l=window.location.search.includes("isolateSection=true"),{themes:o}=mo(),r=o.length>1;return e.jsx("div",{tabIndex:-1,role:"main",children:e.jsxs("div",{className:"container style-guide-container",children:[l&&e.jsx("style",{children:`.${be}, .sample-section:not(${window.location.hash}), :not(.sample-section) > h2 {
           display: none;
-        }`}),e.jsx(I,{justifyContent:"space-between",alignItems:"center",marginTop:"2rem",marginBottom:"1rem",children:e.jsx("h1",{style:{paddingTop:"2rem"},children:"Deephaven UI Components"})}),e.jsxs(I,{...to,UNSAFE_className:be,marginTop:-56,top:20,gap:10,alignItems:"end",children:[r?e.jsx(Cr,{}):null,e.jsx(ss,{})]}),e.jsx(I,{...to,UNSAFE_className:be,top:"calc(100vh - 40px)",marginTop:-32,marginEnd:r?-234:0,children:e.jsx(ts,{})}),e.jsx(Al,{}),e.jsx(ae,{"data-menu-category":"Colors"}),e.jsx(tl,{}),e.jsx(Yl,{}),e.jsx(ae,{"data-menu-category":"Layout"}),e.jsx(hs,{}),e.jsx(ae,{"data-menu-category":"Components"}),e.jsx(re,{}),e.jsx(Dl,{}),e.jsx(Sl,{}),e.jsx(Nl,{}),e.jsx(de,{}),e.jsx(El,{}),e.jsx(cl,{}),e.jsx(kl,{}),e.jsx(al,{}),e.jsx(hl,{}),e.jsx(Bl,{}),e.jsx(Il,{}),e.jsx(wl,{}),e.jsx(il,{}),e.jsx(bl,{}),e.jsx(Jr,{}),e.jsx(ir,{}),e.jsx(ns,{}),e.jsx(ae,{"data-menu-category":"Spectrum Components"}),e.jsx(Ql,{})]})})}function Le(l){const{workspace:o,setWorkspace:r}=l;return u.useEffect(()=>{Sr.makeDefaultWorkspace({getLayouts:async()=>[],getLayout:async()=>({})}).then(r)},[r]),o!=null?e.jsx(ds,{}):null}Le.propTypes={workspace:ne.shape({}),setWorkspace:ne.func.isRequired};Le.defaultProps={workspace:null};const is=l=>({workspace:Nr(l)}),us=Uo(is,{setWorkspace:Tr})(Le);function Ss(){return ur.register(new URL("./download/serviceWorker.js",window.location.href)),gr.init({getWorker:()=>new Yo}),window["__react-beautiful-dnd-disable-dev-warnings"]=!0,e.jsx(wr,{children:e.jsx(Go,{store:kr,children:e.jsx(us,{})})})}export{Ss as StyleGuideRoot,Ss as default};
-//# sourceMappingURL=StyleGuideRoot-17a1d97f.js.map
+        }`}),e.jsx(I,{justifyContent:"space-between",alignItems:"center",marginTop:"2rem",marginBottom:"1rem",children:e.jsx("h1",{style:{paddingTop:"2rem"},children:"Deephaven UI Components"})}),e.jsxs(I,{...to,UNSAFE_className:be,marginTop:-56,top:20,gap:10,alignItems:"end",children:[r?e.jsx(Cr,{}):null,e.jsx(ss,{})]}),e.jsx(I,{...to,UNSAFE_className:be,top:"calc(100vh - 40px)",marginTop:-32,marginEnd:r?-234:0,children:e.jsx(ts,{})}),e.jsx(Al,{}),e.jsx(ae,{"data-menu-category":"Colors"}),e.jsx(tl,{}),e.jsx(Yl,{}),e.jsx(ae,{"data-menu-category":"Layout"}),e.jsx(hs,{}),e.jsx(ae,{"data-menu-category":"Components"}),e.jsx(H,{}),e.jsx(Dl,{}),e.jsx(Sl,{}),e.jsx(Nl,{}),e.jsx(de,{}),e.jsx(El,{}),e.jsx(cl,{}),e.jsx(kl,{}),e.jsx(al,{}),e.jsx(hl,{}),e.jsx(Bl,{}),e.jsx(Il,{}),e.jsx(wl,{}),e.jsx(il,{}),e.jsx(bl,{}),e.jsx(Jr,{}),e.jsx(ir,{}),e.jsx(ns,{}),e.jsx(ae,{"data-menu-category":"Spectrum Components"}),e.jsx(Ql,{})]})})}function Le(l){const{workspace:o,setWorkspace:r}=l;return u.useEffect(()=>{Sr.makeDefaultWorkspace({getLayouts:async()=>[],getLayout:async()=>({})}).then(r)},[r]),o!=null?e.jsx(ds,{}):null}Le.propTypes={workspace:ne.shape({}),setWorkspace:ne.func.isRequired};Le.defaultProps={workspace:null};const is=l=>({workspace:Nr(l)}),us=Uo(is,{setWorkspace:Tr})(Le);function Ss(){return ur.register(new URL("./download/serviceWorker.js",window.location.href)),gr.init({getWorker:()=>new Yo}),window["__react-beautiful-dnd-disable-dev-warnings"]=!0,e.jsx(wr,{children:e.jsx(Go,{store:kr,children:e.jsx(us,{})})})}export{Ss as StyleGuideRoot,Ss as default};
+//# sourceMappingURL=StyleGuideRoot-9d2680c8.js.map