@grantcodes/ui 1.0.0 → 2.0.0-beta.10

package/dist/components/tabs/index.js

@@ -0,0 +1 @@
+import"./tabs.js";import"./tab.js";

package/dist/components/tabs/internal/tabs-button.component.js

@@ -0,0 +1,13 @@
+import{GrantCodesTabsItem as l}from"./tabs-item.component.js";import{html as p,LitElement as b,unsafeCSS as m}from"lit";import{customElement as c}from"lit/decorators.js";import{ifDefined as d}from"lit/directives/if-defined.js";import f from"../tabs.scss.js";var u=Object.defineProperty,v=Object.getOwnPropertyDescriptor,h=(n,e,r,s)=>{for(var t=s>1?void 0:s?v(e,r):e,a=n.length-1,i;a>=0;a--)(i=n[a])&&(t=(s?i(e,r,t):i(t))||t);return s&&t&&u(e,r,t),t};let o=class extends l{render(){return p`
+      <button
+        id="${this.buttonId}"
+        type="button"
+        role="tab"
+        ?aria-selected=${this.active}
+        aria-controls="${this.panelId}"
+        tabindex=${d(this.active?void 0:"-1")} 
+        class="tabs__tab ${this.active?"is-active":""}"
+      >
+        <span>${this.label}</span>
+      </button>
+    `}};o.shadowRootOptions={...b.shadowRootOptions,delegatesFocus:!0};o.styles=[m(f)];o=h([c("grantcodes-tabs-button")],o);export{o as GrantCodesTabsButton};

package/dist/components/tabs/internal/tabs-button.js

@@ -0,0 +1 @@
+import{GrantCodesTabsButton as t}from"./tabs-button.component.js";const o=t;export{t as GrantCodesTabsButton,o as default};

package/dist/components/tabs/internal/tabs-item.component.js

@@ -0,0 +1 @@
+import{LitElement as y,html as c}from"lit";import{property as e}from"lit/decorators.js";var u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,r=(i,o,s,p)=>{for(var t=p>1?void 0:p?d(o,s):o,a=i.length-1,l;a>=0;a--)(l=i[a])&&(t=(p?l(o,s,t):l(t))||t);return p&&t&&u(o,s,t),t};class n extends y{constructor(){super(...arguments),this.active=!1,this.label="",this.index=-1,this.containerId=""}get buttonId(){return`${this.containerId}-button-${this.index.toString()}`}get panelId(){return`${this.containerId}-panel-${this.index.toString()}`}get content(){return this.label}render(){return c``}}r([e({type:Boolean})],n.prototype,"active",2);r([e({type:String})],n.prototype,"label",2);r([e({type:Number})],n.prototype,"index",2);r([e({type:String})],n.prototype,"containerId",2);r([e({type:String,reflect:!0})],n.prototype,"buttonId",1);r([e({type:String})],n.prototype,"panelId",1);r([e({type:String})],n.prototype,"content",1);export{n as GrantCodesTabsItem};

package/dist/components/tabs/tab.component.js

@@ -0,0 +1,10 @@
+import{GrantCodesTabsItem as n}from"./internal/tabs-item.component.js";import{html as p,unsafeCSS as m}from"lit";import{customElement as b}from"lit/decorators.js";import f from"./tabs.scss.js";var v=Object.defineProperty,d=Object.getOwnPropertyDescriptor,c=(i,t,s,r)=>{for(var e=r>1?void 0:r?d(t,s):t,a=i.length-1,l;a>=0;a--)(l=i[a])&&(e=(r?l(t,s,e):l(e))||e);return r&&e&&v(t,s,e),e};let o=class extends n{render(){return p`
+			<div
+				id="${this.panelId}"
+				role="tabpanel"
+				aria-labelledby="${this.buttonId}"
+				class="tabs__panel ${this.active?"is-active":""}"
+			>
+				<slot></slot>
+			</div>
+		`}};o.styles=[m(f)];o=c([b("grantcodes-tab")],o);export{o as GrantCodesTab};

package/dist/components/tabs/tab.js

@@ -0,0 +1 @@
+import{GrantCodesTab as a}from"./tab.component.js";const s=a;export{a as GrantCodesTab,s as default};

package/dist/components/tabs/tabs.component.js

