@ds-mo/ui 0.3.0 → 0.4.0

package/dist/components/p-BcuUR5Ao.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,h as t,t as i}from"./index.js";const n=()=>`:host{display:inline-flex;align-items:center;flex-shrink:0}.spinner{flex-shrink:0;animation:spin 0.75s linear infinite}.status{display:inline-flex;align-items:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}`;const r=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.size=20}render(){const e=`${this.size}px`;const s=t("svg",{style:{width:e,height:e},viewBox:"0 0 16 16",fill:"none",class:"spinner","aria-hidden":"true"},t("circle",{cx:"8",cy:"8",r:"5",stroke:"currentColor","stroke-width":"1","stroke-linecap":"round","stroke-dasharray":"23.6 7.9"}));if(!this.label)return s;return t("span",{role:"status","aria-live":"polite",class:"status"},s,t("span",{class:"visually-hidden"},this.label))}static get style(){return n()}},[1,"ds-loader",{size:[2],label:[1]}]);function a(){if(typeof customElements==="undefined"){return}const e=["ds-loader"];e.forEach((e=>{switch(e){case"ds-loader":if(!customElements.get(i(e))){customElements.define(i(e),r)}break}}))}a();export{r as L,a as d};
+//# sourceMappingURL=p-BcuUR5Ao.js.map

package/dist/components/p-BcuUR5Ao.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["loaderCss","Loader","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","size","render","px","svg","h","style","width","height","viewBox","fill","class","cx","cy","r","stroke","label","role"],"sources":["src/wc/components/Loader/Loader.css?tag=ds-loader&encapsulation=shadow","src/wc/components/Loader/Loader.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.spinner {\n  flex-shrink: 0;\n  animation: spin 0.75s linear infinite;\n}\n\n.status {\n  display: inline-flex;\n  align-items: center;\n}\n\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'ds-loader',\n  styleUrl: 'Loader.css',\n  shadow: true,\n})\nexport class Loader {\n  /** Render size in px. Designed on a 16×16 viewBox; stroke scales proportionally. */\n  @Prop() size: number = 20;\n  /**\n   * Accessible label for standalone usage. Wraps the spinner in a live region\n   * and renders the label visually-hidden. Omit when the host element already\n   * conveys busy state via aria-busy.\n   */\n  @Prop() label: string | undefined;\n\n  render() {\n    const px = `${this.size}px`;\n    const svg = (\n      <svg\n        style={{ width: px, height: px }}\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        class=\"spinner\"\n        aria-hidden=\"true\"\n      >\n        <circle\n          cx=\"8\" cy=\"8\" r=\"5\"\n          stroke=\"currentColor\"\n          stroke-width=\"1\"\n          stroke-linecap=\"round\"\n          stroke-dasharray=\"23.6 7.9\"\n        />\n      </svg>\n    );\n\n    if (!this.label) return svg;\n\n    return (\n      <span role=\"status\" aria-live=\"polite\" class=\"status\">\n        {svg}\n        <span class=\"visually-hidden\">{this.label}</span>\n      </span>\n    );\n  }\n}\n"],"mappings":"oDAAA,MAAMA,EAAY,IAAM,kY,MCOXC,EAAMC,EAAA,MAAAD,UAAAE,EALnB,WAAAC,CAAAC,G,kEAOUC,KAAAC,KAAe,EAqCxB,CA7BC,MAAAC,GACE,MAAMC,EAAK,GAAGH,KAAKC,SACnB,MAAMG,EACJC,EAAA,OACEC,MAAO,CAAEC,MAAOJ,EAAIK,OAAQL,GAC5BM,QAAQ,YACRC,KAAK,OACLC,MAAM,UAAS,cACH,QAEZN,EAAA,UACEO,GAAG,IAAIC,GAAG,IAAIC,EAAE,IAChBC,OAAO,eAAc,eACR,IAAG,iBACD,QAAO,mBACL,cAKvB,IAAKf,KAAKgB,MAAO,OAAOZ,EAExB,OACEC,EAAA,QAAMY,KAAK,SAAQ,YAAW,SAASN,MAAM,UAC1CP,EACDC,EAAA,QAAMM,MAAM,mBAAmBX,KAAKgB,O","ignoreList":[]}

