@diwacopilot/components 1.0.0

package/dist/collection/components/diwa-tag-dismissible/diwa-tag-dismissible-styles.js

@@ -0,0 +1,82 @@
+import { getFocusStyle, getReducedMotionStyle } from "../../utils/styles";
+const VARIANT_BG = {
+    neutral: 'var(--diwa-bg-surface)',
+    primary: 'var(--diwa-accent-bg)',
+    info: 'var(--diwa-notification-info-soft)',
+    success: 'var(--diwa-notification-success-soft)',
+    warning: 'var(--diwa-notification-warning-soft)',
+    error: 'var(--diwa-notification-error-soft)',
+};
+const VARIANT_COLOR = {
+    neutral: 'var(--diwa-text-primary)',
+    primary: 'var(--diwa-accent)',
+    info: 'var(--diwa-notification-info)',
+    success: 'var(--diwa-notification-success)',
+    warning: 'var(--diwa-notification-warning)',
+    error: 'var(--diwa-notification-error)',
+};
+const VARIANT_BORDER = {
+    neutral: 'var(--diwa-border)',
+    primary: 'var(--diwa-accent)',
+    info: 'var(--diwa-color-info-300)',
+    success: 'transparent',
+    warning: 'transparent',
+    error: 'transparent',
+};
+export const getComponentCss = (variant, compact) => {
+    const bg = VARIANT_BG[variant];
+    const color = VARIANT_COLOR[variant];
+    const border = VARIANT_BORDER[variant];
+    const paddingY = compact ? '1px' : '2px';
+    const paddingX = compact ? '6px' : '10px';
+    const fontSize = compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-md)';
+    const iconSize = compact ? '12px' : '14px';
+    return `
+    :host {
+      display: inline-flex;
+    }
+    :host([hidden]) {
+      display: none;
+    }
+    .tag {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--diwa-space-1);
+      padding: ${paddingY} ${paddingX};
+      font-family: var(--diwa-font-family-base);
+      font-size: ${fontSize};
+      font-weight: var(--diwa-font-weight-medium);
+      line-height: var(--diwa-line-height-tight);
+      color: ${color};
+      background: ${bg};
+      border: var(--diwa-border-width-thin) solid ${border};
+      border-radius: var(--diwa-radius-sm);
+      white-space: nowrap;
+      user-select: none;
+    }
+    .dismiss {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: ${iconSize};
+      height: ${iconSize};
+      margin-left: var(--diwa-space-0-5);
+      padding: 0;
+      background: none;
+      border: none;
+      border-radius: var(--diwa-radius-xs);
+      color: inherit;
+      cursor: pointer;
+      flex-shrink: 0;
+      opacity: var(--diwa-opacity-muted);
+      transition: opacity var(--diwa-transition-base);
+    }
+    .dismiss:hover {
+      opacity: 1;
+    }
+    ${getFocusStyle('.dismiss')}
+
+    ${getReducedMotionStyle('.dismiss')}
+  `;
+};
+//# sourceMappingURL=diwa-tag-dismissible-styles.js.map

