@accretion_ui/core 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/accretion/accretion.esm.js +1 -1
  2. package/dist/accretion/p-1d9ebc5b.entry.js +1 -0
  3. package/dist/cjs/accretion-button.cjs.entry.js +2 -2
  4. package/dist/collection/components/accretion-button/accretion-button.css +59 -10
  5. package/dist/collection/components/accretion-button/accretion-button.js +3 -3
  6. package/dist/components/accretion-button.js +1 -1
  7. package/dist/esm/accretion-button.entry.js +2 -2
  8. package/dist/types/components/accretion-button/accretion-button.d.ts +1 -1
  9. package/dist/types/components.d.ts +3 -3
  10. package/package.json +1 -1
  11. package/dist/accretion/p-63e587ea.entry.js +0 -1
package/dist/accretion/accretion.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as a,b as o}from"./p-29hYl1Jo.js";export{s as setNonce}from"./p-29hYl1Jo.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),a(t)})().then((async a=>(await t(),o([["p-63e587ea",[[769,"accretion-button",{variant:[1],disabled:[4]}]]]],a))));
1
+ import{p as o,b as t}from"./p-29hYl1Jo.js";export{s as setNonce}from"./p-29hYl1Jo.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),o(a)})().then((async o=>(await a(),t([["p-1d9ebc5b",[[769,"accretion-button",{variant:[1],disabled:[4]}]]]],o))));
package/dist/accretion/p-1d9ebc5b.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,h as r}from"./p-29hYl1Jo.js";const a=class{constructor(r){t(this,r)}variant="primary";disabled=!1;render(){return r("button",{key:"36223088a0bd138978463ae7cf771ffdc1262850",class:`button button--${this.variant}`,disabled:this.disabled,type:"button"},r("slot",{key:"b3c03e50644fcad6fb9b8dc1216dbdca015e5fd5"}))}};a.style=":host{display:inline-block;--accretion-semantic-button-focus-ring-color:#07a6c8;--accretion-semantic-button-focus-ring-width:2px;--accretion-semantic-button-focus-ring-offset:2px;--accretion-semantic-button-border-width:1px;--accretion-semantic-button-disabled-opacity:0.5;--accretion-semantic-button-primary-background-default:#0a85a1;--accretion-semantic-button-primary-background-hover:#02657c;--accretion-semantic-button-primary-background-active:#034a5b;--accretion-semantic-button-primary-foreground-default:#ffffff;--accretion-semantic-button-primary-border-default:transparent;--accretion-semantic-button-secondary-background-default:#ffffff;--accretion-semantic-button-secondary-background-hover:#f8fdff;--accretion-semantic-button-secondary-background-active:#e7f9ff;--accretion-semantic-button-secondary-foreground-default:#02657c;--accretion-semantic-button-secondary-border-default:#0a85a1;--accretion-semantic-button-tertiary-background-default:#f0f5fc;--accretion-semantic-button-tertiary-background-hover:#e4ebf6;--accretion-semantic-button-tertiary-background-active:#d4dff0;--accretion-semantic-button-tertiary-foreground-default:#374b66;--accretion-semantic-button-tertiary-border-default:transparent}.button{align-items:center;border:var(--accretion-semantic-button-border-width) solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;gap:0.5rem;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0.625rem 1rem;transition:background-color 150ms ease, color 150ms ease, opacity 150ms ease}.button:focus-visible{outline:var(--accretion-semantic-button-focus-ring-width) solid var(--accretion-semantic-button-focus-ring-color);outline-offset:var(--accretion-semantic-button-focus-ring-offset)}.button--primary{background:var(--accretion-semantic-button-primary-background-default);border-color:var(--accretion-semantic-button-primary-border-default);color:var(--accretion-semantic-button-primary-foreground-default)}.button--primary:hover{background:var(--accretion-semantic-button-primary-background-hover)}.button--primary:active{background:var(--accretion-semantic-button-primary-background-active)}.button--secondary{background:var(--accretion-semantic-button-secondary-background-default);border-color:var(--accretion-semantic-button-secondary-border-default);color:var(--accretion-semantic-button-secondary-foreground-default)}.button--secondary:hover{background:var(--accretion-semantic-button-secondary-background-hover)}.button--secondary:active{background:var(--accretion-semantic-button-secondary-background-active)}.button--tertiary{background:var(--accretion-semantic-button-tertiary-background-default);border-color:var(--accretion-semantic-button-tertiary-border-default);color:var(--accretion-semantic-button-tertiary-foreground-default)}.button--tertiary:hover{background:var(--accretion-semantic-button-tertiary-background-hover)}.button--tertiary:active{background:var(--accretion-semantic-button-tertiary-background-active)}.button:disabled{cursor:not-allowed;opacity:var(--accretion-semantic-button-disabled-opacity)}";export{a as accretion_button}
package/dist/cjs/accretion-button.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-B4kbRNRe.js');
4
4
 
5
- const accretionButtonCss = () => `:host{display:inline-block}.button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;gap:0.5rem;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0.625rem 1rem;transition:background-color 150ms ease, color 150ms ease, opacity 150ms ease}.button:focus-visible{outline:2px solid #0a85a1;outline-offset:2px}.button--primary{background:#0a85a1;color:#ffffff}.button--primary:hover{background:#02657c}.button--secondary{background:#e7ecf0;color:#191b1d}.button--secondary:hover{background:#d9dfe5}.button:disabled{cursor:not-allowed;opacity:0.5}`;
5
+ const accretionButtonCss = () => `:host{display:inline-block;--accretion-semantic-button-focus-ring-color:#07a6c8;--accretion-semantic-button-focus-ring-width:2px;--accretion-semantic-button-focus-ring-offset:2px;--accretion-semantic-button-border-width:1px;--accretion-semantic-button-disabled-opacity:0.5;--accretion-semantic-button-primary-background-default:#0a85a1;--accretion-semantic-button-primary-background-hover:#02657c;--accretion-semantic-button-primary-background-active:#034a5b;--accretion-semantic-button-primary-foreground-default:#ffffff;--accretion-semantic-button-primary-border-default:transparent;--accretion-semantic-button-secondary-background-default:#ffffff;--accretion-semantic-button-secondary-background-hover:#f8fdff;--accretion-semantic-button-secondary-background-active:#e7f9ff;--accretion-semantic-button-secondary-foreground-default:#02657c;--accretion-semantic-button-secondary-border-default:#0a85a1;--accretion-semantic-button-tertiary-background-default:#f0f5fc;--accretion-semantic-button-tertiary-background-hover:#e4ebf6;--accretion-semantic-button-tertiary-background-active:#d4dff0;--accretion-semantic-button-tertiary-foreground-default:#374b66;--accretion-semantic-button-tertiary-border-default:transparent}.button{align-items:center;border:var(--accretion-semantic-button-border-width) solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;gap:0.5rem;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0.625rem 1rem;transition:background-color 150ms ease, color 150ms ease, opacity 150ms ease}.button:focus-visible{outline:var(--accretion-semantic-button-focus-ring-width) solid var(--accretion-semantic-button-focus-ring-color);outline-offset:var(--accretion-semantic-button-focus-ring-offset)}.button--primary{background:var(--accretion-semantic-button-primary-background-default);border-color:var(--accretion-semantic-button-primary-border-default);color:var(--accretion-semantic-button-primary-foreground-default)}.button--primary:hover{background:var(--accretion-semantic-button-primary-background-hover)}.button--primary:active{background:var(--accretion-semantic-button-primary-background-active)}.button--secondary{background:var(--accretion-semantic-button-secondary-background-default);border-color:var(--accretion-semantic-button-secondary-border-default);color:var(--accretion-semantic-button-secondary-foreground-default)}.button--secondary:hover{background:var(--accretion-semantic-button-secondary-background-hover)}.button--secondary:active{background:var(--accretion-semantic-button-secondary-background-active)}.button--tertiary{background:var(--accretion-semantic-button-tertiary-background-default);border-color:var(--accretion-semantic-button-tertiary-border-default);color:var(--accretion-semantic-button-tertiary-foreground-default)}.button--tertiary:hover{background:var(--accretion-semantic-button-tertiary-background-hover)}.button--tertiary:active{background:var(--accretion-semantic-button-tertiary-background-active)}.button:disabled{cursor:not-allowed;opacity:var(--accretion-semantic-button-disabled-opacity)}`;
6
6
 
