@grantcodes/ui 1.0.0 → 2.0.0-beta.10

package/CHANGELOG.md

@@ -1,5 +1,163 @@
 # Changelog
 
+## [2.0.0-beta.10](https://github.com/grantcodes/ui/compare/v2.0.0-beta.9...v2.0.0-beta.10) (2025-06-29)
+
+
+### Features
+
+* **button:** pass more button attributes to button component ([52f5828](https://github.com/grantcodes/ui/commit/52f5828ce5d5382318b0945fad84ad3b1b299374))
+
+
+### Miscellaneous Chores
+
+* release 2.0.0-beta.10 ([2eea9d0](https://github.com/grantcodes/ui/commit/2eea9d0e8a133508c66ee65fd57117d031434f05))
+
+## [2.0.0-beta.9](https://github.com/grantcodes/ui/compare/v2.0.0-beta.8...v2.0.0-beta.9) (2025-03-21)
+
+
+### Miscellaneous Chores
+
+* release 2.0.0-beta.9 ([3d62bd5](https://github.com/grantcodes/ui/commit/3d62bd57da6ecf7f6e31e8f8cc19fd215e239355))
+
+## [2.0.0-beta.8](https://github.com/grantcodes/ui/compare/v2.0.0-beta.7...v2.0.0-beta.8) (2025-03-21)
+
+
+### Miscellaneous Chores
+
+* release 2.0.0-beta.8 ([72ab7b1](https://github.com/grantcodes/ui/commit/72ab7b1aa01b60f62e6516d2a5bc682cb969f11b))
+
+## [2.0.0-beta.8](https://github.com/grantcodes/ui/compare/v2.0.0-beta.7...v2.0.0-beta.8) (2024-11-05)
+
+
+### Miscellaneous Chores
+
+* release 2.0.0-beta.8 ([72ab7b1](https://github.com/grantcodes/ui/commit/72ab7b1aa01b60f62e6516d2a5bc682cb969f11b))
+
+## [2.0.0-beta.7](https://github.com/grantcodes/ui/compare/v2.0.0-beta.6...v2.0.0-beta.7) (2024-11-05)
+
+
+### Miscellaneous Chores
+
+* release 2.0.0-beta.7 ([ca8831c](https://github.com/grantcodes/ui/commit/ca8831ce2543aaaa4784ca027c72a5e1e280e9ef))
+
+## [2.0.0-beta.6](https://github.com/grantcodes/ui/compare/v2.0.1-beta.5...v2.0.0-beta.6) (2024-10-30)
+
+
+### Features
+
+* **avatar:** add initial Avatar component ([0f0f6eb](https://github.com/grantcodes/ui/commit/0f0f6eb7d956aa3fa479baeb641bbd60e98904f2))
+* **container:** update Container full variation and add viewport variation ([74a02e1](https://github.com/grantcodes/ui/commit/74a02e1f67b95a02dbe3efba9d97282749009f6f))
+* **dialog:** add initial Dialog component ([6d50f52](https://github.com/grantcodes/ui/commit/6d50f52031cd4ae23183dac2152be29579bc3de9))
+* **form-field:** add initial form-field component ([1ea4589](https://github.com/grantcodes/ui/commit/1ea458963e5039d6cfda9ca054a9527ad4540304))
+* **gallery:** add gallery component ([4f8d6e1](https://github.com/grantcodes/ui/commit/4f8d6e11d5ea5c4ec7a0288ce61b65bb77e9be1b))
+* improve focus styles ([8137403](https://github.com/grantcodes/ui/commit/8137403fd19f36cd034c9909dbd8088782905c53))
+* **tabs:** add Tabs component ([e8d8452](https://github.com/grantcodes/ui/commit/e8d8452d7c8ce223fdcc5ac28371bb52859955f3))
+* **tooltip:** add initial Tooltip component ([4991c56](https://github.com/grantcodes/ui/commit/4991c5631da7fd993c33f767252836730d5aae01))
+
+
+### Bug Fixes
+
+* **avatar:** export the Avatar component from the main exports ([2f4119b](https://github.com/grantcodes/ui/commit/2f4119b9216fe344712f3a9bf4abda9eb1245fb4))
+* **code-preview:** fix code preview SSR ([3d327f7](https://github.com/grantcodes/ui/commit/3d327f741430e2421ee1812b5170339a5f4af110))
+* **codepreview:** fix syntax highlighting ([5010a1f](https://github.com/grantcodes/ui/commit/5010a1f31c789d028154b036f29c67f3539f38b2))
+* **icon:** fix icon ssr ([c953502](https://github.com/grantcodes/ui/commit/c95350285a53bb7d5b6527bf640655c7125066a5))
+* **input:** improve select styles ([3d17cc4](https://github.com/grantcodes/ui/commit/3d17cc45da034995ee5ca4b85148f0c0e0f2f080))
+* **notice:** fix notice dismiss button ([254e20a](https://github.com/grantcodes/ui/commit/254e20ae232f33ebefbe2b69aaf6e16554fa1d91))
+* **plop:** fix plopfile ([dfc0879](https://github.com/grantcodes/ui/commit/dfc087927397bbc8a49666631b19b075dcaf4b9a))
+* **tabs:** add missing tabs/internal folder ([545a372](https://github.com/grantcodes/ui/commit/545a372a30bd3acae40ce2392064f3d2190702c4))
+* **tabs:** simplify and improve tabs ([c4badfb](https://github.com/grantcodes/ui/commit/c4badfb69fae21c29774032d24e45bfa89796ce4))
+
+
+### Miscellaneous Chores
+
+* release 2.0.0-beta.5 ([04f38a1](https://github.com/grantcodes/ui/commit/04f38a1a79840ee15a1bc44c3e55ada780f1c2c4))
+* release 2.0.0-beta.6 ([de561ab](https://github.com/grantcodes/ui/commit/de561ab4fe2cddb2a656a9cf2fc37457f909c9b7))
+* release 2.0.0-beta4 ([5087ac5](https://github.com/grantcodes/ui/commit/5087ac51b8bf4bc31ce9bd312fa32114d2b9f78e))
+
+## [2.0.0-beta.5](https://github.com/grantcodes/ui/compare/v2.0.2-beta...v2.0.0-beta.5) (2024-10-29)
+
+
+### Features
+
+* **avatar:** add initial Avatar component ([0f0f6eb](https://github.com/grantcodes/ui/commit/0f0f6eb7d956aa3fa479baeb641bbd60e98904f2))
+* **container:** update Container full variation and add viewport variation ([74a02e1](https://github.com/grantcodes/ui/commit/74a02e1f67b95a02dbe3efba9d97282749009f6f))
+* **dialog:** add initial Dialog component ([6d50f52](https://github.com/grantcodes/ui/commit/6d50f52031cd4ae23183dac2152be29579bc3de9))
+* **form-field:** add initial form-field component ([1ea4589](https://github.com/grantcodes/ui/commit/1ea458963e5039d6cfda9ca054a9527ad4540304))
+* **gallery:** add gallery component ([4f8d6e1](https://github.com/grantcodes/ui/commit/4f8d6e11d5ea5c4ec7a0288ce61b65bb77e9be1b))
+* improve focus styles ([8137403](https://github.com/grantcodes/ui/commit/8137403fd19f36cd034c9909dbd8088782905c53))
+* **tabs:** add Tabs component ([e8d8452](https://github.com/grantcodes/ui/commit/e8d8452d7c8ce223fdcc5ac28371bb52859955f3))
+* **tooltip:** add initial Tooltip component ([4991c56](https://github.com/grantcodes/ui/commit/4991c5631da7fd993c33f767252836730d5aae01))
+
+
+### Bug Fixes
+
+* **avatar:** export the Avatar component from the main exports ([2f4119b](https://github.com/grantcodes/ui/commit/2f4119b9216fe344712f3a9bf4abda9eb1245fb4))
+* **codepreview:** fix syntax highlighting ([5010a1f](https://github.com/grantcodes/ui/commit/5010a1f31c789d028154b036f29c67f3539f38b2))
+* **input:** improve select styles ([3d17cc4](https://github.com/grantcodes/ui/commit/3d17cc45da034995ee5ca4b85148f0c0e0f2f080))
+* **notice:** fix notice dismiss button ([254e20a](https://github.com/grantcodes/ui/commit/254e20ae232f33ebefbe2b69aaf6e16554fa1d91))
+* **plop:** fix plopfile ([dfc0879](https://github.com/grantcodes/ui/commit/dfc087927397bbc8a49666631b19b075dcaf4b9a))
+* **tabs:** simplify and improve tabs ([c4badfb](https://github.com/grantcodes/ui/commit/c4badfb69fae21c29774032d24e45bfa89796ce4))
+
+
+### Miscellaneous Chores
+
+* release 2.0.0-beta.5 ([04f38a1](https://github.com/grantcodes/ui/commit/04f38a1a79840ee15a1bc44c3e55ada780f1c2c4))
+* release 2.0.0-beta4 ([5087ac5](https://github.com/grantcodes/ui/commit/5087ac51b8bf4bc31ce9bd312fa32114d2b9f78e))
+
+## [2.0.1-beta4](https://github.com/grantcodes/ui/compare/v2.0.0-beta4...v2.0.1-beta4) (2024-10-26)
+
+
+### Bug Fixes
+
+* **notice:** fix notice dismiss button ([254e20a](https://github.com/grantcodes/ui/commit/254e20ae232f33ebefbe2b69aaf6e16554fa1d91))
+
+## [2.0.0-beta4](https://github.com/grantcodes/ui/compare/v1.3.0...v2.0.0-beta4) (2024-10-25)
+
+
+### Features
+
+* **avatar:** add initial Avatar component ([0f0f6eb](https://github.com/grantcodes/ui/commit/0f0f6eb7d956aa3fa479baeb641bbd60e98904f2))
+* **container:** update Container full variation and add viewport variation ([74a02e1](https://github.com/grantcodes/ui/commit/74a02e1f67b95a02dbe3efba9d97282749009f6f))
+* **dialog:** add initial Dialog component ([6d50f52](https://github.com/grantcodes/ui/commit/6d50f52031cd4ae23183dac2152be29579bc3de9))
+* **form-field:** add initial form-field component ([1ea4589](https://github.com/grantcodes/ui/commit/1ea458963e5039d6cfda9ca054a9527ad4540304))
+* **gallery:** add gallery component ([4f8d6e1](https://github.com/grantcodes/ui/commit/4f8d6e11d5ea5c4ec7a0288ce61b65bb77e9be1b))
+* improve focus styles ([8137403](https://github.com/grantcodes/ui/commit/8137403fd19f36cd034c9909dbd8088782905c53))
+* **tabs:** add Tabs component ([e8d8452](https://github.com/grantcodes/ui/commit/e8d8452d7c8ce223fdcc5ac28371bb52859955f3))
+* **tooltip:** add initial Tooltip component ([4991c56](https://github.com/grantcodes/ui/commit/4991c5631da7fd993c33f767252836730d5aae01))
+
+
+### Bug Fixes
+
+* **avatar:** export the Avatar component from the main exports ([2f4119b](https://github.com/grantcodes/ui/commit/2f4119b9216fe344712f3a9bf4abda9eb1245fb4))
+* **codepreview:** fix syntax highlighting ([5010a1f](https://github.com/grantcodes/ui/commit/5010a1f31c789d028154b036f29c67f3539f38b2))
+* **input:** improve select styles ([3d17cc4](https://github.com/grantcodes/ui/commit/3d17cc45da034995ee5ca4b85148f0c0e0f2f080))
+* **plop:** fix plopfile ([dfc0879](https://github.com/grantcodes/ui/commit/dfc087927397bbc8a49666631b19b075dcaf4b9a))
+
+
+### Miscellaneous Chores
+
+* release 2.0.0-beta4 ([5087ac5](https://github.com/grantcodes/ui/commit/5087ac51b8bf4bc31ce9bd312fa32114d2b9f78e))
+
+## [1.2.0](https://github.com/grantcodes/ui/compare/v1.1.0...v1.2.0) (2023-06-29)
+
+
+### Features
+
+* **tooltip:** add initial Tooltip component ([4991c56](https://github.com/grantcodes/ui/commit/4991c5631da7fd993c33f767252836730d5aae01))
+
+## [1.1.0](https://github.com/grantcodes/ui/compare/v1.0.0...v1.1.0) (2023-01-24)
+
+
+### Features
+
+* **avatar:** add initial Avatar component ([0f0f6eb](https://github.com/grantcodes/ui/commit/0f0f6eb7d956aa3fa479baeb641bbd60e98904f2))
+* **container:** update Container full variation and add viewport variation ([74a02e1](https://github.com/grantcodes/ui/commit/74a02e1f67b95a02dbe3efba9d97282749009f6f))
+
+
+### Bug Fixes
+
+* **avatar:** export the Avatar component from the main exports ([2f4119b](https://github.com/grantcodes/ui/commit/2f4119b9216fe344712f3a9bf4abda9eb1245fb4))
+
 ## 1.0.0 (2022-10-22)
 
 

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1 @@
+var n=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function u(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function f(e){return e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function l(e){return e&&Object.prototype.hasOwnProperty.call(e,"default")&&Object.keys(e).length===1?e.default:e}function c(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var a=e.default;if(typeof a=="function"){var t=function r(){var o=!1;try{o=this instanceof r}catch{}return o?Reflect.construct(a,arguments,this.constructor):a.apply(this,arguments)};t.prototype=a.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(e).forEach(function(r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}),t}export{n as commonjsGlobal,c as getAugmentedNamespace,u as getDefaultExportFromCjs,l as getDefaultExportFromNamespaceIfNotNamed,f as getDefaultExportFromNamespaceIfPresent};

package/dist/_virtual/index.js

@@ -0,0 +1 @@
+import{getDefaultExportFromCjs as r}from"./_commonjsHelpers.js";import{__require as e}from"../node_modules/react/index.js";var t=e();const i=r(t);export{i as default};

package/dist/_virtual/index2.js

@@ -0,0 +1 @@
+var e={exports:{}};export{e as __module};

package/dist/_virtual/react.production.js

@@ -0,0 +1 @@
+var r={};export{r as __exports};

package/dist/components/avatar/avatar.component.js

@@ -0,0 +1,3 @@
+import{LitElement as m,html as o,unsafeCSS as h}from"lit";import{property as l,customElement as u}from"lit/decorators.js";import f from"./avatar.scss.js";var v=Object.defineProperty,g=Object.getOwnPropertyDescriptor,e=(i,t,a,n)=>{for(var s=n>1?void 0:n?g(t,a):t,p=i.length-1,c;p>=0;p--)(c=i[p])&&(s=(n?c(t,a,s):c(s))||s);return n&&s&&v(t,a,s),s};let r=class extends m{constructor(){super(...arguments),this.src="",this.name="",this.alt="",this.initials=""}getInitials(){if(this.initials)return this.initials;if(this.name){const[i,t]=this.name.split(" ");return`${i[0]}${t?t[0]:""}`}return""}getAlt(){return this.alt?this.alt:`${this.name||this.initials} avatar`}getImg(){return this.src?o`<img src=${this.src} alt=${this.getAlt()} />`:o``}render(){const i=this.getImg(),t=o`<span class="avatar__initials"
+      >${this.getInitials()}</span
+    >`;return o` <div class="avatar">${i||t}</div> `}};r.styles=[h(f)];e([l()],r.prototype,"src",2);e([l()],r.prototype,"name",2);e([l()],r.prototype,"alt",2);e([l()],r.prototype,"initials",2);r=e([u("grantcodes-avatar")],r);export{r as GrantCodesAvatar};

package/dist/components/avatar/avatar.js

@@ -0,0 +1 @@
+import{GrantCodesAvatar as a}from"./avatar.component.js";const r=a;export{a as GrantCodesAvatar,r as default};

package/dist/components/avatar/avatar.react.js

@@ -0,0 +1 @@
+import*as a from"../../_virtual/index.js";import{createComponent as t}from"@lit/react";import{GrantCodesAvatar as r}from"./avatar.component.js";const m=t({tagName:"grantcodes-avatar",elementClass:r,react:a});export{m as Avatar};

package/dist/components/avatar/avatar.scss.js

@@ -0,0 +1 @@
+const e="*,*:before,*:after{box-sizing:border-box}:host{display:block}.avatar{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;overflow:hidden;background-color:var(--color-base-primary-200);color:var(--color-base-primary-900);text-align:center;font-size:1.2rem;font-weight:700}.avatar__image{width:100%;height:100%;object-fit:cover;object-position:center}.avatar__fallback{line-height:1}";export{e as default};

package/dist/components/avatar/index.js

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

package/dist/components/button/button.component.js

@@ -0,0 +1,12 @@
+import{LitElement as f,unsafeCSS as m}from"lit";import{property as p,customElement as y}from"lit/decorators.js";import{literal as u,html as d}from"lit/static-html.js";import h from"./button.scss.js";var v=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(t,r,i,n)=>{for(var o=n>1?void 0:n?b(r,i):r,l=t.length-1,a;l>=0;l--)(a=t[l])&&(o=(n?a(r,i,o):a(o))||o);return n&&o&&v(r,i,o),o};let e=class extends f{constructor(){super(...arguments),this.type="button",this.disabled=!1}render(){const t=!!this.href,r=t?u`a`:u`button`;return d`
+			<${r}
+				class="button"
+				href=${t?this.href:void 0}
+				?disabled=${!t&&this.disabled}
+				type=${t?void 0:this.type}
+				name=${t?void 0:this.name}
+				value=${t?void 0:this.value}
+			>
+				<span><slot></slot></span>
+			</${r}>
+		`}};e.styles=[m(h)];s([p()],e.prototype,"href",2);s([p({type:String})],e.prototype,"type",2);s([p({type:String})],e.prototype,"name",2);s([p({type:String})],e.prototype,"value",2);s([p({type:Boolean,reflect:!0})],e.prototype,"disabled",2);e=s([y("grantcodes-button")],e);export{e as GrantCodesButton};

package/dist/components/button/button.js

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

package/dist/components/button/button.react.js

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

package/dist/components/button/button.scss.js

@@ -0,0 +1 @@
+const o="*,*:before,*:after{box-sizing:border-box}:host{display:block}.button{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{outline-color:var(--component-focus-ring-color)}@media (prefers-contrast: more){.button: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:focus-visible{color:var(--component-button-active-color);background:var(--component-button-active-background);cursor:pointer;text-decoration:none}.button:active{transform:translateY(1px)}.button[disabled]{cursor:not-allowed;filter:grayscale(70%);opacity:.8}";export{o as default};

package/dist/components/button/index.js

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

package/dist/components/button-group/button-group.component.js

@@ -0,0 +1,5 @@
+import{LitElement as u,html as m,unsafeCSS as f}from"lit";import{customElement as v}from"lit/decorators.js";import a from"./button-group.scss.js";var c=Object.defineProperty,i=Object.getOwnPropertyDescriptor,_=(p,r,o,e)=>{for(var t=e>1?void 0:e?i(r,o):r,s=p.length-1,n;s>=0;s--)(n=p[s])&&(t=(e?n(r,o,t):n(t))||t);return e&&t&&c(r,o,t),t};let l=class extends u{render(){return m`
+      <div class="button-group">
+        <slot></slot>
+      </div>
+    `}};l.styles=[f(a)];l=_([v("grantcodes-button-group")],l);export{l as GrantCodesButtonGroup};

package/dist/components/button-group/button-group.js

@@ -0,0 +1 @@
+import{GrantCodesButtonGroup as o}from"./button-group.component.js";const r=o;export{o as GrantCodesButtonGroup,r as default};

package/dist/components/button-group/button-group.react.js

@@ -0,0 +1 @@
+import*as o from"../../_virtual/index.js";import{createComponent as t}from"@lit/react";import{GrantCodesButtonGroup as r}from"./button-group.component.js";const m=t({tagName:"grantcodes-button-group",elementClass:r,react:o});export{m as ButtonGroup};

package/dist/components/button-group/button-group.scss.js

@@ -0,0 +1 @@
+const o="*,*:before,*:after{box-sizing:border-box}:host{display:block}.button-group{display:flex;flex-direction:row;flex-wrap:wrap;background:var(--component-button-base-background);border-radius:var(--component-button-base-border-radius);min-width:fit-content;max-width:100%}";export{o as default};

package/dist/components/button-group/index.js

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

package/dist/components/card/card.component.js

@@ -0,0 +1,8 @@
+import{LitElement as n,html as d,unsafeCSS as m}from"lit";import{customElement as _}from"lit/decorators.js";import f from"./card.scss.js";var p=Object.defineProperty,i=Object.getOwnPropertyDescriptor,v=(l,e,t,s)=>{for(var r=s>1?void 0:s?i(e,t):e,a=l.length-1,o;a>=0;a--)(o=l[a])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&p(e,t,r),r};let c=class extends n{render(){return d`
+      <div class="card">
+        <slot name="card-header" class="card__header"></slot>
+        <slot name="card-content" class="card__content"></slot>
+        <slot name="card-actions" class="card__actions"></slot>
+        <slot name="card-footer" class="card__footer"></slot>
+      </div>
+    `}};c.styles=[m(f)];c=v([_("grantcodes-card")],c);export{c as GrantCodesCard};

package/dist/components/card/card.js

@@ -0,0 +1 @@
+import{GrantCodesCard as a}from"./card.component.js";const d=a;export{a as GrantCodesCard,d as default};

package/dist/components/card/card.react.js

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

package/dist/components/card/card.scss.js

@@ -0,0 +1 @@
+const r='*,*:before,*:after{box-sizing:border-box}:host{display:block}.card{display:flex;width:100%;flex-direction:column;justify-content:flex-start;overflow:hidden;background:var(--component-card-background);border-style:solid;border-width:var(--component-card-border-width);border-color:var(--component-card-border-color);border-radius:var(--component-card-border-radius)}.card>img{display:block;width:100%}.card__content{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--size-space-unit, 1rem);padding:var(--size-space-unit, 1rem)}.card__content>*{margin:0}.card__content>*:first-child{margin-block-start:0}.card__content>*:last-child{margin-block-end:0}.card .card__actions{display:flex;width:100%;margin-block-start:auto;border-radius:0;flex-direction:row;flex-wrap:wrap;background:var(--component-button-base-background)}.card__meta{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--size-space-unit);margin:0;padding-inline:var(--size-space-unit, 1rem);padding-block:1em;font-size:var(--font-size-small);background-color:var(--color-base-light-shade);color:var(--color-base-dark-shade)}.card__meta__item{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.3em}.card__meta__item dt,.card__meta__item dd{display:block;margin:0;padding:0}.card__meta__item dt:after{content:":"}';export{r as default};

package/dist/components/card/index.js

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

package/dist/components/code-preview/code-preview.component.js

@@ -0,0 +1,3 @@
+import{LitElement as h,html as m,unsafeCSS as d}from"lit";import{property as a,query as c,customElement as g}from"lit/decorators.js";import{codeToHtml as v}from"shiki/bundle/web";import u from"./code-preview.scss.js";var f=Object.defineProperty,w=Object.getOwnPropertyDescriptor,s=(o,t,p,i)=>{for(var e=i>1?void 0:i?w(t,p):t,n=o.length-1,l;n>=0;n--)(l=o[n])&&(e=(i?l(t,p,e):l(e))||e);return i&&e&&f(t,p,e),e};let r=class extends h{constructor(){super(...arguments),this.language="html",this.theme="aurora-x"}async doHighlight(){const o=this.textContent??"",t=await v(o.trim(),{lang:this.language,theme:this.theme});this.codePreview.innerHTML=t}firstUpdated(){this.doHighlight()}render(){return m`<div class="code-preview">
+			<pre><slot></slot></pre>
+		</div> `}};r.styles=[d(u)];s([a({type:String})],r.prototype,"language",2);s([a({type:String})],r.prototype,"theme",2);s([c(".code-preview")],r.prototype,"codePreview",2);r=s([g("grantcodes-code-preview")],r);export{r as GrantCodesCodePreview};

package/dist/components/code-preview/code-preview.js

@@ -0,0 +1 @@
+import{GrantCodesCodePreview as e}from"./code-preview.component.js";const r=e;export{e as GrantCodesCodePreview,r as default};

package/dist/components/code-preview/code-preview.react.js

@@ -0,0 +1 @@
+import*as e from"../../_virtual/index.js";import{createComponent as o}from"@lit/react";import{GrantCodesCodePreview as r}from"./code-preview.component.js";const a=o({tagName:"grantcodes-code-preview",elementClass:r,react:e});export{a as CodePreview};

package/dist/components/code-preview/code-preview.scss.js

@@ -0,0 +1 @@
+const e="*,*:before,*:after{box-sizing:border-box}:host{display:block}.code-preview>pre{display:block;font-family:var(--font-family-mono);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-small);font-weight:400;padding:var(--size-space-unit, 1rem)}";export{e as default};

package/dist/components/code-preview/index.js

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

package/dist/components/container/container.component.js

@@ -0,0 +1,5 @@
+import{LitElement as c,html as f,unsafeCSS as m}from"lit";import{property as p,customElement as d}from"lit/decorators.js";import u from"classnames";import v from"./container.scss.js";var h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(r,n,i,o)=>{for(var t=o>1?void 0:o?g(n,i):n,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(n,i,t):a(t))||t);return o&&t&&h(n,i,t),t};let e=class extends c{constructor(){super(...arguments),this.align="default",this.nopad=!1}render(){const r=u("container",{"container--wide":this.align==="wide","container--full":this.align==="full","container--viewport":this.align==="viewport","container--nopad":this.nopad});return f`
+      <div class="${r}">
+        <slot></slot>
+      </div>
+    `}};e.styles=[m(v)];l([p()],e.prototype,"align",2);l([p({type:Boolean})],e.prototype,"nopad",2);e=l([d("grantcodes-container")],e);export{e as GrantCodesContainer};

package/dist/components/container/container.js

@@ -0,0 +1 @@
+import{GrantCodesContainer as n}from"./container.component.js";const o=n;export{n as GrantCodesContainer,o as default};

package/dist/components/container/container.react.js

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

package/dist/components/container/container.scss.js

@@ -0,0 +1 @@
+const i="*,*:before,*:after{box-sizing:border-box}:host{display:block}.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:var(--size-block-width-normal);max-width:100%;padding-inline:var(--size-space-unit);margin-inline:auto;background-color:inherit}.container--wide{width:var(--size-block-width-wide)}.container--full{width:100%}.container--viewport{left:50%;position:relative;right:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;width:100vw;margin-left:-50dvw;margin-right:-50dvw;max-width:100dvw;width:100dvw}.container--nopad{padding-inline:0}";export{i as default};

package/dist/components/container/index.js

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

package/dist/components/dialog/dialog.component.js

@@ -0,0 +1,23 @@
+import{LitElement as m,html as p,unsafeCSS as h}from"lit";import{query as f,property as d,customElement as g}from"lit/decorators.js";import c from"./dialog.scss.js";var u=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(o,t,a,l)=>{for(var e=l>1?void 0:l?_(t,a):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(e=(l?n(t,a,e):n(e))||e);return l&&e&&u(t,a,e),e};let s=class extends m{constructor(){super(...arguments),this.open=!1,this.dismissible=!0}updated(o){o.has("open")&&this._handleOpenChange()}_handleOpenChange(){this.open?this.dialog.showModal():this.dialog.close()}dismissTemplate(){return this.dismissible?p`
+      <button
+        class="dialog__dismiss"
+        @click=${()=>{this.open=!1}}
+        aria-label="Dismiss dialog"
+      >
+        &times;
+      </button>
+    `:p``}render(){return p`
+      <dialog class="dialog" ?open=${this.open}>
+        ${this.dismissTemplate()}
+
+        <header class="dialog__header">
+          <slot name="header"></slot>
+        </header>
+
+        <slot class="dialog__content"></slot>
+
+        <footer class="dialog__footer">
+          <slot name="footer"> </slot>
+        </footer>
+      </dialog>
+    `}};s.styles=[h(c)];i([f("dialog")],s.prototype,"dialog",2);i([d({type:Boolean,reflect:!0})],s.prototype,"open",2);i([d({type:Boolean})],s.prototype,"dismissible",2);s=i([g("grantcodes-dialog")],s);export{s as GrantCodesDialog};

package/dist/components/dialog/dialog.js

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

package/dist/components/dialog/dialog.react.js

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

package/dist/components/dialog/dialog.scss.js

@@ -0,0 +1 @@
+const e="*,*:before,*:after{box-sizing:border-box}:host{display:block}.dialog{width:100%;padding:0;max-width:var(--size-block-width-normal);background:var(--component-card-background);border-style:solid;border-width:var(--component-card-border-width);border-color:var(--component-card-border-color);border-radius:var(--component-card-border-radius);overflow:hidden}.dialog::backdrop{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog__dismiss{display:block;position:absolute;border:none;line-height:1;font-size:1.4rem;cursor:pointer;background:transparent;inset-block-start:var(--size-space-unit, 1rem);inset-inline-end:var(--size-space-unit, 1rem);margin-block-start:-.25rem;margin-inline-end:-.25rem;border-radius:50%;width:2rem;height:2rem;padding:.25rem;justify-content:center;align-items:center}.dialog__content{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--size-space-unit, 1rem);padding:var(--size-space-unit, 1rem)}.dialog__header:empty,.dialog__header:has(slot:empty),.dialog__footer:empty,.dialog__footer:has(slot:empty){display:none}.dialog__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--size-space-unit, 1rem);border-bottom:var(--component-card-border-width) solid var(--component-card-border-color)}.dialog__footer ::slotted(grantcodes-button-group){--component-button-base-border-radius: 0}";export{e as default};

package/dist/components/dialog/index.js

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

package/dist/components/dropzone/dropzone.component.js

@@ -0,0 +1,11 @@
+import{LitElement as d,html as p,unsafeCSS as u}from"lit";import{property as f,queryAssignedElements as h,state as i,customElement as _}from"lit/decorators.js";import m from"classnames";import v from"./dropzone.scss.js";var b=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(t,l,o,n)=>{for(var e=n>1?void 0:n?g(l,o):l,a=t.length-1,c;a>=0;a--)(c=t[a])&&(e=(n?c(l,o,e):c(e))||e);return n&&e&&b(l,o,e),e};let r=class extends d{constructor(){super(...arguments),this.fullscreenOnDrag=!1,this._fullscreen=!1,this._enableFullscreen=()=>{this.fullscreenOnDrag&&(this._fullscreen=!0)},this._disableFullscreen=()=>{this._fullscreen=!1}}connectedCallback(){super.connectedCallback(),document.addEventListener("dragenter",this._enableFullscreen),document.addEventListener("dragend",this._disableFullscreen)}disconnectedCallback(){document.removeEventListener("dragenter",this._enableFullscreen),document.removeEventListener("dragend",this._disableFullscreen),super.disconnectedCallback()}firstUpdated(){if(this._input.length===0)throw new Error("No file input found");this._placeholder=this._input[0].placeholder}render(){const t=m("dropzone",{"dropzone--fullscreen":this._fullscreen});return p`
+      <div
+        class=${t}
+        @mouseLeave=${this._disableFullscreen}
+        @dragEnd=${this._disableFullscreen}
+        @dragLeave=${this._disableFullscreen}
+      >
+        <slot></slot>
+        <span class="dropzone__placeholder">${this._placeholder}</span>
+      </div>
+    `}};r.styles=[u(v)];s([f({type:Boolean,reflect:!0})],r.prototype,"fullscreenOnDrag",2);s([h({selector:"input[type=file]"})],r.prototype,"_input",2);s([i()],r.prototype,"_fullscreen",2);s([i()],r.prototype,"_placeholder",2);r=s([_("grantcodes-dropzone")],r);export{r as GrantCodesDropzone};

package/dist/components/dropzone/dropzone.js

@@ -0,0 +1 @@
+import{GrantCodesDropzone as o}from"./dropzone.component.js";const e=o;export{o as GrantCodesDropzone,e as default};

package/dist/components/dropzone/dropzone.react.js

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

package/dist/components/dropzone/dropzone.scss.js

@@ -0,0 +1 @@
+const e='*,*:before,*:after{box-sizing:border-box}:host{display:block}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:max(var(--size-border-width),.2rem) dashed var(--color-base-primary-500);border-radius:var(--size-border-radius)}.dropzone--fullscreen:before{content:"";position:fixed;display:block;inset:0;z-index:10;background-color:#ffffffe6}.dropzone--fullscreen:after{content:"";display:flex;position:fixed;inset:2rem;justify-content:center;align-items:center;padding:2rem;border:max(var(--size-border-width) * 2,.4rem) dashed var(--color-base-primary-500);border-radius:calc(var(--size-border-radius) * 2);z-index:11;font-weight:700;color:inherit}::slotted(input),.dropzone__input{position:absolute;display:block;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.dropzone--fullscreen ::slotted(input),.dropzone--fullscreen .dropzone__input{position:fixed;z-index:12}';export{e as default};

package/dist/components/dropzone/index.js

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

package/dist/components/form-field/form-field.component.js

@@ -0,0 +1,22 @@
+import{LitElement as f,html as o,unsafeCSS as u}from"lit";import{property as a,queryAssignedElements as d,customElement as c}from"lit/decorators.js";import m from"./form-field.scss.js";import b from"classnames";import{generateId as y}from"../../lib/generate-id.js";var g=Object.defineProperty,I=Object.getOwnPropertyDescriptor,i=(e,s,p,l)=>{for(var r=l>1?void 0:l?I(s,p):s,n=e.length-1,h;n>=0;n--)(h=e[n])&&(r=(l?h(s,p,r):h(r))||r);return l&&r&&g(s,p,r),r};let t=class extends f{constructor(){super(),this.label="",this.inlineInput=!1,this.groupInput=!1,this.id||(this.id=y("form-field"))}get errorId(){return`${this.id}-error`}get helpId(){return`${this.id}-help`}get ariaDescribedBy(){const e=[];return this.error&&e.push(this.errorId),this.help&&e.push(this.helpId),e.join(" ")}firstUpdated(){const e=this.inputElements[0];this.nestedFields.length>0&&(this.groupInput=!0,this.requestUpdate()),e&&(e.id=this.id,e.setAttribute("aria-describedby",this.ariaDescribedBy),(e.type==="checkbox"||e.type==="radio")&&(this.inlineInput=!0,this.requestUpdate()))}handleLabelClick(){const e=this.inputElements[0];e&&(e.focus(),e instanceof HTMLInputElement&&(e.type==="checkbox"||e.type==="radio")&&(e.checked=!e.checked))}errorTemplate(){return this.error?o`
+      <p class="form-field__error" id=${this.errorId}>Error: ${this.error}</p>
+    `:""}helpTemplate(){return this.help?o`
+      <span class="form-field__help" id=${this.helpId}>${this.help}</span>
+    `:""}groupTemplate({className:e}){return o`
+      <fieldset class="${e}">
+        <legend class="form-field__label">${this.label}</legend>
+        <slot></slot>
+        ${this.errorTemplate()}
+      </fieldset>
+    `}render(){const e=b("form-field",{"form-field--inline":this.inlineInput});return this.groupInput?this.groupTemplate({className:e}):o`
+      <div class="${e}">
+        <label>
+          <span class="form-field__label" @click=${this.handleLabelClick}
+            >${this.label}</span
+          >
+          ${this.helpTemplate()}
+          <slot></slot>
+        </label>
+        ${this.errorTemplate()}
+      </div>
+    `}};t.formAssociated=!0;t.styles=[u(m)];i([a({type:String})],t.prototype,"label",2);i([a({type:String})],t.prototype,"error",2);i([a({type:String})],t.prototype,"help",2);i([d({selector:"input, select, textarea"})],t.prototype,"inputElements",2);i([d({selector:"grantcodes-form-field"})],t.prototype,"nestedFields",2);t=i([c("grantcodes-form-field")],t);export{t as GrantCodesFormField};

package/dist/components/form-field/form-field.js

@@ -0,0 +1 @@
+import{GrantCodesFormField as o}from"./form-field.component.js";const e=o;export{o as GrantCodesFormField,e as default};

package/dist/components/form-field/form-field.react.js

@@ -0,0 +1 @@
+import*as e from"../../_virtual/index.js";import{createComponent as o}from"@lit/react";import{GrantCodesFormField as r}from"./form-field.component.js";const a=o({tagName:"grantcodes-form-field",elementClass:r,react:e});export{a as FormField};

package/dist/components/form-field/form-field.scss.js

@@ -0,0 +1 @@
+const e="*,*:before,*:after{box-sizing:border-box}:host{display:block}.form-field{display:flex;flex-direction:column;gap:.25rem;padding:0;margin:0;border:none}.form-field label,.form-field slot{display:flex;flex-direction:column;gap:inherit}.form-field--inline label{flex-direction:row-reverse;align-items:center;justify-content:flex-end}.form-field__label{margin:0;padding:0}.form-field__label:where(legend){margin-bottom:.25rem}.form-field__help{font-size:var(--font-size-small);opacity:.7}.form-field__error{margin:0;font-size:var(--font-size-small);color:var(--color-base-error-700)}";export{e as default};

package/dist/components/form-field/index.js

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

package/dist/components/gallery/gallery-image.component.js

@@ -0,0 +1,14 @@
+import{LitElement as g,html as h,unsafeCSS as c}from"lit";import{property as i,customElement as m}from"lit/decorators.js";import y from"./gallery.scss.js";var u=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(n,p,o,s)=>{for(var e=s>1?void 0:s?f(p,o):p,a=n.length-1,l;a>=0;a--)(l=n[a])&&(e=(s?l(p,o,e):l(e))||e);return s&&e&&u(p,o,e),e};let t=class extends g{constructor(){super(...arguments),this.width=0,this.height=0,this.src="",this.alt="",this.caption="",this.thumbnail=""}captionTemplate(){if(this.caption)return h`
+      <figcaption class="gallery__image__caption">${this.caption}</figcaption>
+    `}render(){return h`
+      <figure class="gallery__image">
+        <img
+          width=${this.width}
+          height=${this.height}
+          src=${this.src}
+          alt=${this.alt}
+          loading="lazy"
+        />
+        ${this.captionTemplate()}
+      </figure>
+    `}};t.styles=[c(y)];r([i({type:Number})],t.prototype,"width",2);r([i({type:Number})],t.prototype,"height",2);r([i({type:String})],t.prototype,"src",2);r([i({type:String})],t.prototype,"alt",2);r([i({type:String})],t.prototype,"caption",2);r([i({type:String})],t.prototype,"thumbnail",2);t=r([m("grantcodes-gallery-image")],t);export{t as GrantCodesGalleryImage};

package/dist/components/gallery/gallery-image.js

@@ -0,0 +1 @@
+import{GrantCodesGalleryImage as a}from"./gallery-image.component.js";const r=a;export{a as GrantCodesGalleryImage,r as default};

package/dist/components/gallery/gallery.component.js

@@ -0,0 +1,5 @@
+import{LitElement as p,html as g,unsafeCSS as y}from"lit";import{queryAssignedElements as c,customElement as f}from"lit/decorators.js";import i from"./gallery.scss.js";var v=Object.defineProperty,_=Object.getOwnPropertyDescriptor,n=(m,r,t,l)=>{for(var e=l>1?void 0:l?_(r,t):r,o=m.length-1,a;o>=0;o--)(a=m[o])&&(e=(l?a(r,t,e):a(e))||e);return l&&e&&v(r,t,e),e};let s=class extends p{render(){return g`
+      <div class="gallery">
+        <slot class="gallery__slot"></slot>
+      </div>
+    `}};s.styles=[y(i)];n([c({selector:"grantcodes-gallery-image"})],s.prototype,"images",2);s=n([f("grantcodes-gallery")],s);export{s as GrantCodesGallery};

package/dist/components/gallery/gallery.js

@@ -0,0 +1 @@
+import{GrantCodesGallery as a}from"./gallery.component.js";const e=a;export{a as GrantCodesGallery,e as default};

package/dist/components/gallery/gallery.react.js

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

package/dist/components/gallery/gallery.scss.js

@@ -0,0 +1 @@
+const l="*,*:before,*:after{box-sizing:border-box}:host{display:block}.gallery{display:block}.gallery__slot{display:grid;grid-template-columns:repeat(var(--gallery-columns, 3),1fr);width:100%;flex-direction:row;flex-wrap:wrap;gap:var(--gallery-gap, 0)}.gallery__slot>*{display:block;width:100%}.gallery--has-lightbox>*{cursor:pointer}.gallery__image{position:relative;width:100%;display:block;flex-direction:column;margin:0}.gallery__image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center}.gallery__image__caption{position:absolute;inset:0;inset-block-start:auto;background-color:#0006;padding-inline:.5em;padding-block:.3em;line-height:1.2;color:#fff}";export{l as default};

package/dist/components/gallery/index.js

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

package/dist/components/icon/icon.component.js

@@ -0,0 +1 @@
+import{LitElement as m,html as f,unsafeCSS as l}from"lit";import{property as a,customElement as u}from"lit/decorators.js";import{unsafeHTML as v}from"lit/directives/unsafe-html.js";import _ from"./icon.scss.js";var y=Object.defineProperty,h=Object.getOwnPropertyDescriptor,i=(c,e,s,t)=>{for(var r=t>1?void 0:t?h(e,s):e,n=c.length-1,p;n>=0;n--)(p=c[n])&&(r=(t?p(e,s,r):p(r))||r);return t&&r&&y(e,s,r),r};let o=class extends m{constructor(){super(...arguments),this.icon=""}render(){return f`<span class="icon">${v(this.icon)}</span>`}};o.styles=[l(_)];i([a({type:String})],o.prototype,"icon",2);o=i([u("grantcodes-icon")],o);export{o as GrantCodesIcon};

package/dist/components/icon/icon.js

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

package/dist/components/icon/icon.react.js

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

package/dist/components/icon/icon.scss.js

@@ -0,0 +1 @@
+const o="*,*:before,*:after{box-sizing:border-box}:host{display:block}.icon{display:inline-block;color:inherit;width:1em;height:1em}.icon svg{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.icon svg:not([fill]){fill:currentColor}.icon svg:not([stoke]){stroke:currentColor}";export{o as default};

package/dist/components/icon/index.js

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

package/dist/components/loading/index.js

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

package/dist/components/loading/loading.component.js

@@ -0,0 +1,5 @@
+import{LitElement as p,html as m,unsafeCSS as f}from"lit";import{customElement as i}from"lit/decorators.js";import c from"./loading.scss.js";var d=Object.defineProperty,v=Object.getOwnPropertyDescriptor,_=(a,r,t,s)=>{for(var e=s>1?void 0:s?v(r,t):r,o=a.length-1,l;o>=0;o--)(l=a[o])&&(e=(s?l(r,t,e):l(e))||e);return s&&e&&d(r,t,e),e};let n=class extends p{render(){return m`
+      <span class="loading">
+        <slot></slot>
+      </span>
+    `}};n.styles=[f(c)];n=_([i("grantcodes-loading")],n);export{n as GrantCodesLoading};

package/dist/components/loading/loading.js

@@ -0,0 +1 @@
+import{GrantCodesLoading as a}from"./loading.component.js";const d=a;export{a as GrantCodesLoading,d as default};

package/dist/components/loading/loading.react.js

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

package/dist/components/loading/loading.scss.js

@@ -0,0 +1 @@
+const i="*,*:before,*:after{box-sizing:border-box}:host{display:block}:host{--height: .5rem;--inner-width: 40%;--starting-position: calc(0% - (var(--inner-width) * 2));--ending-position: calc(100% + (var(--inner-width) * 2))}.loading{display:block;height:var(--height);border-radius:calc(var(--height) / 2);overflow:hidden;padding-top:var(--height);background-repeat:no-repeat;background-color:var(--color-base-primary-500);background-image:linear-gradient(to right,transparent 0%,var(--color-base-secondary-500) 10%,var(--color-base-secondary-500) 90%,transparent 100%);background-size:var(--inner-width) 100%;background-position-x:var(--starting-position);animation:loading 2s linear infinite;font-size:0}@keyframes loading{0%{background-position-x:var(--starting-position)}to{background-position-x:var(--ending-position)}}";export{i as default};

package/dist/components/notice/index.js

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

package/dist/components/notice/notice.component.js

@@ -0,0 +1,16 @@
+import{LitElement as p,html as r,unsafeCSS as d}from"lit";import{property as m,customElement as f}from"lit/decorators.js";import h from"classnames";import u from"./notice.scss.js";import{GrantCodesIcon as v}from"../icon/icon.component.js";import"../../icons.js";import{XCircle as _,AlertCircle as C,CheckCircle2 as g,Info as $,X as b}from"lucide-static";var y=Object.defineProperty,D=Object.getOwnPropertyDescriptor,n=(s,i,c,o)=>{for(var t=o>1?void 0:o?D(i,c):i,a=s.length-1,l;a>=0;a--)(l=s[a])&&(t=(o?l(i,c,t):l(t))||t);return o&&t&&y(i,c,t),t};const w={info:$,success:g,warning:C,error:_};let e=class extends p{constructor(){super(...arguments),this.variant="info",this.title="",this.dismissable=!1}onDismiss(s){document.startViewTransition?document.startViewTransition(()=>{this.remove()}):this.remove()}renderDismiss(){return this.dismissable?r`
+				<button class="notice__close" @click=${this.onDismiss}>
+					<grantcodes-icon icon="${b}" title="Close Notice"></grantcodes-icon>
+				</button>
+			`:r``}render(){const s=w[this.variant];return r`
+			<aside class="${h("notice",`notice--${this.variant}`)}">
+				<grantcodes-icon icon="${s}" class="notice__icon"></grantcodes-icon>
+
+				<div class="notice__content">
+					${this.title&&r`<h2 class="notice__title">${this.title}</h2>`}
+					<p><slot></slot></p>
+				</div>
+
+				${this.renderDismiss()}
+			</aside>
+		`}};e.dependencies={"grancodes-icon":v};e.styles=[d(u)];n([m()],e.prototype,"variant",2);n([m()],e.prototype,"title",2);n([m({type:Boolean})],e.prototype,"dismissable",2);e=n([f("grantcodes-notice")],e);export{e as GrantCodesNotice};

package/dist/components/notice/notice.js

@@ -0,0 +1 @@
+import{GrantCodesNotice as o}from"./notice.component.js";const e=o;export{o as GrantCodesNotice,e as default};

package/dist/components/notice/notice.react.js

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

package/dist/components/notice/notice.scss.js

@@ -0,0 +1 @@
+const o="*,*:before,*:after{box-sizing:border-box}:host{display:block}.notice{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;padding:1rem;border-radius:.25rem;view-transition-name:notice;transition:opacity .5s}.notice--info{color:var(--color-base-info-900);background-color:var(--color-base-info-100)}.notice--success{color:var(--color-base-success-900);background-color:var(--color-base-success-100)}.notice--warning{color:var(--color-base-warning-900);background-color:var(--color-base-warning-100)}.notice--error{color:var(--color-base-error-900);background-color:var(--color-base-error-100)}.notice__title{font-size:1rem;margin:0}.notice__icon{font-size:calc(var(--font-line-height-body) * 1em)}.notice__content{flex-grow:1}.notice__close{background:none;color:inherit;opacity:.5;transition:.2s;font-size:calc(var(--font-line-height-body) * 1em);line-height:1;padding:.5rem;margin:-.5rem -.5rem 0 0;border:0}.notice__close:hover,.notice__close:focus-visible{background:none;color:inherit;opacity:1}.notice p{margin:0}";export{o as default};

package/dist/components/pagination/index.js

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

package/dist/components/pagination/pagination.component.js

@@ -0,0 +1,13 @@
+import{LitElement as l,html as s,unsafeCSS as v}from"lit";import{property as f,customElement as m}from"lit/decorators.js";import c from"./pagination.scss.js";import{GrantCodesButton as g}from"../button/button.component.js";var h=Object.defineProperty,b=Object.getOwnPropertyDescriptor,p=(u,r,o,n)=>{for(var e=n>1?void 0:n?b(r,o):r,a=u.length-1,i;a>=0;a--)(i=u[a])&&(e=(n?i(r,o,e):i(e))||e);return n&&e&&h(r,o,e),e};let t=class extends l{nextTemplate(){return this.nextHref?s`
+      <grantcodes-button class="pagination__next" href=${this.nextHref}
+        >Next</grantcodes-button
+      >
+    `:""}previousTemplate(){return this.previousHref?s`
+      <grantcodes-button class="pagination__previous" href=${this.previousHref}
+        >Previous</grantcodes-button
+      >
+    `:""}render(){return s`
+      <nav class="pagination" aria-label="Pagination navigation">
+        ${this.previousTemplate()} ${this.nextTemplate()}
+      </nav>
+    `}};t.styles=[v(c)];t.dependencies={"grantcodes-button":g};p([f({attribute:"previous-href"})],t.prototype,"previousHref",2);p([f({attribute:"next-href"})],t.prototype,"nextHref",2);t=p([m("grantcodes-pagination")],t);export{t as GrantCodesPagination};

package/dist/components/pagination/pagination.js

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

package/dist/components/pagination/pagination.react.js

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

package/dist/components/pagination/pagination.scss.js

@@ -0,0 +1 @@
+const i="*,*:before,*:after{box-sizing:border-box}:host{display:block}.pagination{display:flex;flex-direction:row;align-items:center}.pagination__next{margin-inline-start:auto}.pagination__previous{margin-inline-end:auto}";export{i as default};