package/dist/collection/components/diwa-tag-dismissible/diwa-tag-dismissible-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diwa-tag-dismissible-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-tag-dismissible/diwa-tag-dismissible-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,UAAU,GAA+B;IAC7C,OAAO,EAAE,wBAAwB;IACjC,OAAO,EAAE,uBAAuB;IAChC,IAAI,EAAK,oCAAoC;IAC7C,OAAO,EAAE,uCAAuC;IAChD,OAAO,EAAE,uCAAuC;IAChD,KAAK,EAAI,qCAAqC;CAC/C,CAAC;AACF,MAAM,aAAa,GAA+B;IAChD,OAAO,EAAE,0BAA0B;IACnC,OAAO,EAAE,oBAAoB;IAC7B,IAAI,EAAK,+BAA+B;IACxC,OAAO,EAAE,kCAAkC;IAC3C,OAAO,EAAE,kCAAkC;IAC3C,KAAK,EAAI,gCAAgC;CAC1C,CAAC;AACF,MAAM,cAAc,GAA+B;IACjD,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,oBAAoB;IAC7B,IAAI,EAAK,4BAA4B;IACrC,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAI,aAAa;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAmB,EAAE,OAAgB,EAAU,EAAE;IAC/E,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,0BAA0B,CAAC;IACnF,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3C,OAAO;;;;;;;;;;;iBAWQ,QAAQ,IAAI,QAAQ;;mBAElB,QAAQ;;;eAGZ,KAAK;oBACA,EAAE;oDAC8B,MAAM;;;;;;;;;eAS3C,QAAQ;gBACP,QAAQ;;;;;;;;;;;;;;;MAelB,aAAa,CAAC,UAAU,CAAC;;MAEzB,qBAAqB,CAAC,UAAU,CAAC;GACpC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { TagVariant } from '../diwa-tag/types';\r\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nconst VARIANT_BG: Record<TagVariant, string> = {\r\n  neutral: 'var(--diwa-bg-surface)',\r\n  primary: 'var(--diwa-accent-bg)',\r\n  info:    'var(--diwa-notification-info-soft)',\r\n  success: 'var(--diwa-notification-success-soft)',\r\n  warning: 'var(--diwa-notification-warning-soft)',\r\n  error:   'var(--diwa-notification-error-soft)',\r\n};\r\nconst VARIANT_COLOR: Record<TagVariant, string> = {\r\n  neutral: 'var(--diwa-text-primary)',\r\n  primary: 'var(--diwa-accent)',\r\n  info:    'var(--diwa-notification-info)',\r\n  success: 'var(--diwa-notification-success)',\r\n  warning: 'var(--diwa-notification-warning)',\r\n  error:   'var(--diwa-notification-error)',\r\n};\r\nconst VARIANT_BORDER: Record<TagVariant, string> = {\r\n  neutral: 'var(--diwa-border)',\r\n  primary: 'var(--diwa-accent)',\r\n  info:    'var(--diwa-color-info-300)',\r\n  success: 'transparent',\r\n  warning: 'transparent',\r\n  error:   'transparent',\r\n};\r\n\r\nexport const getComponentCss = (variant: TagVariant, compact: boolean): string => {\r\n  const bg = VARIANT_BG[variant];\r\n  const color = VARIANT_COLOR[variant];\r\n  const border = VARIANT_BORDER[variant];\r\n  const paddingY = compact ? '1px' : '2px';\r\n  const paddingX = compact ? '6px' : '10px';\r\n  const fontSize = compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-md)';\r\n  const iconSize = compact ? '12px' : '14px';\r\n\r\n  return `\r\n    :host {\r\n      display: inline-flex;\r\n    }\r\n    :host([hidden]) {\r\n      display: none;\r\n    }\r\n    .tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--diwa-space-1);\r\n      padding: ${paddingY} ${paddingX};\r\n      font-family: var(--diwa-font-family-base);\r\n      font-size: ${fontSize};\r\n      font-weight: var(--diwa-font-weight-medium);\r\n      line-height: var(--diwa-line-height-tight);\r\n      color: ${color};\r\n      background: ${bg};\r\n      border: var(--diwa-border-width-thin) solid ${border};\r\n      border-radius: var(--diwa-radius-sm);\r\n      white-space: nowrap;\r\n      user-select: none;\r\n    }\r\n    .dismiss {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: ${iconSize};\r\n      height: ${iconSize};\r\n      margin-left: var(--diwa-space-0-5);\r\n      padding: 0;\r\n      background: none;\r\n      border: none;\r\n      border-radius: var(--diwa-radius-xs);\r\n      color: inherit;\r\n      cursor: pointer;\r\n      flex-shrink: 0;\r\n      opacity: var(--diwa-opacity-muted);\r\n      transition: opacity var(--diwa-transition-base);\r\n    }\r\n    .dismiss:hover {\r\n      opacity: 1;\r\n    }\r\n    ${getFocusStyle('.dismiss')}\r\n\r\n    ${getReducedMotionStyle('.dismiss')}\r\n  `;\r\n};\r\n"]}

package/dist/collection/components/diwa-tag-dismissible/diwa-tag-dismissible.js