package/dist/types/.stencil/Accordion/Accordion.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface AccordionItemData {
+    id: string;
+    label: string;
+    content?: string;
+    inactive?: boolean;
+}
+export declare class Accordion {
+    el: HTMLElement;
+    items: AccordionItemData[];
+    multiple: boolean;
+    /** Comma-separated list of expanded item IDs for controlled mode. */
+    expandedIds: string;
+    private internalIds;
+    private heights;
+    dsExpandedChange: EventEmitter<string[]>;
+    private instanceId;
+    private resizeObservers;
+    private get activeIds();
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onItemsChange(): void;
+    private bindResizeObservers;
+    private measureAll;
+    private toggle;
+    render(): any;
+}
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/types/.stencil/Badge/Badge.d.ts

@@ -0,0 +1,8 @@
+export declare class Badge {
+    count: number;
+    isSelected: boolean;
+    /** Accessible label. Defaults to the count as a string. */
+    label: string | undefined;
+    render(): any;
+}
+//# sourceMappingURL=Badge.d.ts.map

package/dist/types/.stencil/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export type {} from './Badge';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/.stencil/Banner/Banner.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BannerIntent = 'brand' | 'positive' | 'negative' | 'warning' | 'caution' | 'ai' | 'neutral' | 'walkthrough' | 'guide';
+export type BannerContrast = 'faint' | 'medium' | 'bold' | 'strong';
+export declare class Banner {
+    intent: BannerIntent;
+    contrast: BannerContrast;
+    message: string;
+    /** Renders the diagonal-stripe accent bar above the body. */
+    header: boolean;
+    /** Renders at a fixed position (centered top) and auto-dismisses after 4 s. */
+    floating: boolean;
+    showDismiss: boolean;
+    dismissLabel: string;
+    private closing;
+    dsDismiss: EventEmitter<void>;
+    private dismissTimer;
+    private closeTimer;
+    componentDidLoad(): void;
+    onMessageChange(newVal: string): void;
+    disconnectedCallback(): void;
+    private clearTimers;
+    private scheduleDismiss;
+    private beginClose;
+    private getContentColor;
+    private getBg;
+    private getElevation;
+    render(): any;
+}
+//# sourceMappingURL=Banner.d.ts.map

package/dist/types/.stencil/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export declare class Breadcrumb {
+    items: BreadcrumbItem[];
+    separator: string;
+    dsNavigate: EventEmitter<{
+        item: BreadcrumbItem;
+        index: number;
+    }>;
+    private handleClick;
+    render(): any;
+}
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/types/.stencil/Button/Button.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type ButtonVariant = 'primary' | 'secondary';
+export type ButtonElevation = 'none' | 'flat' | 'elevated' | 'floating';
+export type ButtonIntent = 'none' | 'neutral' | 'brand' | 'ai' | 'negative' | 'warning' | 'caution' | 'positive';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+export type ButtonContrast = 'strong' | 'bold' | 'medium' | 'faint';
+export type ButtonBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'always-dark';
+export declare class Button {
+    el: HTMLElement;
+    variant: ButtonVariant;
+    intent: ButtonIntent;
+    size: ButtonSize;
+    label: string | undefined;
+    rounded: boolean;
+    fullWidth: boolean;
+    width: string | undefined;
+    contrast: ButtonContrast;
+    background: ButtonBackground | undefined;
+    dropdown: boolean;
+    badgeCount: number | undefined;
+    elevation: ButtonElevation | undefined;
+    loading: boolean;
+    inactive: boolean;
+    href: string | undefined;
+    target: string | undefined;
+    type: 'button' | 'submit' | 'reset';
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    private hasIcon;
+    dsClick: EventEmitter<MouseEvent>;
+    dsMouseEnter: EventEmitter<MouseEvent>;
+    dsMouseLeave: EventEmitter<MouseEvent>;
+    componentWillLoad(): void;
+    private handleClick;
+    private get effectiveElevation();
+    render(): any;
+}
+//# sourceMappingURL=Button.d.ts.map

