@loom-sdc/design-system 0.2.0 → 0.4.0

package/dist/ui/primitives/Button/Button.css.d.ts

@@ -0,0 +1,5 @@
+export declare const host: string;
+export declare const root: string;
+export declare const variant: Record<"outline" | "text" | "primary", string>;
+export declare const size: Record<"sm" | "md" | "lg", string>;
+//# sourceMappingURL=Button.css.d.ts.map

package/dist/ui/primitives/Button/Button.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Button/Button.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,IAAI,QAmBf,CAAC;AAEH,eAAO,MAAM,OAAO,gDAqDlB,CAAC;AAEH,eAAO,MAAM,IAAI,oCAIf,CAAC"}

package/dist/ui/primitives/Button/Button.types.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+export declare const BUTTON_VARIANTS: readonly ["primary", "outline", "text"];
+export declare const BUTTON_SIZES: readonly ["sm", "md", "lg"];
+export type ButtonVariant = typeof BUTTON_VARIANTS[number];
+export type ButtonSize = typeof BUTTON_SIZES[number];
+export interface ButtonOwnProps<T extends ElementType = 'button'> {
+    as?: T;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    children: ReactNode;
+}
+export type ButtonProps<T extends ElementType = 'button'> = ButtonOwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof ButtonOwnProps<T>>;
+//# sourceMappingURL=Button.types.d.ts.map

package/dist/ui/primitives/Button/Button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,eAAO,MAAM,eAAe,yCAA0C,CAAC;AACvE,eAAO,MAAM,YAAY,6BAAiC,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAM,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAExD,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ;IAC9D,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IACtD,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/ui/primitives/Button/adapters/Button.element.d.ts

@@ -0,0 +1,31 @@
+import { ButtonVariant, ButtonSize } from '../Button.types.ts';
+declare class LoomButton extends HTMLElement {
+    private _inner;
+    private _label;
+    static observedAttributes: readonly ["variant", "size", "disabled", "aria-label", "aria-labelledby", "aria-describedby"];
+    get variant(): ButtonVariant;
+    set variant(val: ButtonVariant);
+    get size(): ButtonSize;
+    set size(val: ButtonSize);
+    get disabled(): boolean;
+    set disabled(val: boolean);
+    private readonly _handleClick;
+    private readonly _handleFocus;
+    private readonly _handleBlur;
+    private _syncScheduled;
+    private _scheduleSync;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private _prev;
+    private _sync;
+    private _syncA11y;
+    private _apply;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'loom-button': LoomButton;
+    }
+}
+export { LoomButton };
+//# sourceMappingURL=Button.element.d.ts.map