@@ -0,0 +1,142 @@
+import { Host, h } from "@stencil/core";
+import { getComponentCss } from "./diwa-tag-dismissible-styles";
+/**
+ * @slot default — Tag label content.
+ */
+export class DiwaTagDismissible {
+    constructor() {
+        /** Visual style variant. */
+        this.variant = 'neutral';
+        /** Renders a compact (smaller) version of the tag. */
+        this.compact = false;
+        /** Accessible label for the dismiss button. */
+        this.label = 'Remove';
+        /** Adapts the color when used on a light or dark background. */
+        this.theme = 'dark';
+        this.handleDismiss = () => {
+            this.dismiss.emit();
+        };
+    }
+    render() {
+        const iconSize = this.compact ? 12 : 14;
+        return (h(Host, { key: 'c8ec3a53f5d72a1a8c3f7395287261167408263c', "data-theme": this.theme }, h("style", { key: 'b89acb19c8df5f132aa1a4eeeca2f81333340fdd', innerHTML: getComponentCss(this.variant, this.compact) }), h("span", { key: '6a82c4cb61b84eb631b7cc441314929ab2ab2496', class: "tag" }, h("slot", { key: '4236c4d1ac0f0579804b0a1994ced421670b685c' }), h("button", { key: '831e2295cbd23372f7ba0daa114bef27e0d8c25a', class: "dismiss", type: "button", "aria-label": this.label, onClick: this.handleDismiss }, h("svg", { key: '8172fd785be3d5cea0a0b38243aac3a1e9f2afa8', xmlns: "http://www.w3.org/2000/svg", width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("line", { key: '632af21cd22791194ffdd4a3127b699b359191b6', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: '45285993ae6ae899a06dab3d903c883632ef262a', x1: "6", y1: "6", x2: "18", y2: "18" }))))));
+    }
+    static get is() { return "diwa-tag-dismissible"; }
+    static get encapsulation() { return "shadow"; }
+    static get delegatesFocus() { return true; }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TagVariant",
+                    "resolved": "\"error\" | \"info\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"",
+                    "references": {
+                        "TagVariant": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/diwa-tag-dismissible/types.ts::TagVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Visual style variant."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "variant",
+                "reflect": true,
+                "defaultValue": "'neutral'"
+            },
+            "compact": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Renders a compact (smaller) version of the tag."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "compact",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible label for the dismiss button."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "label",
+                "reflect": false,
+                "defaultValue": "'Remove'"
+            },
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Theme",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {
+                        "Theme": {
+                            "location": "import",
+                            "path": "../../utils/styles",
+                            "id": "src/utils/styles.ts::Theme"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Adapts the color when used on a light or dark background."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "theme",
+                "reflect": true,
+                "defaultValue": "'dark'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "dismiss",
+                "name": "dismiss",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the dismiss button is clicked."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=diwa-tag-dismissible.js.map

package/dist/collection/components/diwa-tag-dismissible/diwa-tag-dismissible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diwa-tag-dismissible.js","sourceRoot":"","sources":["../../../src/components/diwa-tag-dismissible/diwa-tag-dismissible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGnF,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE;;GAEG;AAKH,MAAM,OAAO,kBAAkB;IAJ/B;QAKE,4BAA4B;QACH,YAAO,GAAe,SAAS,CAAC;QAEzD,sDAAsD;QAC7B,YAAO,GAAY,KAAK,CAAC;QAElD,+CAA+C;QACvC,UAAK,GAAY,QAAQ,CAAC;QAElC,gEAAgE;QACvC,UAAK,GAAU,MAAM,CAAC;QAKvC,kBAAa,GAAG,GAAS,EAAE;YACjC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACtB,CAAC,CAAC;KAoCH;IAlCC,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAExC,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI;YACjE,6DAAM,KAAK,EAAC,KAAK;gBACf,8DAAQ;gBACR,+DACE,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,aAAa;oBAE3B,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,iBACX,MAAM;wBAElB,6DAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;wBACtC,6DAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CAClC,CACC,CACJ,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { TagVariant } from './types';\r\nimport { getComponentCss } from './diwa-tag-dismissible-styles';\r\n\r\n/**\r\n * @slot default — Tag label content.\r\n */\r\n@Component({\r\n  tag: 'diwa-tag-dismissible',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaTagDismissible {\r\n  /** Visual style variant. */\r\n  @Prop({ reflect: true }) variant: TagVariant = 'neutral';\r\n\r\n  /** Renders a compact (smaller) version of the tag. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /** Accessible label for the dismiss button. */\r\n  @Prop() label?: string = 'Remove';\r\n\r\n  /** Adapts the color when used on a light or dark background. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Emitted when the dismiss button is clicked. */\r\n  @Event({ bubbles: false, composed: false }) dismiss!: EventEmitter<void>;\r\n\r\n  private handleDismiss = (): void => {\r\n    this.dismiss.emit();\r\n  };\r\n\r\n  render() {\r\n    const iconSize = this.compact ? 12 : 14;\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.variant, this.compact)} />\r\n        <span class=\"tag\">\r\n          <slot />\r\n          <button\r\n            class=\"dismiss\"\r\n            type=\"button\"\r\n            aria-label={this.label}\r\n            onClick={this.handleDismiss}\r\n          >\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              width={iconSize}\r\n              height={iconSize}\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\r\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\r\n            </svg>\r\n          </button>\r\n        </span>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/diwa-tag-dismissible/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/collection/components/diwa-tag-dismissible/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-tag-dismissible/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TagVariant } from '../diwa-tag/types';\r\n\r\nexport type { TagVariant };\r\n"]}

package/dist/collection/components/diwa-text/diwa-text-styles.js

@@ -0,0 +1,42 @@
+const FONT_SIZE = {
+    'x-small': 'var(--diwa-font-size-xs)',
+    'small': 'var(--diwa-font-size-md)',
+    'medium': 'var(--diwa-font-size-base)',
+    'large': 'var(--diwa-font-size-lg)',
+    'x-large': 'var(--diwa-font-size-xl)',
+    'xx-large': 'var(--diwa-font-size-3xl)',
+};
+const FONT_WEIGHT = {
+    regular: 'var(--diwa-font-weight-normal)',
+    semibold: 'var(--diwa-font-weight-semibold)',
+    bold: 'var(--diwa-font-weight-bold)',
+};
+const COLOR = {
+    primary: 'var(--diwa-text-primary)',
+    secondary: 'var(--diwa-text-secondary)',
+    tertiary: 'var(--diwa-text-tertiary)',
+    inherit: 'inherit',
+};
+export const getComponentCss = (size, weight, align, color, ellipsis) => `
+
+  :host {
+    display: block;
+    font-family: var(--diwa-font-family-base);
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+
+  .text {
+    margin: 0;
+    padding: 0;
+    font-size: ${FONT_SIZE[size]};
+    font-weight: ${FONT_WEIGHT[weight]};
+    line-height: var(--diwa-line-height-normal);
+    text-align: ${align};
+    color: ${COLOR[color]};
+    ${ellipsis ? 'overflow: hidden; text-overflow: ellipsis; white-space: nowrap;' : ''}
+  }
+`;
+//# sourceMappingURL=diwa-text-styles.js.map

package/dist/collection/components/diwa-text/diwa-text-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diwa-text-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-text/diwa-text-styles.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAA6B;IAC1C,SAAS,EAAG,0BAA0B;IACtC,OAAO,EAAK,0BAA0B;IACtC,QAAQ,EAAI,4BAA4B;IACxC,OAAO,EAAK,0BAA0B;IACtC,SAAS,EAAG,0BAA0B;IACtC,UAAU,EAAE,2BAA2B;CACxC,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,OAAO,EAAG,gCAAgC;IAC1C,QAAQ,EAAE,kCAAkC;IAC5C,IAAI,EAAM,8BAA8B;CACzC,CAAC;AAEF,MAAM,KAAK,GAA8B;IACvC,OAAO,EAAI,0BAA0B;IACrC,SAAS,EAAE,4BAA4B;IACvC,QAAQ,EAAG,2BAA2B;IACtC,OAAO,EAAI,SAAS;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,IAAc,EACd,MAAkB,EAClB,KAAgB,EAChB,KAAgB,EAChB,QAAiB,EACT,EAAE,CAAC;;;;;;;;;;;;;;iBAcI,SAAS,CAAC,IAAI,CAAC;mBACb,WAAW,CAAC,MAAM,CAAC;;kBAEpB,KAAK;aACV,KAAK,CAAC,KAAK,CAAC;MACnB,QAAQ,CAAC,CAAC,CAAC,iEAAiE,CAAC,CAAC,CAAC,EAAE;;CAEtF,CAAC","sourcesContent":["import type { TextAlign, TextColor, TextSize, TextWeight } from './types';\r\n\r\nconst FONT_SIZE: Record<TextSize, string> = {\r\n  'x-small':  'var(--diwa-font-size-xs)',\r\n  'small':    'var(--diwa-font-size-md)',\r\n  'medium':   'var(--diwa-font-size-base)',\r\n  'large':    'var(--diwa-font-size-lg)',\r\n  'x-large':  'var(--diwa-font-size-xl)',\r\n  'xx-large': 'var(--diwa-font-size-3xl)',\r\n};\r\n\r\nconst FONT_WEIGHT: Record<TextWeight, string> = {\r\n  regular:  'var(--diwa-font-weight-normal)',\r\n  semibold: 'var(--diwa-font-weight-semibold)',\r\n  bold:     'var(--diwa-font-weight-bold)',\r\n};\r\n\r\nconst COLOR: Record<TextColor, string> = {\r\n  primary:   'var(--diwa-text-primary)',\r\n  secondary: 'var(--diwa-text-secondary)',\r\n  tertiary:  'var(--diwa-text-tertiary)',\r\n  inherit:   'inherit',\r\n};\r\n\r\nexport const getComponentCss = (\r\n  size: TextSize,\r\n  weight: TextWeight,\r\n  align: TextAlign,\r\n  color: TextColor,\r\n  ellipsis: boolean,\r\n): string => `\r\n\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .text {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-size: ${FONT_SIZE[size]};\r\n    font-weight: ${FONT_WEIGHT[weight]};\r\n    line-height: var(--diwa-line-height-normal);\r\n    text-align: ${align};\r\n    color: ${COLOR[color]};\r\n    ${ellipsis ? 'overflow: hidden; text-overflow: ellipsis; white-space: nowrap;' : ''}\r\n  }\r\n`;\r\n"]}

package/dist/collection/components/diwa-text/diwa-text.js

@@ -0,0 +1,232 @@
+import { Host, h } from "@stencil/core";
+import { getComponentCss } from "./diwa-text-styles";
+/**
+ * @component diwa-text
+ *
+ * A semantically correct text renderer that maps a visual type scale onto
+ * the correct HTML element. Mirrors the Diwa text API contract.
+ *
+ * Usage:
+ *   <diwa-text size="large" weight="semibold">Section title</diwa-text>
+ *   <diwa-text size="small" color="secondary">Supporting detail</diwa-text>
+ *   <diwa-text tag="span" size="medium" ellipsis>Truncated text</diwa-text>
+ *
+ * @slot default — Text content. Can include inline elements.
+ */
+export class DiwaText {
+    constructor() {
+        // ──────────────────────────────────────────────────────────────
+        // Props
+        // ──────────────────────────────────────────────────────────────
+        /** Per-component theme override. */
+        this.theme = 'dark';
+        /** HTML element to render. Choose based on semantic context. */
+        this.tag = 'p';
+        /** Font size tier. Maps to the diwa type scale. */
+        this.size = 'small';
+        /** Font weight. */
+        this.weight = 'regular';
+        /** Horizontal alignment. `start` and `end` are RTL-aware. */
+        this.align = 'start';
+        /**
+         * Colour alias. Use `inherit` to pass through the surrounding colour unchanged —
+         * useful inside buttons, table cells, or other styled containers.
+         */
+        this.color = 'primary';
+        /**
+         * Clip overflow to a single line with a trailing ellipsis.
+         * The host element must have a defined width for this to take effect.
+         */
+        this.ellipsis = false;
+    }
+    // ──────────────────────────────────────────────────────────────
+    // Render
+    // ──────────────────────────────────────────────────────────────
+    render() {
+        const Tag = this.tag; // eslint-disable-line @typescript-eslint/no-explicit-any
+        return (h(Host, { key: '9f5fd3cbc2cd12f7fef7b55c095aff9cddbbfe30', "data-theme": this.theme }, h("style", { key: 'a83a6f78e4bc7474ce28cf1d3010a021e1bbf099', innerHTML: getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis) }), h(Tag, { key: '24f5ac5e6bcbeaad882089d9a4a996184e712b7d', class: "text" }, h("slot", { key: '027dc2c754f75aa59d4616565c53599051497748' }))));
+    }
+    static get is() { return "diwa-text"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Theme",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {
+                        "Theme": {
+                            "location": "import",
+                            "path": "../../utils/styles",
+                            "id": "src/utils/styles.ts::Theme"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Per-component theme override."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "theme",
+                "reflect": true,
+                "defaultValue": "'dark'"
+            },
+            "tag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TextTag",
+                    "resolved": "\"div\" | \"label\" | \"li\" | \"p\" | \"span\"",
+                    "references": {
+                        "TextTag": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/diwa-text/types.ts::TextTag"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "HTML element to render. Choose based on semantic context."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "tag",
+                "reflect": true,
+                "defaultValue": "'p'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TextSize",
+                    "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\"",
+                    "references": {
+                        "TextSize": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/diwa-text/types.ts::TextSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Font size tier. Maps to the diwa type scale."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "size",
+                "reflect": true,
+                "defaultValue": "'small'"
+            },
+            "weight": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TextWeight",
+                    "resolved": "\"bold\" | \"regular\" | \"semibold\"",
+                    "references": {
+                        "TextWeight": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/diwa-text/types.ts::TextWeight"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Font weight."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "weight",
+                "reflect": true,
+                "defaultValue": "'regular'"
+            },
+            "align": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TextAlign",
+                    "resolved": "\"center\" | \"end\" | \"start\"",
+                    "references": {
+                        "TextAlign": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/diwa-text/types.ts::TextAlign"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Horizontal alignment. `start` and `end` are RTL-aware."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "align",
+                "reflect": true,
+                "defaultValue": "'start'"
+            },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TextColor",
+                    "resolved": "\"inherit\" | \"primary\" | \"secondary\" | \"tertiary\"",
+                    "references": {
+                        "TextColor": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/diwa-text/types.ts::TextColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Colour alias. Use `inherit` to pass through the surrounding colour unchanged \u2014\r\nuseful inside buttons, table cells, or other styled containers."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "color",
+                "reflect": true,
+                "defaultValue": "'primary'"
+            },
+            "ellipsis": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Clip overflow to a single line with a trailing ellipsis.\r\nThe host element must have a defined width for this to take effect."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "ellipsis",
+                "reflect": true,
+                "defaultValue": "false"
+            }
+        };
+    }
+}
+//# sourceMappingURL=diwa-text.js.map