7
7
  const AccretionButton = class {
8
8
  constructor(hostRef) {
@@ -11,7 +11,7 @@ const AccretionButton = class {
11
11
  variant = 'primary';
12
12
  disabled = false;
13
13
  render() {
14
- return (index.h("button", { key: 'c7fa4931dabe49cfe39db12ef635c40dc810e824', class: `button button--${this.variant}`, disabled: this.disabled, type: "button" }, index.h("slot", { key: 'e07fe75c0dd94de71991918ccf6656cf6b403e4f' })));
14
+ return (index.h("button", { key: '36223088a0bd138978463ae7cf771ffdc1262850', class: `button button--${this.variant}`, disabled: this.disabled, type: "button" }, index.h("slot", { key: 'b3c03e50644fcad6fb9b8dc1216dbdca015e5fd5' })));
15
15
  }
16
16
  };
17
17
  AccretionButton.style = accretionButtonCss();
package/dist/collection/components/accretion-button/accretion-button.css CHANGED
@@ -1,10 +1,35 @@
1
1
  :host {
2
2
  display: inline-block;
3
+
4
+ /* Button semantic token fallbacks */
5
+ --accretion-semantic-button-focus-ring-color: #07a6c8;
6
+ --accretion-semantic-button-focus-ring-width: 2px;
7
+ --accretion-semantic-button-focus-ring-offset: 2px;
8
+ --accretion-semantic-button-border-width: 1px;
9
+ --accretion-semantic-button-disabled-opacity: 0.5;
10
+
11
+ --accretion-semantic-button-primary-background-default: #0a85a1;
12
+ --accretion-semantic-button-primary-background-hover: #02657c;
13
+ --accretion-semantic-button-primary-background-active: #034a5b;
14
+ --accretion-semantic-button-primary-foreground-default: #ffffff;
15
+ --accretion-semantic-button-primary-border-default: transparent;
16
+
17
+ --accretion-semantic-button-secondary-background-default: #ffffff;
18
+ --accretion-semantic-button-secondary-background-hover: #f8fdff;
19
+ --accretion-semantic-button-secondary-background-active: #e7f9ff;
20
+ --accretion-semantic-button-secondary-foreground-default: #02657c;
21
+ --accretion-semantic-button-secondary-border-default: #0a85a1;
22
+
23
+ --accretion-semantic-button-tertiary-background-default: #f0f5fc;
24
+ --accretion-semantic-button-tertiary-background-hover: #e4ebf6;
25
+ --accretion-semantic-button-tertiary-background-active: #d4dff0;
26
+ --accretion-semantic-button-tertiary-foreground-default: #374b66;
27
+ --accretion-semantic-button-tertiary-border-default: transparent;
3
28
  }
4
29
 
5
30
  .button {
6
31
  align-items: center;
7
- border: 0;
32
+ border: var(--accretion-semantic-button-border-width) solid transparent;
8
33
  border-radius: 8px;
9
34
  cursor: pointer;
10
35
  display: inline-flex;
@@ -18,29 +43,53 @@
18
43
  }
19
44
 
20
45
  .button:focus-visible {
21
- outline: 2px solid #0a85a1;
22
- outline-offset: 2px;
46
+ outline: var(--accretion-semantic-button-focus-ring-width) solid var(--accretion-semantic-button-focus-ring-color);
47
+ outline-offset: var(--accretion-semantic-button-focus-ring-offset);
23
48
  }
24
49
 
25
50
  .button--primary {
26
- background: #0a85a1;
27
- color: #ffffff;
51
+ background: var(--accretion-semantic-button-primary-background-default);
52
+ border-color: var(--accretion-semantic-button-primary-border-default);
53
+ color: var(--accretion-semantic-button-primary-foreground-default);
28
54
  }
29
55
 
30
56
  .button--primary:hover {
31
- background: #02657c;
57
+ background: var(--accretion-semantic-button-primary-background-hover);
58
+ }
59
+
60
+ .button--primary:active {
61
+ background: var(--accretion-semantic-button-primary-background-active);
32
62
  }
33
63
 
34
64
  .button--secondary {
35
- background: #e7ecf0;
36
- color: #191b1d;
65
+ background: var(--accretion-semantic-button-secondary-background-default);
66
+ border-color: var(--accretion-semantic-button-secondary-border-default);
67
+ color: var(--accretion-semantic-button-secondary-foreground-default);
37
68
  }
38
69
 
39
70
  .button--secondary:hover {
40
- background: #d9dfe5;
71
+ background: var(--accretion-semantic-button-secondary-background-hover);
72
+ }
73
+
74
+ .button--secondary:active {
75
+ background: var(--accretion-semantic-button-secondary-background-active);
76
+ }
77
+
78
+ .button--tertiary {
79
+ background: var(--accretion-semantic-button-tertiary-background-default);
80
+ border-color: var(--accretion-semantic-button-tertiary-border-default);
81
+ color: var(--accretion-semantic-button-tertiary-foreground-default);
82
+ }
83
+
84
+ .button--tertiary:hover {
85
+ background: var(--accretion-semantic-button-tertiary-background-hover);
86
+ }
87
+
88
+ .button--tertiary:active {
89
+ background: var(--accretion-semantic-button-tertiary-background-active);
41
90
  }
42
91
 
43
92
  .button:disabled {
44
93
  cursor: not-allowed;
45
- opacity: 0.5;
94
+ opacity: var(--accretion-semantic-button-disabled-opacity);
46
95
  }
package/dist/collection/components/accretion-button/accretion-button.js CHANGED
@@ -3,7 +3,7 @@ export class AccretionButton {
3
3
  variant = 'primary';
4
4
  disabled = false;
5
5
  render() {
6
- return (h("button", { key: 'c7fa4931dabe49cfe39db12ef635c40dc810e824', class: `button button--${this.variant}`, disabled: this.disabled, type: "button" }, h("slot", { key: 'e07fe75c0dd94de71991918ccf6656cf6b403e4f' })));
6
+ return (h("button", { key: '36223088a0bd138978463ae7cf771ffdc1262850', class: `button button--${this.variant}`, disabled: this.disabled, type: "button" }, h("slot", { key: 'b3c03e50644fcad6fb9b8dc1216dbdca015e5fd5' })));
7
7
  }
8
8
  static get is() { return "accretion-button"; }
9
9
  static get encapsulation() { return "shadow"; }
@@ -23,8 +23,8 @@ export class AccretionButton {
23
23
  "type": "string",
24
24
  "mutable": false,
25
25
  "complexType": {
26
- "original": "'primary' | 'secondary'",
27
- "resolved": "\"primary\" | \"secondary\"",
26
+ "original": "'primary' | 'secondary' | 'tertiary'",
27
+ "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
28
28
  "references": {}
29
29
  },
30
30
  "required": false,
package/dist/components/accretion-button.js CHANGED
@@ -1 +1 @@
1
- function t(t,e,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,e);if(o&&(!n||o.get))return o;t=Object.getPrototypeOf(t)}}var e,n=(e,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=e[o],s=t(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);s&&Object.defineProperty(e,o,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),n.l.has(o)?e[o]=n.l.get(o):void 0!==l&&(e[o]=l)}}))},o=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},l=(t,e)=>(0,console.error)(t,e),s=new Map,i="undefined"!=typeof window?window:{},r=i.HTMLElement||class{},c={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},u=(()=>{try{return!!i.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),a=!!u&&(()=>!!i.document&&Object.getOwnPropertyDescriptor(i.document.adoptedStyleSheets,"length").writable)(),f=!1,d=[],p=[],b=(t,e)=>n=>{t.push(n),f||(f=!0,e&&4&c.i?y(m):c.raf(m))},h=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},m=()=>{h(d),h(p),(f=d.length>0)&&c.raf(m)},y=t=>Promise.resolve(void 0).then(t),v=b(p,!0),$=t=>{const e=new URL(t,c.u);return e.origin!==i.location.origin?e.href:e.pathname},g=t=>c.u=t;function w(){const t=this.attachShadow({mode:"open"});void 0===e&&(e=null),e&&(a?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e])}var j,O=new WeakMap,k=t=>"sc-"+t.p,S=t=>"object"==(t=typeof t)||"function"===t,E=(t,e,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof t&&!S(o))&&(o+=""),s&&i?r[r.length-1].h+=o:r.push(s?M(null,o):o),i=s)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const u=M(t,null);return u.m=e,r.length>0&&(u.v=r),u.$=l,u},M=(t,e)=>({i:0,j:t,h:null!=e?e:null,O:null,v:null,m:null,$:null}),x={},A=(t,e)=>null==t||S(t)?t:4&e?"false"!==t&&(""===t||!!t):1&e?t+"":t,C=(t,e,n,l,s,i)=>{if(n===l)return;let r=((t,e)=>e in t)(t,e);if(e.toLowerCase(),"class"===e){const e=t.classList,o=_(n);let s=_(l);e.remove(...o.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!o.includes(t))))}else if("key"===e);else{if("a"===e[0]&&e.startsWith("attr:")){const n=e.slice(5);let s;{const e=o(t);if(e&&e.o&&e.o.t){const t=e.o.t[n];t&&t[1]&&(s=t[1])}}return s||(s=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==l||!1===l?!1===l&&""!==t.getAttribute(s)||t.removeAttribute(s):t.setAttribute(s,!0===l?"":l))}if("p"===e[0]&&e.startsWith("prop:")){const n=e.slice(5);try{t[n]=l}catch(t){}return}{const o=S(l);if((r||o&&null!==l)&&!s)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]===o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&i||s)&&!o&&1===t.nodeType&&t.setAttribute(e,l=!0===l?"":l)}}},L=/\s/,_=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(L):[]),D=(t,e,n)=>{const o=11===e.O.nodeType&&e.O.host?e.O.host:e.O,l=t&&t.m||{},s=e.m||{};for(const t of H(Object.keys(l)))t in s||C(o,t,l[t],void 0,n,e.i);for(const t of H(Object.keys(s)))C(o,t,l[t],s[t],n,e.i)};function H(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var P=!1,U=!1,N=(t,e,n)=>{const o=e.v[n];let l,s,r=0;if(!i.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.O=i.document.createElement(o.j),D(null,o,U),o.v){const e="template"===o.j?l.content:l;for(r=0;r<o.v.length;++r)s=N(t,o,r),s&&e.appendChild(s)}return l["s-hn"]=j,l},R=(t,e,n,o,l,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===j&&(r=r.shadowRoot),"template"===n.j&&(r=r.content);l<=s;++l)o[l]&&(i=N(null,n,l),i&&(o[l].O=i,z(r,i,e)))},W=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.O;t&&t.remove()}}},V=(t,e,n=!1)=>t.j===e.j&&(n?(n&&!t.$&&e.$&&(t.$=e.$),!0):t.$===e.$),q=(t,e,n=!1)=>{const o=e.O=t.O,l=t.v,s=e.v;"slot"!==e.j||P||t.k!==e.k&&(e.O["s-sn"]=e.k||"",(t=>{c.i|=1;const e=t.closest(j.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of n?o.reverse():o)null!=t["s-sh"]&&(z(e,t,null!=n?n:null),t["s-sh"]=void 0)}c.i&=-2})(e.O.parentElement)),D(t,e,U),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=e.length-1,d=e[0],p=e[f],b=o.length-1,h=o[0],m=o[b];const y="template"===n.j?t.content:t;for(;r<=f&&c<=b;)if(null==d)d=e[++r];else if(null==p)p=e[--f];else if(null==h)h=o[++c];else if(null==m)m=o[--b];else if(V(d,h,l))q(d,h,l),d=e[++r],h=o[++c];else if(V(p,m,l))q(p,m,l),p=e[--f],m=o[--b];else if(V(d,m,l))q(d,m,l),z(y,d.O,p.O.nextSibling),d=e[++r],m=o[--b];else if(V(p,h,l))q(p,h,l),z(y,p.O,d.O),p=e[--f],h=o[++c];else{for(u=-1,a=r;a<=f;++a)if(e[a]&&null!==e[a].$&&e[a].$===h.$){u=a;break}u>=0?(i=e[u],i.j!==h.j?s=N(e&&e[c],n,u):(q(i,h,l),e[u]=void 0,s=i.O),h=o[++c]):(s=N(e&&e[c],n,c),h=o[++c]),s&&z(d.O.parentNode,s,d.O)}r>f?R(t,null==o[b+1]?null:o[b+1].O,n,o,c,b):c>b&&W(e,r,f)})(o,l,e,s,n):null!==s?R(o,null,e,s,0,s.length-1):!n&&null!==l&&W(l,0,l.length-1)},z=(t,e,n)=>t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n),F=(t,e,n=!1)=>{const o=t.$hostElement$,l=t.o,s=t.S||M(null,null),i=(t=>t&&t.j===x)(e)?e:E(null,null,e);if(j=o.tagName,n&&i.m)for(const t of Object.keys(i.m))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.m[t]=o[t]);i.j=null,i.i|=4,t.S=i,i.O=s.O=o.shadowRoot||o,P=!(!(1&l.i)||128&l.i),q(s,i,n)},T=(t,e)=>{if(e&&!t.M&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.M=()=>{e["s-p"].splice(n-1,1),o()})))}},B=(t,e)=>{if(t.i|=16,4&t.i)return void(t.i|=512);T(t,t.A);const n=()=>Y(t,e);if(!e)return v(n);queueMicrotask((()=>{n()}))},Y=(t,e)=>{const n=t.$hostElement$,o=n;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=X(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=Z(l,(()=>X(o,"componentWillRender",void 0,n))),Z(l,(()=>I(t,o,e)))},Z=(t,e)=>G(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),G=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,I=async(t,e,n)=>{var o;const l=t.$hostElement$,r=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.i,l=((t,e)=>{var n,o,l;const r=k(e),f=s.get(r);if(!i.document)return r;if(t=11===t.nodeType?t:i.document,f)if("string"==typeof f){let l,s=O.get(t=t.head||t);if(s||O.set(t,s=new Set),!s.has(r)){l=i.document.createElement("style"),l.textContent=f;const d=null!=(n=c.C)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=i.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();if(null!=d&&l.setAttribute("nonce",d),!(1&e.i))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(u){const e=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(f),a?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=f+e.textContent:t.prepend(l)}else t.append(l);1&e.i&&t.insertBefore(l,null),4&e.i&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),s&&s.add(r)}}else{let e=O.get(t);if(e||O.set(t,e=new Set),!e.has(r)){const n=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let o;if(f.constructor===n.CSSStyleSheet)o=f;else{o=new n.CSSStyleSheet;for(let t=0;t<f.cssRules.length;t++)o.insertRule(f.cssRules[t].cssText,t)}a?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],e.add(r)}}return r})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);J(t,e,l,n),r&&(r.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>K(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.i|=4,e.length=0)}},J=(t,e,n,o)=>{try{e=e.render(),t.i&=-17,t.i|=2,F(t,e,o)}catch(e){l(e,t.$hostElement$)}return null},K=t=>{const e=t.$hostElement$,n=e,o=t.A;X(n,"componentDidRender",void 0,e),64&t.i?X(n,"componentDidUpdate",void 0,e):(t.i|=64,tt(e),X(n,"componentDidLoad",void 0,e),t.L(e),o||Q()),t.M&&(t.M(),t.M=void 0),512&t.i&&y((()=>B(t,!1))),t.i&=-517},Q=()=>{y((()=>(t=>{const e=c.ce("appload",{detail:{namespace:"accretion"}});return t.dispatchEvent(e),e})(i)))},X=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},tt=t=>t.classList.add("hydrated"),et=(t,e,n,l)=>{const s=o(t);if(!s)return;const i=t,r=s.l.get(e),c=s.i,u=i;if((n=A(n,l.t[e][0]))!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(s.l.set(e,n),2&c)){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(n,r,e)&&!(16&c))return;16&c||B(s,!1)}},nt=(e,n)=>{var l,s;const i=e.prototype;if(n.t){const r=Object.entries(null!=(l=n.t)?l:{});r.map((([e,[l]])=>{if(31&l||32&l){const{get:s,set:r}=t(i,e)||{};s&&(n.t[e][0]|=2048),r&&(n.t[e][0]|=4096),Object.defineProperty(i,e,{get(){return s?s.apply(this):((t,e)=>o(this).l.get(e))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(t){const s=o(this);if(s){if(r)return void 0===(32&l?this[e]:s.$hostElement$[e])&&s.l.get(e)&&(t=s.l.get(e)),r.call(this,A(t,l)),void et(this,e,t=32&l?this[e]:s.$hostElement$[e],n);et(this,e,t,n)}}})}}));{const t=new Map;i.attributeChangedCallback=function(e,l,s){c.jmp((()=>{var c;const u=t.get(e),a=o(this);if(this.hasOwnProperty(u),i.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==s)return;if(null==u){const t=null==a?void 0:a.i;if(a&&t&&!(8&t)&&s!==l){const o=this,i=null==(c=n._)?void 0:c[e];null==i||i.forEach((n=>{const[[i,r]]=Object.entries(n);null!=o[i]&&(128&t||1&r)&&o[i].call(o,s,l,e)}))}return}const f=r.find((([t])=>t===u));f&&4&f[1][0]&&(s=null!==s&&"false"!==s);const d=Object.getOwnPropertyDescriptor(i,u);s==this[u]||d.get&&!d.set||(this[u]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n._)?s:{}),...r.filter((([t,e])=>31&e[0])).map((([e,n])=>{const o=n[1]||e;return t.set(o,e),o}))]))}}return e},ot=t=>c.C=t,lt=t=>Object.assign(c,t);function st(t,e){F({o:{i:0,p:e.tagName},$hostElement$:e},t)}const it=((t,e)=>{const i={i:769,p:e[1]};try{i.t=e[2];const r=t.prototype.connectedCallback,a=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,e)=>{const o={i:0,$hostElement$:t,o:e,l:new Map,D:new Map};o.H=new Promise((t=>o.L=t)),t["s-p"]=[],t["s-rc"]=[];const l=o;t.__stencil__getHostRef=()=>l,512&e.i&&n(t,o)})(this,i)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!o(this))return;this.__hasHostListenerAttached=!0}(t=>{if(!(1&c.i)){const e=o(t);if(!e)return;const n=e.o,i=()=>{};if(1&e.i)(null==e?void 0:e.P)||(null==e?void 0:e.H)&&e.H.then((()=>{}));else{e.i|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){T(e,e.A=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;try{if(!(32&e.i)&&(e.i|=32,o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.i|=128)),o&&o.style)){let t;"string"==typeof o.style&&(t=o.style);const e=k(n);if(!s.has(e)){const o=()=>{};((t,e,n)=>{let o=s.get(t);u&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,s.set(t,o)})(e,t,!!(1&n.i)),o()}}const l=e.A,i=()=>B(e,!0);l&&l["s-rc"]?l["s-rc"].push(i):i()}catch(n){l(n,t),e.M&&(e.M(),e.M=void 0),e.L&&e.L(t)}})(t,e,n)}i()}})(this),r&&r.call(this)},disconnectedCallback(){(async t=>{O.has(t)&&O.delete(t),t.shadowRoot&&O.has(t.shadowRoot)&&O.delete(t.shadowRoot)})(this),a&&a.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${i.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else w.call(this,i)}}),Object.defineProperty(t,"is",{value:i.p,configurable:!0}),nt(t,i)}catch(e){return l(e),t}})(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}variant="primary";disabled=!1;render(){return E("button",{key:"c7fa4931dabe49cfe39db12ef635c40dc810e824",class:"button button--"+this.variant,disabled:this.disabled,type:"button"},E("slot",{key:"e07fe75c0dd94de71991918ccf6656cf6b403e4f"}))}static get style(){return":host{display:inline-block}.button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;gap:0.5rem;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0.625rem 1rem;transition:background-color 150ms ease, color 150ms ease, opacity 150ms ease}.button:focus-visible{outline:2px solid #0a85a1;outline-offset:2px}.button--primary{background:#0a85a1;color:#ffffff}.button--primary:hover{background:#02657c}.button--secondary{background:#e7ecf0;color:#191b1d}.button--secondary:hover{background:#d9dfe5}.button:disabled{cursor:not-allowed;opacity:0.5}"}},[769,"accretion-button",{variant:[1],disabled:[4]}]),rt=it,ct=function(){"undefined"!=typeof customElements&&["accretion-button"].forEach((t=>{"accretion-button"===t&&(customElements.get(t)||customElements.define(t,it))}))};export{rt as AccretionButton,ot as a,lt as b,ct as defineCustomElement,ct as defineCustomElementAccretionButton,$ as g,$ as getAssetPath,st as r,st as render,g as s,g as setAssetPath,ot as setNonce,lt as setPlatformOptions}
1
+ function t(t,e,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,e);if(o&&(!n||o.get))return o;t=Object.getPrototypeOf(t)}}var e,n=(e,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[r]])=>{if(31&r||32&r){const r=e[o],c=t(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);c&&Object.defineProperty(e,o,{get(){return c.get.call(this)},set(t){c.set.call(this,t)},configurable:!0,enumerable:!0}),n.i.has(o)?e[o]=n.i.get(o):void 0!==r&&(e[o]=r)}}))},o=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},r=(t,e)=>(0,console.error)(t,e),c=new Map,i="undefined"!=typeof window?window:{},a=i.HTMLElement||class{},s={l:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},l=(()=>{try{return!!i.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),u=!!l&&(()=>!!i.document&&Object.getOwnPropertyDescriptor(i.document.adoptedStyleSheets,"length").writable)(),f=!1,d=[],b=[],m=(t,e)=>n=>{t.push(n),f||(f=!0,e&&4&s.l?h(p):s.raf(p))},y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){r(t)}t.length=0},p=()=>{y(d),y(b),(f=d.length>0)&&s.raf(p)},h=t=>Promise.resolve(void 0).then(t),v=m(b,!0),g=t=>{const e=new URL(t,s.u);return e.origin!==i.location.origin?e.href:e.pathname},$=t=>s.u=t;function k(){const t=this.attachShadow({mode:"open"});void 0===e&&(e=null),e&&(u?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e])}var w,j=new WeakMap,O=t=>"sc-"+t.m,S=t=>"object"==(t=typeof t)||"function"===t,E=(t,e,...n)=>{let o=null,r=null,c=!1,i=!1;const a=[],s=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?s(o):null!=o&&"boolean"!=typeof o&&((c="function"!=typeof t&&!S(o))&&(o+=""),c&&i?a[a.length-1].p+=o:a.push(c?M(null,o):o),i=c)};if(s(n),e){e.key&&(r=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const l=M(t,null);return l.h=e,a.length>0&&(l.v=a),l.$=r,l},M=(t,e)=>({l:0,k:t,p:null!=e?e:null,j:null,v:null,h:null,$:null}),x={},A=(t,e)=>null==t||S(t)?t:4&e?"false"!==t&&(""===t||!!t):1&e?t+"":t,C=(t,e,n,r,c,i)=>{if(n===r)return;let a=((t,e)=>e in t)(t,e);if(e.toLowerCase(),"class"===e){const e=t.classList,o=_(n);let c=_(r);e.remove(...o.filter((t=>t&&!c.includes(t)))),e.add(...c.filter((t=>t&&!o.includes(t))))}else if("key"===e);else{if("a"===e[0]&&e.startsWith("attr:")){const n=e.slice(5);let c;{const e=o(t);if(e&&e.o&&e.o.t){const t=e.o.t[n];t&&t[1]&&(c=t[1])}}return c||(c=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==t.getAttribute(c)||t.removeAttribute(c):t.setAttribute(c,!0===r?"":r))}if("p"===e[0]&&e.startsWith("prop:")){const n=e.slice(5);try{t[n]=r}catch(t){}return}{const o=S(r);if((a||o&&null!==r)&&!c)try{if(t.tagName.includes("-"))t[e]!==r&&(t[e]=r);else{const o=null==r?"":r;"list"===e?a=!1:null!=n&&t[e]===o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}null==r||!1===r?!1===r&&""!==t.getAttribute(e)||t.removeAttribute(e):(!a||4&i||c)&&!o&&1===t.nodeType&&t.setAttribute(e,r=!0===r?"":r)}}},L=/\s/,_=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(L):[]),D=(t,e,n)=>{const o=11===e.j.nodeType&&e.j.host?e.j.host:e.j,r=t&&t.h||{},c=e.h||{};for(const t of H(Object.keys(r)))t in c||C(o,t,r[t],void 0,n,e.l);for(const t of H(Object.keys(c)))C(o,t,r[t],c[t],n,e.l)};function H(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var P=!1,U=!1,N=(t,e,n)=>{const o=e.v[n];let r,c,a=0;if(!i.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(r=o.j=i.document.createElement(o.k),D(null,o,U),o.v){const e="template"===o.k?r.content:r;for(a=0;a<o.v.length;++a)c=N(t,o,a),c&&e.appendChild(c)}return r["s-hn"]=w,r},R=(t,e,n,o,r,c)=>{let i,a=t;for(a.shadowRoot&&a.tagName===w&&(a=a.shadowRoot),"template"===n.k&&(a=a.content);r<=c;++r)o[r]&&(i=N(null,n,r),i&&(o[r].j=i,z(a,i,e)))},W=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.j;t&&t.remove()}}},V=(t,e,n=!1)=>t.k===e.k&&(n?(n&&!t.$&&e.$&&(t.$=e.$),!0):t.$===e.$),q=(t,e,n=!1)=>{const o=e.j=t.j,r=t.v,c=e.v;"slot"!==e.k||P||t.O!==e.O&&(e.j["s-sn"]=e.O||"",(t=>{s.l|=1;const e=t.closest(w.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of n?o.reverse():o)null!=t["s-sh"]&&(z(e,t,null!=n?n:null),t["s-sh"]=void 0)}s.l&=-2})(e.j.parentElement)),D(t,e,U),null!==r&&null!==c?((t,e,n,o,r=!1)=>{let c,i,a=0,s=0,l=0,u=0,f=e.length-1,d=e[0],b=e[f],m=o.length-1,y=o[0],p=o[m];const h="template"===n.k?t.content:t;for(;a<=f&&s<=m;)if(null==d)d=e[++a];else if(null==b)b=e[--f];else if(null==y)y=o[++s];else if(null==p)p=o[--m];else if(V(d,y,r))q(d,y,r),d=e[++a],y=o[++s];else if(V(b,p,r))q(b,p,r),b=e[--f],p=o[--m];else if(V(d,p,r))q(d,p,r),z(h,d.j,b.j.nextSibling),d=e[++a],p=o[--m];else if(V(b,y,r))q(b,y,r),z(h,b.j,d.j),b=e[--f],y=o[++s];else{for(l=-1,u=a;u<=f;++u)if(e[u]&&null!==e[u].$&&e[u].$===y.$){l=u;break}l>=0?(i=e[l],i.k!==y.k?c=N(e&&e[s],n,l):(q(i,y,r),e[l]=void 0,c=i.j),y=o[++s]):(c=N(e&&e[s],n,s),y=o[++s]),c&&z(d.j.parentNode,c,d.j)}a>f?R(t,null==o[m+1]?null:o[m+1].j,n,o,s,m):s>m&&W(e,a,f)})(o,r,e,c,n):null!==c?R(o,null,e,c,0,c.length-1):!n&&null!==r&&W(r,0,r.length-1)},z=(t,e,n)=>t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n),F=(t,e,n=!1)=>{const o=t.$hostElement$,r=t.o,c=t.S||M(null,null),i=(t=>t&&t.k===x)(e)?e:E(null,null,e);if(w=o.tagName,n&&i.h)for(const t of Object.keys(i.h))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.h[t]=o[t]);i.k=null,i.l|=4,t.S=i,i.j=c.j=o.shadowRoot||o,P=!(!(1&r.l)||128&r.l),q(c,i,n)},T=(t,e)=>{if(e&&!t.M&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.M=()=>{e["s-p"].splice(n-1,1),o()})))}},B=(t,e)=>{if(t.l|=16,4&t.l)return void(t.l|=512);T(t,t.A);const n=()=>Y(t,e);if(!e)return v(n);queueMicrotask((()=>{n()}))},Y=(t,e)=>{const n=t.$hostElement$,o=n;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let r;return r=X(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),r=Z(r,(()=>X(o,"componentWillRender",void 0,n))),Z(r,(()=>I(t,o,e)))},Z=(t,e)=>G(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),G=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,I=async(t,e,n)=>{var o;const r=t.$hostElement$,a=r["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.l,r=((t,e)=>{var n,o,r;const a=O(e),f=c.get(a);if(!i.document)return a;if(t=11===t.nodeType?t:i.document,f)if("string"==typeof f){let r,c=j.get(t=t.head||t);if(c||j.set(t,c=new Set),!c.has(a)){r=i.document.createElement("style"),r.textContent=f;const d=null!=(n=s.C)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=i.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();if(null!=d&&r.setAttribute("nonce",d),!(1&e.l))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(r,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(l){const e=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(f),u?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=f+e.textContent:t.prepend(r)}else t.append(r);1&e.l&&t.insertBefore(r,null),4&e.l&&(r.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),c&&c.add(a)}}else{let e=j.get(t);if(e||j.set(t,e=new Set),!e.has(a)){const n=null!=(r=t.defaultView)?r:t.ownerDocument.defaultView;let o;if(f.constructor===n.CSSStyleSheet)o=f;else{o=new n.CSSStyleSheet;for(let t=0;t<f.cssRules.length;t++)o.insertRule(f.cssRules[t].cssText,t)}u?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],e.add(a)}}return a})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=r,n.classList.add(r+"-h"))})(t);J(t,e,r,n),a&&(a.map((t=>t())),r["s-rc"]=void 0);{const e=null!=(o=r["s-p"])?o:[],n=()=>K(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.l|=4,e.length=0)}},J=(t,e,n,o)=>{try{e=e.render(),t.l&=-17,t.l|=2,F(t,e,o)}catch(e){r(e,t.$hostElement$)}return null},K=t=>{const e=t.$hostElement$,n=e,o=t.A;X(n,"componentDidRender",void 0,e),64&t.l?X(n,"componentDidUpdate",void 0,e):(t.l|=64,tt(e),X(n,"componentDidLoad",void 0,e),t.L(e),o||Q()),t.M&&(t.M(),t.M=void 0),512&t.l&&h((()=>B(t,!1))),t.l&=-517},Q=()=>{h((()=>(t=>{const e=s.ce("appload",{detail:{namespace:"accretion"}});return t.dispatchEvent(e),e})(i)))},X=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){r(t,o)}},tt=t=>t.classList.add("hydrated"),et=(t,e,n,r)=>{const c=o(t);if(!c)return;const i=t,a=c.i.get(e),s=c.l,l=i;if((n=A(n,r.t[e][0]))!==a&&(!Number.isNaN(a)||!Number.isNaN(n))&&(c.i.set(e,n),2&s)){if(l.componentShouldUpdate&&!1===l.componentShouldUpdate(n,a,e)&&!(16&s))return;16&s||B(c,!1)}},nt=(e,n)=>{var r,c;const i=e.prototype;if(n.t){const a=Object.entries(null!=(r=n.t)?r:{});a.map((([e,[r]])=>{if(31&r||32&r){const{get:c,set:a}=t(i,e)||{};c&&(n.t[e][0]|=2048),a&&(n.t[e][0]|=4096),Object.defineProperty(i,e,{get(){return c?c.apply(this):((t,e)=>o(this).i.get(e))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(t){const c=o(this);if(c){if(a)return void 0===(32&r?this[e]:c.$hostElement$[e])&&c.i.get(e)&&(t=c.i.get(e)),a.call(this,A(t,r)),void et(this,e,t=32&r?this[e]:c.$hostElement$[e],n);et(this,e,t,n)}}})}}));{const t=new Map;i.attributeChangedCallback=function(e,r,c){s.jmp((()=>{var s;const l=t.get(e),u=o(this);if(this.hasOwnProperty(l),i.hasOwnProperty(l)&&"number"==typeof this[l]&&this[l]==c)return;if(null==l){const t=null==u?void 0:u.l;if(u&&t&&!(8&t)&&c!==r){const o=this,i=null==(s=n._)?void 0:s[e];null==i||i.forEach((n=>{const[[i,a]]=Object.entries(n);null!=o[i]&&(128&t||1&a)&&o[i].call(o,c,r,e)}))}return}const f=a.find((([t])=>t===l));f&&4&f[1][0]&&(c=null!==c&&"false"!==c);const d=Object.getOwnPropertyDescriptor(i,l);c==this[l]||d.get&&!d.set||(this[l]=c)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(c=n._)?c:{}),...a.filter((([t,e])=>31&e[0])).map((([e,n])=>{const o=n[1]||e;return t.set(o,e),o}))]))}}return e},ot=t=>s.C=t,rt=t=>Object.assign(s,t);function ct(t,e){F({o:{l:0,m:e.tagName},$hostElement$:e},t)}const it=((t,e)=>{const i={l:769,m:e[1]};try{i.t=e[2];const a=t.prototype.connectedCallback,u=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,e)=>{const o={l:0,$hostElement$:t,o:e,i:new Map,D:new Map};o.H=new Promise((t=>o.L=t)),t["s-p"]=[],t["s-rc"]=[];const r=o;t.__stencil__getHostRef=()=>r,512&e.l&&n(t,o)})(this,i)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!o(this))return;this.__hasHostListenerAttached=!0}(t=>{if(!(1&s.l)){const e=o(t);if(!e)return;const n=e.o,i=()=>{};if(1&e.l)(null==e?void 0:e.P)||(null==e?void 0:e.H)&&e.H.then((()=>{}));else{e.l|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){T(e,e.A=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;try{if(!(32&e.l)&&(e.l|=32,o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.l|=128)),o&&o.style)){let t;"string"==typeof o.style&&(t=o.style);const e=O(n);if(!c.has(e)){const o=()=>{};((t,e,n)=>{let o=c.get(t);l&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,c.set(t,o)})(e,t,!!(1&n.l)),o()}}const r=e.A,i=()=>B(e,!0);r&&r["s-rc"]?r["s-rc"].push(i):i()}catch(n){r(n,t),e.M&&(e.M(),e.M=void 0),e.L&&e.L(t)}})(t,e,n)}i()}})(this),a&&a.call(this)},disconnectedCallback(){(async t=>{j.has(t)&&j.delete(t),t.shadowRoot&&j.has(t.shadowRoot)&&j.delete(t.shadowRoot)})(this),u&&u.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${i.m}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else k.call(this,i)}}),Object.defineProperty(t,"is",{value:i.m,configurable:!0}),nt(t,i)}catch(e){return r(e),t}})(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}variant="primary";disabled=!1;render(){return E("button",{key:"36223088a0bd138978463ae7cf771ffdc1262850",class:"button button--"+this.variant,disabled:this.disabled,type:"button"},E("slot",{key:"b3c03e50644fcad6fb9b8dc1216dbdca015e5fd5"}))}static get style(){return":host{display:inline-block;--accretion-semantic-button-focus-ring-color:#07a6c8;--accretion-semantic-button-focus-ring-width:2px;--accretion-semantic-button-focus-ring-offset:2px;--accretion-semantic-button-border-width:1px;--accretion-semantic-button-disabled-opacity:0.5;--accretion-semantic-button-primary-background-default:#0a85a1;--accretion-semantic-button-primary-background-hover:#02657c;--accretion-semantic-button-primary-background-active:#034a5b;--accretion-semantic-button-primary-foreground-default:#ffffff;--accretion-semantic-button-primary-border-default:transparent;--accretion-semantic-button-secondary-background-default:#ffffff;--accretion-semantic-button-secondary-background-hover:#f8fdff;--accretion-semantic-button-secondary-background-active:#e7f9ff;--accretion-semantic-button-secondary-foreground-default:#02657c;--accretion-semantic-button-secondary-border-default:#0a85a1;--accretion-semantic-button-tertiary-background-default:#f0f5fc;--accretion-semantic-button-tertiary-background-hover:#e4ebf6;--accretion-semantic-button-tertiary-background-active:#d4dff0;--accretion-semantic-button-tertiary-foreground-default:#374b66;--accretion-semantic-button-tertiary-border-default:transparent}.button{align-items:center;border:var(--accretion-semantic-button-border-width) solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;gap:0.5rem;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0.625rem 1rem;transition:background-color 150ms ease, color 150ms ease, opacity 150ms ease}.button:focus-visible{outline:var(--accretion-semantic-button-focus-ring-width) solid var(--accretion-semantic-button-focus-ring-color);outline-offset:var(--accretion-semantic-button-focus-ring-offset)}.button--primary{background:var(--accretion-semantic-button-primary-background-default);border-color:var(--accretion-semantic-button-primary-border-default);color:var(--accretion-semantic-button-primary-foreground-default)}.button--primary:hover{background:var(--accretion-semantic-button-primary-background-hover)}.button--primary:active{background:var(--accretion-semantic-button-primary-background-active)}.button--secondary{background:var(--accretion-semantic-button-secondary-background-default);border-color:var(--accretion-semantic-button-secondary-border-default);color:var(--accretion-semantic-button-secondary-foreground-default)}.button--secondary:hover{background:var(--accretion-semantic-button-secondary-background-hover)}.button--secondary:active{background:var(--accretion-semantic-button-secondary-background-active)}.button--tertiary{background:var(--accretion-semantic-button-tertiary-background-default);border-color:var(--accretion-semantic-button-tertiary-border-default);color:var(--accretion-semantic-button-tertiary-foreground-default)}.button--tertiary:hover{background:var(--accretion-semantic-button-tertiary-background-hover)}.button--tertiary:active{background:var(--accretion-semantic-button-tertiary-background-active)}.button:disabled{cursor:not-allowed;opacity:var(--accretion-semantic-button-disabled-opacity)}"}},[769,"accretion-button",{variant:[1],disabled:[4]}]),at=it,st=function(){"undefined"!=typeof customElements&&["accretion-button"].forEach((t=>{"accretion-button"===t&&(customElements.get(t)||customElements.define(t,it))}))};export{at as AccretionButton,ot as a,rt as b,st as defineCustomElement,st as defineCustomElementAccretionButton,g,g as getAssetPath,ct as r,ct as render,$ as s,$ as setAssetPath,ot as setNonce,rt as setPlatformOptions}
package/dist/esm/accretion-button.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-29hYl1Jo.js';
2
2
 
3
- const accretionButtonCss = () => `:host{display:inline-block}.button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;gap:0.5rem;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0.625rem 1rem;transition:background-color 150ms ease, color 150ms ease, opacity 150ms ease}.button:focus-visible{outline:2px solid #0a85a1;outline-offset:2px}.button--primary{background:#0a85a1;color:#ffffff}.button--primary:hover{background:#02657c}.button--secondary{background:#e7ecf0;color:#191b1d}.button--secondary:hover{background:#d9dfe5}.button:disabled{cursor:not-allowed;opacity:0.5}`;
3
+ const accretionButtonCss = () => `:host{display:inline-block;--accretion-semantic-button-focus-ring-color:#07a6c8;--accretion-semantic-button-focus-ring-width:2px;--accretion-semantic-button-focus-ring-offset:2px;--accretion-semantic-button-border-width:1px;--accretion-semantic-button-disabled-opacity:0.5;--accretion-semantic-button-primary-background-default:#0a85a1;--accretion-semantic-button-primary-background-hover:#02657c;--accretion-semantic-button-primary-background-active:#034a5b;--accretion-semantic-button-primary-foreground-default:#ffffff;--accretion-semantic-button-primary-border-default:transparent;--accretion-semantic-button-secondary-background-default:#ffffff;--accretion-semantic-button-secondary-background-hover:#f8fdff;--accretion-semantic-button-secondary-background-active:#e7f9ff;--accretion-semantic-button-secondary-foreground-default:#02657c;--accretion-semantic-button-secondary-border-default:#0a85a1;--accretion-semantic-button-tertiary-background-default:#f0f5fc;--accretion-semantic-button-tertiary-background-hover:#e4ebf6;--accretion-semantic-button-tertiary-background-active:#d4dff0;--accretion-semantic-button-tertiary-foreground-default:#374b66;--accretion-semantic-button-tertiary-border-default:transparent}.button{align-items:center;border:var(--accretion-semantic-button-border-width) solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;gap:0.5rem;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0.625rem 1rem;transition:background-color 150ms ease, color 150ms ease, opacity 150ms ease}.button:focus-visible{outline:var(--accretion-semantic-button-focus-ring-width) solid var(--accretion-semantic-button-focus-ring-color);outline-offset:var(--accretion-semantic-button-focus-ring-offset)}.button--primary{background:var(--accretion-semantic-button-primary-background-default);border-color:var(--accretion-semantic-button-primary-border-default);color:var(--accretion-semantic-button-primary-foreground-default)}.button--primary:hover{background:var(--accretion-semantic-button-primary-background-hover)}.button--primary:active{background:var(--accretion-semantic-button-primary-background-active)}.button--secondary{background:var(--accretion-semantic-button-secondary-background-default);border-color:var(--accretion-semantic-button-secondary-border-default);color:var(--accretion-semantic-button-secondary-foreground-default)}.button--secondary:hover{background:var(--accretion-semantic-button-secondary-background-hover)}.button--secondary:active{background:var(--accretion-semantic-button-secondary-background-active)}.button--tertiary{background:var(--accretion-semantic-button-tertiary-background-default);border-color:var(--accretion-semantic-button-tertiary-border-default);color:var(--accretion-semantic-button-tertiary-foreground-default)}.button--tertiary:hover{background:var(--accretion-semantic-button-tertiary-background-hover)}.button--tertiary:active{background:var(--accretion-semantic-button-tertiary-background-active)}.button:disabled{cursor:not-allowed;opacity:var(--accretion-semantic-button-disabled-opacity)}`;
4
4
 
5
5
  const AccretionButton = class {
6
6
  constructor(hostRef) {
@@ -9,7 +9,7 @@ const AccretionButton = class {
9
9
  variant = 'primary';
10
10
  disabled = false;
11
11
  render() {
12
- return (h("button", { key: 'c7fa4931dabe49cfe39db12ef635c40dc810e824', class: `button button--${this.variant}`, disabled: this.disabled, type: "button" }, h("slot", { key: 'e07fe75c0dd94de71991918ccf6656cf6b403e4f' })));
12
+ return (h("button", { key: '36223088a0bd138978463ae7cf771ffdc1262850', class: `button button--${this.variant}`, disabled: this.disabled, type: "button" }, h("slot", { key: 'b3c03e50644fcad6fb9b8dc1216dbdca015e5fd5' })));
13
13
  }
14
14
  };
15
15
  AccretionButton.style = accretionButtonCss();
package/dist/types/components/accretion-button/accretion-button.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare class AccretionButton {
2
- variant: 'primary' | 'secondary';
2
+ variant: 'primary' | 'secondary' | 'tertiary';
3
3
  disabled: boolean;
4
4
  render(): any;
5
5
  }
package/dist/types/components.d.ts CHANGED
@@ -14,7 +14,7 @@ export namespace Components {
14
14
  /**
15
15
  * @default 'primary'
16
16
  */
17
- "variant": 'primary' | 'secondary';
17
+ "variant": 'primary' | 'secondary' | 'tertiary';
18
18
  }
19
19
  }
20
20
  declare global {
@@ -37,11 +37,11 @@ declare namespace LocalJSX {
37
37
  /**
38
38
  * @default 'primary'
39
39
  */
40
- "variant"?: 'primary' | 'secondary';
40
+ "variant"?: 'primary' | 'secondary' | 'tertiary';
41
41
  }
42
42
 
43
43
  interface AccretionButtonAttributes {
44
- "variant": 'primary' | 'secondary';
44
+ "variant": 'primary' | 'secondary' | 'tertiary';
45
45
  "disabled": boolean;
46
46
  }
47
47
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@accretion_ui/core",
3
- "version": "0.1.4",
3
+ "version": "0.1.6",
4
4
  "description": "Accretion UI core web components built with Stencil.",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.cjs.js",
package/dist/accretion/p-63e587ea.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as o,h as t}from"./p-29hYl1Jo.js";const e=class{constructor(t){o(this,t)}variant="primary";disabled=!1;render(){return t("button",{key:"c7fa4931dabe49cfe39db12ef635c40dc810e824",class:`button button--${this.variant}`,disabled:this.disabled,type:"button"},t("slot",{key:"e07fe75c0dd94de71991918ccf6656cf6b403e4f"}))}};e.style=":host{display:inline-block}.button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;gap:0.5rem;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0.625rem 1rem;transition:background-color 150ms ease, color 150ms ease, opacity 150ms ease}.button:focus-visible{outline:2px solid #0a85a1;outline-offset:2px}.button--primary{background:#0a85a1;color:#ffffff}.button--primary:hover{background:#02657c}.button--secondary{background:#e7ecf0;color:#191b1d}.button--secondary:hover{background:#d9dfe5}.button:disabled{cursor:not-allowed;opacity:0.5}";export{e as accretion_button}