@@ -0,0 +1,22 @@
+import{LitElement as l,html as d,unsafeCSS as c}from"lit";import{property as h,queryAssignedElements as f,queryAll as u,state as p,customElement as v}from"lit/decorators.js";import{ifDefined as T}from"lit/directives/if-defined.js";import m from"./tabs.scss.js";import"./internal/tabs-button.js";import{generateId as y}from"../../lib/generate-id.js";var _=Object.defineProperty,x=Object.getOwnPropertyDescriptor,n=(t,e,s,i)=>{for(var a=i>1?void 0:i?x(e,s):e,o=t.length-1,b;o>=0;o--)(b=t[o])&&(a=(i?b(e,s,a):b(a))||a);return i&&a&&_(e,s,a),a};let r=class extends l{constructor(){super(),this.focusedTabIndex=-1,this.id||(this.id=y("tabs"))}get activeTab(){return this.tabs.find(t=>t.active)??null}set activeTab(t){this.tabs.forEach((e,s)=>{e===t?(e.active=!0,this.focusedTabIndex=s):e.active=!1}),this.requestUpdate()}initializeTabs(){this.tabs.forEach((t,e)=>{t.index=e,t.containerId=this.id}),this.activeTab==null&&(this.focusedTabIndex=0,this.activeTab=this.tabs[0])}firstUpdated(){this.initializeTabs()}handleTabKeyDown(t){if(t.key==="ArrowRight"||t.key==="ArrowLeft"){t.preventDefault();const e=this.tabs,s=t.key==="ArrowRight"?(this.focusedTabIndex+1)%e.length:this.focusedTabIndex-1,i=this.tabButtons[s];i&&(i.focus(),this.focusedTabIndex=s)}}renderTabButtons(){return this.tabs.map((t,e)=>d`
+				<grantcodes-tabs-button
+					index=${e+1}
+					label="${t.label}"
+					containerId="${this.id}"
+					?active=${t.active}
+					@click=${()=>{this.activeTab=t}}
+					@keydown=${this.handleTabKeyDown}
+				></grantcodes-tabs-button>
+			`)}render(){return d`
+			<div class="tabs" id="${this.id}">
+				<div role="tablist" class="tabs__tablist" aria-label=${T(this.label)}>
+					<div class="tabs__tablist__inner">
+						${this.renderTabButtons()}
+					</div>
+				</div>
+
+				<div class="tabs__panels">
+					<slot></slot>
+				</div>
+			</div>
+		`}};r.styles=[c(m)];n([h({type:String})],r.prototype,"label",2);n([f({selector:"grantcodes-tab"})],r.prototype,"tabs",2);n([u("grantcodes-tabs-button")],r.prototype,"tabButtons",2);n([p()],r.prototype,"focusedTabIndex",2);r=n([v("grantcodes-tabs")],r);export{r as GrantCodesTabs};

package/dist/components/tabs/tabs.js

@@ -0,0 +1 @@
+import{GrantCodesTabs as a}from"./tabs.component.js";const o=a;export{a as GrantCodesTabs,o as default};

package/dist/components/tabs/tabs.react.js

@@ -0,0 +1 @@
+import*as t from"../../_virtual/index.js";import{createComponent as e}from"@lit/react";import{GrantCodesTabs as o}from"./tabs.component.js";const m=e({tagName:"grantcodes-tabs",elementClass:o,react:t});export{m as Tabs};

package/dist/components/tabs/tabs.scss.js