package/dist/collection/components/diwa-text/diwa-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diwa-text.js","sourceRoot":"","sources":["../../../src/components/diwa-text/diwa-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;GAYG;AAKH,MAAM,OAAO,QAAQ;IAJrB;QAKE,iEAAiE;QACjE,QAAQ;QACR,iEAAiE;QAEjE,oCAAoC;QACX,UAAK,GAAU,MAAM,CAAC;QAE/C,gEAAgE;QACvC,QAAG,GAAY,GAAG,CAAC;QAE5C,mDAAmD;QAC1B,SAAI,GAAa,OAAO,CAAC;QAElD,mBAAmB;QACM,WAAM,GAAe,SAAS,CAAC;QAExD,6DAA6D;QACpC,UAAK,GAAc,OAAO,CAAC;QAEpD;;;WAGG;QACsB,UAAK,GAAc,SAAS,CAAC;QAEtD;;;WAGG;QACsB,aAAQ,GAAY,KAAK,CAAC;KAkBpD;IAhBC,iEAAiE;IACjE,SAAS;IACT,iEAAiE;IAEjE,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,GAAU,CAAC,CAAC,yDAAyD;QAEtF,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAI;YACpG,EAAC,GAAG,qDAAC,KAAK,EAAC,MAAM;gBACf,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { TextAlign, TextColor, TextSize, TextTag, TextWeight } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-text-styles';\r\n\r\n/**\r\n * @component diwa-text\r\n *\r\n * A semantically correct text renderer that maps a visual type scale onto\n * the correct HTML element. Mirrors the Diwa text API contract.\n *\r\n * Usage:\r\n *   <diwa-text size=\"large\" weight=\"semibold\">Section title</diwa-text>\r\n *   <diwa-text size=\"small\" color=\"secondary\">Supporting detail</diwa-text>\r\n *   <diwa-text tag=\"span\" size=\"medium\" ellipsis>Truncated text</diwa-text>\r\n *\r\n * @slot default — Text content. Can include inline elements.\r\n */\r\n@Component({\r\n  tag: 'diwa-text',\r\n  shadow: true,\r\n})\r\nexport class DiwaText {\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Per-component theme override. */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** HTML element to render. Choose based on semantic context. */\r\n  @Prop({ reflect: true }) tag: TextTag = 'p';\r\n\r\n  /** Font size tier. Maps to the diwa type scale. */\r\n  @Prop({ reflect: true }) size: TextSize = 'small';\r\n\r\n  /** Font weight. */\r\n  @Prop({ reflect: true }) weight: TextWeight = 'regular';\r\n\r\n  /** Horizontal alignment. `start` and `end` are RTL-aware. */\r\n  @Prop({ reflect: true }) align: TextAlign = 'start';\r\n\r\n  /**\r\n   * Colour alias. Use `inherit` to pass through the surrounding colour unchanged —\r\n   * useful inside buttons, table cells, or other styled containers.\r\n   */\r\n  @Prop({ reflect: true }) color: TextColor = 'primary';\r\n\r\n  /**\r\n   * Clip overflow to a single line with a trailing ellipsis.\r\n   * The host element must have a defined width for this to take effect.\r\n   */\r\n  @Prop({ reflect: true }) ellipsis: boolean = false;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    const Tag = this.tag as any; // eslint-disable-line @typescript-eslint/no-explicit-any\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis)} />\r\n        <Tag class=\"text\">\r\n          <slot />\r\n        </Tag>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/diwa-text/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/collection/components/diwa-text/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-text/types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/**\r\n * diwa-text — Public TypeScript interfaces\r\n */\r\n\r\n/** HTML tag rendered by diwa-text. */\r\nexport type TextTag = 'p' | 'span' | 'div' | 'label' | 'li';\r\n\r\n/** Font size tier. Maps to --diwa-font-size-* tokens. */\r\nexport type TextSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';\r\n\r\n/** Font weight. */\r\nexport type TextWeight = 'regular' | 'semibold' | 'bold';\r\n\r\n/** Horizontal text alignment. */\r\nexport type TextAlign = 'start' | 'center' | 'end';\r\n\r\n/**\r\n * Text colour alias.\r\n * `inherit` — passes through the surrounding text colour unchanged.\r\n */\r\nexport type TextColor = 'primary' | 'secondary' | 'tertiary' | 'inherit';\r\n"]}