package/dist/types/.stencil/Button/index.d.ts

@@ -0,0 +1,2 @@
+export type { ButtonVariant, ButtonElevation, ButtonIntent, ButtonSize, ButtonContrast, ButtonBackground } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/.stencil/Card/Card.d.ts

@@ -0,0 +1,8 @@
+export type CardElevation = 'flat' | 'elevated' | 'floating';
+export type CardRadius = 'sm' | 'md' | 'lg' | 'xl';
+export declare class Card {
+    elevation: CardElevation;
+    radius: CardRadius;
+    render(): any;
+}
+//# sourceMappingURL=Card.d.ts.map

package/dist/types/.stencil/Checkbox/Checkbox.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Checkbox {
+    private labelId;
+    label: string;
+    checked: boolean;
+    indeterminate: boolean;
+    inactive: boolean;
+    dsChange: EventEmitter<boolean>;
+    private handleActivate;
+    private handleKeyDown;
+    render(): any;
+}
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/types/.stencil/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export type {} from './Checkbox';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/.stencil/Divider/Divider.d.ts

@@ -0,0 +1,7 @@
+export type DividerOrientation = 'horizontal' | 'vertical';
+export declare class Divider {
+    /** Direction of the divider line. Defaults to 'horizontal'. */
+    orientation: DividerOrientation;
+    render(): any;
+}
+//# sourceMappingURL=Divider.d.ts.map

package/dist/types/.stencil/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export type { DividerOrientation } from './Divider';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/.stencil/EmptyState/EmptyState.d.ts

@@ -0,0 +1,7 @@
+export type EmptyStateType = 'no-content' | 'no-results' | 'no-results-filter' | 'no-access';
+export declare class EmptyState {
+    type: EmptyStateType;
+    message: string | undefined;
+    render(): any;
+}
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/types/.stencil/Fade/Fade.d.ts

@@ -0,0 +1,10 @@
+export type FadeSide = 'top' | 'bottom' | 'left' | 'right';
+export declare class Fade {
+    side: FadeSide;
+    /** Height (or width for left/right) of the fade overlay — any CSS value. */
+    height: string | undefined;
+    /** Background color to fade from. Defaults to var(--color-background-secondary). */
+    background: string;
+    render(): any;
+}
+//# sourceMappingURL=Fade.d.ts.map

package/dist/types/.stencil/Fade/index.d.ts

@@ -0,0 +1,2 @@
+export type { FadeSide } from './Fade';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/.stencil/Field/Field.d.ts

@@ -0,0 +1,8 @@
+export declare class Field {
+    label: string;
+    /** ID forwarded to the slotted control via the label's `for` attribute. Auto-generated if omitted. */
+    fieldId: string | undefined;
+    private resolvedId;
+    render(): any;
+}
+//# sourceMappingURL=Field.d.ts.map

package/dist/types/.stencil/Header/Header.d.ts

@@ -0,0 +1,7 @@
+export type HeaderBackground = 'primary' | 'secondary' | 'transparent' | 'translucent';
+export declare class Header {
+    heading: string | undefined;
+    background: HeaderBackground;
+    render(): any;
+}
+//# sourceMappingURL=Header.d.ts.map

package/dist/types/.stencil/Input/Input.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type InputType = 'text' | 'email' | 'tel' | 'url' | 'search' | 'password';
+export declare class Input {
+    el: HTMLElement;
+    private generatedId;
+    private errorId;
+    value: string;
+    placeholder: string | undefined;
+    type: InputType;
+    inactive: boolean;
+    autoFocus: boolean;
+    error: boolean;
+    errorMessage: string | undefined;
+    /** Associates the internal input with an external <label>. */
+    inputId: string | undefined;
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    ariaDescribedby: string | undefined;
+    dsChange: EventEmitter<string>;
+    dsClear: EventEmitter<void>;
+    setFocus(): Promise<void>;
+    private handleInput;
+    private handleClear;
+    render(): any;
+}
+//# sourceMappingURL=Input.d.ts.map

package/dist/types/.stencil/Input/index.d.ts