@@ -0,0 +1 @@
+const o="*,*:before,*:after{box-sizing:border-box}:host{display:block}.tabs{display:block}.tabs__tablist{overflow:auto;contain:none}.tabs__tablist::-webkit-scrollbar{width:.5rem;height:.5rem}.tabs__tablist::-webkit-scrollbar-track{background-color:#0000000d;border-radius:.25rem}.tabs__tablist::-webkit-scrollbar-thumb{border-radius:.25rem;min-height:2rem;background-color:#0000004d}.tabs__tablist__inner{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;width:fit-content;min-width:100%;background-image:linear-gradient(var(--color-base-primary-100),var(--color-base-primary-100));background-size:auto 3px;background-position:bottom;background-repeat:repeat-x}.tabs__tab{padding:.6em 1.2em;line-height:1;font-size:1rem;border:none;border-block-start:3px solid transparent;border-block-end:3px solid var(--color-base-primary-100);opacity:.7;white-space:nowrap;cursor:pointer;transition:opacity .2s,border-color .2s;--component-focus-ring-offset: calc(var(--component-focus-ring-width) * -1);outline-color:transparent;outline-offset:var(--component-focus-ring-offset, 0px);outline-style:solid;outline-width:var(--component-focus-ring-width, 2px)}.tabs__tab:focus-visible{outline-color:var(--component-focus-ring-color)}@media (prefers-contrast: more){.tabs__tab:focus-visible{--component-focus-ring-color: var(--color-base-primary-200);box-shadow:0 0 0 calc((var(--component-focus-ring-width) + var(--component-focus-ring-offset, 0px)) * 1.5) var(--color-base-primary-800)}}@media (min-width: 40em){.tabs__tab{padding-inline:var(--size-space-unit, 1rem)}}.tabs__tab:hover,.tabs__tab:focus-visible{opacity:1;border-block-end-color:var(--color-base-primary-200)}.tabs__tab.is-active,.tabs__tab[aria-selected=true]{border-block-end-color:var(--color-base-primary-500);z-index:1;position:relative;opacity:1}.tabs__panel{margin-block-start:var(--size-space-unit, 1rem);outline-color:var(--color-base-primary-500);outline-offset:var(--size-space-unit, 1rem);display:none}.tabs__panel.is-active{display:block}";export{o as default};

package/dist/components/tooltip/index.js

@@ -0,0 +1 @@
+import"./tooltip.js";

package/dist/components/tooltip/tooltip.component.js

@@ -0,0 +1,10 @@
+import{LitElement as a,html as c,unsafeCSS as h}from"lit";import{property as d,queryAssignedElements as b,customElement as f}from"lit/decorators.js";import m from"./tooltip.scss.js";import{generateId as u}from"../../lib/generate-id.js";var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(e,o,l,s)=>{for(var t=s>1?void 0:s?y(o,l):o,p=e.length-1,n;p>=0;p--)(n=e[p])&&(t=(s?n(o,l,t):n(t))||t);return s&&t&&v(o,l,t),t};let i=class extends a{constructor(){super(),this.label="",this.description="",this.id=u("tooltip")}firstUpdated(){const e=this.slotted?.[0];e&&(this.label?e.setAttribute("aria-labelledby",this.id):this.description&&e.setAttribute("aria-describedby",this.id))}render(){if(this.label&&this.description)throw new Error("You cannot provide both a label and a description");return c`
+      <div class="tooltip">
+        <div class="tooltip__slot">
+          <slot></slot>
+        </div>
+        <p id="${this.id}" class="tooltip__content" role="tooltip">
+          ${this.label||this.description}
+        </p>
+      </div>
+    `}};i.styles=[h(m)];r([d({type:String})],i.prototype,"label",2);r([d({type:String})],i.prototype,"description",2);r([b({selector:"*"})],i.prototype,"slotted",2);i=r([f("grantcodes-tooltip")],i);export{i as GrantCodesTooltip};

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1 @@
+import{GrantCodesTooltip as o}from"./tooltip.component.js";const a=o;export{o as GrantCodesTooltip,a as default};

package/dist/components/tooltip/tooltip.react.js

@@ -0,0 +1 @@
+import*as o from"../../_virtual/index.js";import{createComponent as t}from"@lit/react";import{GrantCodesTooltip as e}from"./tooltip.component.js";const a=t({tagName:"grantcodes-tooltip",elementClass:e,react:o});export{a as Tooltip};

package/dist/components/tooltip/tooltip.scss.js

@@ -0,0 +1 @@
+const t="*,*:before,*:after{box-sizing:border-box}:host{display:block}:host,.tooltip,.tooltip__slot{width:fit-content}.tooltip{position:relative}.tooltip__slot{padding:.5rem;margin:-.5rem}.tooltip__content{display:none;position:absolute;width:fit-content;margin:0;max-width:100%;min-width:6rem;top:100%;left:50%;transform:translate(-50%);z-index:100;border-radius:var(--size-border-radius);padding:.6em 1em;font-size:var(--font-size-small);line-height:1;color:var(--color-base-primary-900);background-color:var(--color-base-primary-100);box-shadow:.2rem .4rem .8rem #0003;-webkit-user-select:none;user-select:none;text-align:center;opacity:0;transition:opacity .2s;transition-behavior:allow-discrete}.tooltip__slot:hover+.tooltip__content,.tooltip__slot:focus+.tooltip__content,.tooltip__slot:focus-within+.tooltip__content{display:block;opacity:1}";export{t as default};