package/dist/ui/primitives/Button/adapters/Button.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.element.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Button/adapters/Button.element.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAgDpE,cAAM,UAAW,SAAQ,WAAW;IAClC,OAAO,CAAC,MAAM,CAAkC;IAChD,OAAO,CAAC,MAAM,CAAgC;IAE9C,MAAM,CAAC,kBAAkB,gGAOd;IAEX,IAAI,OAAO,IAAI,aAAa,CAE3B;IACD,IAAI,OAAO,CAAC,GAAG,EAAE,aAAa,EAE7B;IAED,IAAI,IAAI,IAAI,UAAU,CAErB;IACD,IAAI,IAAI,CAAC,GAAG,EAAE,UAAU,EAEvB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAExB;IAED,OAAO,CAAC,QAAQ,CAAC,YAAY,CAO3B;IAEF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAO3B;IAEF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAO1B;IAEF,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,aAAa;IASrB,iBAAiB;IA+BjB,oBAAoB;IAMpB,wBAAwB,CAAC,IAAI,EAAE,MAAM;IAQrC,OAAO,CAAC,KAAK,CAIX;IAEF,OAAO,CAAC,KAAK;IAkBb,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,MAAM;CAaf;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/ui/primitives/Button/adapters/Button.react.d.ts

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+import { ButtonProps } from '../Button.types.ts';
+export declare function Button<T extends ElementType = 'button'>({ as, variant, size, children, className, ...props }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.react.d.ts.map

package/dist/ui/primitives/Button/adapters/Button.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.react.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Button/adapters/Button.react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,WAAW,EAAc,MAAM,oBAAoB,CAAC;AAUlE,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EACvD,EAAE,EACF,OAAmB,EACnB,IAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAchB"}

package/dist/ui/primitives/Button/index.d.ts

@@ -0,0 +1,4 @@
+export { Button } from './adapters/Button.react.tsx';
+export { BUTTON_VARIANTS, BUTTON_SIZES } from './Button.types.ts';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button.types.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/primitives/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/ui/primitives/Inline/Inline.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Inline.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Inline/Inline.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,GAAG,kIAgBd,CAAC;AAEH,eAAO,MAAM,KAAK,qEAMhB,CAAC;AAEH,eAAO,MAAM,OAAO,8EAOlB,CAAC"}
+{"version":3,"file":"Inline.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Inline/Inline.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,GAAG,kIAAsD,CAAC;AAEvE,eAAO,MAAM,KAAK,qEAMhB,CAAC;AAEH,eAAO,MAAM,OAAO,8EAOlB,CAAC"}

package/dist/ui/primitives/Inline/Inline.types.d.ts

@@ -1,7 +1,9 @@
 import { ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
 import { SpacingTokenKey } from '../../../tokens/index.ts';
-export type InlineAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-export type InlineJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export declare const INLINE_ALIGNS: readonly ["start", "center", "end", "stretch", "baseline"];
+export declare const INLINE_JUSTIFIES: readonly ["start", "center", "end", "between", "around", "evenly"];
+export type InlineAlign = typeof INLINE_ALIGNS[number];
+export type InlineJustify = typeof INLINE_JUSTIFIES[number];
 export interface InlineOwnProps<T extends ElementType = 'div'> {
     as?: T;
     gap?: SpacingTokenKey;

package/dist/ui/primitives/Inline/Inline.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Inline.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Inline/Inline.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAC9E,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEzF,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAC3D,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACnD,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Inline.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Inline/Inline.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,eAAO,MAAM,aAAa,4DAAgE,CAAC;AAC3F,eAAO,MAAM,gBAAgB,oEAAqE,CAAC;AAEnG,MAAM,MAAM,WAAW,GAAK,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAC3D,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACnD,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/ui/primitives/Inline/adapters/Inline.element.d.ts

@@ -0,0 +1,27 @@
+import { SpacingTokenKey } from '../../../../tokens/index.ts';
+import { InlineAlign, InlineJustify } from '../Inline.types.ts';
+declare class LoomInline extends HTMLElement {
+    static observedAttributes: readonly ["gap", "align", "justify", "wrap"];
+    get gap(): SpacingTokenKey | null;
+    set gap(val: SpacingTokenKey | null);
+    get align(): InlineAlign | null;
+    set align(val: InlineAlign | null);
+    get justify(): InlineJustify | null;
+    set justify(val: InlineJustify | null);
+    get wrap(): boolean;
+    set wrap(val: boolean);
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private _syncScheduled;
+    private _scheduleSync;
+    private _prev;
+    private _sync;
+    private _apply;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'loom-inline': LoomInline;
+    }
+}
+export { LoomInline };
+//# sourceMappingURL=Inline.element.d.ts.map

package/dist/ui/primitives/Inline/adapters/Inline.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.element.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Inline/adapters/Inline.element.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAErE,cAAM,UAAW,SAAQ,WAAW;IAElC,MAAM,CAAC,kBAAkB,+CAAgD;IAGzE,IAAI,GAAG,IAAI,eAAe,GAAG,IAAI,CAEhC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI,EAGlC;IAED,IAAI,KAAK,IAAI,WAAW,GAAG,IAAI,CAE9B;IACD,IAAI,KAAK,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,EAGhC;IAED,IAAI,OAAO,IAAI,aAAa,GAAG,IAAI,CAElC;IACD,IAAI,OAAO,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,EAGpC;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,GAAG,EAAE,OAAO,EAEpB;IAGD,iBAAiB;IAKjB,wBAAwB;IAIxB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,KAAK,CAKX;IAGF,OAAO,CAAC,KAAK;IAUb,OAAO,CAAC,MAAM;CAYf;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/ui/primitives/Inline/index.d.ts

@@ -1,3 +1,4 @@
 export { Inline } from './adapters/Inline.react.tsx';
+export { INLINE_ALIGNS, INLINE_JUSTIFIES } from './Inline.types.ts';
 export type { InlineProps, InlineAlign, InlineJustify } from './Inline.types.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/primitives/Inline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Inline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Inline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/ui/primitives/Stack/Stack.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Stack/Stack.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,GAAG,kIAgBd,CAAC;AAEH,eAAO,MAAM,KAAK,qEAMhB,CAAC;AAEH,eAAO,MAAM,OAAO,8EAOlB,CAAC"}
+{"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Stack/Stack.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,GAAG,kIAAsD,CAAC;AAEvE,eAAO,MAAM,KAAK,qEAMhB,CAAC;AAEH,eAAO,MAAM,OAAO,8EAOlB,CAAC"}

package/dist/ui/primitives/Stack/Stack.types.d.ts

@@ -1,7 +1,9 @@
 import { ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
 import { SpacingTokenKey } from '../../../tokens/index.ts';
-export type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-export type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export declare const STACK_ALIGNS: readonly ["start", "center", "end", "stretch", "baseline"];
+export declare const STACK_JUSTIFIES: readonly ["start", "center", "end", "between", "around", "evenly"];
+export type StackAlign = typeof STACK_ALIGNS[number];
+export type StackJustify = typeof STACK_JUSTIFIES[number];
 export interface StackOwnProps<T extends ElementType = 'div'> {
     as?: T;
     gap?: SpacingTokenKey;

package/dist/ui/primitives/Stack/Stack.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Stack/Stack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAC7E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAExF,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAC1D,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAClD,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Stack.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Stack/Stack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,eAAO,MAAM,YAAY,4DAAgE,CAAC;AAC1F,eAAO,MAAM,eAAe,oEAAqE,CAAC;AAElG,MAAM,MAAM,UAAU,GAAK,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AACvD,MAAM,MAAM,YAAY,GAAG,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC;AAE1D,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAC1D,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAClD,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/ui/primitives/Stack/adapters/Stack.element.d.ts

@@ -0,0 +1,25 @@
+import { SpacingTokenKey } from '../../../../tokens/index.ts';
+import { StackAlign, StackJustify } from '../Stack.types.ts';
+declare class LoomStack extends HTMLElement {
+    static observedAttributes: readonly ["gap", "align", "justify"];
+    get gap(): SpacingTokenKey | null;
+    set gap(val: SpacingTokenKey | null);
+    get align(): StackAlign | null;
+    set align(val: StackAlign | null);
+    get justify(): StackJustify | null;
+    set justify(val: StackJustify | null);
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private _syncScheduled;
+    private _scheduleSync;
+    private _prev;
+    private _sync;
+    private _apply;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'loom-stack': LoomStack;
+    }
+}
+export { LoomStack };
+//# sourceMappingURL=Stack.element.d.ts.map

package/dist/ui/primitives/Stack/adapters/Stack.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.element.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Stack/adapters/Stack.element.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAElE,cAAM,SAAU,SAAQ,WAAW;IAEjC,MAAM,CAAC,kBAAkB,uCAAwC;IAGjE,IAAI,GAAG,IAAI,eAAe,GAAG,IAAI,CAEhC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI,EAGlC;IAED,IAAI,KAAK,IAAI,UAAU,GAAG,IAAI,CAE7B;IACD,IAAI,KAAK,CAAC,GAAG,EAAE,UAAU,GAAG,IAAI,EAG/B;IAED,IAAI,OAAO,IAAI,YAAY,GAAG,IAAI,CAEjC;IACD,IAAI,OAAO,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,EAGnC;IAGD,iBAAiB;IAKjB,wBAAwB;IAIxB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,KAAK,CAIX;IAGF,OAAO,CAAC,KAAK;IAQb,OAAO,CAAC,MAAM;CAYf;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/ui/primitives/Stack/index.d.ts

@@ -1,3 +1,4 @@
 export { Stack } from './adapters/Stack.react.tsx';
+export { STACK_ALIGNS, STACK_JUSTIFIES } from './Stack.types.ts';
 export type { StackProps, StackAlign, StackJustify } from './Stack.types.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/primitives/Stack/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACjE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/ui/primitives/Text/Text.css.d.ts

@@ -0,0 +1,3 @@
+export declare const root: string;
+export declare const variants: Record<"bodyBase" | "bodySm" | "bodyLg" | "labelBase" | "labelSm" | "labelLg" | "headingH1" | "headingH2" | "headingH3" | "headingH4" | "headingH5" | "headingH6" | "displayLg" | "displayXl" | "display2xl" | "overline" | "caption", string>;
+//# sourceMappingURL=Text.css.d.ts.map

package/dist/ui/primitives/Text/Text.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Text/Text.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAAY,CAAC;AAE9B,eAAO,MAAM,QAAQ,gPAMlB,CAAC"}

package/dist/ui/primitives/Text/Text.types.d.ts

@@ -0,0 +1,10 @@
+import { ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
+import { TypographyTokenKey } from '../../../tokens/index.ts';
+export interface TextOwnProps<T extends ElementType = 'p'> {
+    as?: T;
+    variant: TypographyTokenKey;
+    children?: ReactNode;
+    className?: string;
+}
+export type TextProps<T extends ElementType = 'p'> = TextOwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof TextOwnProps<T>>;
+//# sourceMappingURL=Text.types.d.ts.map

package/dist/ui/primitives/Text/Text.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG;IACvD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAC/C,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/ui/primitives/Text/adapters/Text.element.d.ts

@@ -0,0 +1,20 @@
+import { TypographyTokenKey } from '../../../../tokens/index.ts';
+declare class LoomText extends HTMLElement {
+    static observedAttributes: readonly ["variant"];
+    get variant(): TypographyTokenKey | null;
+    set variant(val: TypographyTokenKey | null);
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private _syncScheduled;
+    private _scheduleSync;
+    private _prev;
+    private _sync;
+    private _apply;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'loom-text': LoomText;
+    }
+}
+export { LoomText };
+//# sourceMappingURL=Text.element.d.ts.map

package/dist/ui/primitives/Text/adapters/Text.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.element.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Text/adapters/Text.element.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,cAAM,QAAS,SAAQ,WAAW;IAEhC,MAAM,CAAC,kBAAkB,uBAAwB;IAGjD,IAAI,OAAO,IAAI,kBAAkB,GAAG,IAAI,CAEvC;IACD,IAAI,OAAO,CAAC,GAAG,EAAE,kBAAkB,GAAG,IAAI,EAGzC;IAGD,iBAAiB;IAKjB,wBAAwB;IAIxB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,KAAK,CAEX;IAGF,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,MAAM;CAYf;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/ui/primitives/Text/adapters/Text.react.d.ts

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+import { TextProps } from '../Text.types.ts';
+export declare function Text<T extends ElementType = 'p'>({ as, variant, children, className, ...props }: TextProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Text.react.d.ts.map

package/dist/ui/primitives/Text/adapters/Text.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.react.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Text/adapters/Text.react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,EAChD,EAAE,EACF,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,CAAC,CAAC,2CAWd"}

package/dist/ui/primitives/Text/index.d.ts

@@ -0,0 +1,3 @@
+export { Text } from './adapters/Text.react.tsx';
+export type { TextProps } from './Text.types.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/primitives/Text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjD,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/ui/primitives/index.d.ts

@@ -4,4 +4,8 @@ export { Inline } from './Inline/index.ts';
 export type { InlineProps, InlineAlign, InlineJustify } from './Inline/index.ts';
 export { Box } from './Box/index.ts';
 export type { BoxProps } from './Box/index.ts';
+export { Text } from './Text/index.ts';
+export type { TextProps } from './Text/index.ts';
+export { Button } from './Button/index.ts';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/primitives/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/ui/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEjF,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,YAAY,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/ui/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEjF,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,YAAY,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/package.json

@@ -1,15 +1,25 @@
 {
   "name": "@loom-sdc/design-system",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
+    },
+    "./core": {
+      "types": "./dist/index.core.d.ts",
+      "import": "./dist/core.mjs",
+      "require": "./dist/core.cjs"
+    },
+    "./elements": {
+      "types": "./dist/index.elements.d.ts",
+      "import": "./dist/elements.mjs",
+      "require": "./dist/elements.cjs"
     },
     "./style.css": "./dist/style.css",
     "./fonts.css": "./dist/fonts.css"
@@ -19,28 +29,37 @@
   ],
   "sideEffects": [
     "dist/style.css",
-    "dist/fonts.css"
+    "dist/fonts.css",
+    "dist/elements.mjs",
+    "dist/elements.cjs"
   ],
   "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
     "build:lib": "vite build --config vite.lib.config.ts",
     "release": "npm run build:lib && npm publish --access public",
     "lint": "eslint .",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
+    "storybook": "storybook dev -p 6007",
     "build-storybook": "storybook build"
   },
   "peerDependencies": {
     "react": ">=19",
     "react-dom": ">=19"
   },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@vanilla-extract/css": "^1.20.1"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
+    "@figma/code-connect": "^1.4.4",
     "@microsoft/api-extractor": "^7.58.7",
+    "@storybook/addon-a11y": "^10.3.6",
     "@storybook/addon-docs": "^10.3.6",
     "@storybook/addon-vitest": "^10.3.6",
     "@storybook/react-vite": "^10.3.6",
@@ -54,6 +73,7 @@
     "eslint": "^10.2.1",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
+    "eslint-plugin-storybook": "^10.3.6",
     "globals": "^17.5.0",
     "playwright": "^1.59.1",
     "react": "^19.2.5",