@diwacopilot/components 1.2.0 → 1.2.1

package/dist-custom-elements/diwa-input.js

@@ -1,268 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-5eacc7d0.js';
-import { a as getReducedMotionStyle } from './p-70bbb21a.js';
-
-/**
- * diwa-input — Shadow DOM CSS-in-JS styles
- *
- * NOTE: This is the styles module for the legacy diwa-input component.
- * The newer diwa-input-text (and other input variants) use input-styles.ts.
- */
-const getComponentCss = () => `
-  :host {
-    display: block;
-    font-family: var(--diwa-font-family-base);
-    outline: none;
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-
-  /* ── Label ──────────────────────────────────────────────────────────── */
-
-  .label {
-    display: block;
-    margin-bottom: var(--diwa-space-2);
-    font-size: var(--diwa-font-size-md);
-    font-weight: var(--diwa-font-weight-medium);
-    color: var(--diwa-text-secondary);
-    line-height: var(--diwa-line-height-normal);
-  }
-
-  .required {
-    color: var(--diwa-danger-text);
-  }
-
-  /* ── Wrapper ────────────────────────────────────────────────────────── */
-
-  .wrapper {
-    position: relative;
-    display: flex;
-    align-items: center;
-    gap: var(--diwa-space-2);
-    min-height: var(--diwa-input-height, var(--diwa-touch-target-min-size, 44px));
-    padding: 0 var(--diwa-input-padding-x, 12px);
-    background-color: var(--diwa-input-bg, var(--diwa-bg-input));
-    border: var(--diwa-border-width-base) solid var(--diwa-input-border, var(--diwa-border-light));
-    border-radius: var(--diwa-input-radius, var(--diwa-radius-md));
-    box-sizing: border-box;
-    transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);
-  }
-
-  /* ── Focus ring ─────────────────────────────────────────────────────── */
-
-  /* Focus — border and ring become visible on keyboard navigation */
-  :host(:focus-within) .wrapper,
-  .wrapper:focus-within {
-    border-color: var(--diwa-input-border-focus, var(--diwa-border-focus));
-    box-shadow: 0 0 0 var(--diwa-focus-ring-width) var(--diwa-border-focus);
-  }
-
-  /* ── Native input ───────────────────────────────────────────────────── */
-
-  .input {
-    flex: 1;
-    min-width: 0;
-    appearance: none;
-    -webkit-appearance: none;
-    background: transparent;
-    border: none;
-    outline: none;
-    padding: 0;
-    margin: 0;
-    box-sizing: border-box;
-    width: 100%;
-    font-family: inherit;
-    font-size: var(--diwa-input-font-size, var(--diwa-font-size-base));
-    color: var(--diwa-input-color, var(--diwa-text-primary));
-    line-height: var(--diwa-line-height-normal);
-  }
-
-  .input::placeholder {
-    color: var(--diwa-input-placeholder-color, var(--diwa-text-muted));
-  }
-
-  .input[type="number"]::-webkit-inner-spin-button,
-  .input[type="number"]::-webkit-outer-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  .input[type="search"]::-webkit-search-cancel-button {
-    -webkit-appearance: none;
-  }
-
-  /* ── Prefix / Suffix slots ──────────────────────────────────────────── */
-
-  .prefix,
-  .suffix {
-    display: inline-flex;
-    align-items: center;
-    flex-shrink: 0;
-    color: var(--diwa-text-tertiary);
-  }
-
-  /* ── State: disabled ────────────────────────────────────────────────── */
-
-  :host([disabled]) .wrapper {
-    opacity: var(--diwa-opacity-disabled);
-    cursor: not-allowed;
-    pointer-events: none;
-  }
-
-  :host([disabled]) .label {
-    color: var(--diwa-text-disabled);
-  }
-
-  /* ── State: readonly ────────────────────────────────────────────────── */
-
-  :host([readonly]) .wrapper {
-    background-color: var(--diwa-bg-secondary);
-    cursor: default;
-  }
-
-  /* ── State: error ───────────────────────────────────────────────────── */
-
-  :host([state="error"]) .wrapper {
-    border-color: var(--diwa-input-border-error, var(--diwa-danger));
-  }
-
-  :host([state="error"]:focus-within) .wrapper {
-    border-color: var(--diwa-input-border-error, var(--diwa-danger));
-  }
-
-  /* ── State: success ─────────────────────────────────────────────────── */
-
-  :host([state="success"]) .wrapper {
-    border-color: var(--diwa-input-border-success, var(--diwa-success));
-  }
-
-  :host([state="success"]:focus-within) .wrapper {
-    border-color: var(--diwa-input-border-success, var(--diwa-success));
-  }
-
-  /* ── Hint ───────────────────────────────────────────────────────────── */
-
-  .hint {
-    display: block;
-    margin-top: var(--diwa-space-2);
-    font-size: var(--diwa-font-size-md);
-    color: var(--diwa-text-tertiary);
-    line-height: var(--diwa-line-height-normal);
-  }
-
-  :host([state="error"]) .hint {
-    color: var(--diwa-danger-text);
-  }
-
-  :host([state="success"]) .hint {
-    color: var(--diwa-success-text);
-  }
-
-  ${getReducedMotionStyle('.wrapper')}
-`;
-
-/** Module-level counter — guarantees unique IDs across all DiwaInput instances. */
-let inputIdCounter = 0;
-const DiwaInput$1 = /*@__PURE__*/ proxyCustomElement(class DiwaInput extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.diwaInput = createEvent(this, "diwaInput", 7);
-        this.diwaChange = createEvent(this, "diwaChange", 7);
-        this.diwaFocus = createEvent(this, "diwaFocus", 7);
-        this.diwaBlur = createEvent(this, "diwaBlur", 7);
-        // ──────────────────────────────────────────────────────────────
-        // Props
-        // ──────────────────────────────────────────────────────────────
-        /** Native input type. Controls keyboard, validation, and autocomplete behaviour. */
-        this.type = "text";
-        /** Controlled value. Use with onDiwaChange for controlled form patterns. */
-        this.value = "";
-        /** Marks the field as required. Sets aria-required on the inner input. */
-        this.required = false;
-        /** Disables the input. Blocks pointer and keyboard interaction. */
-        this.disabled = false;
-        /** Makes the input read-only. Content is selectable but not editable. */
-        this.readonly = false;
-        /**
-         * Validation state. Controls border colour and the hint text colour.
-         * Pair with the `hint` prop to surface error or success messages.
-         */
-        this.state = "default";
-        /** Per-component theme override. */
-        this.theme = 'dark';
-        // ──────────────────────────────────────────────────────────────
-        // Private state / helpers
-        // ──────────────────────────────────────────────────────────────
-        this.internalId = `diwa-input-${++inputIdCounter}`;
-        this.handleInput = (e) => {
-            const target = e.target;
-            this.value = target.value;
-            this.diwaInput.emit(this.value);
-        };
-        this.handleChange = (e) => {
-            const target = e.target;
-            this.value = target.value;
-            this.diwaChange.emit(this.value);
-        };
-        this.handleFocus = (e) => {
-            this.diwaFocus.emit(e);
-        };
-        this.handleBlur = (e) => {
-            this.diwaBlur.emit(e);
-        };
-    }
-    get resolvedId() {
-        var _a;
-        return (_a = this.inputId) !== null && _a !== void 0 ? _a : this.internalId;
-    }
-    get hintId() {
-        return `${this.resolvedId}-hint`;
-    }
-    // ──────────────────────────────────────────────────────────────
-    // Render
-    // ──────────────────────────────────────────────────────────────
-    render() {
-        const { resolvedId, hintId } = this;
-        const hasHint = !!this.hint;
-        return (h(Host, { key: '8dd2b3cbf6a137e8a9d1682ff8ff1a08d039f5de', "data-theme": this.theme }, h("style", { key: '35231eb60c943d0bbaddf39a88092ad3590c9f4d', innerHTML: getComponentCss() }), this.label && (h("label", { key: '47b0f0f9342cd354e5bdc638ac8c18243a399e3c', class: "label", part: "label", htmlFor: resolvedId }, this.label, this.required && (h("span", { key: '64148476ed0246ee2b1866e36060a5451fb43fdd', class: "required", "aria-hidden": "true" }, " ", "*")))), h("div", { key: '1c61869f25baecbd320003dddd350124a1289cbd', class: "wrapper", part: "wrapper" }, h("span", { key: 'bd83d18cdf80dddb6155803971fddd6ef4712dfe', class: "prefix", part: "prefix" }, h("slot", { key: '07f4fa63cd34fc5843d175209fcdf77791777383', name: "prefix" })), h("input", { key: 'ea64cc200e44331b6a6d99dfbc37b32d18f49561', id: resolvedId, part: "input", class: "input", type: this.type, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, autocomplete: this.autocomplete, "aria-required": this.required ? "true" : undefined, "aria-invalid": this.state === "error" ? "true" : undefined, "aria-describedby": hasHint ? hintId : undefined, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }), h("span", { key: '2c7bd85837a96c686aed28a8df92632688c5b676', class: "suffix", part: "suffix" }, h("slot", { key: 'f4a570a768212756def2c5b68bcb1acd866178c9', name: "suffix" }))), hasHint && (h("span", { key: '9bdf7a497cd3ff665b06d92b9359e28687af895c', id: hintId, class: "hint", part: "hint", "aria-live": this.state === "error" ? "polite" : undefined }, this.hint))));
-    }
-    static get delegatesFocus() { return true; }
-}, [17, "diwa-input", {
-        "type": [1],
-        "label": [1],
-        "placeholder": [1],
-        "value": [1025],
-        "required": [4],
-        "disabled": [516],
-        "readonly": [516],
-        "state": [513],
-        "hint": [1],
-        "autocomplete": [1],
-        "name": [1],
-        "inputId": [1, "input-id"],
-        "theme": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-input"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-input":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaInput$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaInput = DiwaInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaInput, defineCustomElement };
-
-//# sourceMappingURL=diwa-input.js.map
+import{t as n,p as i,H as a,c as e,h as t,a as r}from"./index.js";import{a as d}from"./p-C8h0Vfqp.js";let s=0;const o=i(class extends a{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.diwaInput=e(this,"diwaInput",7),this.diwaChange=e(this,"diwaChange",7),this.diwaFocus=e(this,"diwaFocus",7),this.diwaBlur=e(this,"diwaBlur",7),this.type="text",this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.state="default",this.theme="dark",this.internalId="diwa-input-"+ ++s,this.handleInput=n=>{this.value=n.target.value,this.diwaInput.emit(this.value)},this.handleChange=n=>{this.value=n.target.value,this.diwaChange.emit(this.value)},this.handleFocus=n=>{this.diwaFocus.emit(n)},this.handleBlur=n=>{this.diwaBlur.emit(n)}}get resolvedId(){var n;return null!==(n=this.inputId)&&void 0!==n?n:this.internalId}get hintId(){return this.resolvedId+"-hint"}render(){const{resolvedId:n,hintId:i}=this,a=!!this.hint;return t(r,{key:"8dd2b3cbf6a137e8a9d1682ff8ff1a08d039f5de","data-theme":this.theme},t("style",{key:"35231eb60c943d0bbaddf39a88092ad3590c9f4d",innerHTML:`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Label ──────────────────────────────────────────────────────────── */\n\n  .label {\n    display: block;\n    margin-bottom: var(--diwa-space-2);\n    font-size: var(--diwa-font-size-md);\n    font-weight: var(--diwa-font-weight-medium);\n    color: var(--diwa-text-secondary);\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  .required {\n    color: var(--diwa-danger-text);\n  }\n\n  /* ── Wrapper ────────────────────────────────────────────────────────── */\n\n  .wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-2);\n    min-height: var(--diwa-input-height, var(--diwa-touch-target-min-size, 44px));\n    padding: 0 var(--diwa-input-padding-x, 12px);\n    background-color: var(--diwa-input-bg, var(--diwa-bg-input));\n    border: var(--diwa-border-width-base) solid var(--diwa-input-border, var(--diwa-border-light));\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\n    box-sizing: border-box;\n    transition: var(--diwa-transition-colors), box-shadow var(--diwa-transition-fast);\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  /* Focus — border and ring become visible on keyboard navigation */\n  :host(:focus-within) .wrapper,\n  .wrapper:focus-within {\n    border-color: var(--diwa-input-border-focus, var(--diwa-border-focus));\n    box-shadow: 0 0 0 var(--diwa-focus-ring-width) var(--diwa-border-focus);\n  }\n\n  /* ── Native input ───────────────────────────────────────────────────── */\n\n  .input {\n    flex: 1;\n    min-width: 0;\n    appearance: none;\n    -webkit-appearance: none;\n    background: transparent;\n    border: none;\n    outline: none;\n    padding: 0;\n    margin: 0;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: inherit;\n    font-size: var(--diwa-input-font-size, var(--diwa-font-size-base));\n    color: var(--diwa-input-color, var(--diwa-text-primary));\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  .input::placeholder {\n    color: var(--diwa-input-placeholder-color, var(--diwa-text-muted));\n  }\n\n  .input[type="number"]::-webkit-inner-spin-button,\n  .input[type="number"]::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  .input[type="search"]::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n  }\n\n  /* ── Prefix / Suffix slots ──────────────────────────────────────────── */\n\n  .prefix,\n  .suffix {\n    display: inline-flex;\n    align-items: center;\n    flex-shrink: 0;\n    color: var(--diwa-text-tertiary);\n  }\n\n  /* ── State: disabled ────────────────────────────────────────────────── */\n\n  :host([disabled]) .wrapper {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  :host([disabled]) .label {\n    color: var(--diwa-text-disabled);\n  }\n\n  /* ── State: readonly ────────────────────────────────────────────────── */\n\n  :host([readonly]) .wrapper {\n    background-color: var(--diwa-bg-secondary);\n    cursor: default;\n  }\n\n  /* ── State: error ───────────────────────────────────────────────────── */\n\n  :host([state="error"]) .wrapper {\n    border-color: var(--diwa-input-border-error, var(--diwa-danger));\n  }\n\n  :host([state="error"]:focus-within) .wrapper {\n    border-color: var(--diwa-input-border-error, var(--diwa-danger));\n  }\n\n  /* ── State: success ─────────────────────────────────────────────────── */\n\n  :host([state="success"]) .wrapper {\n    border-color: var(--diwa-input-border-success, var(--diwa-success));\n  }\n\n  :host([state="success"]:focus-within) .wrapper {\n    border-color: var(--diwa-input-border-success, var(--diwa-success));\n  }\n\n  /* ── Hint ───────────────────────────────────────────────────────────── */\n\n  .hint {\n    display: block;\n    margin-top: var(--diwa-space-2);\n    font-size: var(--diwa-font-size-md);\n    color: var(--diwa-text-tertiary);\n    line-height: var(--diwa-line-height-normal);\n  }\n\n  :host([state="error"]) .hint {\n    color: var(--diwa-danger-text);\n  }\n\n  :host([state="success"]) .hint {\n    color: var(--diwa-success-text);\n  }\n\n  ${d(".wrapper")}\n`}),this.label&&t("label",{key:"47b0f0f9342cd354e5bdc638ac8c18243a399e3c",class:"label",part:"label",htmlFor:n},this.label,this.required&&t("span",{key:"64148476ed0246ee2b1866e36060a5451fb43fdd",class:"required","aria-hidden":"true"}," ","*")),t("div",{key:"1c61869f25baecbd320003dddd350124a1289cbd",class:"wrapper",part:"wrapper"},t("span",{key:"bd83d18cdf80dddb6155803971fddd6ef4712dfe",class:"prefix",part:"prefix"},t("slot",{key:"07f4fa63cd34fc5843d175209fcdf77791777383",name:"prefix"})),t("input",{key:"ea64cc200e44331b6a6d99dfbc37b32d18f49561",id:n,part:"input",class:"input",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autocomplete:this.autocomplete,"aria-required":this.required?"true":void 0,"aria-invalid":"error"===this.state?"true":void 0,"aria-describedby":a?i:void 0,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur}),t("span",{key:"2c7bd85837a96c686aed28a8df92632688c5b676",class:"suffix",part:"suffix"},t("slot",{key:"f4a570a768212756def2c5b68bcb1acd866178c9",name:"suffix"}))),a&&t("span",{key:"9bdf7a497cd3ff665b06d92b9359e28687af895c",id:i,class:"hint",part:"hint","aria-live":"error"===this.state?"polite":void 0},this.hint))}static get delegatesFocus(){return!0}},[273,"diwa-input",{type:[1],label:[1],placeholder:[1],value:[1025],required:[4],disabled:[516],readonly:[516],state:[513],hint:[1],autocomplete:[1],name:[1],inputId:[1,"input-id"],theme:[513]}]);function c(){"undefined"!=typeof customElements&&["diwa-input"].forEach((i=>{"diwa-input"===i&&(customElements.get(n(i))||customElements.define(n(i),o))}))}c();const p=o,h=c;export{p as DiwaInput,h as defineCustomElement}

