@loom-sdc/design-system 0.3.0 → 0.4.1

package/README.md

@@ -336,3 +336,30 @@ npm run release
 ```
 
 This runs `build:lib` followed by `npm publish --access public`.
+
+---
+
+## AI Workflow (Claude + Copilot)
+
+This repository uses a shared-contract model so Claude and Copilot behave consistently.
+
+### Canonical Contracts
+
+All generation laws live in `ai/contracts/`:
+
+- `ai/contracts/token.contract.md`
+- `ai/contracts/component.contract.md`
+- `ai/contracts/adapter-web-component.contract.md`
+- `ai/contracts/story.contract.md`
+
+### Wrappers
+
+- Claude wrappers live under `.claude/commands/` and `.claude/skills/`
+- Copilot wrappers live under `.github/prompts/`
+- Repo-level Copilot defaults are in `.github/copilot-instructions.md`
+
+Wrappers should orchestrate flow only. Mandatory behavior changes must be done in contracts first.
+
+### Execution Brief
+
+Use `ai/templates/execution-brief.md` as the standard handoff format from planning to implementation. This reduces repeated context and keeps output stable across tools.

package/dist/Button.css-D0VmhqHb.cjs

@@ -0,0 +1 @@
+;/* empty css                                        */var e=`y5q6570`,t={none:`y5q6571`,px:`y5q6572`,xxs:`y5q6573`,xs:`y5q6574`,sm:`y5q6575`,md:`y5q6576`,lg:`y5q6577`,xl:`y5q6578`,xl2:`y5q6579`,xl3:`y5q657a`,xl4:`y5q657b`,xl5:`y5q657c`,xl6:`y5q657d`,xl7:`y5q657e`,xl8:`y5q657f`},n={start:`y5q657g`,center:`y5q657h`,end:`y5q657i`,stretch:`y5q657j`,baseline:`y5q657k`},r={start:`y5q657l`,center:`y5q657m`,end:`y5q657n`,between:`y5q657o`,around:`y5q657p`,evenly:`y5q657q`},i=`_1wqyejm0`,a=`_1wqyejm1`,o={none:`_1wqyejm2`,px:`_1wqyejm3`,xxs:`_1wqyejm4`,xs:`_1wqyejm5`,sm:`_1wqyejm6`,md:`_1wqyejm7`,lg:`_1wqyejm8`,xl:`_1wqyejm9`,xl2:`_1wqyejma`,xl3:`_1wqyejmb`,xl4:`_1wqyejmc`,xl5:`_1wqyejmd`,xl6:`_1wqyejme`,xl7:`_1wqyejmf`,xl8:`_1wqyejmg`},s={start:`_1wqyejmh`,center:`_1wqyejmi`,end:`_1wqyejmj`,stretch:`_1wqyejmk`,baseline:`_1wqyejml`},c={start:`_1wqyejmm`,center:`_1wqyejmn`,end:`_1wqyejmo`,between:`_1wqyejmp`,around:`_1wqyejmq`,evenly:`_1wqyejmr`},l=`_1okjbro0`,u={none:`_1okjbro1`,px:`_1okjbro2`,xxs:`_1okjbro3`,xs:`_1okjbro4`,sm:`_1okjbro5`,md:`_1okjbro6`,lg:`_1okjbro7`,xl:`_1okjbro8`,xl2:`_1okjbro9`,xl3:`_1okjbroa`,xl4:`_1okjbrob`,xl5:`_1okjbroc`,xl6:`_1okjbrod`,xl7:`_1okjbroe`,xl8:`_1okjbrof`},d={none:`_1okjbrog`,px:`_1okjbroh`,xxs:`_1okjbroi`,xs:`_1okjbroj`,sm:`_1okjbrok`,md:`_1okjbrol`,lg:`_1okjbrom`,xl:`_1okjbron`,xl2:`_1okjbroo`,xl3:`_1okjbrop`,xl4:`_1okjbroq`,xl5:`_1okjbror`,xl6:`_1okjbros`,xl7:`_1okjbrot`,xl8:`_1okjbrou`},f={none:`_1okjbrov`,px:`_1okjbrow`,xxs:`_1okjbrox`,xs:`_1okjbroy`,sm:`_1okjbroz`,md:`_1okjbro10`,lg:`_1okjbro11`,xl:`_1okjbro12`,xl2:`_1okjbro13`,xl3:`_1okjbro14`,xl4:`_1okjbro15`,xl5:`_1okjbro16`,xl6:`_1okjbro17`,xl7:`_1okjbro18`,xl8:`_1okjbro19`},p=`_1kk7qb30`,m={bodyBase:`_1kk7qb31`,bodySm:`_1kk7qb32`,bodyLg:`_1kk7qb33`,labelBase:`_1kk7qb34`,labelSm:`_1kk7qb35`,labelLg:`_1kk7qb36`,headingH1:`_1kk7qb37`,headingH2:`_1kk7qb38`,headingH3:`_1kk7qb39`,headingH4:`_1kk7qb3a`,headingH5:`_1kk7qb3b`,headingH6:`_1kk7qb3c`,displayLg:`_1kk7qb3d`,displayXl:`_1kk7qb3e`,display2xl:`_1kk7qb3f`,overline:`_1kk7qb3g`,caption:`_1kk7qb3h`},h={start:`_1kk7qb3i`,center:`_1kk7qb3j`,end:`_1kk7qb3k`,justify:`_1kk7qb3l`},g=`_1cu80s90`,_=`_1cu80s91`,v={primary:`_1cu80s92`,outline:`_1cu80s93`,text:`_1cu80s94`},y={sm:`_1cu80s95`,md:`_1cu80s96`,lg:`_1cu80s97`};Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return r}});

package/dist/Button.css-DLt7TUnT.js

@@ -0,0 +1,142 @@
+/* empty css                                      */
+//#region src/design-system/package/ui/primitives/Stack/Stack.css.ts
+var e = "y5q6570", t = {
+	none: "y5q6571",
+	px: "y5q6572",
+	xxs: "y5q6573",
+	xs: "y5q6574",
+	sm: "y5q6575",
+	md: "y5q6576",
+	lg: "y5q6577",
+	xl: "y5q6578",
+	xl2: "y5q6579",
+	xl3: "y5q657a",
+	xl4: "y5q657b",
+	xl5: "y5q657c",
+	xl6: "y5q657d",
+	xl7: "y5q657e",
+	xl8: "y5q657f"
+}, n = {
+	start: "y5q657g",
+	center: "y5q657h",
+	end: "y5q657i",
+	stretch: "y5q657j",
+	baseline: "y5q657k"
+}, r = {
+	start: "y5q657l",
+	center: "y5q657m",
+	end: "y5q657n",
+	between: "y5q657o",
+	around: "y5q657p",
+	evenly: "y5q657q"
+}, i = "_1wqyejm0", a = "_1wqyejm1", o = {
+	none: "_1wqyejm2",
+	px: "_1wqyejm3",
+	xxs: "_1wqyejm4",
+	xs: "_1wqyejm5",
+	sm: "_1wqyejm6",
+	md: "_1wqyejm7",
+	lg: "_1wqyejm8",
+	xl: "_1wqyejm9",
+	xl2: "_1wqyejma",
+	xl3: "_1wqyejmb",
+	xl4: "_1wqyejmc",
+	xl5: "_1wqyejmd",
+	xl6: "_1wqyejme",
+	xl7: "_1wqyejmf",
+	xl8: "_1wqyejmg"
+}, s = {
+	start: "_1wqyejmh",
+	center: "_1wqyejmi",
+	end: "_1wqyejmj",
+	stretch: "_1wqyejmk",
+	baseline: "_1wqyejml"
+}, c = {
+	start: "_1wqyejmm",
+	center: "_1wqyejmn",
+	end: "_1wqyejmo",
+	between: "_1wqyejmp",
+	around: "_1wqyejmq",
+	evenly: "_1wqyejmr"
+}, l = "_1okjbro0", u = {
+	none: "_1okjbro1",
+	px: "_1okjbro2",
+	xxs: "_1okjbro3",
+	xs: "_1okjbro4",
+	sm: "_1okjbro5",
+	md: "_1okjbro6",
+	lg: "_1okjbro7",
+	xl: "_1okjbro8",
+	xl2: "_1okjbro9",
+	xl3: "_1okjbroa",
+	xl4: "_1okjbrob",
+	xl5: "_1okjbroc",
+	xl6: "_1okjbrod",
+	xl7: "_1okjbroe",
+	xl8: "_1okjbrof"
+}, d = {
+	none: "_1okjbrog",
+	px: "_1okjbroh",
+	xxs: "_1okjbroi",
+	xs: "_1okjbroj",
+	sm: "_1okjbrok",
+	md: "_1okjbrol",
+	lg: "_1okjbrom",
+	xl: "_1okjbron",
+	xl2: "_1okjbroo",
+	xl3: "_1okjbrop",
+	xl4: "_1okjbroq",
+	xl5: "_1okjbror",
+	xl6: "_1okjbros",
+	xl7: "_1okjbrot",
+	xl8: "_1okjbrou"
+}, f = {
+	none: "_1okjbrov",
+	px: "_1okjbrow",
+	xxs: "_1okjbrox",
+	xs: "_1okjbroy",
+	sm: "_1okjbroz",
+	md: "_1okjbro10",
+	lg: "_1okjbro11",
+	xl: "_1okjbro12",
+	xl2: "_1okjbro13",
+	xl3: "_1okjbro14",
+	xl4: "_1okjbro15",
+	xl5: "_1okjbro16",
+	xl6: "_1okjbro17",
+	xl7: "_1okjbro18",
+	xl8: "_1okjbro19"
+}, p = "_1kk7qb30", m = {
+	bodyBase: "_1kk7qb31",
+	bodySm: "_1kk7qb32",
+	bodyLg: "_1kk7qb33",
+	labelBase: "_1kk7qb34",
+	labelSm: "_1kk7qb35",
+	labelLg: "_1kk7qb36",
+	headingH1: "_1kk7qb37",
+	headingH2: "_1kk7qb38",
+	headingH3: "_1kk7qb39",
+	headingH4: "_1kk7qb3a",
+	headingH5: "_1kk7qb3b",
+	headingH6: "_1kk7qb3c",
+	displayLg: "_1kk7qb3d",
+	displayXl: "_1kk7qb3e",
+	display2xl: "_1kk7qb3f",
+	overline: "_1kk7qb3g",
+	caption: "_1kk7qb3h"
+}, h = {
+	start: "_1kk7qb3i",
+	center: "_1kk7qb3j",
+	end: "_1kk7qb3k",
+	justify: "_1kk7qb3l"
+}, g = "_1cu80s90", _ = "_1cu80s91", v = {
+	primary: "_1cu80s92",
+	outline: "_1cu80s93",
+	text: "_1cu80s94"
+}, y = {
+	sm: "_1cu80s95",
+	md: "_1cu80s96",
+	lg: "_1cu80s97"
+};
+//#endregion
+export { n as _, h as a, e as b, u as c, l as d, s as f, a as g, i as h, v as i, d as l, c as m, _ as n, p as o, o as p, y as r, m as s, g as t, f as u, t as v, r as y };

package/dist/core.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./theme-Cw8nZ0K9.cjs`);exports.applyTheme=e.t,exports.colorVars=e.g,exports.fontFamilyVars=e._,exports.fontSizeVars=e.d,exports.fontWeightVars=e.l,exports.getTheme=e.n,exports.heightVars=e.m,exports.iconSizeVars=e.p,exports.letterSpacingVars=e.a,exports.lineHeightVars=e.c,exports.motionVars=e.r,exports.paletteVars=e.h,exports.radiusVars=e.f,exports.shadowVars=e.s,exports.spacingVars=e.u,exports.typographyVars=e.i,exports.zIndexVars=e.o;