package/dist/css/base.css

@@ -0,0 +1 @@
+@charset "UTF-8";*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}:before,:after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li):before{content:"​";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:where(button,input,select,textarea){background-color:transparent;border:1px solid WindowFrame;color:inherit;font:inherit;letter-spacing:inherit;padding:.25em .375em}:where(select){appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center/1em;border-radius:0;padding-right:1em}:where(select[multiple]){background-image:none}:where([type=color i],[type=range i]){border-width:0;padding:0}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}code,kbd,samp,pre{font-family:ui-monospace,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}:root{font-family:var(--font-family-body);line-height:var(--font-line-height-body);font-size:var(--font-size-base);font-weight:var(--font-weight-body)}h1,h2,h3,h4,h5,h6{line-height:var(--font-line-height-heading);font-weight:var(--font-weight-heading);text-wrap:balance}h1{font-size:var(--font-size-huge)}h2{font-size:var(--font-size-large)}h3{font-size:var(--font-size-medium)}h4{font-size:var(--font-size-normal)}h5{font-size:var(--font-size-small)}h6{font-size:var(--font-size-tiny)}p{text-wrap:pretty}pre{font-family:var(--font-family-monospace);line-height:1.2;width:100%;overflow:auto;border-radius:var(--component-card-border-radius);box-shadow:.1rem .2rem .4rem #0000001a;font-size:var(--font-size-normal);font-weight:400;padding:var(--size-space-unit, 1rem)}mark{background-color:var(--color-base-secondary-300)}a{color:var(--color-base-primary-500);text-decoration:underline;transition:color .2s,opacity .2s}a:visited{opacity:.6}a:hover,a:focus-visible{opacity:1;color:var(--color-base-primary-600);text-decoration:underline wavy}img{height:auto}*,*:before,*:after{box-sizing:border-box}:host{display:block}.button,button,input[type=submit]{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;background:var(--component-button-base-background);color:var(--component-button-base-color);border-width:var(--component-button-base-border-width);border-style:solid;border-color:var(--component-button-base-border-color);padding:.5em 1em;border-radius:var(--component-button-base-border-radius);font-size:1rem;font-weight:700;letter-spacing:.05em;text-decoration:none;outline:1px solid transparent;transition:color .2s,border-color .2s,background-color .2s,outline .2s;outline-color:transparent;outline-offset:var(--component-focus-ring-offset, 0px);outline-style:solid;outline-width:var(--component-focus-ring-width, 2px)}.button:focus-visible,button:focus-visible,input[type=submit]:focus-visible{outline-color:var(--component-focus-ring-color)}@media (prefers-contrast: more){.button:focus-visible,button:focus-visible,input[type=submit]:focus-visible{--component-focus-ring-color: var(--color-base-primary-200);box-shadow:0 0 0 calc((var(--component-focus-ring-width) + var(--component-focus-ring-offset, 0px)) * 1.5) var(--color-base-primary-800)}}.button:hover,button:hover,input[type=submit]:hover,.button:focus-visible,button:focus-visible,input[type=submit]:focus-visible{color:var(--component-button-active-color);background:var(--component-button-active-background);cursor:pointer;text-decoration:none}.button:active,button:active,input[type=submit]:active{transform:translateY(1px)}.button[disabled],button[disabled],input[disabled][type=submit]{cursor:not-allowed;filter:grayscale(70%);opacity:.8}:where(input,textarea,select){display:block;accent-color:var(--color-base-primary-500);border-radius:var(--component-input-base-border-radius);border-width:var(--component-input-base-border-width);border-style:solid;border-color:var(--component-input-base-border-color);background:var(--component-input-base-background);color:var(--component-input-base-color);padding:.5em 1em;transition:color .2s,background-color .2s,border-color .2s,outline .2s;font-size:1rem;outline-color:transparent;outline-offset:var(--component-focus-ring-offset, 0px);outline-style:solid;outline-width:var(--component-focus-ring-width, 2px)}:where(input,textarea,select):focus-visible{outline-color:var(--component-focus-ring-color)}@media (prefers-contrast: more){:where(input,textarea,select):focus-visible{--component-focus-ring-color: var(--color-base-primary-200);box-shadow:0 0 0 calc((var(--component-focus-ring-width) + var(--component-focus-ring-offset, 0px)) * 1.5) var(--color-base-primary-800)}}:where(input,textarea,select):not(textarea){line-height:1.1}:where(input,textarea,select):hover{border-color:var(--component-input-hover-border-color);color:var(--component-input-hover-color);background:var(--component-input-hover-background)}:where(input,textarea,select):focus{border-color:var(--component-input-active-border-color);color:var(--component-input-active-color);background:var(--component-input-active-background)}:where(input,textarea,select):invalid:not(:active){border-color:var(--color-base-error-500)}:where(input,textarea,select)[readonly]{cursor:not-allowed;border-style:dashed}:where(input,textarea,select):disabled{cursor:not-allowed;opacity:.6;filter:grayscale(100%) brightness(80%)}:where(input,textarea,select):disabled:hover,:where(input,textarea,select):disabled:focus-visible{border-color:var(--component-input-base-border-color);background:var(--component-input-base-background);color:var(--component-input-base-color)}:where(input,textarea,select):where(textarea){line-height:1.5;min-height:4.3em;resize:vertical}:where(input,textarea,select):where(select){position:relative;cursor:pointer;padding-inline-end:2.5em}:where(input,textarea,select):where(select),:where(input,textarea,select):where(select):hover,:where(input,textarea,select):where(select):focus,:where(input,textarea,select):where(select):focus-visible{background-position:right 1em top 50%;background-size:1em;background-image:url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="tIfrV5XfYIEuoFNktgCj " aria-hidden="true" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat}:where(input,textarea,select) :where(option){padding-block:.2em;font-size:1em}:where(input,textarea,select) :where(option):nth-of-type(2n){background-color:#0000000d}:where(input,textarea,select) :where(option):checked{background:var(--component-button-active-background);color:var(--component-button-active-color)}:where(input,textarea,select):where([type=checkbox]),:where(input,textarea,select):where([type=radio]){display:block;position:relative;appearance:none;width:1.2rem;height:1.2rem;padding:0;cursor:pointer}:where(input,textarea,select):where([type=checkbox]){border-radius:calc(var(--component-input-base-border-radius) / 2)}:where(input,textarea,select):where([type=checkbox]):after{content:"✓";content:"✓"/"";speak:none;display:block;position:absolute;font-size:.8rem;font-weight:700;line-height:0;left:0;width:100%;top:50%;color:transparent;text-align:center;transition:color .2s}:where(input,textarea,select):where([type=checkbox]):checked{border-color:var(--component-input-active-border-color);background-color:var(--component-input-active-border-color)}:where(input,textarea,select):where([type=checkbox]):checked:after{color:var(--component-input-base-border-color)}:where(input,textarea,select):where([type=radio]){border-radius:50%}:where(input,textarea,select):where([type=radio]):after{content:"";display:block;border-radius:50%;width:70%;height:70%;margin:15%;inset:0;transition:background-color .2s}:where(input,textarea,select):where([type=radio]):checked:after{background-color:var(--component-input-active-border-color)}label{color:inherit;font-size:.8rem;cursor:pointer}:root{--grantcodes-ui-theme: "none";background-color:var(--color-base-background-main);fill:currentColor;--component-focus-ring-color: rgba(106, 91, 197, .4);--component-focus-ring-width: .2rem}::selection{background-color:var(--color-base-primary-200)}::backdrop{background-color:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

package/dist/css/themes/grantcodes.css

@@ -0,0 +1 @@
+:root{--component-input-base-box-shadow: none;--component-button-base-box-shadow: none;--component-button-base-border-color: transparent;--size-block-width-wide: 70rem;--size-block-width-normal: 40rem;--size-border-width: .125rem;--size-border-radius: .5rem;--size-space-unit: 1rem;--font-weight-heading: 900;--font-weight-body: 600;--font-line-height-heading: 1.1;--font-line-height-body: 1.5;--font-size-base: clamp(1rem, .34vw + .91rem, 1.2rem);--font-size-huge: 2.44140625rem;--font-size-large: 1.5625rem;--font-size-medium: 1.25rem;--font-size-normal: 1rem;--font-size-small: .8rem;--font-size-tiny: .64rem;--font-family-system-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--color-base-error-900: #7a0906;--color-base-error-800: #93170a;--color-base-error-700: #b72b10;--color-base-error-600: #db4518;--color-base-error-500: #ff6321;--color-base-error-400: #ff9558;--color-base-error-300: #ffb379;--color-base-error-200: #ffd2a6;--color-base-error-100: #ffebd2;--color-base-warning-900: #786100;--color-base-warning-800: #927800;--color-base-warning-700: #b59700;--color-base-warning-600: #d8b800;--color-base-warning-500: #fcda00;--color-base-warning-400: #fde63f;--color-base-warning-300: #feed65;--color-base-warning-200: #fef598;--color-base-warning-100: #fefacb;--color-base-info-900: #004375;--color-base-info-800: #005d8d;--color-base-info-700: #0081af;--color-base-info-600: #00acd1;--color-base-info-500: #00dcf4;--color-base-info-400: #3ef5f8;--color-base-info-300: #64fbf2;--color-base-info-200: #98fdef;--color-base-info-100: #cbfef2;--color-base-success-900: #09600f;--color-base-success-800: #0f740f;--color-base-success-700: #219019;--color-base-success-600: #38ac24;--color-base-success-500: #53c932;--color-base-success-400: #85de61;--color-base-success-300: #aaee83;--color-base-success-200: #cff9ae;--color-base-success-100: #e9fcd6;--color-base-tertiary-900: #1b2c68;--color-base-tertiary-800: #2d437e;--color-base-tertiary-700: #48619c;--color-base-tertiary-600: #6985bb;--color-base-tertiary-500: #90acda;--color-base-tertiary-400: #adc6e8;--color-base-tertiary-300: #c2d8f3;--color-base-tertiary-200: #d9eafb;--color-base-tertiary-100: #ebf5fd;--color-base-secondary-900: #5c0d1c;--color-base-secondary-800: #6f151f;--color-base-secondary-700: #8a2225;--color-base-secondary-600: #a53731;--color-base-secondary-500: #c15444;--color-base-secondary-400: #d98570;--color-base-secondary-300: #ecaa90;--color-base-secondary-200: #f8cfb8;--color-base-secondary-100: #fbe9db;--color-base-primary-900: #17115e;--color-base-primary-800: #251d72;--color-base-primary-700: #382d8d;--color-base-primary-600: #4f42a9;--color-base-primary-500: #6a5bc5;--color-base-primary-400: #9183dc;--color-base-primary-300: #aea0ed;--color-base-primary-200: #cdc3f9;--color-base-primary-100: #e6e0fc;--color-base-dark-shade: #29263b;--color-base-dark-main: #24222f;--color-base-light-shade: #d6d5dd;--color-base-light-main: #f1f1f3;--asset-font-quicksand-weight-700-woff2: "assets/fonts/quicksand-bold.woff2";--asset-font-quicksand-weight-700-woff: "assets/fonts/quicksand-bold.woff";--asset-font-quicksand-weight-700-ttf: "assets/fonts/quicksand-bold.ttf";--asset-font-quicksand-weight-500-woff2: "assets/fonts/quicksand-medium.woff2";--asset-font-quicksand-weight-500-woff: "assets/fonts/quicksand-medium.woff";--asset-font-quicksand-weight-500-ttf: "assets/fonts/quicksand-medium.ttf";--asset-font-quicksand-weight-400-woff2: "assets/fonts/quicksand-regular.woff2";--asset-font-quicksand-weight-400-woff: "assets/fonts/quicksand-regular.woff";--asset-font-quicksand-weight-400-ttf: "assets/fonts/quicksand-regular.ttf";--asset-font-quicksand-weight-300-woff2: "assets/fonts/quicksand-light.woff2";--asset-font-quicksand-weight-300-woff: "assets/fonts/quicksand-light.woff";--asset-font-quicksand-weight-300-ttf: "assets/fonts/quicksand-light.ttf";--asset-font-quicksand-name: "Quicksand";--asset-font-greycliff-weight-900-woff2: "assets/fonts/greycliff-heavy.woff2";--asset-font-greycliff-weight-900-woff: "assets/fonts/greycliff-heavy.woff";--asset-font-greycliff-weight-900-eot: "assets/fonts/greycliff-heavy.eot";--asset-font-greycliff-weight-900-ttf: "assets/fonts/greycliff-heavy.ttf";--asset-font-greycliff-weight-800-woff2: "assets/fonts/greycliff-extra-bold.woff2";--asset-font-greycliff-weight-800-woff: "assets/fonts/greycliff-extra-bold.woff";--asset-font-greycliff-weight-800-eot: "assets/fonts/greycliff-extra-bold.eot";--asset-font-greycliff-weight-800-ttf: "assets/fonts/greycliff-extra-bold.ttf";--asset-font-greycliff-weight-700-woff2: "assets/fonts/greycliff-bold.woff2";--asset-font-greycliff-weight-700-woff: "assets/fonts/greycliff-bold.woff";--asset-font-greycliff-weight-700-eot: "assets/fonts/greycliff-bold.eot";--asset-font-greycliff-weight-700-ttf: "assets/fonts/greycliff-bold.ttf";--asset-font-greycliff-weight-600-woff2: "assets/fonts/greycliff-demi-bold.woff2";--asset-font-greycliff-weight-600-woff: "assets/fonts/greycliff-demi-bold.woff";--asset-font-greycliff-weight-600-eot: "assets/fonts/greycliff-demi-bold.eot";--asset-font-greycliff-weight-600-ttf: "assets/fonts/greycliff-demi-bold.ttf";--asset-font-greycliff-weight-500-woff2: "assets/fonts/greycliff-medium.woff2";--asset-font-greycliff-weight-500-woff: "assets/fonts/greycliff-medium.woff";--asset-font-greycliff-weight-500-eot: "assets/fonts/greycliff-medium.eot";--asset-font-greycliff-weight-500-ttf: "assets/fonts/greycliff-medium.ttf";--asset-font-greycliff-weight-400-woff2: "assets/fonts/greycliff-regular.woff2";--asset-font-greycliff-weight-400-woff: "assets/fonts/greycliff-regular.woff";--asset-font-greycliff-weight-400-eot: "assets/fonts/greycliff-regular.eot";--asset-font-greycliff-weight-400-ttf: "assets/fonts/greycliff-regular.ttf";--asset-font-greycliff-weight-300-woff2: "assets/fonts/greycliff-light.woff2";--asset-font-greycliff-weight-300-woff: "assets/fonts/greycliff-light.woff";--asset-font-greycliff-weight-300-eot: "assets/fonts/greycliff-light.eot";--asset-font-greycliff-weight-300-ttf: "assets/fonts/greycliff-light.ttf";--asset-font-greycliff-weight-200-woff2: "assets/fonts/greycliff-extra-light.woff2";--asset-font-greycliff-weight-200-woff: "assets/fonts/greycliff-extra-light.woff";--asset-font-greycliff-weight-200-eot: "assets/fonts/greycliff-extra-light.eot";--asset-font-greycliff-weight-200-ttf: "assets/fonts/greycliff-extra-light.ttf";--asset-font-greycliff-weight-100-woff2: "assets/fonts/greycliff-thin.woff2";--asset-font-greycliff-weight-100-woff: "assets/fonts/greycliff-thin.woff";--asset-font-greycliff-weight-100-eot: "assets/fonts/greycliff-thin.eot";--asset-font-greycliff-weight-100-ttf: "assets/fonts/greycliff-thin.ttf";--asset-font-greycliff-name: "Greycliff";--component-input-active-box-shadow: var(--component-input-base-box-shadow);--component-input-active-border-color: var(--color-base-primary-500);--component-input-active-color: var(--color-base-dark-main);--component-input-hover-box-shadow: var(--component-input-base-box-shadow);--component-input-hover-border-color: var(--color-base-dark-shade);--component-input-hover-color: var(--color-base-dark-main);--component-input-base-border-width: var(--size-border-width);--component-input-base-border-radius: var(--size-border-radius);--component-input-base-color: var(--color-base-dark-shade);--component-card-border-radius: var(--size-border-radius);--component-card-border-width: var(--size-border-width);--component-card-border-color: var(--color-base-light-shade);--component-card-background: var(--color-base-light-main);--component-card-color: var(--color-base-primary-500);--component-button-active-background: var(--color-base-primary-700);--component-button-hover-box-shadow: var(--component-button-base-box-shadow);--component-button-hover-border-color: var(--component-button-base-border-color);--component-button-hover-background: var(--color-base-primary-600);--component-button-hover-color: var(--color-base-light-main);--component-button-base-border-width: var(--size-border-width);--component-button-base-border-radius: var(--size-border-radius);--component-button-base-background: var(--color-base-primary-500);--component-button-base-color: var(--color-base-light-shade);--font-family-mono: var(--font-family-system-mono);--font-family-body: var(--asset-font-greycliff-name), var(--font-family-system);--font-family-heading: var(--asset-font-greycliff-name), var(--font-family-system);--color-font-base: var(--color-base-dark-main);--color-base-background-shade: var(--color-base-light-shade);--color-base-background-main: var(--color-base-light-main);--component-input-base-border-color: var(--color-base-background-shade);--component-input-base-background: var(--color-base-background-main);--component-button-active-box-shadow: var(--component-button-hover-box-shadow);--component-button-active-border-color: var(--component-button-hover-border-color);--component-button-active-color: var(--component-button-hover-color);--component-input-active-background: var(--component-input-base-background);--component-input-hover-background: var(--component-input-base-background)}@font-face{font-family:Greycliff;font-style:normal;font-weight:100;font-display:swap;src:url(../../fonts/greycliff-extra-light.woff2) format("woff2"),url(../../fonts/greycliff-extra-light.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:200;font-display:swap;src:url(../../fonts/greycliff-light.woff2) format("woff2"),url(../../fonts/greycliff-light.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:300;font-display:swap;src:url(../../fonts/greycliff-thin.woff2) format("woff2"),url(../../fonts/greycliff-thin.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/greycliff-regular.woff2) format("woff2"),url(../../fonts/greycliff-regular.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/greycliff-medium.woff2) format("woff2"),url(../../fonts/greycliff-medium.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/greycliff-demi-bold.woff2) format("woff2"),url(../../fonts/greycliff-demi-bold.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/greycliff-bold.woff2) format("woff2"),url(../../fonts/greycliff-bold.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:800;font-display:swap;src:url(../../fonts/greycliff-extra-bold.woff2) format("woff2"),url(../../fonts/greycliff-extra-bold.woff) format("woff")}@font-face{font-family:Greycliff;font-style:normal;font-weight:900;font-display:swap;src:url(../../fonts/greycliff-heavy.woff2) format("woff2"),url(../../fonts/greycliff-heavy.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:100;font-display:swap;src:url(../../fonts/greycliff-extra-light-oblique.woff2) format("woff2"),url(../../fonts/greycliff-extra-light-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:200;font-display:swap;src:url(../../fonts/greycliff-light-oblique.woff2) format("woff2"),url(../../fonts/greycliff-light-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:300;font-display:swap;src:url(../../fonts/greycliff-thin-oblique.woff2) format("woff2"),url(../../fonts/greycliff-thin-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/greycliff-regular-oblique.woff2) format("woff2"),url(../../fonts/greycliff-regular-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:500;font-display:swap;src:url(../../fonts/greycliff-medium-oblique.woff2) format("woff2"),url(../../fonts/greycliff-medium-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:600;font-display:swap;src:url(../../fonts/greycliff-demi-bold-oblique.woff2) format("woff2"),url(../../fonts/greycliff-demi-bold-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:700;font-display:swap;src:url(../../fonts/greycliff-bold-oblique.woff2) format("woff2"),url(../../fonts/greycliff-bold-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:800;font-display:swap;src:url(../../fonts/greycliff-extra-bold-oblique.woff2) format("woff2"),url(../../fonts/greycliff-extra-bold-oblique.woff) format("woff")}@font-face{font-family:Greycliff;font-style:italic;font-weight:900;font-display:swap;src:url(../../fonts/greycliff-heavy-oblique.woff2) format("woff2"),url(../../fonts/greycliff-heavy-oblique.woff) format("woff")}

package/dist/icons.js

@@ -0,0 +1 @@
+export*from"lucide-static";

package/dist/lib/generate-id.js

@@ -0,0 +1 @@
+function r(t){return`${t||"id"}-${Math.random().toString(36).substr(2,9)}`}export{r as generateId};