package/dist-custom-elements/diwa-link-pure.js

@@ -1,217 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-5eacc7d0.js';
-import { g as getFocusStyle, a as getReducedMotionStyle } from './p-70bbb21a.js';
-import { d as defineCustomElement$2 } from './p-473ec48f.js';
-
-const getComponentCss = () => `
-
-  /* ── Host ──────────────────────────────────────────────────────────── */
-
-  :host {
-    display: inline-flex;
-    position: relative;
-    font-family: var(--diwa-font-family-base);
-    outline: none;
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-
-  /* Stretch: fill the parent's inline axis */
-  :host([stretch]) {
-    display: flex;
-    width: 100%;
-  }
-
-  /* ── Root element (<a> or <span>) ───────────────────────────────────── */
-
-  .root {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--diwa-space-2);
-    flex-direction: row; /* overridden by alignLabel=start below */
-
-    background: transparent;
-    border: none;
-    padding: var(--diwa-space-0-5) var(--diwa-space-1);
-    margin: 0;
-    cursor: pointer;
-
-    font-family: inherit;
-    font-size: var(--diwa-font-size-base);
-    font-weight: var(--diwa-font-weight-regular);
-    line-height: 1;
-    color: var(--diwa-text-primary);
-    text-decoration: none;
-    white-space: nowrap;
-
-    -webkit-appearance: none;
-    appearance: none;
-    -webkit-font-smoothing: antialiased;
-
-    border-radius: var(--diwa-radius-sm);
-  }
-
-  /* Stretch: push icon and label to opposite edges */
-  :host([stretch]) .root {
-    width: 100%;
-    justify-content: space-between;
-  }
-
-  /* ── Focus ring ─────────────────────────────────────────────────────── */
-
-  ${getFocusStyle('.root')}
-
-  /* ── Size ───────────────────────────────────────────────────────────── */
-
-  :host([size="sm"]) .root {
-    font-size: var(--diwa-font-size-sm);
-  }
-
-  :host([size="lg"]) .root {
-    font-size: var(--diwa-font-size-lg);
-  }
-
-  /* ── Hover ──────────────────────────────────────────────────────────── */
-
-  .root:hover {
-    background-color: var(--diwa-bg-hover);
-  }
-
-  /* ── Active state (CSS :active + [active] prop) ─────────────────────── */
-
-  :host([active]) .root,
-  .root:active {
-    background-color: var(--diwa-bg-active);
-    color: var(--diwa-text-primary);
-  }
-
-  /* ── Visited — prevent browser default purple ───────────────────────── */
-
-  .root:visited {
-    color: var(--diwa-text-primary);
-  }
-
-  /* ── alignLabel: start → label on left, icon on right ──────────────── */
-
-  :host([align-label="start"]) .root {
-    flex-direction: row-reverse;
-  }
-
-  /* ── Underline label text ───────────────────────────────────────────── */
-
-  :host([underline]) .label {
-    text-decoration: underline;
-  }
-
-  /* ── Icon wrapper ───────────────────────────────────────────────────── */
-
-  .icon {
-    display: contents;
-    flex-shrink: 0;
-    line-height: 0;
-  }
-
-  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */
-
-  .label--hidden {
-    border: 0;
-    clip: rect(0, 0, 0, 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    white-space: nowrap;
-    width: 1px;
-  }
-
-  /* ── Reduced motion ─────────────────────────────────────────────────── */
-
-  ${getReducedMotionStyle('.root')}
-`;
-
-const DiwaLinkPure$1 = /*@__PURE__*/ proxyCustomElement(class DiwaLinkPure extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /** Per-component theme override (light / dark). */
-        this.theme = "dark";
-        /** Target attribute — where to open the linked URL. */
-        this.target = "_self";
-        /**
-         * Lucide icon name (kebab-case, e.g. "arrow-right"), or "none" to hide icon.
-         * Defaults to "arrow-right" — matching PDS p-link-pure.
-         */
-        this.icon = "arrow-right";
-        /** Hides the label visually (icon-only mode). Keep slot text for screen readers. */
-        this.hideLabel = false;
-        /** Display the link in active/pressed visual state. */
-        this.active = false;
-        /** Shows an underline decoration on the label text. */
-        this.underline = false;
-        /** Text size tier — also scales the icon. */
-        this.size = "md";
-        /**
-         * Controls label position relative to the icon.
-         * "end" (default): [icon] [label]
-         * "start":         [label] [icon]
-         */
-        this.alignLabel = "end";
-        /** Stretches the link to fill its container width. */
-        this.stretch = false;
-    }
-    render() {
-        var _a;
-        const isAnchor = !!this.href;
-        const Tag = isAnchor ? "a" : "span";
-        const hasIcon = this.icon !== "none";
-        const iconSize = this.size === "sm" ? 14 : this.size === "lg" ? 20 : 16;
-        const anchorProps = isAnchor
-            ? Object.assign({ href: this.href, target: this.target, download: this.download, rel: (_a = this.rel) !== null && _a !== void 0 ? _a : (this.target === "_blank" ? "noopener noreferrer" : undefined) }, (this.label ? { "aria-label": this.label } : {})) : {};
-        return (h(Host, { key: '151e2ccb51fddc1c75a95717f2828e26f436d8bc', "data-theme": this.theme }, h("style", { key: '13d21d184ad17818999dd79982579427deb1abc1', innerHTML: getComponentCss() }), h(Tag, Object.assign({ key: '47d9ce0db987cadf606730aa385e868e9a03633e', class: "root" }, anchorProps, { part: "base" }), hasIcon && (h("span", { key: 'db89d6a428e17049d457190e5255486bcaecc48a', class: "icon", "aria-hidden": "true" }, h("diwa-icon", { key: 'b94918195e7a2dee50d061f0efd7a476aa525950', name: this.icon, size: iconSize }))), h("span", { key: 'b45e4f2bd9aa89d78237f21cd8842d365f4fe93d', class: `label${this.hideLabel ? " label--hidden" : ""}`, part: "label" }, h("slot", { key: '1613058d56403ec4a41b31e28eef798df3454720' })))));
-    }
-    static get delegatesFocus() { return true; }
-    get host() { return this; }
-}, [17, "diwa-link-pure", {
-        "theme": [513],
-        "href": [1],
-        "target": [1],
-        "download": [1],
-        "rel": [1],
-        "icon": [1],
-        "hideLabel": [516, "hide-label"],
-        "active": [516],
-        "underline": [516],
-        "size": [513],
-        "alignLabel": [513, "align-label"],
-        "stretch": [516],
-        "label": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["diwa-link-pure", "diwa-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "diwa-link-pure":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DiwaLinkPure$1);
-            }
-            break;
-        case "diwa-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DiwaLinkPure = DiwaLinkPure$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DiwaLinkPure, defineCustomElement };
-
-//# sourceMappingURL=diwa-link-pure.js.map
+import{t as n,p as e,H as t,h as a,a as i}from"./index.js";import{b as o,a as r}from"./p-C8h0Vfqp.js";import{d as s}from"./p-DOo0FY37.js";const d=e(class extends t{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.theme="dark",this.target="_self",this.icon="arrow-right",this.hideLabel=!1,this.active=!1,this.underline=!1,this.size="md",this.alignLabel="end",this.stretch=!1}render(){var n;const e=!!this.href,t=e?"a":"span",s="none"!==this.icon,d="sm"===this.size?14:"lg"===this.size?20:16,l=e?Object.assign({href:this.href,target:this.target,download:this.download,rel:null!==(n=this.rel)&&void 0!==n?n:"_blank"===this.target?"noopener noreferrer":void 0},this.label?{"aria-label":this.label}:{}):{};return a(i,{key:"151e2ccb51fddc1c75a95717f2828e26f436d8bc","data-theme":this.theme},a("style",{key:"13d21d184ad17818999dd79982579427deb1abc1",innerHTML:`\n\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: inline-flex;\n    position: relative;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* Stretch: fill the parent's inline axis */\n  :host([stretch]) {\n    display: flex;\n    width: 100%;\n  }\n\n  /* ── Root element (<a> or <span>) ───────────────────────────────────── */\n\n  .root {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--diwa-space-2);\n    flex-direction: row; /* overridden by alignLabel=start below */\n\n    background: transparent;\n    border: none;\n    padding: var(--diwa-space-0-5) var(--diwa-space-1);\n    margin: 0;\n    cursor: pointer;\n\n    font-family: inherit;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-regular);\n    line-height: 1;\n    color: var(--diwa-text-primary);\n    text-decoration: none;\n    white-space: nowrap;\n\n    -webkit-appearance: none;\n    appearance: none;\n    -webkit-font-smoothing: antialiased;\n\n    border-radius: var(--diwa-radius-sm);\n  }\n\n  /* Stretch: push icon and label to opposite edges */\n  :host([stretch]) .root {\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${o(".root")}\n\n  /* ── Size ───────────────────────────────────────────────────────────── */\n\n  :host([size="sm"]) .root {\n    font-size: var(--diwa-font-size-sm);\n  }\n\n  :host([size="lg"]) .root {\n    font-size: var(--diwa-font-size-lg);\n  }\n\n  /* ── Hover ──────────────────────────────────────────────────────────── */\n\n  .root:hover {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  /* ── Active state (CSS :active + [active] prop) ─────────────────────── */\n\n  :host([active]) .root,\n  .root:active {\n    background-color: var(--diwa-bg-active);\n    color: var(--diwa-text-primary);\n  }\n\n  /* ── Visited — prevent browser default purple ───────────────────────── */\n\n  .root:visited {\n    color: var(--diwa-text-primary);\n  }\n\n  /* ── alignLabel: start → label on left, icon on right ──────────────── */\n\n  :host([align-label="start"]) .root {\n    flex-direction: row-reverse;\n  }\n\n  /* ── Underline label text ───────────────────────────────────────────── */\n\n  :host([underline]) .label {\n    text-decoration: underline;\n  }\n\n  /* ── Icon wrapper ───────────────────────────────────────────────────── */\n\n  .icon {\n    display: contents;\n    flex-shrink: 0;\n    line-height: 0;\n  }\n\n  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */\n\n  .label--hidden {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${r(".root")}\n`}),a(t,Object.assign({key:"47d9ce0db987cadf606730aa385e868e9a03633e",class:"root"},l,{part:"base"}),s&&a("span",{key:"db89d6a428e17049d457190e5255486bcaecc48a",class:"icon","aria-hidden":"true"},a("diwa-icon",{key:"b94918195e7a2dee50d061f0efd7a476aa525950",name:this.icon,size:d})),a("span",{key:"b45e4f2bd9aa89d78237f21cd8842d365f4fe93d",class:"label"+(this.hideLabel?" label--hidden":""),part:"label"},a("slot",{key:"1613058d56403ec4a41b31e28eef798df3454720"}))))}static get delegatesFocus(){return!0}get host(){return this}},[273,"diwa-link-pure",{theme:[513],href:[1],target:[1],download:[1],rel:[1],icon:[1],hideLabel:[516,"hide-label"],active:[516],underline:[516],size:[513],alignLabel:[513,"align-label"],stretch:[516],label:[1]}]);function l(){"undefined"!=typeof customElements&&["diwa-link-pure","diwa-icon"].forEach((e=>{switch(e){case"diwa-link-pure":customElements.get(n(e))||customElements.define(n(e),d);break;case"diwa-icon":customElements.get(n(e))||s()}}))}l();const c=d,h=l;export{c as DiwaLinkPure,h as defineCustomElement}