@@ -0,0 +1,2 @@
+export type { InputType } from './Input';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/.stencil/Loader/Loader.d.ts

@@ -0,0 +1,12 @@
+export declare class Loader {
+    /** Render size in px. Designed on a 16×16 viewBox; stroke scales proportionally. */
+    size: number;
+    /**
+     * Accessible label for standalone usage. Wraps the spinner in a live region
+     * and renders the label visually-hidden. Omit when the host element already
+     * conveys busy state via aria-busy.
+     */
+    label: string | undefined;
+    render(): any;
+}
+//# sourceMappingURL=Loader.d.ts.map

package/dist/types/.stencil/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export type {} from './Loader';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/.stencil/Menu/Menu.d.ts

@@ -0,0 +1,60 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type MenuSide = 'top' | 'right' | 'bottom' | 'left';
+export type MenuAlign = 'start' | 'center' | 'end';
+export interface MenuItemData {
+    label: string;
+    value?: string;
+    subtext?: string;
+    isSelected?: boolean;
+    isInactive?: boolean;
+    isDestructive?: boolean;
+    showToggle?: boolean;
+    toggleValue?: boolean;
+}
+export interface MenuSection {
+    header?: string;
+    items: MenuItemData[];
+}
+export declare class Menu {
+    el: HTMLElement;
+    open: boolean;
+    items: MenuItemData[];
+    sections: MenuSection[];
+    side: MenuSide;
+    align: MenuAlign;
+    sideOffset: number;
+    alignOffset: number;
+    menuWidth: string | undefined;
+    minWidth: string | undefined;
+    /** External trigger element to position against. Set via JS: menuEl.anchor = buttonEl */
+    anchor: HTMLElement | undefined;
+    /** ID of the external trigger element for positioning */
+    anchorId: string | undefined;
+    private shouldRender;
+    private closing;
+    private pos;
+    private focusedIndex;
+    private positionReady;
+    dsClose: EventEmitter<void>;
+    dsSelect: EventEmitter<MenuItemData>;
+    private clickOutsideHandler;
+    private scrollResizeHandler;
+    private closeTimer;
+    private itemEls;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onOpenChange(isOpen: boolean): void;
+    private get resolvedAnchor();
+    private get activeSections();
+    private get flatItems();
+    private calculatePosition;
+    private focusFirstItem;
+    private setupListeners;
+    private teardownListeners;
+    private close;
+    handleKeyDown(e: KeyboardEvent): void;
+    private focusItem;
+    private handleItemClick;
+    render(): any;
+}
+//# sourceMappingURL=Menu.d.ts.map

package/dist/types/.stencil/Modal/Modal.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type ModalWidth = 'sm' | 'md' | 'lg';
+export declare class Modal {
+    el: HTMLElement;
+    open: boolean;
+    heading: string;
+    subtitle: string | undefined;
+    modalWidth: ModalWidth | string;
+    private shouldRender;
+    private closing;
+    dsClose: EventEmitter<void>;
+    private instanceId;
+    private titleId;
+    private subtitleId;
+    private previousFocus;
+    private escapeHandler;
+    private tabHandler;
+    private closeTimer;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onOpenChange(isOpen: boolean): void;
+    private focusFirst;
+    private getFocusables;
+    private setupListeners;
+    private teardownListeners;
+    private close;
+    private handleBackdropMouseDown;
+    private get resolvedWidth();
+    render(): any;
+}
+//# sourceMappingURL=Modal.d.ts.map

package/dist/types/.stencil/Pagination/Pagination.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Pagination {
+    page: number;
+    totalPages: number;
+    siblingCount: number;
+    inactive: boolean;
+    dsPageChange: EventEmitter<number>;
+    private go;
+    render(): any;
+}
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/types/.stencil/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface RadioOption {
+    label: string;
+    value: string;
+    inactive?: boolean;
+}
+export declare class RadioGroup {
+    el: HTMLElement;
+    options: RadioOption[];
+    value: string;
+    direction: 'vertical' | 'horizontal';
+    inactive: boolean;
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    dsChange: EventEmitter<string>;
+    private get activeItems();
+    handleKeyDown(e: KeyboardEvent): void;
+    private selectItem;
+    render(): any;
+}
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/types/.stencil/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+export type { RadioOption } from './RadioGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/.stencil/Scrollbar/Scrollbar.d.ts

