@diwacopilot/components 1.2.0 → 1.2.1

package/dist-custom-elements/p-C3hNpgqg.js

@@ -0,0 +1 @@
+import{t as n,p as e,H as t,h as i,a}from"./index.js";import{b as o,a as s}from"./p-C8h0Vfqp.js";import{d as r}from"./p-DOo0FY37.js";const d=e(class extends t{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.theme="dark",this.size="md",this.icon="arrow-right",this.disabled=!1,this.loading=!1,this.hideLabel=!1,this.active=!1,this.underline=!1,this.alignLabel="end",this.stretch=!1,this.type="button",this.handleClick=n=>{this.isInteractive||(n.preventDefault(),n.stopPropagation())}}get isInteractive(){return!this.disabled&&!this.loading}get iconSize(){return"sm"===this.size?14:"lg"===this.size?20:16}render(){const n=!!this.href,e=n?"a":"button",t=((n,e,t,i)=>{const a={};return t&&(a["aria-label"]=t),e&&(a["aria-busy"]="true"),i&&(n||e)&&(a["aria-disabled"]="true"),a})(this.disabled,this.loading,this.label,n),r=Object.assign({class:"root",onClick:this.handleClick},t),d=n?{href:this.href,target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0,tabIndex:this.disabled||this.loading?-1:void 0}:{type:this.type,name:this.name,value:this.value,disabled:this.disabled||this.loading},l="none"!==this.icon;return i(a,{key:"c2973f6b92898d2f804ccc623ae5558b1a7a819c","data-theme":this.theme},i("style",{key:"09bdb4d13b2ccd3dcfedc19fab5335a353a8a12f",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 (<button> or <a>) ─────────────────────────────────── */\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 / Active ─────────────────────────────────────────────────── */\n\n  .root:hover:not(:disabled) {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  /* ── Active state (CSS :active + [active] prop) ─────────────────────── */\n\n  :host([active]) .root,\n  .root:active:not(:disabled) {\n    background-color: var(--diwa-bg-active);\n  }\n\n  /* ── Disabled ───────────────────────────────────────────────────────── */\n\n  :host([disabled]) .root,\n  .root:disabled {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ── Loading ────────────────────────────────────────────────────────── */\n\n  :host([loading]) .root {\n    cursor: wait;\n    pointer-events: none;\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  /* ── Spinner ────────────────────────────────────────────────────────── */\n\n  .spinner {\n    /* Size relative to current font-size so it scales with the button size tier */\n    width: 1em;\n    height: 1em;\n    flex-shrink: 0;\n    border: var(--diwa-border-width-base) solid currentColor;\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: diwa-bp-spin var(--diwa-spinner-duration, 0.7s) linear infinite;\n  }\n\n  @keyframes diwa-bp-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${s(".root",".spinner")}\n`}),i(e,Object.assign({key:"9ca133bf89b66a3ee40c17012e1ace540717b5e9"},r,d,{part:"base"}),this.loading?i("span",{class:"spinner","aria-hidden":"true",part:"spinner"}):l&&i("span",{class:"icon","aria-hidden":"true"},i("diwa-icon",{name:this.icon,size:this.iconSize})),i("span",{key:"937f66a27ed22abca84415df5261808e306dea0f",class:"label"+(this.hideLabel?" label--hidden":""),part:"label"},i("slot",{key:"a3e2ae2111fe1258e380de6fc7919b40bd562bb4"}))))}static get delegatesFocus(){return!0}get host(){return this}},[273,"diwa-button-pure",{theme:[513],size:[513],icon:[1],disabled:[516],loading:[516],hideLabel:[516,"hide-label"],active:[516],underline:[516],alignLabel:[513,"align-label"],stretch:[516],type:[1],name:[1],value:[1],href:[1],target:[1],label:[1]}]);function l(){"undefined"!=typeof customElements&&["diwa-button-pure","diwa-icon"].forEach((e=>{switch(e){case"diwa-button-pure":customElements.get(n(e))||customElements.define(n(e),d);break;case"diwa-icon":customElements.get(n(e))||r()}}))}l();export{d as D,l as d}

package/dist-custom-elements/p-C8h0Vfqp.js

@@ -0,0 +1 @@
+const n=n=>`\n  :host(:focus-visible) ${n},\n  ${n}:focus-visible {\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n    outline-offset: var(--diwa-focus-ring-offset);\n  }\n\n  ${n}:focus:not(:focus-visible) {\n    outline: none;\n  }\n`,o=(n,o)=>`\n  @media (hover: hover) and (pointer: fine) {\n    ${n}:hover {\n      ${o}\n    }\n  }\n`,i=(...n)=>`\n  @media (prefers-reduced-motion: reduce) {\n    ${n.join(", ")} {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n`;export{i as a,n as b,o as g}