package/dist/collection/components/diwa-text-list/diwa-text-list-styles.js

@@ -0,0 +1,21 @@
+export const getComponentCss = (type) => `
+  :host {
+    display: block;
+    font-family: var(--diwa-font-family-base);
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+
+  .list {
+    margin: 0;
+    padding: 0;
+    color: var(--diwa-text-primary);
+    font-size: var(--diwa-font-size-base);
+    line-height: var(--diwa-line-height-normal);
+    ${type === 'inline' ? '' : 'padding-inline-start: 1.25em;'}
+    ${type === 'inline' ? 'list-style: none; display: flex; flex-wrap: wrap; gap: 0.25em 1em;' : ''}
+  }
+`;
+//# sourceMappingURL=diwa-text-list-styles.js.map

package/dist/collection/components/diwa-text-list/diwa-text-list-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diwa-text-list-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-text-list/diwa-text-list-styles.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAkB,EAAU,EAAE,CAAC;;;;;;;;;;;;;;;;MAgBzD,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,+BAA+B;MACxD,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,oEAAoE,CAAC,CAAC,CAAC,EAAE;;CAElG,CAAC","sourcesContent":["import type { TextListType } from './types';\r\n\r\nexport const getComponentCss = (type: TextListType): string => `\r\n  :host {\r\n    display: block;\r\n    font-family: var(--diwa-font-family-base);\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  .list {\r\n    margin: 0;\r\n    padding: 0;\r\n    color: var(--diwa-text-primary);\r\n    font-size: var(--diwa-font-size-base);\r\n    line-height: var(--diwa-line-height-normal);\r\n    ${type === 'inline' ? '' : 'padding-inline-start: 1.25em;'}\r\n    ${type === 'inline' ? 'list-style: none; display: flex; flex-wrap: wrap; gap: 0.25em 1em;' : ''}\r\n  }\r\n`;\r\n"]}