@@ -0,0 +1,27 @@
+export type ScrollbarVariant = 'default' | 'thick';
+export declare class Scrollbar {
+    el: HTMLElement;
+    variant: ScrollbarVariant;
+    showTrackOnHover: boolean;
+    private thumbHeight;
+    private thumbTop;
+    private thumbWidth;
+    private thumbLeft;
+    private isDragging;
+    private isDraggingH;
+    private isPointerInside;
+    private contentEl;
+    private resizeObserver;
+    private scrollHandler;
+    private dragStartY;
+    private dragStartScrollTop;
+    private dragStartX;
+    private dragStartScrollLeft;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private updateThumb;
+    private handleThumbMouseDown;
+    private handleThumbHMouseDown;
+    render(): any;
+}
+//# sourceMappingURL=Scrollbar.d.ts.map

package/dist/types/.stencil/Sidebar/Sidebar.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type SidebarWidth = 'mini' | 'default' | number;
+export declare class Sidebar {
+    el: HTMLElement;
+    collapsed: boolean;
+    width: SidebarWidth;
+    resizable: boolean;
+    mobile: boolean;
+    private isResizing;
+    dsToggle: EventEmitter<void>;
+    dsWidthChange: EventEmitter<SidebarWidth>;
+    private triggerEl;
+    private escapeHandler;
+    private tabHandler;
+    private mouseMoveHandler;
+    private mouseUpHandler;
+    private get resolvedWidth();
+    private get isMobileOpen();
+    onCollapsedChange(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private setupMobileFocusTrap;
+    private teardownMobileFocusTrap;
+    private cleanupMouseHandlers;
+    private handleResizeMouseDown;
+    private handleResizeKeyDown;
+    render(): any;
+}
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/types/.stencil/Skeleton/Skeleton.d.ts

@@ -0,0 +1,16 @@
+export type SkeletonVariant = 'text' | 'circular' | 'rectangular';
+export declare class Skeleton {
+    variant: SkeletonVariant;
+    /** Width as a CSS value string (e.g. '200px', '100%') or number (px). */
+    width: string | number | undefined;
+    /** Height as a CSS value string or number (px). */
+    height: string | number | undefined;
+    /** Number of text lines. Only used when variant is 'text'. */
+    lines: number;
+    /** Whether to show the shimmer animation. */
+    shimmer: boolean;
+    private get widthCss();
+    private get heightCss();
+    render(): any;
+}
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/types/.stencil/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export type { SkeletonVariant } from './Skeleton';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/.stencil/Slider/Slider.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Slider {
+    private generatedId;
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    label: string;
+    inactive: boolean;
+    valueText: string | undefined;
+    /** Associates with an external <label>. Defaults to an auto-generated ID. */
+    inputId: string | undefined;
+    dsChange: EventEmitter<number>;
+    private handleInput;
+    private get pct();
+    render(): any;
+}
+//# sourceMappingURL=Slider.d.ts.map

package/dist/types/.stencil/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export type {} from './Slider';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/.stencil/Surface/Surface.d.ts

@@ -0,0 +1,22 @@
+export type SurfaceIntent = 'brand' | 'positive' | 'negative' | 'warning' | 'caution' | 'ai' | 'neutral' | 'walkthrough' | 'guide';
+export type SurfaceBackground = 'primary' | 'secondary' | 'transparent' | 'translucent';
+export type SurfaceContrast = 'faint' | 'medium' | 'bold' | 'strong';
+export type SurfaceElevation = 'none' | 'depressed' | 'depressed-md' | 'flat' | 'elevated' | 'floating' | 'overlayTop' | 'overlayRight' | 'overlayBottom' | 'overlayLeft';
+export type SurfaceEdge = 'top' | 'right' | 'bottom' | 'left';
+export type SurfaceRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | (string & {});
+export type SurfaceElement = 'div' | 'section' | 'aside' | 'article' | 'header' | 'footer' | 'main' | 'nav' | 'span';
+export declare class Surface {
+    background: SurfaceBackground;
+    intent: SurfaceIntent | undefined;
+    contrast: SurfaceContrast;
+    elevation: SurfaceElevation;
+    /** Space-separated list of edges: "top bottom" etc. Only applies when elevation='none'. */
+    edge: string | undefined;
+    radius: SurfaceRadius | undefined;
+    interactive: boolean;
+    selected: boolean;
+    inactive: boolean;
+    as: SurfaceElement;
+    render(): any;
+}
+//# sourceMappingURL=Surface.d.ts.map

package/dist/types/.stencil/TabGroup/TabGroup.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type TabBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'always-dark';
+export interface TabItem {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+export declare class TabGroup {
+    el: HTMLElement;
+    value: string;
+    tabs: TabItem[];
+    background: TabBackground | undefined;
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    private indicatorLeft;
+    private indicatorWidth;
+    dsChange: EventEmitter<string>;
+    private resizeObserver;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onValueChange(): void;
+    onTabsChange(): void;
+    private updateIndicator;
+    private selectTab;
+    handleKeyDown(e: KeyboardEvent): void;
+    private getBgClass;
+    render(): any;
+}
+//# sourceMappingURL=TabGroup.d.ts.map

package/dist/types/.stencil/Table/Table.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type SortDirection = 'asc' | 'desc';
+export interface SortState {
+    columnId: string;
+    direction: SortDirection;
+}
+export interface TableColumn<T = unknown> {
+    id: string;
+    header: string;
+    accessorKey?: string;
+    accessor?: (row: T) => unknown;
+    sortable?: boolean;
+    align?: 'left' | 'right' | 'center';
+    width?: string | number;
+    minWidth?: string | number;
+    hide?: boolean;
+}
+export declare class Table {
+    columns: TableColumn[];
+    data: unknown[];
+    sortState: SortState | undefined;
+    loading: boolean;
+    emptyMessage: string;
+    /** Comma-separated zero-based row indices that are selected. */
+    selectedRows: string;
+    /** Page index (0-based). Enables built-in pagination when set alongside pageSize. */
+    pageIndex: number | undefined;
+    pageSize: number;
+    private internalSort;
+    dsSort: EventEmitter<{
+        columnId: string;
+    }>;
+    dsRowClick: EventEmitter<{
+        row: unknown;
+        rowIndex: number;
+    }>;
+    dsPageChange: EventEmitter<{
+        pageIndex: number;
+    }>;
+    private get activeSort();
+    private get visibleCols();
+    private get gridTemplate();
+    private get sortedData();
+    private get pagedData();
+    private get totalPages();
+    private get selectedSet();
+    private handleSort;
+    render(): any;
+}
+//# sourceMappingURL=Table.d.ts.map

package/dist/types/.stencil/Tag/Tag.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type TagIntent = 'neutral' | 'brand' | 'ai' | 'negative' | 'warning' | 'caution' | 'positive';
+export type TagContrast = 'strong' | 'bold' | 'medium' | 'faint';
+export type TagElevation = 'none' | 'flat' | 'elevated';
+export type TagSize = 'md' | 'sm' | 'xs';
+export type TagBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'always-dark';
+export declare class Tag {
+    label: string;
+    intent: TagIntent;
+    contrast: TagContrast;
+    elevation: TagElevation;
+    size: TagSize;
+    rounded: boolean;
+    removable: boolean;
+    maxWidth: string | number | undefined;
+    inactive: boolean;
+    background: TagBackground | undefined;
+    pressed: boolean;
+    /** Whether the tag has a click/toggle behavior. */
+    interactive: boolean;
+    /** Fired when the remove button is clicked. */
+    dsRemove: EventEmitter<void>;
+    /** Fired when an interactive tag is clicked. */
+    dsClick: EventEmitter<void>;
+    /** Fired when the pressed state toggles. */
+    dsPressedChange: EventEmitter<boolean>;
+    private handleClick;
+    private handleKeyDown;
+    private handleRemove;
+    render(): any;
+}
+//# sourceMappingURL=Tag.d.ts.map