@grantcodes/ui 1.0.0 → 2.0.0-beta.1

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){-webkit-appearance:none;-moz-appearance:none;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;-webkit-appearance:none;-moz-appearance:none;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%;top:0;right:0;bottom:0;left: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,329 @@
+: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 @@
+import"./node_modules/lucide-static/dist/esm/lucide-static.js";

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};