package/dist/core.mjs

@@ -0,0 +1,2 @@
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./theme-BhDSE6xP.js";
+export { h as applyTheme, a as colorVars, e as fontFamilyVars, r as fontSizeVars, c as fontWeightVars, u as getTheme, l as heightVars, f as iconSizeVars, t as letterSpacingVars, n as lineHeightVars, p as motionVars, o as paletteVars, i as radiusVars, m as shadowVars, g as spacingVars, s as typographyVars, d as zIndexVars };

package/dist/elements.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Button.css-D0VmhqHb.cjs`);var t=class extends HTMLElement{static observedAttributes=[`padding`,`padding-x`,`padding-y`];get padding(){return this.getAttribute(`padding`)}set padding(e){e==null?this.removeAttribute(`padding`):this.setAttribute(`padding`,e)}get paddingX(){return this.getAttribute(`padding-x`)}set paddingX(e){e==null?this.removeAttribute(`padding-x`):this.setAttribute(`padding-x`,e)}get paddingY(){return this.getAttribute(`padding-y`)}set paddingY(e){e==null?this.removeAttribute(`padding-y`):this.setAttribute(`padding-y`,e)}connectedCallback(){this.classList.add(e.d),this._sync()}attributeChangedCallback(){this._scheduleSync()}_syncScheduled=!1;_scheduleSync(){this._syncScheduled||(this._syncScheduled=!0,requestAnimationFrame(()=>{this._syncScheduled=!1,this._sync()}))}_prev={padding:null,paddingX:null,paddingY:null};_sync(){this._apply(`padding`,this.getAttribute(`padding`),e.c),this._apply(`paddingX`,this.getAttribute(`padding-x`),e.l),this._apply(`paddingY`,this.getAttribute(`padding-y`),e.u)}_apply(e,t,n){let r=t!=null&&t in n?n[t]:null,i=this._prev[e]??null;r!==i&&(i&&this.classList.remove(i),r&&this.classList.add(r),this._prev[e]=r)}};customElements.define(`loom-box`,t);var n=class extends HTMLElement{static observedAttributes=[`gap`,`align`,`justify`];get gap(){return this.getAttribute(`gap`)}set gap(e){e==null?this.removeAttribute(`gap`):this.setAttribute(`gap`,e)}get align(){return this.getAttribute(`align`)}set align(e){e==null?this.removeAttribute(`align`):this.setAttribute(`align`,e)}get justify(){return this.getAttribute(`justify`)}set justify(e){e==null?this.removeAttribute(`justify`):this.setAttribute(`justify`,e)}connectedCallback(){this.classList.add(e.b),this._sync()}attributeChangedCallback(){this._scheduleSync()}_syncScheduled=!1;_scheduleSync(){this._syncScheduled||(this._syncScheduled=!0,requestAnimationFrame(()=>{this._syncScheduled=!1,this._sync()}))}_prev={gap:null,align:null,justify:null};_sync(){this._apply(`gap`,this.getAttribute(`gap`),e.v),this._apply(`align`,this.getAttribute(`align`)??`stretch`,e._),this._apply(`justify`,this.getAttribute(`justify`)??`start`,e.y)}_apply(e,t,n){let r=t!=null&&t in n?n[t]:null,i=this._prev[e]??null;r!==i&&(i&&this.classList.remove(i),r&&this.classList.add(r),this._prev[e]=r)}};customElements.define(`loom-stack`,n);var r=class extends HTMLElement{static observedAttributes=[`gap`,`align`,`justify`,`wrap`];get gap(){return this.getAttribute(`gap`)}set gap(e){e==null?this.removeAttribute(`gap`):this.setAttribute(`gap`,e)}get align(){return this.getAttribute(`align`)}set align(e){e==null?this.removeAttribute(`align`):this.setAttribute(`align`,e)}get justify(){return this.getAttribute(`justify`)}set justify(e){e==null?this.removeAttribute(`justify`):this.setAttribute(`justify`,e)}get wrap(){return this.hasAttribute(`wrap`)}set wrap(e){this.toggleAttribute(`wrap`,e)}connectedCallback(){this.classList.add(e.h),this._sync()}attributeChangedCallback(){this._scheduleSync()}_syncScheduled=!1;_scheduleSync(){this._syncScheduled||(this._syncScheduled=!0,requestAnimationFrame(()=>{this._syncScheduled=!1,this._sync()}))}_prev={gap:null,align:null,justify:null,wrap:null};_sync(){this._apply(`gap`,this.getAttribute(`gap`),e.p),this._apply(`align`,this.getAttribute(`align`)??`center`,e.f),this._apply(`justify`,this.getAttribute(`justify`)??`start`,e.m),this._apply(`wrap`,this.hasAttribute(`wrap`)?`on`:null,{on:e.g})}_apply(e,t,n){let r=t!=null&&t in n?n[t]:null,i=this._prev[e]??null;r!==i&&(i&&this.classList.remove(i),r&&this.classList.add(r),this._prev[e]=r)}};customElements.define(`loom-inline`,r);var i=class extends HTMLElement{static observedAttributes=[`variant`,`align`];get variant(){return this.getAttribute(`variant`)}set variant(e){e==null?this.removeAttribute(`variant`):this.setAttribute(`variant`,e)}get align(){return this.getAttribute(`align`)}set align(e){e==null?this.removeAttribute(`align`):this.setAttribute(`align`,e)}connectedCallback(){this.classList.add(e.o),this._sync()}attributeChangedCallback(){this._scheduleSync()}_syncScheduled=!1;_scheduleSync(){this._syncScheduled||(this._syncScheduled=!0,requestAnimationFrame(()=>{this._syncScheduled=!1,this._sync()}))}_prev={variant:null,align:null};_sync(){this._apply(`variant`,this.getAttribute(`variant`),e.s),this._apply(`align`,this.getAttribute(`align`),e.a)}_apply(e,t,n){let r=t!=null&&t in n?n[t]:null,i=this._prev[e]??null;r!==i&&(i&&this.classList.remove(i),r&&this.classList.add(r),this._prev[e]=r)}};customElements.define(`loom-text`,i);var a={sm:`labelSm`,md:`labelBase`,lg:`labelLg`},o={};function s(e){try{let t=new CSSStyleSheet,n=Array.from(e.cssRules).map(e=>e.cssText).join(`
+`);return t.replaceSync(n),t}catch{return null}}function c(e){if(e in o)return o[e];for(let t of Array.from(document.styleSheets))try{if(Array.from(t.cssRules).some(t=>t.cssText.includes(e)))return o[e]=s(t),o[e]}catch{}return o[e]=null,null}function l(){let t=[c(e.n),c(e.s[a.md])].filter(e=>e!=null);return Array.from(new Set(t))}var u=class extends HTMLElement{_inner=null;_label=null;static observedAttributes=[`variant`,`size`,`disabled`,`aria-label`,`aria-labelledby`,`aria-describedby`];get variant(){return this.getAttribute(`variant`)??`primary`}set variant(e){this.setAttribute(`variant`,e)}get size(){return this.getAttribute(`size`)??`md`}set size(e){this.setAttribute(`size`,e)}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){this.toggleAttribute(`disabled`,e)}_handleClick=e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent(`loom-click`,{bubbles:!0,composed:!0,detail:{}}))};_handleFocus=e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent(`loom-focus`,{bubbles:!0,composed:!0,detail:{}}))};_handleBlur=e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent(`loom-blur`,{bubbles:!0,composed:!0,detail:{}}))};_syncScheduled=!1;_scheduleSync(){this._syncScheduled||(this._syncScheduled=!0,requestAnimationFrame(()=>{this._syncScheduled=!1,this._sync()}))}connectedCallback(){if(!this.shadowRoot){let t=this.attachShadow({mode:`open`,delegatesFocus:!0}),n=l();n.length>0?t.adoptedStyleSheets=n:console.warn(`[loom-button] VE stylesheet not found - shadow styles will be missing.`),this._label=document.createElement(`span`),this._label.setAttribute(`part`,`label`),this._label.appendChild(document.createElement(`slot`)),this._inner=document.createElement(`button`),this._inner.type=`button`,this._inner.setAttribute(`part`,`button`),this._inner.appendChild(this._label),t.appendChild(this._inner),this.classList.add(e.t),this._inner.classList.add(e.n),this._inner.addEventListener(`click`,this._handleClick),this._inner.addEventListener(`focus`,this._handleFocus),this._inner.addEventListener(`blur`,this._handleBlur)}this._sync()}disconnectedCallback(){this._inner?.removeEventListener(`click`,this._handleClick),this._inner?.removeEventListener(`focus`,this._handleFocus),this._inner?.removeEventListener(`blur`,this._handleBlur)}attributeChangedCallback(e){if(e.startsWith(`aria-`)){this._syncA11y();return}this._scheduleSync()}_prev={variant:null,size:null,typographyKey:null};_sync(){if(!this._inner||!this._label)return;let t=this.getAttribute(`variant`)??`primary`,n=this.getAttribute(`size`)??`md`;this._apply(this._inner,`variant`,t,e.i),this._apply(this._inner,`size`,n,e.r),this._inner.disabled=this.hasAttribute(`disabled`);let r=n in a?a[n]:a.md;this._apply(this._label,`typographyKey`,r,e.s),this._syncA11y()}_syncA11y(){this._inner&&[`aria-label`,`aria-labelledby`,`aria-describedby`].forEach(e=>{let t=this.getAttribute(e);t?this._inner?.setAttribute(e,t):this._inner?.removeAttribute(e)})}_apply(e,t,n,r){let i=n!=null&&n in r?r[n]:null,a=this._prev[t]??null;i!==a&&(a&&e.classList.remove(a),i&&e.classList.add(i),this._prev[t]=i)}};customElements.define(`loom-button`,u),exports.LoomBox=t,exports.LoomButton=u,exports.LoomInline=r,exports.LoomStack=n,exports.LoomText=i;

package/dist/elements.mjs

@@ -0,0 +1,337 @@
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "./Button.css-DLt7TUnT.js";
+//#region src/design-system/package/ui/primitives/Box/adapters/Box.element.ts
+var b = class extends HTMLElement {
+	static observedAttributes = [
+		"padding",
+		"padding-x",
+		"padding-y"
+	];
+	get padding() {
+		return this.getAttribute("padding");
+	}
+	set padding(e) {
+		e == null ? this.removeAttribute("padding") : this.setAttribute("padding", e);
+	}
+	get paddingX() {
+		return this.getAttribute("padding-x");
+	}
+	set paddingX(e) {
+		e == null ? this.removeAttribute("padding-x") : this.setAttribute("padding-x", e);
+	}
+	get paddingY() {
+		return this.getAttribute("padding-y");
+	}
+	set paddingY(e) {
+		e == null ? this.removeAttribute("padding-y") : this.setAttribute("padding-y", e);
+	}
+	connectedCallback() {
+		this.classList.add(i), this._sync();
+	}
+	attributeChangedCallback() {
+		this._scheduleSync();
+	}
+	_syncScheduled = !1;
+	_scheduleSync() {
+		this._syncScheduled || (this._syncScheduled = !0, requestAnimationFrame(() => {
+			this._syncScheduled = !1, this._sync();
+		}));
+	}
+	_prev = {
+		padding: null,
+		paddingX: null,
+		paddingY: null
+	};
+	_sync() {
+		this._apply("padding", this.getAttribute("padding"), r), this._apply("paddingX", this.getAttribute("padding-x"), l), this._apply("paddingY", this.getAttribute("padding-y"), _);
+	}
+	_apply(e, t, n) {
+		let r = t != null && t in n ? n[t] : null, i = this._prev[e] ?? null;
+		r !== i && (i && this.classList.remove(i), r && this.classList.add(r), this._prev[e] = r);
+	}
+};
+customElements.define("loom-box", b);
+//#endregion
+//#region src/design-system/package/ui/primitives/Stack/adapters/Stack.element.ts
+var x = class extends HTMLElement {
+	static observedAttributes = [
+		"gap",
+		"align",
+		"justify"
+	];
+	get gap() {
+		return this.getAttribute("gap");
+	}
+	set gap(e) {
+		e == null ? this.removeAttribute("gap") : this.setAttribute("gap", e);
+	}
+	get align() {
+		return this.getAttribute("align");
+	}
+	set align(e) {
+		e == null ? this.removeAttribute("align") : this.setAttribute("align", e);
+	}
+	get justify() {
+		return this.getAttribute("justify");
+	}
+	set justify(e) {
+		e == null ? this.removeAttribute("justify") : this.setAttribute("justify", e);
+	}
+	connectedCallback() {
+		this.classList.add(n), this._sync();
+	}
+	attributeChangedCallback() {
+		this._scheduleSync();
+	}
+	_syncScheduled = !1;
+	_scheduleSync() {
+		this._syncScheduled || (this._syncScheduled = !0, requestAnimationFrame(() => {
+			this._syncScheduled = !1, this._sync();
+		}));
+	}
+	_prev = {
+		gap: null,
+		align: null,
+		justify: null
+	};
+	_sync() {
+		this._apply("gap", this.getAttribute("gap"), v), this._apply("align", this.getAttribute("align") ?? "stretch", e), this._apply("justify", this.getAttribute("justify") ?? "start", y);
+	}
+	_apply(e, t, n) {
+		let r = t != null && t in n ? n[t] : null, i = this._prev[e] ?? null;
+		r !== i && (i && this.classList.remove(i), r && this.classList.add(r), this._prev[e] = r);
+	}
+};
+customElements.define("loom-stack", x);
+//#endregion
+//#region src/design-system/package/ui/primitives/Inline/adapters/Inline.element.ts
+var S = class extends HTMLElement {
+	static observedAttributes = [
+		"gap",
+		"align",
+		"justify",
+		"wrap"
+	];
+	get gap() {
+		return this.getAttribute("gap");
+	}
+	set gap(e) {
+		e == null ? this.removeAttribute("gap") : this.setAttribute("gap", e);
+	}
+	get align() {
+		return this.getAttribute("align");
+	}
+	set align(e) {
+		e == null ? this.removeAttribute("align") : this.setAttribute("align", e);
+	}
+	get justify() {
+		return this.getAttribute("justify");
+	}
+	set justify(e) {
+		e == null ? this.removeAttribute("justify") : this.setAttribute("justify", e);
+	}
+	get wrap() {
+		return this.hasAttribute("wrap");
+	}
+	set wrap(e) {
+		this.toggleAttribute("wrap", e);
+	}
+	connectedCallback() {
+		this.classList.add(s), this._sync();
+	}
+	attributeChangedCallback() {
+		this._scheduleSync();
+	}
+	_syncScheduled = !1;
+	_scheduleSync() {
+		this._syncScheduled || (this._syncScheduled = !0, requestAnimationFrame(() => {
+			this._syncScheduled = !1, this._sync();
+		}));
+	}
+	_prev = {
+		gap: null,
+		align: null,
+		justify: null,
+		wrap: null
+	};
+	_sync() {
+		this._apply("gap", this.getAttribute("gap"), p), this._apply("align", this.getAttribute("align") ?? "center", a), this._apply("justify", this.getAttribute("justify") ?? "start", u), this._apply("wrap", this.hasAttribute("wrap") ? "on" : null, { on: o });
+	}
+	_apply(e, t, n) {
+		let r = t != null && t in n ? n[t] : null, i = this._prev[e] ?? null;
+		r !== i && (i && this.classList.remove(i), r && this.classList.add(r), this._prev[e] = r);
+	}
+};
+customElements.define("loom-inline", S);
+//#endregion
+//#region src/design-system/package/ui/primitives/Text/adapters/Text.element.ts
+var C = class extends HTMLElement {
+	static observedAttributes = ["variant", "align"];
+	get variant() {
+		return this.getAttribute("variant");
+	}
+	set variant(e) {
+		e == null ? this.removeAttribute("variant") : this.setAttribute("variant", e);
+	}
+	get align() {
+		return this.getAttribute("align");
+	}
+	set align(e) {
+		e == null ? this.removeAttribute("align") : this.setAttribute("align", e);
+	}
+	connectedCallback() {
+		this.classList.add(f), this._sync();
+	}
+	attributeChangedCallback() {
+		this._scheduleSync();
+	}
+	_syncScheduled = !1;
+	_scheduleSync() {
+		this._syncScheduled || (this._syncScheduled = !0, requestAnimationFrame(() => {
+			this._syncScheduled = !1, this._sync();
+		}));
+	}
+	_prev = {
+		variant: null,
+		align: null
+	};
+	_sync() {
+		this._apply("variant", this.getAttribute("variant"), h), this._apply("align", this.getAttribute("align"), t);
+	}
+	_apply(e, t, n) {
+		let r = t != null && t in n ? n[t] : null, i = this._prev[e] ?? null;
+		r !== i && (i && this.classList.remove(i), r && this.classList.add(r), this._prev[e] = r);
+	}
+};
+customElements.define("loom-text", C);
+//#endregion
+//#region src/design-system/package/ui/primitives/Button/adapters/Button.element.ts
+var w = {
+	sm: "labelSm",
+	md: "labelBase",
+	lg: "labelLg"
+}, T = {};
+function E(e) {
+	try {
+		let t = new CSSStyleSheet(), n = Array.from(e.cssRules).map((e) => e.cssText).join("\n");
+		return t.replaceSync(n), t;
+	} catch {
+		return null;
+	}
+}
+function D(e) {
+	if (e in T) return T[e];
+	for (let t of Array.from(document.styleSheets)) try {
+		if (Array.from(t.cssRules).some((t) => t.cssText.includes(e))) return T[e] = E(t), T[e];
+	} catch {}
+	return T[e] = null, null;
+}
+function O() {
+	let e = [D(d), D(h[w.md])].filter((e) => e != null);
+	return Array.from(new Set(e));
+}
+var k = class extends HTMLElement {
+	_inner = null;
+	_label = null;
+	static observedAttributes = [
+		"variant",
+		"size",
+		"disabled",
+		"aria-label",
+		"aria-labelledby",
+		"aria-describedby"
+	];
+	get variant() {
+		return this.getAttribute("variant") ?? "primary";
+	}
+	set variant(e) {
+		this.setAttribute("variant", e);
+	}
+	get size() {
+		return this.getAttribute("size") ?? "md";
+	}
+	set size(e) {
+		this.setAttribute("size", e);
+	}
+	get disabled() {
+		return this.hasAttribute("disabled");
+	}
+	set disabled(e) {
+		this.toggleAttribute("disabled", e);
+	}
+	_handleClick = (e) => {
+		e.stopPropagation(), this.dispatchEvent(new CustomEvent("loom-click", {
+			bubbles: !0,
+			composed: !0,
+			detail: {}
+		}));
+	};
+	_handleFocus = (e) => {
+		e.stopPropagation(), this.dispatchEvent(new CustomEvent("loom-focus", {
+			bubbles: !0,
+			composed: !0,
+			detail: {}
+		}));
+	};
+	_handleBlur = (e) => {
+		e.stopPropagation(), this.dispatchEvent(new CustomEvent("loom-blur", {
+			bubbles: !0,
+			composed: !0,
+			detail: {}
+		}));
+	};
+	_syncScheduled = !1;
+	_scheduleSync() {
+		this._syncScheduled || (this._syncScheduled = !0, requestAnimationFrame(() => {
+			this._syncScheduled = !1, this._sync();
+		}));
+	}
+	connectedCallback() {
+		if (!this.shadowRoot) {
+			let e = this.attachShadow({
+				mode: "open",
+				delegatesFocus: !0
+			}), t = O();
+			t.length > 0 ? e.adoptedStyleSheets = t : console.warn("[loom-button] VE stylesheet not found - shadow styles will be missing."), this._label = document.createElement("span"), this._label.setAttribute("part", "label"), this._label.appendChild(document.createElement("slot")), this._inner = document.createElement("button"), this._inner.type = "button", this._inner.setAttribute("part", "button"), this._inner.appendChild(this._label), e.appendChild(this._inner), this.classList.add(g), this._inner.classList.add(d), this._inner.addEventListener("click", this._handleClick), this._inner.addEventListener("focus", this._handleFocus), this._inner.addEventListener("blur", this._handleBlur);
+		}
+		this._sync();
+	}
+	disconnectedCallback() {
+		this._inner?.removeEventListener("click", this._handleClick), this._inner?.removeEventListener("focus", this._handleFocus), this._inner?.removeEventListener("blur", this._handleBlur);
+	}
+	attributeChangedCallback(e) {
+		if (e.startsWith("aria-")) {
+			this._syncA11y();
+			return;
+		}
+		this._scheduleSync();
+	}
+	_prev = {
+		variant: null,
+		size: null,
+		typographyKey: null
+	};
+	_sync() {
+		if (!this._inner || !this._label) return;
+		let e = this.getAttribute("variant") ?? "primary", t = this.getAttribute("size") ?? "md";
+		this._apply(this._inner, "variant", e, c), this._apply(this._inner, "size", t, m), this._inner.disabled = this.hasAttribute("disabled");
+		let n = t in w ? w[t] : w.md;
+		this._apply(this._label, "typographyKey", n, h), this._syncA11y();
+	}
+	_syncA11y() {
+		this._inner && [
+			"aria-label",
+			"aria-labelledby",
+			"aria-describedby"
+		].forEach((e) => {
+			let t = this.getAttribute(e);
+			t ? this._inner?.setAttribute(e, t) : this._inner?.removeAttribute(e);
+		});
+	}
+	_apply(e, t, n, r) {
+		let i = n != null && n in r ? r[n] : null, a = this._prev[t] ?? null;
+		i !== a && (a && e.classList.remove(a), i && e.classList.add(i), this._prev[t] = i);
+	}
+};
+customElements.define("loom-button", k);
+//#endregion
+export { b as LoomBox, k as LoomButton, S as LoomInline, x as LoomStack, C as LoomText };

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`react/jsx-runtime`);var t={sans:`var(--_147ti5g0)`,mono:`var(--_147ti5g1)`},n={surfaceRaised:`var(--n4rd7s0)`,surfaceBase:`var(--n4rd7s1)`,surfaceSubtle:`var(--n4rd7s2)`,surfaceNeutral:`var(--n4rd7s3)`,brandPrimary:`var(--n4rd7s4)`,brandPrimarySubtle:`var(--n4rd7s5)`,brandAccent:`var(--n4rd7s6)`,brandAccentSubtle:`var(--n4rd7s7)`,brandAccentHover:`var(--n4rd7s8)`,borderDefault:`var(--n4rd7s9)`,borderStrong:`var(--n4rd7sa)`,borderSubtle:`var(--n4rd7sb)`,textPrimary:`var(--n4rd7sc)`,textSecondary:`var(--n4rd7sd)`,textDisabled:`var(--n4rd7se)`,textInverse:`var(--n4rd7sf)`,textOnBrand:`var(--n4rd7sg)`,feedbackSuccess:`var(--n4rd7sh)`,feedbackSuccessSubtle:`var(--n4rd7si)`,feedbackWarning:`var(--n4rd7sj)`,feedbackWarningStrong:`var(--n4rd7sk)`,feedbackWarningSubtle:`var(--n4rd7sl)`,feedbackDanger:`var(--n4rd7sm)`,feedbackDangerSubtle:`var(--n4rd7sn)`,feedbackInfo:`var(--n4rd7so)`,feedbackInfoSubtle:`var(--n4rd7sp)`},r={cyan100:`var(--crr3d10)`,cyan200:`var(--crr3d11)`,cyan300:`var(--crr3d12)`,cyan400:`var(--crr3d13)`,cyan500:`var(--crr3d14)`,cyan600:`var(--crr3d15)`,cyan700:`var(--crr3d16)`,cyan800:`var(--crr3d17)`,cyan900:`var(--crr3d18)`,red100:`var(--crr3d19)`,red200:`var(--crr3d1a)`,red300:`var(--crr3d1b)`,red400:`var(--crr3d1c)`,red500:`var(--crr3d1d)`,red600:`var(--crr3d1e)`,red700:`var(--crr3d1f)`,red800:`var(--crr3d1g)`,red900:`var(--crr3d1h)`,neutral100:`var(--crr3d1i)`,neutral200:`var(--crr3d1j)`,neutral300:`var(--crr3d1k)`,neutral400:`var(--crr3d1l)`,neutral500:`var(--crr3d1m)`,neutral600:`var(--crr3d1n)`,neutral700:`var(--crr3d1o)`,neutral800:`var(--crr3d1p)`,neutral900:`var(--crr3d1q)`,green100:`var(--crr3d1r)`,green200:`var(--crr3d1s)`,green300:`var(--crr3d1t)`,green400:`var(--crr3d1u)`,green500:`var(--crr3d1v)`,green600:`var(--crr3d1w)`,green700:`var(--crr3d1x)`,green800:`var(--crr3d1y)`,green900:`var(--crr3d1z)`,amber100:`var(--crr3d110)`,amber200:`var(--crr3d111)`,amber300:`var(--crr3d112)`,amber400:`var(--crr3d113)`,amber500:`var(--crr3d114)`,amber600:`var(--crr3d115)`,amber700:`var(--crr3d116)`,amber800:`var(--crr3d117)`,amber900:`var(--crr3d118)`,blue100:`var(--crr3d119)`,blue200:`var(--crr3d11a)`,blue300:`var(--crr3d11b)`,blue400:`var(--crr3d11c)`,blue500:`var(--crr3d11d)`,blue600:`var(--crr3d11e)`,blue700:`var(--crr3d11f)`,blue800:`var(--crr3d11g)`,blue900:`var(--crr3d11h)`},i={xxs:`var(--gn271l0)`,xs:`var(--gn271l1)`,sm:`var(--gn271l2)`,md:`var(--gn271l3)`,lg:`var(--gn271l4)`,xl:`var(--gn271l5)`},a={xxs:`var(--_1r3v8qb0)`,xs:`var(--_1r3v8qb1)`,sm:`var(--_1r3v8qb2)`,md:`var(--_1r3v8qb3)`,lg:`var(--_1r3v8qb4)`},o={xxs:`var(--_17uaar60)`,xs:`var(--_17uaar61)`,sm:`var(--_17uaar62)`,md:`var(--_17uaar63)`,lg:`var(--_17uaar64)`},s={xxs:`var(--g2g2zb0)`,xs:`var(--g2g2zb1)`,sm:`var(--g2g2zb2)`,base:`var(--g2g2zb3)`,lg:`var(--g2g2zb4)`,xl:`var(--g2g2zb5)`,xl2:`var(--g2g2zb6)`,xl3:`var(--g2g2zb7)`,xl4:`var(--g2g2zb8)`,xl5:`var(--g2g2zb9)`,xl6:`var(--g2g2zba)`,xl7:`var(--g2g2zbb)`,xl8:`var(--g2g2zbc)`},c={none:`var(--_6tzq000)`,px:`var(--_6tzq001)`,xxs:`var(--_6tzq002)`,xs:`var(--_6tzq003)`,sm:`var(--_6tzq004)`,md:`var(--_6tzq005)`,lg:`var(--_6tzq006)`,xl:`var(--_6tzq007)`,xl2:`var(--_6tzq008)`,xl3:`var(--_6tzq009)`,xl4:`var(--_6tzq00a)`,xl5:`var(--_6tzq00b)`,xl6:`var(--_6tzq00c)`,xl7:`var(--_6tzq00d)`,xl8:`var(--_6tzq00e)`},l={thin:`var(--scju2v0)`,extralight:`var(--scju2v1)`,light:`var(--scju2v2)`,normal:`var(--scju2v3)`,medium:`var(--scju2v4)`,semibold:`var(--scju2v5)`,bold:`var(--scju2v6)`,extrabold:`var(--scju2v7)`,black:`var(--scju2v8)`},u={none:`var(--_1ybwetq0)`,tight:`var(--_1ybwetq1)`,snug:`var(--_1ybwetq2)`,normal:`var(--_1ybwetq3)`,relaxed:`var(--_1ybwetq4)`,condensed:`var(--_1ybwetq5)`,compact:`var(--_1ybwetq6)`,loose:`var(--_1ybwetq7)`},d={none:`var(--_1fh9yx40)`,sm:`var(--_1fh9yx41)`,base:`var(--_1fh9yx42)`,md:`var(--_1fh9yx43)`,lg:`var(--_1fh9yx44)`,xl:`var(--_1fh9yx45)`,xl2:`var(--_1fh9yx46)`,inner:`var(--_1fh9yx47)`},f={hide:`var(--_1alu3u80)`,base:`var(--_1alu3u81)`,raised:`var(--_1alu3u82)`,dropdown:`var(--_1alu3u83)`,sticky:`var(--_1alu3u84)`,overlay:`var(--_1alu3u85)`,modal:`var(--_1alu3u86)`},p={none:`var(--_1amctni0)`,wide:`var(--_1amctni1)`,snug:`var(--_1amctni2)`,tight:`var(--_1amctni3)`,tighter:`var(--_1amctni4)`,tightest:`var(--_1amctni5)`},m={bodyBase:{fontSize:`var(--_9fdc020)`,fontWeight:`var(--_9fdc021)`,lineHeight:`var(--_9fdc022)`,letterSpacing:`var(--_9fdc023)`},bodySm:{fontSize:`var(--_9fdc024)`,fontWeight:`var(--_9fdc025)`,lineHeight:`var(--_9fdc026)`,letterSpacing:`var(--_9fdc027)`},bodyLg:{fontSize:`var(--_9fdc028)`,fontWeight:`var(--_9fdc029)`,lineHeight:`var(--_9fdc02a)`,letterSpacing:`var(--_9fdc02b)`},labelBase:{fontSize:`var(--_9fdc02c)`,fontWeight:`var(--_9fdc02d)`,lineHeight:`var(--_9fdc02e)`,letterSpacing:`var(--_9fdc02f)`},labelSm:{fontSize:`var(--_9fdc02g)`,fontWeight:`var(--_9fdc02h)`,lineHeight:`var(--_9fdc02i)`,letterSpacing:`var(--_9fdc02j)`},labelLg:{fontSize:`var(--_9fdc02k)`,fontWeight:`var(--_9fdc02l)`,lineHeight:`var(--_9fdc02m)`,letterSpacing:`var(--_9fdc02n)`},headingH1:{fontSize:`var(--_9fdc02o)`,fontWeight:`var(--_9fdc02p)`,lineHeight:`var(--_9fdc02q)`,letterSpacing:`var(--_9fdc02r)`},headingH2:{fontSize:`var(--_9fdc02s)`,fontWeight:`var(--_9fdc02t)`,lineHeight:`var(--_9fdc02u)`,letterSpacing:`var(--_9fdc02v)`},headingH3:{fontSize:`var(--_9fdc02w)`,fontWeight:`var(--_9fdc02x)`,lineHeight:`var(--_9fdc02y)`,letterSpacing:`var(--_9fdc02z)`},headingH4:{fontSize:`var(--_9fdc0210)`,fontWeight:`var(--_9fdc0211)`,lineHeight:`var(--_9fdc0212)`,letterSpacing:`var(--_9fdc0213)`},headingH5:{fontSize:`var(--_9fdc0214)`,fontWeight:`var(--_9fdc0215)`,lineHeight:`var(--_9fdc0216)`,letterSpacing:`var(--_9fdc0217)`},headingH6:{fontSize:`var(--_9fdc0218)`,fontWeight:`var(--_9fdc0219)`,lineHeight:`var(--_9fdc021a)`,letterSpacing:`var(--_9fdc021b)`},displayLg:{fontSize:`var(--_9fdc021c)`,fontWeight:`var(--_9fdc021d)`,lineHeight:`var(--_9fdc021e)`,letterSpacing:`var(--_9fdc021f)`},displayXl:{fontSize:`var(--_9fdc021g)`,fontWeight:`var(--_9fdc021h)`,lineHeight:`var(--_9fdc021i)`,letterSpacing:`var(--_9fdc021j)`},display2xl:{fontSize:`var(--_9fdc021k)`,fontWeight:`var(--_9fdc021l)`,lineHeight:`var(--_9fdc021m)`,letterSpacing:`var(--_9fdc021n)`},overline:{fontSize:`var(--_9fdc021o)`,fontWeight:`var(--_9fdc021p)`,lineHeight:`var(--_9fdc021q)`,letterSpacing:`var(--_9fdc021r)`},caption:{fontSize:`var(--_9fdc021s)`,fontWeight:`var(--_9fdc021t)`,lineHeight:`var(--_9fdc021u)`,letterSpacing:`var(--_9fdc021v)`}},h={durationInstant:`var(--_159077d0)`,durationFast:`var(--_159077d1)`,durationBase:`var(--_159077d2)`,durationSlow:`var(--_159077d3)`,durationSlower:`var(--_159077d4)`,easingLinear:`var(--_159077d5)`,easingEaseIn:`var(--_159077d6)`,easingEaseOut:`var(--_159077d7)`,easingEaseInOut:`var(--_159077d8)`},g=`y5q6570`,_={none:`y5q6571`,px:`y5q6572`,xxs:`y5q6573`,xs:`y5q6574`,sm:`y5q6575`,md:`y5q6576`,lg:`y5q6577`,xl:`y5q6578`,xl2:`y5q6579`,xl3:`y5q657a`,xl4:`y5q657b`,xl5:`y5q657c`,xl6:`y5q657d`,xl7:`y5q657e`,xl8:`y5q657f`},v={start:`y5q657g`,center:`y5q657h`,end:`y5q657i`,stretch:`y5q657j`,baseline:`y5q657k`},y={start:`y5q657l`,center:`y5q657m`,end:`y5q657n`,between:`y5q657o`,around:`y5q657p`,evenly:`y5q657q`};function b({as:t,gap:n,align:r=`stretch`,justify:i=`start`,children:a,className:o,...s}){return(0,e.jsx)(t??`div`,{className:[g,n===void 0?void 0:_[n],v[r],y[i],o].filter(Boolean).join(` `),...s,children:a})}var x=`_1wqyejm0`,S=`_1wqyejm1`,C={none:`_1wqyejm2`,px:`_1wqyejm3`,xxs:`_1wqyejm4`,xs:`_1wqyejm5`,sm:`_1wqyejm6`,md:`_1wqyejm7`,lg:`_1wqyejm8`,xl:`_1wqyejm9`,xl2:`_1wqyejma`,xl3:`_1wqyejmb`,xl4:`_1wqyejmc`,xl5:`_1wqyejmd`,xl6:`_1wqyejme`,xl7:`_1wqyejmf`,xl8:`_1wqyejmg`},w={start:`_1wqyejmh`,center:`_1wqyejmi`,end:`_1wqyejmj`,stretch:`_1wqyejmk`,baseline:`_1wqyejml`},T={start:`_1wqyejmm`,center:`_1wqyejmn`,end:`_1wqyejmo`,between:`_1wqyejmp`,around:`_1wqyejmq`,evenly:`_1wqyejmr`};function E({as:t,gap:n,align:r=`center`,justify:i=`start`,wrap:a=!1,children:o,className:s,...c}){return(0,e.jsx)(t??`div`,{className:[x,a?S:void 0,n===void 0?void 0:C[n],w[r],T[i],s].filter(Boolean).join(` `),...c,children:o})}var D=`_1okjbro0`;function O({as:t,padding:n,paddingX:r,paddingY:i,children:a,className:o,style:s,...l}){let u=t??`div`,d={...n&&{padding:c[n]},...r&&{paddingInline:c[r]},...i&&{paddingBlock:c[i]}};return(0,e.jsx)(u,{className:[D,o].filter(Boolean).join(` `),style:{...d,...s},...l,children:a})}var k={bodyBase:`_1kk7qb30`,bodySm:`_1kk7qb31`,bodyLg:`_1kk7qb32`,labelBase:`_1kk7qb33`,labelSm:`_1kk7qb34`,labelLg:`_1kk7qb35`,headingH1:`_1kk7qb36`,headingH2:`_1kk7qb37`,headingH3:`_1kk7qb38`,headingH4:`_1kk7qb39`,headingH5:`_1kk7qb3a`,headingH6:`_1kk7qb3b`,displayLg:`_1kk7qb3c`,displayXl:`_1kk7qb3d`,display2xl:`_1kk7qb3e`,overline:`_1kk7qb3f`,caption:`_1kk7qb3g`};function A({as:t,variant:n,children:r,className:i,...a}){return(0,e.jsx)(t??`p`,{className:[k[n],i].filter(Boolean).join(` `),...a,children:r})}exports.Box=O,exports.Inline=E,exports.Stack=b,exports.Text=A,exports.colorVars=n,exports.fontFamilyVars=t,exports.fontSizeVars=s,exports.fontWeightVars=l,exports.heightVars=i,exports.iconSizeVars=a,exports.letterSpacingVars=p,exports.lineHeightVars=u,exports.motionVars=h,exports.paletteVars=r,exports.radiusVars=o,exports.shadowVars=d,exports.spacingVars=c,exports.typographyVars=m,exports.zIndexVars=f;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./theme-Cw8nZ0K9.cjs`),t=require(`./Button.css-D0VmhqHb.cjs`);let n=require(`react/jsx-runtime`);function r({as:e,gap:r,align:i=`stretch`,justify:a=`start`,children:o,className:s,...c}){return(0,n.jsx)(e??`div`,{className:[t.b,r===void 0?void 0:t.v[r],t._[i],t.y[a],s].filter(Boolean).join(` `),...c,children:o})}function i({as:e,gap:r,align:i=`center`,justify:a=`start`,wrap:o=!1,children:s,className:c,...l}){return(0,n.jsx)(e??`div`,{className:[t.h,o?t.g:void 0,r===void 0?void 0:t.p[r],t.f[i],t.m[a],c].filter(Boolean).join(` `),...l,children:s})}function a({as:r,padding:i,paddingX:a,paddingY:o,children:s,className:c,style:l,...u}){let d=r??`div`,f={...i&&{padding:e.u[i]},...a&&{paddingInline:e.u[a]},...o&&{paddingBlock:e.u[o]}};return(0,n.jsx)(d,{className:[t.d,c].filter(Boolean).join(` `),style:{...f,...l},...u,children:s})}function o({as:e,variant:r,align:i,children:a,className:o,...s}){return(0,n.jsx)(e??`p`,{className:[t.s[r],i==null?void 0:t.a[i],o].filter(Boolean).join(` `),...s,children:a})}var s={sm:`labelSm`,md:`labelBase`,lg:`labelLg`};function c({as:e,variant:r=`primary`,size:i=`md`,children:a,className:c,...l}){return(0,n.jsx)(e??`button`,{className:[t.n,t.i[r],t.r[i],c].filter(Boolean).join(` `),...l,children:(0,n.jsx)(o,{as:`span`,variant:s[i],children:a})})}exports.Box=a,exports.Button=c,exports.Inline=i,exports.Stack=r,exports.Text=o,exports.applyTheme=e.t,exports.colorVars=e.g,exports.fontFamilyVars=e._,exports.fontSizeVars=e.d,exports.fontWeightVars=e.l,exports.getTheme=e.n,exports.heightVars=e.m,exports.iconSizeVars=e.p,exports.letterSpacingVars=e.a,exports.lineHeightVars=e.c,exports.motionVars=e.r,exports.paletteVars=e.h,exports.radiusVars=e.f,exports.shadowVars=e.s,exports.spacingVars=e.u,exports.typographyVars=e.i,exports.zIndexVars=e.o;

package/dist/index.core.d.ts

@@ -0,0 +1,3 @@
+export * from './tokens/index.ts';
+export * from './theme/index.ts';
+//# sourceMappingURL=index.core.d.ts.map

package/dist/index.core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.core.d.ts","sourceRoot":"","sources":["../src/design-system/package/index.core.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './tokens/index.ts';
+export * from './theme/index.ts';
 export * from './ui/primitives/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/design-system/package/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/design-system/package/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC"}

package/dist/index.elements.d.ts

@@ -0,0 +1,6 @@
+export { LoomBox } from './ui/primitives/Box/adapters/Box.element.ts';
+export { LoomStack } from './ui/primitives/Stack/adapters/Stack.element.ts';
+export { LoomInline } from './ui/primitives/Inline/adapters/Inline.element.ts';
+export { LoomText } from './ui/primitives/Text/adapters/Text.element.ts';
+export { LoomButton } from './ui/primitives/Button/adapters/Button.element.ts';
+//# sourceMappingURL=index.elements.d.ts.map

package/dist/index.elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.elements.d.ts","sourceRoot":"","sources":["../src/design-system/package/index.elements.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAC"}