@luzmo/lucero 1.0.3-alpha.7 → 1.0.3-alpha.8

package/components/chat-message-group-CzCwyW7F.cjs

@@ -1,24 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs");let n=require("lit"),r=require("lit/decorators.js");var i=`:host{gap:var(--luzmo-chat-message-group-spacing,var(--chat-message-group-spacing));flex-direction:column;width:100%;display:flex}::slotted(*){flex-shrink:0}:host,:host([size=l]),:host([size=xl]){--chat-message-group-spacing:4px}:host([size=s]),:host([size=xs]){--chat-message-group-spacing:2px}:host([size=m]){--chat-message-group-spacing:3px}`,a=class extends t.n(e.n,{noDefaultSize:!0}){constructor(...e){super(...e),this.avatarPlacement=`bottom`,this._hasGroupAvatar=!1}static get styles(){return[(0,n.unsafeCSS)(i)]}_handleGroupAvatarSlotChange(e){let t=e.target;this._hasGroupAvatar=t.assignedNodes().length>0,this.configureMessages()}configureMessages(){let e=this._messages;if(!e||e.length===0)return;let t=-1;this.avatarPlacement===`top`?t=0:this.avatarPlacement===`bottom`?t=e.length-1:this.avatarPlacement===`middle`&&(t=Math.floor(e.length/2));let n=t>=0?e[t]:null,r=null,i=this.querySelector(`slot[name="avatar"]`);if(i instanceof HTMLSlotElement&&this._hasGroupAvatar){let e=i.assignedNodes();e.length>0&&e[0]instanceof HTMLElement&&(r=e[0])}let a=null;if(!r&&!this._hasGroupAvatar)for(let t of e){let e=t.querySelector(`[slot="avatar"]`);if(e instanceof HTMLElement){a=e;break}}let o=e[0],s=o.position,c=o.variant;e.forEach((i,o)=>{this.size&&(i.size=this.size),i.position=s,i.variant=c,i.dataset.inGroup=`true`;let l=o===t,u=i.querySelector(`[slot="avatar"]`),d=u instanceof HTMLElement?u:null;if(l&&n===i)if(r){d&&d.remove();let e=r.cloneNode(!0);e.setAttribute(`slot`,`avatar`),i.append(e)}else if(a)if(d===a)d.style.display=``;else if(d)d.style.display=``,a.style.display=`none`;else{let e=a.cloneNode(!0);e.setAttribute(`slot`,`avatar`),i.append(e),a.style.display=`none`}else d&&(d.style.display=``);else d&&(d.style.display=`none`);let f=!1;this.avatarPlacement===`top`||this.avatarPlacement===`middle`?f=o===0:this.avatarPlacement===`bottom`&&(f=o===e.length-1),f?this.avatarPlacement===`bottom`&&o===e.length-1&&i.meta===`outside`&&(i.meta=`inside`):(i.removeAttribute(`name`),i.removeAttribute(`datetime`));let p=!1;(this.avatarPlacement===`top`||this.avatarPlacement===`middle`||this.avatarPlacement===`bottom`)&&(p=o===e.length-1);let m=i.querySelector(`[slot="actions"]`);m instanceof HTMLElement&&(m.style.display=p?``:`none`),i.avatarPlacement=this.avatarPlacement,delete i.dataset.groupSquareBorder,this.avatarPlacement===`top`&&o===0?i.position===`left`?i.dataset.groupSquareBorder=`top-left`:i.position===`right`&&(i.dataset.groupSquareBorder=`top-right`):this.avatarPlacement===`bottom`&&o===e.length-1&&(i.position===`left`?i.dataset.groupSquareBorder=`bottom-left`:i.position===`right`&&(i.dataset.groupSquareBorder=`bottom-right`))})}handleSlotchange(){this.configureMessages()}updated(e){super.updated(e),(e.has(`avatarPlacement`)||e.has(`size`))&&this.configureMessages()}render(){return n.html`
-      <slot
-        name="avatar"
-        @slotchange=${this._handleGroupAvatarSlotChange}
-      ></slot>
-      <slot @slotchange=${this.handleSlotchange}></slot>
-    `}};e.t([(0,r.property)({type:String,reflect:!0,attribute:`avatar-placement`})],a.prototype,`avatarPlacement`,void 0),e.t([(0,r.queryAssignedElements)()],a.prototype,`_messages`,void 0),e.t([(0,r.state)()],a.prototype,`_hasGroupAvatar`,void 0),customElements.get(`luzmo-chat-message-group`)||customElements.define(`luzmo-chat-message-group`,a),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/components/checkbox-C-HC6f2c.cjs

@@ -1,25 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./checkbox-mixin-PEFpw1Ep.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("@luzmo/icons");var o=`:host{color:var(--highcontrast-checkbox-content-color-default,var(--luzmo-checkbox-content-color-default,var(--luzmo-font-color-down)));min-block-size:var(--luzmo-checkbox-height,var(--checkbox-height,32px));vertical-align:top;max-inline-size:100%;font-family:var(--luzmo-checkbox-font-family,var(--luzmo-font-family));align-items:flex-start;display:inline-flex;position:relative}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--luzmo-checkbox-control-color-down,var(--luzmo-font-color-down)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--luzmo-checkbox-control-selected-color-down,var(--luzmo-font-color-down)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down,var(--luzmo-checkbox-content-color-down,var(--luzmo-font-color-down)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-default,var(--luzmo-negative-color)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)));background-color:var(--highcontrast-checkbox-background-color-default,var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-content-color-default,var(--luzmo-font-color-down)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)));border-width:var(--luzmo-checkbox-selected-border-width,calc(var(--checkbox-control-size,14px) / 2))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:flex;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--luzmo-checkbox-control-selected-color-focus,var(--luzmo-font-color-focus)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-default,var(--luzmo-negative-color)));border-width:var(--luzmo-checkbox-selected-border-width,calc(var(--checkbox-control-size,14px) / 2))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-emphasized-color-default,var(--luzmo-primary)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--luzmo-checkbox-emphasized-color-focus,var(--luzmo-primary)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-focus,var(--luzmo-negative-color)))}@media (hover:hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-control-color-hover,var(--luzmo-font-color)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-control-selected-color-hover,var(--luzmo-font-color-down)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--luzmo-checkbox-content-color-hover,var(--luzmo-font-color-hover)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-control-selected-color-hover,var(--luzmo-font-color-hover)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--luzmo-checkbox-content-color-hover,var(--luzmo-font-color-hover)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-emphasized-color-hover,var(--luzmo-primary)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-emphasized-color-down,var(--luzmo-primary)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-control-invalid-color-down,var(--luzmo-negative-color)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--luzmo-checkbox-control-color-focus,var(--luzmo-font-color)))}#label{text-align:start;font-size:var(--luzmo-checkbox-font-size,var(--checkbox-font-size,14px));transition:color var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out;line-height:var(--luzmo-checkbox-line-height,1.3);margin-block-start:var(--luzmo-checkbox-top-to-text,var(--checkbox-top-to-text,6px));margin-inline-start:var(--luzmo-checkbox-text-to-control,var(--checkbox-text-to-control,10px))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-checkbox-line-height-cjk,1.5)}#input{color:var(--luzmo-checkbox-control-color-default,var(--luzmo-font-color));box-sizing:border-box;opacity:.0001;z-index:1;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)));background-color:var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color));border-width:var(--luzmo-checkbox-selected-border-width,calc(var(--checkbox-control-size,14px) / 2))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--luzmo-checkbox-control-color-focus,var(--luzmo-font-color)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-checkbox-focus-indicator-width,var(--luzmo-indicator-width)) var(--highcontrast-checkbox-focus-indicator-color,var(--luzmo-checkbox-focus-indicator-color,var(--luzmo-primary)));margin:calc(var(--luzmo-checkbox-focus-indicator-gap,2px) * -1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus,var(--luzmo-checkbox-content-color-focus,var(--luzmo-font-color-focus)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--luzmo-checkbox-control-selected-color-focus,var(--luzmo-font-color-down)))}#box{--luzmo-checkbox-spacing:calc(var(--luzmo-checkbox-height,var(--checkbox-height,32px)) - var(--luzmo-checkbox-control-size,var(--checkbox-control-size,14px)));flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;margin-block-start:calc(var(--luzmo-checkbox-spacing) / 2 - var(--checkbox-offset-for-baseline,0px));margin-block-end:calc(var(--luzmo-checkbox-spacing) / 2 + var(--checkbox-offset-for-baseline,0px));display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--luzmo-checkbox-control-size,var(--checkbox-control-size,14px));block-size:var(--luzmo-checkbox-control-size,var(--checkbox-control-size,14px))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-color-default,var(--luzmo-font-color)));z-index:0;content:"";border-radius:var(--luzmo-checkbox-control-border-radius,2px);border-width:var(--luzmo-checkbox-border-width,var(--luzmo-border-width));transition:border var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out, box-shadow var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--luzmo-checkbox-control-border-radius,2px) + var(--luzmo-checkbox-focus-indicator-gap,2px));content:"";margin:var(--luzmo-checkbox-focus-indicator-gap,2px);transition:box-shadow var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-out, margin var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{pointer-events:none;color:var(--highcontrast-checkbox-background-color-default,var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color)));opacity:0;transition:opacity var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out, transform var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out;width:var(--textbox-control-size,14px);font-size:var(--checkbox-icon-size);justify-content:center;align-items:center;display:flex;transform:scale(0)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default,var(--luzmo-checkbox-control-color-disabled,var(--luzmo-disabled-color)));background-color:var(--highcontrast-checkbox-background-color-default,var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default,var(--luzmo-checkbox-content-color-disabled,var(--luzmo-disabled-color)))}@media (forced-colors:active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color,var(--luzmo-checkbox-focus-indicator-color,var(--luzmo-primary)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap,var(--luzmo-checkbox-focus-indicator-gap,2px));outline-style:auto;outline-width:var(--luzmo-focus-indicator-width,var(--luzmo-indicator-width))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color,var(--luzmo-checkbox-focus-indicator-color,var(--luzmo-primary)))}:host{--highcontrast-checkbox-content-color-default:CanvasText;--highcontrast-checkbox-content-color-hover:CanvasText;--highcontrast-checkbox-content-color-down:CanvasText;--highcontrast-checkbox-content-color-focus:CanvasText;--highcontrast-checkbox-background-color-default:Canvas;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-color-focus:Highlight;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-focus-indicator-color:CanvasText}}:host([size=s]){--checkbox-font-size:var(--luzmo-checkbox-size-s-font-size,12px);--checkbox-height:var(--luzmo-checkbox-size-s-height,24px);--checkbox-control-size:var(--luzmo-checkbox-size-s-control-size,12px);--checkbox-top-to-text:var(--luzmo-checkbox-size-s-top-to-text,4px);--checkbox-text-to-control:var(--luzmo-checkbox-size-s-text-to-control,9px);--checkbox-icon-size:var(--luzmo-checkbox-size-s-icon-size,9px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-s-offset-for-baseline,1px)}:host{--checkbox-font-size:var(--luzmo-checkbox-size-m-font-size,14px);--checkbox-height:var(--luzmo-checkbox-size-m-height,32px);--checkbox-control-size:var(--luzmo-checkbox-size-m-control-size,14px);--checkbox-top-to-text:var(--luzmo-checkbox-size-m-top-to-text,6px);--checkbox-text-to-control:var(--luzmo-checkbox-size-m-text-to-control,10px);--checkbox-icon-size:var(--luzmo-checkbox-size-m-icon-size,10px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-m-offset-for-baseline,1px)}:host([size=l]){--checkbox-font-size:var(--luzmo-checkbox-size-l-font-size,16px);--checkbox-height:var(--luzmo-checkbox-size-l-height,40px);--checkbox-control-size:var(--luzmo-checkbox-size-l-control-size,16px);--checkbox-top-to-text:var(--luzmo-checkbox-size-l-top-to-text,9px);--checkbox-text-to-control:var(--luzmo-checkbox-size-l-text-to-control,11px);--checkbox-icon-size:var(--luzmo-checkbox-size-l-icon-size,11px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-l-offset-for-baseline,1px)}:host([size=xl]){--checkbox-font-size:var(--luzmo-checkbox-size-xl-font-size,18px);--checkbox-height:var(--luzmo-checkbox-size-xl-height,48px);--checkbox-control-size:var(--luzmo-checkbox-size-xl-control-size,18px);--checkbox-top-to-text:var(--luzmo-checkbox-size-xl-top-to-text,12px);--checkbox-text-to-control:var(--luzmo-checkbox-size-xl-text-to-control,13px);--checkbox-icon-size:var(--luzmo-checkbox-size-xl-icon-size,12px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-xl-offset-for-baseline,1px)}:host{vertical-align:top;display:inline-flex}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}`,s=()=>r.html`<div id="checkmark">${(0,a.luzmoIcon)(a.luzmoCheck)}</div>`,c=()=>r.html`<div id="partialCheckmark">${(0,a.luzmoIcon)(a.luzmoDash)}</div>`,l=class extends t.n(n.t(e.n),{noDefaultSize:!0}){constructor(...e){super(...e),this.disabled=!1,this.indeterminate=!1,this.autofocus=!1,this.invalid=!1,this.emphasized=!1,this.tabIndex=0,this._cachedTabIndex=null}static{this.shadowRootOptions={...e.n.shadowRootOptions,delegatesFocus:!0}}connectedCallback(){super.connectedCallback(),this.hasAttribute(`autofocus`)&&this.updateComplete.then(()=>{this.focus()})}static get styles(){return[(0,r.unsafeCSS)(o)]}click(){this.disabled||this.inputElement?.click()}handleChange(){this.indeterminate=!1,super.handleChange()}willUpdate(e){super.willUpdate(e),e.has(`disabled`)&&(this.disabled?(this._cachedTabIndex===null&&(this._cachedTabIndex=this.tabIndex),this.tabIndex=-1):this._cachedTabIndex!==null&&(this.tabIndex=this._cachedTabIndex,this._cachedTabIndex=null))}render(){return r.html`
-      ${super.render()}
-      <span id="box">
-        ${this.checked?s():r.html``}
-        ${this.indeterminate?c():r.html``}
-      </span>
-      <label id="label" for="input"><slot></slot></label>
-    `}updated(e){super.updated(e),e.has(`disabled`)&&(this.inputElement.disabled=this.disabled),e.has(`indeterminate`)&&(this.inputElement.indeterminate=this.indeterminate),e.has(`invalid`)&&(this.invalid?this.inputElement.setAttribute(`aria-invalid`,`true`):this.inputElement.removeAttribute(`aria-invalid`))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`indeterminate`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`autofocus`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`invalid`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`emphasized`,void 0),e.t([(0,i.property)({reflect:!0,type:Number,attribute:`tabindex`})],l.prototype,`tabIndex`,void 0),customElements.get(`luzmo-checkbox`)||customElements.define(`luzmo-checkbox`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/components/close-button-BQUJeFCq.cjs

@@ -1,18 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs");require("./icon-xwNfYSkj.cjs");const n=require("./button-base-UZcvbkXl.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("@luzmo/icons");var o=`:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-sans-font-family-stack,var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;margin:0;-webkit-text-decoration:none;text-decoration:none;overflow:visible;border-style:solid!important}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}:host a{-webkit-user-select:none;user-select:none;-webkit-appearance:none}@media (forced-colors:active){:host{--highcontrast-close-button-icon-color-disabled:GrayText;--highcontrast-close-button-icon-color-down:Highlight;--highcontrast-close-button-icon-color-hover:Highlight;--highcontrast-close-button-icon-color-focus:Highlight;--highcontrast-close-button-background-color-default:ButtonFace;--highcontrast-close-button-focus-indicator-color:ButtonText}:host(:focus-visible):after{forced-color-adjust:none;margin:var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap));transition:opacity var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-out, margin var(--luzmo-close-button-animation-duraction,var(--close-button-animation-duration)) ease-out}:host([static-color=black]){--highcontrast-close-button-static-background-color-default:ButtonFace;--highcontrast-close-button-icon-color-default:Highlight;--highcontrast-close-button-icon-color-disabled:GrayText}:host([static-color=white]){--highcontrast-close-button-static-background-color-default:ButtonFace;--highcontrast-close-button-icon-color-default:Highlight;--highcontrast-close-button-icon-color-disabled:Highlight}}:host{block-size:var(--luzmo-close-button-height,var(--close-button-size));inline-size:var(--luzmo-close-button-width,var(--close-button-size));font-size:var(--luzmo-close-button-icon-size,var(--close-button-icon-size));color:inherit;border-radius:var(--luzmo-close-button-border-radius,var(--close-button-size));transition:border-color var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-in-out;margin-inline:var(--luzmo-close-button-margin-inline);justify-content:center;align-items:center;align-self:var(--luzmo-close-button-align-self);flex-direction:row;margin-block-start:var(--luzmo-close-button-margin-top);padding:0;display:inline-flex;position:relative;border-width:0!important;border-color:#0000!important}:host:after{pointer-events:none;content:"";margin:calc(var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap)) * -1);border-radius:calc(var(--luzmo-close-button-size,var(--close-button-size)) + var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap)));transition:box-shadow var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-in-out;position:absolute;inset-block:0;inset-inline:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-close-button-focus-indicator-width,var(--close-button-focus-indicator-width)) var(--highcontrast-close-button-focus-indicator-color,var(--luzmo-close-button-focus-indicator-color,var(--close-button-focus-indicator-color)))}:host(:not([disabled])){background-color:var(--highcontrast-close-button-background-color-default,var(--luzmo-close-button-background-color-default,var(--close-button-background-color-default)))}:host(:not([disabled]):is(:active,[active])){background-color:var(--luzmo-close-button-background-color-down,var(--close-button-background-color-down))}:host(:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-close-button-icon-color-down,var(--luzmo-close-button-icon-color-down,var(--close-button-icon-color-down)))}:host([focused]:not([disabled])),:host(:not([disabled]):focus-visible){background-color:var(--luzmo-close-button-background-color-focus,var(--close-button-background-color-focus))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus-visible) .icon{color:var(--highcontrast-close-button-icon-color-focus,var(--luzmo-close-button-icon-color-focus,var(--close-button-icon-color-focus)))}:host(:not([disabled])) .icon{color:var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus) .icon{color:var(--highcontrast-close-button-icon-color-focus,var(--luzmo-close-button-icon-color-focus,var(--close-button-icon-color-focus)))}:host([disabled]){background-color:var(--luzmo-close-button-background-color-default,var(--close-button-background-color-default))}:host([disabled]) .icon{color:var(--highcontrast-close-button-icon-color-disabled,var(--luzmo-close-button-icon-color-disabled,var(--close-button-icon-color-disabled)))}:host([static-color=black]:not([disabled])),:host([static-color=white]:not([disabled])){background-color:var(--highcontrast-close-button-static-background-color-default,var(--luzmo-close-button-static-background-color-default,var(--close-button-static-background-color-default)))}@media (hover:hover){:host(:not([disabled]):hover){--luzmo-icon-color:var(--luzmo-close-button-icon-color-hover,var(--close-button-icon-color-hover));background-color:var(--luzmo-close-button-background-color-hover,var(--close-button-background-color-hover))}:host(:not([disabled]):hover) .icon{color:var(--highcontrast-close-button-icon-color-hover,var(--luzmo-close-button-icon-color-hover,var(--close-button-icon-color-hover)))}:host([static-color=black]:not([disabled]):hover),:host([static-color=white]:not([disabled]):hover){background-color:var(--highcontrast-close-button-static-background-color-hover,var(--luzmo-close-button-static-background-color-hover,var(--close-button-static-background-color-hover)))}:host([static-color=black]:not([disabled]):hover) .icon,:host([static-color=white]:not([disabled]):hover) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}}:host([static-color=black]:not([disabled]):is(:active,[active])),:host([static-color=white]:not([disabled]):is(:active,[active])){background-color:var(--highcontrast-close-button-static-background-color-down,var(--luzmo-close-button-static-background-color-down,var(--close-button-static-background-color-down)))}:host([static-color=black]:not([disabled]):is(:active,[active])) .icon,:host([static-color=white]:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}:host([static-color=black][focused]:not([disabled])),:host([static-color=black]:not([disabled]):focus-visible),:host([static-color=white][focused]:not([disabled])),:host([static-color=white]:not([disabled]):focus-visible){background-color:var(--highcontrast-close-button-static-background-color-focus,var(--luzmo-close-button-static-background-color-focus,var(--close-button-static-background-color-focus)))}:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black]:not([disabled]):focus) .icon,:host([static-color=black]:not([disabled]):focus-visible) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white]:not([disabled]):focus) .icon,:host([static-color=white]:not([disabled]):focus-visible) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}:host([static-color=black]:not([disabled])) .icon,:host([static-color=white]:not([disabled])) .icon{color:var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default))}:host([static-color=black][disabled]) .icon,:host([static-color=white][disabled]) .icon{color:var(--highcontrast-close-button-icon-disabled,var(--luzmo-close-button-icon-color-disabled,var(--close-button-icon-color-disabled)))}.icon{margin:0}:host{--close-button-background-color-default:transparent;--close-button-background-color-hover:var(--luzmo-background-color-hover);--close-button-background-color-down:var(--luzmo-background-color-down);--close-button-background-color-focus:var(--luzmo-background-color-focus);--close-button-icon-color-default:var(--luzmo-font-color);--close-button-icon-color-hover:var(--luzmo-font-color-hover);--close-button-icon-color-down:var(--luzmo-font-color-down);--close-button-icon-color-focus:var(--luzmo-font-color-focus);--close-button-icon-color-disabled:var(--luzmo-disabled-color);--close-button-focus-indicator-width:var(--luzmo-indicator-width);--close-button-focus-indicator-gap:var(--luzmo-indicator-gap);--close-button-focus-indicator-color:var(--luzmo-indicator-color);--close-button-animation-duration:var(--luzmo-animation-duration);--close-button-size:var(--luzmo-component-height)}:host([static-color=white]){--close-button-static-background-color-default:transparent;--close-button-static-background-color-hover:#fff3;--close-button-static-background-color-down:#fff6;--close-button-static-background-color-focus:#fff3;--close-button-icon-color-default:#fff;--close-button-icon-color-disabled:#fff3;--close-button-focus-indicator-color:#fff}:host([static-color=black]){--close-button-static-background-color-default:transparent;--close-button-static-background-color-hover:#0003;--close-button-static-background-color-down:#0006;--close-button-static-background-color-focus:#0003;--close-button-icon-color-default:#000;--close-button-icon-color-disabled:#0003;--close-button-focus-indicator-color:#000}:host([size=s]){--close-button-size:var(--luzmo-component-height-s);--close-button-icon-size:var(--luzmo-font-size-s)}:host{--close-button-size:var(--luzmo-component-height);--close-button-icon-size:var(--luzmo-font-size)}:host([size=l]){--close-button-size:var(--luzmo-component-height-l);--close-button-icon-size:var(--luzmo-font-size-l)}:host([size=xl]){--close-button-size:var(--luzmo-component-height-xl);--close-button-icon-size:var(--luzmo-font-size-xl)}`,s=e=>r.html` <div class="icon" slot="icon">${(0,a.luzmoIcon)(e===`s`?a.luzmoClose12:e===`l`?a.luzmoClose:a.luzmoClose14)}</div> `,c=class extends t.n(n.t,{noDefaultSize:!0}){constructor(...e){super(...e),this.variant=``}static get styles(){return[...super.styles,(0,r.unsafeCSS)(o)]}get buttonContent(){return[s(this.size)]}};e.t([(0,i.property)({reflect:!0})],c.prototype,`variant`,void 0),e.t([(0,i.property)({reflect:!0,attribute:`static-color`})],c.prototype,`staticColor`,void 0),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/components/color-area-B5OHLqtm.cjs

@@ -1,80 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./platform-BAjeJp2W.cjs"),n=require("./language-resolution-BUeKpSce.cjs");require("./color-handle-BwV3Nia5.cjs");const r=require("./color-controller-DZe3_BMD.cjs"),i=require("./streaming-listener-Bfyk6Fsx.cjs");let a=require("lit"),o=require("lit/decorators.js"),s=require("lit/directives/if-defined.js");var c=`@media (forced-colors:active){:host{--highcontrast-color-area-border-color-disabled:GrayText;--highcontrast-color-area-border-color:Canvas;--highcontrast-color-area-fill-color-disabled:Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--luzmo-color-area-min-width,64px);min-block-size:var(--luzmo-color-area-min-height,64px);inline-size:var(--luzmo-color-area-width,192px);block-size:var(--luzmo-color-area-height,192px);box-sizing:border-box;border-radius:var(--luzmo-color-area-border-radius,var(--luzmo-border-radius-s));display:inline-block;position:relative;border:var(--luzmo-color-area-border-width,var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color,var(--luzmo-color-area-border-color,var(--luzmo-border-color)))!important}:host([focused]){z-index:1}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-area-fill-color-disabled,var(--luzmo-color-area-disabled-background-color,var(--luzmo-dimmed-color)));border:var(--luzmo-color-area-border-width,var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color-disabled)!important}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--luzmo-color-area-width,192px) - var(--luzmo-border-width)));inset-block-start:0}:host([dir=rtl]) .handle{inset-inline-end:0}.handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){inset-inline-end:0}.gradient{border-radius:var(--luzmo-color-area-border-radius,var(--luzmo-border-radius-s));block-size:100%;inline-size:100%}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--luzmo-color-area-default-width), 0)}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}`,l=class extends e.n{constructor(...e){super(...e),this.disabled=!1,this.focused=!1,this.labelX=`saturation`,this.labelY=`luminosity`,this.isLTR=!0,this.languageResolver=new n.t(this),this.colorController=new r.t(this,{manageAs:`hsv`}),this.activeAxis=`x`,this.step=.01,this.altered=0,this.activeKeys=new Set,this._valueChanged=!1,this._pointerDown=!1,this.resizeRafId=0,this.handleResize=e=>{let t=e.at(-1);t&&(this.resizeRafId&&cancelAnimationFrame(this.resizeRafId),this.resizeRafId=requestAnimationFrame(()=>{this.resizeRafId=0,this.boundingClientRect=t.contentRect,this.requestUpdate()}))}}static get styles(){return[(0,a.unsafeCSS)(c)]}get hue(){return this.colorController.hue}set hue(e){this.colorController.hue=e}get value(){return this.colorController.colorValue}get color(){return this.colorController.colorValue}set color(e){this.colorController.color=e}get x(){return this.colorController.color.hsv.s/100}set x(e){if(e===this.x)return;let t=this.x;this.inputX?(this.inputX.value=e.toString(),this.colorController.color.set(`s`,this.inputX.valueAsNumber*100)):this.colorController.color.set(`s`,e*100),this.requestUpdate(`x`,t)}get y(){return this.colorController.color.hsv.v/100}set y(e){if(e===this.y)return;let t=this.y;this.inputY&&(this.inputY.value=e.toString(),this.colorController.color.set(`v`,this.inputY.valueAsNumber*100)),this.requestUpdate(`y`,t)}focus(e={}){super.focus(e),this.forwardFocus()}forwardFocus(){this.activeAxis===`x`?this.inputX.focus():this.inputY.focus()}handleFocus(){this.focused=!0,this._valueChanged=!1}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1,this._valueChanged=!1)}handleKeydown(e){let{code:t}=e;this.focused=!0,this.altered=[e.shiftKey,e.ctrlKey,e.altKey].filter(e=>!!e).length,(t.search(`Arrow`)===0||t.search(`Page`)===0||t.search(`Home`)===0||t.search(`End`)===0)&&(e.preventDefault(),this.activeKeys.add(t),this.handleKeypress())}handleKeypress(){let e=0,t=0,n=Math.max(this.step,this.altered*5*this.step);this.activeKeys.forEach(r=>{switch(r){case`ArrowUp`:t=n;break;case`ArrowDown`:t=n*-1;break;case`ArrowLeft`:e=this.step*(this.isLTR?-1:1);break;case`ArrowRight`:e=this.step*(this.isLTR?1:-1);break;case`PageUp`:t=n*10;break;case`PageDown`:t=n*-10;break;case`Home`:e=n*(this.isLTR?-10:10);break;case`End`:e=n*(this.isLTR?10:-10);break;default:break}}),e===0?t!==0&&(this.activeAxis=`y`,this.inputY.focus()):(this.activeAxis=`x`,this.inputX.focus()),this.x=Math.min(1,Math.max(this.x+e,0)),this.y=Math.min(1,Math.max(this.y+t,0)),this.colorController.savePreviousColor(),(e!==0||t!==0)&&(this._valueChanged=!0,this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor())}handleKeyup(e){e.preventDefault();let{code:t}=e;this.activeKeys.delete(t)}handleInput(e){let{valueAsNumber:t,name:n}=e.target;this[n]=t}handleChange(e){this.handleInput(e),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),e.target.setPointerCapture(e.pointerId),e.pointerType===`mouse`&&(this.focused=!0)}handlePointermove(e){let[t,n]=this.calculateHandlePosition(e);this._valueChanged=!1,this.x=t,this.y=n,this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(e){e.preventDefault(),this._pointerDown=!1,e.target.releasePointerCapture(e.pointerId);let t=this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}));this.inputX.focus(),e.pointerType===`mouse`&&(this.focused=!1),t||this.colorController.restorePreviousColor()}calculateHandlePosition(e){if(!this.boundingClientRect)return[this.x,this.y];let t=this.boundingClientRect,n=t.left,r=t.top,i=e.clientX,a=e.clientY,o=t.width,s=t.height,c=Math.max(0,Math.min(1,(i-n)/o)),l=Math.max(0,Math.min(1,(a-r)/s));return[this.isLTR?c:1-c,1-l]}handleAreaPointerdown(e){e.button===0&&(e.stopPropagation(),e.preventDefault(),this.handle.dispatchEvent(new PointerEvent(`pointerdown`,e)),this.handlePointermove(e))}render(){let{width:e=0,height:n=0}=this.boundingClientRect||{},r=t.t()||t.a(),o=`Color Picker`,c=(0,s.ifDefined)(r?void 0:`2d slider`),l=this.labelX,u=this.labelY,d=new Intl.NumberFormat(this.languageResolver.language,{style:`percent`,unitDisplay:`narrow`}).format(this.x),f=new Intl.NumberFormat(this.languageResolver.language,{style:`percent`,unitDisplay:`narrow`}).format(this.y),p={background:`linear-gradient(to top, black 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%),linear-gradient(to right, white 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%), hsl(${this.hue}, 100%, 50%);`};return a.html`
-      <div
-        @pointerdown=${this.handleAreaPointerdown}
-        class="gradient"
-        style="background: ${p.background}"
-      >
-        <slot name="gradient"></slot>
-      </div>
-
-      <luzmo-color-handle
-        tabindex=${(0,s.ifDefined)(this.focused?void 0:`0`)}
-        @focus=${this.forwardFocus}
-        ?focused=${this.focused}
-        class="handle"
-        color=${this.colorController.getHslString()}
-        ?disabled=${this.disabled}
-        style=${`transform: translate(${(this.isLTR?this.x:1-this.x)*e}px, ${n-this.y*n}px);`}
-        ${i.t({start:[`pointerdown`,this.handlePointerdown],streamInside:[`pointermove`,this.handlePointermove],end:[[`pointerup`,`pointercancel`,`pointerleave`],this.handlePointerup]})}
-      ></luzmo-color-handle>
-
-      <fieldset
-        class="fieldset"
-        aria-label=${(0,s.ifDefined)(r?o:void 0)}
-      >
-        <div role="presentation">
-          <input
-            type="range"
-            class="slider"
-            name="x"
-            aria-label=${r?l:`${l} ${o}`}
-            aria-roledescription=${c}
-            aria-orientation="horizontal"
-            aria-valuetext=${r?d:`${d}, ${l}${this._valueChanged?``:`, ${f}, ${u}`}`}
-            min="0"
-            max="1"
-            step=${this.step}
-            tabindex="-1"
-            .value=${String(this.x)}
-            @input=${this.handleInput}
-            @change=${this.handleChange}
-          />
-        </div>
-        <div role="presentation">
-          <input
-            type="range"
-            class="slider"
-            name="y"
-            aria-label=${r?u:`${u} ${o}`}
-            aria-roledescription=${c}
-            aria-orientation="vertical"
-            aria-valuetext=${r?f:`${f}, ${u}${this._valueChanged?``:`, ${d}, ${l}`}`}
-            orient="vertical"
-            min="0"
-            max="1"
-            step=${this.step}
-            tabindex="-1"
-            .value=${String(this.y)}
-            @input=${this.handleInput}
-            @change=${this.handleChange}
-          />
-        </div>
-      </fieldset>
-    `}firstUpdated(e){super.firstUpdated(e),this.boundingClientRect=this.getBoundingClientRect(),this.addEventListener(`focus`,this.handleFocus),this.addEventListener(`blur`,this.handleBlur),this.addEventListener(`keyup`,this.handleKeyup),this.addEventListener(`keydown`,this.handleKeydown)}updated(e){if(super.updated(e),this.x!==this.inputX.valueAsNumber&&this.colorController.color.set(`s`,this.inputX.valueAsNumber*100),this.y!==this.inputY.valueAsNumber&&this.colorController.color.set(`v`,(1-this.inputY.valueAsNumber)*100),e.has(`focused`)&&this.focused){let e=this.inputX.parentElement,t=this.inputY.parentElement;if(!e.shadowRoot&&!t.shadowRoot){e.attachShadow({mode:`open`}),t.attachShadow({mode:`open`});let n=`<div tabindex="-1"><slot></slot></div>`;e.shadowRoot.innerHTML=n,t.shadowRoot.innerHTML=n}}}connectedCallback(){super.connectedCallback(),!this.observer&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.handleResize)),this.observer?.observe(this)}disconnectedCallback(){this.resizeRafId&&=(cancelAnimationFrame(this.resizeRafId),0),this.observer?.disconnect(),this.observer=void 0,super.disconnectedCallback()}};e.t([(0,o.property)({type:String,reflect:!0})],l.prototype,`dir`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],l.prototype,`focused`,void 0),e.t([(0,o.property)({type:String,attribute:`label-x`})],l.prototype,`labelX`,void 0),e.t([(0,o.property)({type:String,attribute:`label-y`})],l.prototype,`labelY`,void 0),e.t([(0,o.property)({type:Boolean,attribute:`is-ltr`})],l.prototype,`isLTR`,void 0),e.t([(0,o.query)(`.handle`)],l.prototype,`handle`,void 0),e.t([(0,o.property)({type:Number})],l.prototype,`hue`,null),e.t([(0,o.property)({type:String})],l.prototype,`value`,null),e.t([(0,o.property)({type:String})],l.prototype,`color`,null),e.t([(0,o.property)({attribute:!1})],l.prototype,`activeAxis`,void 0),e.t([(0,o.property)({type:Number})],l.prototype,`x`,null),e.t([(0,o.property)({type:Number})],l.prototype,`y`,null),e.t([(0,o.property)({type:Number})],l.prototype,`step`,void 0),e.t([(0,o.query)(`[name="x"]`)],l.prototype,`inputX`,void 0),e.t([(0,o.query)(`[name="y"]`)],l.prototype,`inputY`,void 0),customElements.get(`luzmo-color-area`)||customElements.define(`luzmo-color-area`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/components/color-controller-DZe3_BMD.cjs

@@ -1,18 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./rolldown-runtime-DWNI8pZO.cjs");let t=require("colorjs.io");t=e.n(t,1);var n=class{get color(){return this._color}validateColorString(e){let t={spaceId:null,coords:[0,0,0],isValid:!1,alpha:1},n=[/rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d*\.?\d+)\s*\)/i,/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/i,/^rgba\s+(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})\s+(0|0?\.\d+|1)\s*$/i,/^rgb\s+(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})\s*$/i,/^rgba\(\s*(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})\s+(\d*\.?\d+)\s*\)$/i,/^rgb\(\s*(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})\s*\)$/i,/rgb\(\s*(100|[0-9]{1,2}%)\s*,\s*(100|[0-9]{1,2}%)\s*,\s*(100|[0-9]{1,2}%)\s*\)/i,/rgba\(\s*(100|[0-9]{1,2})%\s*,\s*(100|[0-9]{1,2})%\s*,\s*(100|[0-9]{1,2})%\s*,\s*(\d*\.?\d+)\s*\)/i],r=[/hsla\(\s*(\d{1,3})\s*,\s*(\d{1,3}%?)\s*,\s*(\d{1,3}%?)\s*,\s*(\d*\.?\d+)\s*\)/i,/hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3}%?)\s*,\s*(\d{1,3}%?)\s*\)/i,/^hsla\s+(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s+(\d*\.?\d+)\s*$/i,/^hsl\s+(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s*$/i,/^hsla\(\s*(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s+(\d*\.?\d+)\s*\)$/i,/^hsl\(\s*(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s*\)$/i],i=[/hsva\(\s*(\d{1,3})\s*,\s*(\d{1,3}%?)\s*,\s*(\d{1,3}%?)\s*,\s*(\d*\.?\d+)\s*\)/i,/hsv\(\s*(\d{1,3})\s*,\s*(\d{1,3}%?)\s*,\s*(\d{1,3}%?)\s*\)/i,/^hsva\s+(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s+(\d*\.?\d+)\s*$/i,/^hsv\s+(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s*$/i,/^hsva\(\s*(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s+(\d*\.?\d+)\s*\)$/i,/^hsv\(\s*(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s*\)$/i],a=[/^#([A-Fa-f0-9]{6})([A-Fa-f0-9]{2})?$/,/^#([A-Fa-f0-9]{3})([A-Fa-f0-9]{1})?$/],o=n.find(t=>t.test(e))?.exec(e),s=r.find(t=>t.test(e))?.exec(e),c=i.find(t=>t.test(e))?.exec(e),l=a.find(t=>t.test(e))?.exec(e);if(o){let[,e,n,r,i]=o.filter(e=>typeof e==`string`),a=i===void 0?1:Number(i),s=e=>e.includes(`%`)?Number(e.replace(`%`,``))/100:Number(e)/255,c=s(e),l=s(n),u=s(r);t.spaceId=`srgb`,t.coords=[c,l,u],t.alpha=a,t.isValid=c>=0&&c<=1&&l>=0&&l<=1&&u>=0&&u<=1&&a>=0&&a<=1}else if(s){let[,e,n,r,i]=s,[a,o,c,l]=[e,n,r,i===void 0?`1`:i].map(e=>Number(e.replaceAll(/[^\d.]/g,``)));t.spaceId=`hsl`,t.coords=[a,o,c],t.alpha=l,t.isValid=a>=0&&a<=360&&o>=0&&o<=100&&c>=0&&c<=100&&l>=0&&l<=1}else if(c){let[,e,n,r,i]=c,[a,o,s,l]=[e,n,r,i===void 0?`1`:i].map(e=>Number(e.replaceAll(/[^\d.]/g,``)));t.spaceId=`hsv`,t.coords=[a,o,s],t.alpha=l,t.isValid=a>=0&&a<=360&&o>=0&&o<=100&&s>=0&&s<=100&&l>=0&&l<=1}else if(l){let[,e,n]=l,r=e=>(e.length===1&&(e+=e),Number.parseInt(e,16)/255),i,a,o;e.length===3?(i=r(e.slice(0,1)),a=r(e.slice(1,2)),o=r(e.slice(2,3))):(i=r(e.slice(0,2)),a=r(e.slice(2,4)),o=r(e.slice(4,6)));let s=n?r(n):1;t.spaceId=`srgb`,t.coords=[i,a,o],t.alpha=s,t.isValid=i>=0&&i<=1&&a>=0&&a<=1&&o>=0&&o<=1&&s>=0&&s<=1}return t}get colorOrigin(){return this._colorOrigin}set colorOrigin(e){this._colorOrigin=e}set color(e){this._colorOrigin=e;let n;if(typeof e==`string`){let r=this.validateColorString(e);if(r.isValid){let[e,i,a]=r.coords;n=new t.default(`${r.spaceId}`,[e,i,a],r.alpha)}else try{t.default.parse(e)}catch{try{n=new t.default(`#${e}`)}catch{return}}}else if(e instanceof t.default)n=e;else if(!Array.isArray(e)){let{h:r,s:i,l:a,v:o,r:s,g:c,b:l,a:u}=e;if(r!==void 0&&i!==void 0){let e=a??o;n=new t.default(a===void 0?`hsv`:`hsl`,[Number.parseFloat(r),typeof i==`string`?Number.parseFloat(i):i*100,typeof e==`string`?Number.parseFloat(e):e*100],Number.parseFloat(u||`1`))}else s!==void 0&&c!==void 0&&l!==void 0&&(n=new t.default(`srgb`,[Number.parseFloat(s)/255,Number.parseFloat(c)/255,Number.parseFloat(l)/255],Number.parseFloat(u||`1`)))}n||=new t.default(e),this._color=this.manageAs?n.to(this.manageAs):n,this.host.requestUpdate()}get colorValue(){let e;if(typeof this._colorOrigin==`string`)switch(e=this._colorOrigin.startsWith(`#`)?`hex string`:this._colorOrigin.startsWith(`rgb`)?`rgb`:this._colorOrigin.startsWith(`hsl`)?`hsl`:this._colorOrigin.startsWith(`hsv`)?`hsv`:`hex`,e){case`hsv`:{let e=this._colorOrigin[3]===`a`,{h:t,s:n,v:r}=this._color.to(`hsv`).hsv,i=this._color.alpha;return`hsv${e?`a`:``}(${Math.round(t)}, ${Math.round(n)}%, ${Math.round(r)}%${e?`, ${i}`:``})`}case`hsl`:{let e=this._colorOrigin[3]===`a`,{h:t,s:n,l:r}=this._color.to(`hsl`).hsl,i=this._color.alpha;return`hsl${e?`a`:``}(${Math.round(t)}, ${Math.round(n)}%, ${Math.round(r)}%${e?`, ${i}`:``})`}case`hex string`:{let{r:e,g:t,b:n}=this._color.to(`srgb`).srgb,r=this._colorOrigin.length===5||this._colorOrigin.length===9,i=this._color.alpha,a=Math.round(e*255).toString(16),o=Math.round(t*255).toString(16),s=Math.round(n*255).toString(16),c=Math.round(i*255).toString(16);return`#${a.padStart(2,`0`)}${o.padStart(2,`0`)}${s.padStart(2,`0`)}${r?c.padStart(2,`0`):``}`}case`hex`:{let{r:e,g:t,b:n}=this._color.to(`srgb`).srgb,r=this._colorOrigin.length===4||this._colorOrigin.length===8,i=this._color.alpha,a=Math.round(e*255).toString(16),o=Math.round(t*255).toString(16),s=Math.round(n*255).toString(16),c=Math.round(i*255).toString(16);return`${a.padStart(2,`0`)}${o.padStart(2,`0`)}${s.padStart(2,`0`)}${r?c.padStart(2,`0`):``}`}default:{let{r:e,g:t,b:n}=this._color.to(`srgb`).srgb,r=this._colorOrigin[3]===`a`,i=this._color.alpha;return this._colorOrigin.search(`%`)>-1?`rgb${r?`a`:``}(${Math.round(e*100)}%, ${Math.round(t*100)}%, ${Math.round(n*100)}%${r?`,${Math.round(i*100)}%`:``})`:`rgb${r?`a`:``}(${Math.round(e*255)}, ${Math.round(t*255)}, ${Math.round(n*255)}${r?`, ${i}`:``})`}}if(this._colorOrigin)try{({spaceId:e}=new t.default(this._colorOrigin))}catch{let{h:t,s:n,l:r,v:i,r:a,g:o,b:s}=this._colorOrigin;t!==void 0&&n!==void 0&&r!==void 0?e=`hsl`:t!==void 0&&n!==void 0&&i!==void 0?e=`hsv`:a!==void 0&&o!==void 0&&s!==void 0&&(e=`srgb`)}else({spaceId:e}=this.color);switch(e){case`hsv`:{let{h:e,s:t,v:n}=this._color.to(`hsv`).hsv;return{h:e,s:t/100,v:n/100,a:this._color.alpha}}case`hsl`:{let{h:e,s:t,l:n}=this._color.to(`hsl`).hsl;return{h:e,s:t/100,l:n/100,a:this._color.alpha}}case`srgb`:{let{r:e,g:t,b:n}=this._color.to(`srgb`).srgb;return this._colorOrigin&&typeof this._colorOrigin.r==`string`&&this._colorOrigin.r.search(`%`)?{r:`${Math.round(e*255)}%`,g:`${Math.round(t*255)}%`,b:`${Math.round(n*255)}%`,a:this._color.alpha}:{r:Math.round(e*255),g:Math.round(t*255),b:Math.round(n*255),a:this._color.alpha}}}return this._color}get hue(){return Number(this._color.to(`hsl`).hsl.h)}set hue(e){this._color.set(`h`,e),this.host.requestUpdate()}constructor(e,{manageAs:n}={}){this._color=new t.default(`hsv`,[0,100,100],1),this.host=e,this.manageAs=n}getColor(e){if(typeof e==`string`&&![`srgb`,`hsva`,`hsv`,`hsl`,`hsla`].includes(e))throw Error(`not a valid format`);return this._color.to(e)}getHslString(){return this._color.to(`hsl`).toString()}savePreviousColor(){this._previousColor=this._color.clone()}restorePreviousColor(){this._color=this._previousColor}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/components/color-handle-BwV3Nia5.cjs

@@ -1,24 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs");require("./color-loupe-C_C2hy-m.cjs");let t=require("lit"),n=require("lit/decorators.js");var r=`:host{touch-action:none;transition:inline-size var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), block-size var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), border-width var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), margin-inline var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), margin-block var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out);background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light,#fff) 0 25%, var(--luzmo-color-loupe-checkerboard-dark,#e6e6e6) 0 50%) var(--luzmo-color-loupe-checkerboard-position,left top)/calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2);background-position:50%}:host(:focus){outline:none}:host{z-index:1;box-sizing:border-box;inline-size:var(--luzmo-color-handle-size,16px);block-size:var(--luzmo-color-handle-size,16px);margin-inline:calc(var(--luzmo-color-handle-size,16px) / 2 * -1);margin-block:calc(var(--luzmo-color-handle-size,16px) / 2 * -1);box-shadow:0 0 0 var(--luzmo-color-handle-outer-border-width,1px) var(--luzmo-color-handle-outer-border-color,#0000006b);transition:all var(--luzmo-color-handle-animation-duration,0) var(--luzmo-color-handle-animation-easing,ease-in-out);border-width:var(--luzmo-color-handle-border-width,2px)!important;border-color:var(--luzmo-color-handle-border-color,#fff)!important;border-style:solid!important}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:"";inset-inline:calc(50% - var(--luzmo-color-handle-hitarea-size,24px) / 2);inset-block:calc(50% - var(--luzmo-color-handle-hitarea-size,24px) / 2);inline-size:var(--luzmo-color-handle-hitarea-size,24px);block-size:var(--luzmo-color-handle-hitarea-size,24px);border-radius:var(--luzmo-color-handle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--luzmo-color-handle-focused-size,32px);block-size:var(--luzmo-color-handle-focused-size,32px);margin-inline:calc(var(--luzmo-color-handle-size,16px) * -1);margin-block:calc(var(--luzmo-color-handle-size,16px) * -1);outline:none}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-handle-fill-color-disabled,var(--luzmo-color-handle-fill-color-disabled,var(--luzmo-font-color-disabled)));box-shadow:none;border-color:var(--highcontrast-color-handle-border-color-disabled,var(--luzmo-color-handle-border-color-disabled,var(--luzmo-font-color-disabled)))!important}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--luzmo-color-handle-inner-border-width,var(--luzmo-border-width)) var(--luzmo-color-handle-inner-border-color,#0000006b);background-color:var(--luzmo-picked-color);border-radius:100%}@media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-color-handle-border-color-disabled:GrayText;--highcontrast-color-handle-fill-color-disabled:Canvas}}`,i=class extends e.n{constructor(...e){super(...e),this.disabled=!1,this.focused=!1,this.open=!1,this.color=`rgba(255, 0, 0, 0.5)`}static{this.styles=(0,t.unsafeCSS)(r)}handlePointerdown(e){e.pointerType===`touch`&&(this.open=!0),this.setPointerCapture(e.pointerId)}handlePointerup(e){this.open=!1,this.releasePointerCapture(e.pointerId)}render(){return t.html`
-      <div class="inner" style="background-color: ${this.color}"></div>
-      <luzmo-color-loupe
-        color=${this.color}
-        ?open=${this.open&&!this.disabled}
-      ></luzmo-color-loupe>
-    `}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`pointerdown`,this.handlePointerdown),this.addEventListener(`pointerup`,this.handlePointerup),this.addEventListener(`pointercancel`,this.handlePointerup)}};e.t([(0,n.property)({type:Boolean,reflect:!0})],i.prototype,`disabled`,void 0),e.t([(0,n.property)({type:Boolean,reflect:!0})],i.prototype,`focused`,void 0),e.t([(0,n.property)({type:Boolean,reflect:!0})],i.prototype,`open`,void 0),e.t([(0,n.property)({type:String})],i.prototype,`color`,void 0),customElements.get(`luzmo-color-handle`)||customElements.define(`luzmo-color-handle`,i),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/components/color-loupe-C_C2hy-m.cjs

@@ -1,56 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs");let t=require("lit"),n=require("lit/decorators.js");var r=`:host{inline-size:var(--luzmo-color-loupe-width,48px);block-size:var(--luzmo-color-loupe-height,64px);transform:translateY(var(--luzmo-color-loupe-animation-distance,8px));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--luzmo-color-loupe-drop-shadow-x,0) var(--luzmo-color-loupe-drop-shadow-y,2px) var(--luzmo-color-loupe-drop-shadow-blur,8px) var(--luzmo-color-loupe-drop-shadow-color,#00000040));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;inset-block-end:calc(var(--luzmo-color-handle-size,16px) - var(--luzmo-color-handle-outer-border-width,1px) + var(--luzmo-color-loupe-offset,12px));inset-inline-end:calc(50% - var(--luzmo-color-loupe-width,48px) / 2)}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){inset-inline-end:calc(50% - var(--luzmo-color-loupe-width,48px) / 2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.luzmo-color-loupe-inner-border{fill:var(--luzmo-picked-color);stroke:var(--luzmo-color-loupe-inner-border-color,#0000001a);stroke-width:var(--luzmo-color-loupe-inner-border-width,1px)}.luzmo-color-loupe-outer-border{fill:none;stroke:var(--luzmo-color-loupe-outer-border-color,white);stroke-width:calc(var(--luzmo-color-loupe-outer-border-width,2px) + 2px);transform:translate(calc((var(--luzmo-color-loupe-outer-border-width,2px) + 2px) / 2), 0)}.luzmo-color-loupe-checkerboard-pattern{fill:var(--luzmo-color-loupe-checkerboard-dark-color,#e6e6e6)}.luzmo-color-loupe-checkerboard-background{fill:var(--luzmo-color-loupe-checkerboard-light-color,#fff)}.luzmo-color-loupe-checkerboard-fill{fill:var(--luzmo-color-loupe-checkerboard-fill,url(#checkerboard-primary))}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}svg{width:inherit;height:inherit}.loupe-clipped{clip-path:path("M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ")}.opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light,#fff) 0 25%, var(--luzmo-color-loupe-checkerboard-dark,#e6e6e6) 0 50%) var(--luzmo-color-loupe-checkerboard-position,left top)/calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2);block-size:100%;inline-size:100%;position:absolute;top:2px;left:2px}`,i=class extends e.n{constructor(...e){super(...e),this.open=!1,this.color=`rgba(255, 0, 0, 0.5)`}static{this.styles=(0,t.unsafeCSS)(r)}render(){return t.html`
-      <div class="opacity-checkerboard loupe-clipped"></div>
-      <div class="luzmo-color-loupe-inner-border loupe-clipped"></div>
-      <div class="luzmo-color-loupe-outer-border loupe-clipped"></div>
-      <svg
-        aria-hidden="true"
-        class="luzmo-color-loupe is-open"
-        overflow="visible"
-        style="--luzmo-picked-color: ${this.color}; position: absolute;"
-      >
-        <defs>
-          <path
-            id="loupe-path"
-            d="M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ"
-            transform="translate(2, 2)"
-          />
-          <mask id="loupe-mask">
-            <rect x="0" y="0" height="100" width="100" fill="white" />
-            <use xlink:href="#path" fill="black" />
-          </mask>
-        </defs>
-
-        <g class="luzmo-color-loupe-loupe">
-          <g>
-            <use
-              xlink:href="#loupe-path"
-              mask="url(#loupe-mask)"
-              transform="translate(2, 2)"
-              class="luzmo-color-loupe-inner-border"
-            />
-            <use
-              xlink:href="#loupe-path"
-              mask="url(#loupe-mask)"
-              class="luzmo-color-loupe-outer-border"
-            />
-          </g>
-        </g>
-      </svg>
-    `}};e.t([(0,n.property)({type:Boolean,reflect:!0})],i.prototype,`open`,void 0),e.t([(0,n.property)({type:String})],i.prototype,`color`,void 0),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/components/color-menu-CBpuPimx.cjs

@@ -1,89 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-DTxxQ3yJ.cjs");require("./popover/index.cjs"),require("./color-handle-BwV3Nia5.cjs"),require("./color-area-B5OHLqtm.cjs"),require("./color-field-IpL7Z89G.cjs"),require("./color-slider-CVSEpLOP.cjs"),require("./divider-wana0uPI.cjs"),require("./swatch-DcUK5qDv.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("@luzmo/icons"),o=require("@ctrl/tinycolor");var s=`:host{width:var(--luzmo-color-menu-width,var(--color-menu-width))}.hue-opacity-text-swatches-container{gap:var(--luzmo-color-menu-color-controls-vertical-gap,var(--color-menu-color-controls-vertical-gap));padding:var(--luzmo-color-menu-hue-opacity-text-swatches-vertical-padding,var(--color-menu-hue-opacity-text-swatches-vertical-padding)) var(--luzmo-color-menu-hue-opacity-text-swatches-horizontal-padding,var(--color-menu-hue-opacity-text-swatches-horizontal-padding));flex-direction:column;display:flex}.swatch-sliders-container{gap:var(--luzmo-color-menu-swatch-to-sliders-space,var(--color-menu-swatch-to-sliders-space));display:flex}.swatch-example-container{align-items:center;display:flex}.field-container{align-items:center;gap:var(--luzmo-color-menu-format-field-to-format-space,var(--color-menu-format-field-to-format-space));display:flex}.format-container{text-transform:uppercase;height:var(--luzmo-color-menu-format-height,var(--color-menu-format-height));cursor:pointer;font-size:var(--luzmo-color-menu-format-font-size,var(--color-menu-format-font-size));color:var(--luzmo-color-menu-format-font-color,var(--color-menu-format-font-color));align-items:center;gap:var(--luzmo-color-menu-format-name-to-icon,var(--color-menu-format-name-to-icon-space));padding:0 var(--luzmo-color-menu-format-horizontal-padding,var(--color-menu-format-horizontal-padding));background:0 0;border:none;outline:none;display:flex;position:relative}.format-container:hover{color:var(--luzmo-color-menu-format-font-color-hover,var(--color-menu-format-font-color-hover))}.format-container:focus-visible{outline:none}.format-container:focus-visible:after{content:"";box-sizing:border-box;border:var(--luzmo-color-menu-format-indicator-width,var(--luzmo-indicator-width)) solid var(--luzmo-color-menu-format-indicator-color,var(--luzmo-indicator-color));border-radius:var(--luzmo-color-menu-format-label-indicator-border-radius,var(--luzmo-border-radius-s));width:100%;height:100%;position:absolute;top:0;left:0}.format-container:focus-visible,.format-container:active{color:var(--luzmo-color-menu-format-font-color-down,var(--color-menu-format-font-color-down))}.format-container .format-label{-webkit-user-select:none;user-select:none}.format-container .angle-icon{height:calc(var(--color-menu-format-font-size) / 1.5);align-items:center;display:flex}.slider-container{justify-content:center;gap:var(--luzmo-color-menu-slider-gap,var(--color-menu-slider-gap));flex-direction:column;display:flex}luzmo-color-area{width:100%;height:var(--luzmo-color-menu-height,var(--color-menu-height))}luzmo-color-slider{width:100%}luzmo-divider{margin:var(--luzmo-spacing-5) à}.swatches-container{gap:var(--luzmo-color-menu-swatches-gap,var(--color-menu-swatches-gap));grid-template-columns:repeat(6,1fr);display:grid}.swatches-container luzmo-swatch{cursor:pointer}.swatches-container .swatch-choice{justify-content:center;align-items:center;display:flex}:host{--luzmo-text-field-icon-size-valid:0px;--luzmo-text-field-icon-spacing-inline-end-valid:1px;--luzmo-text-field-text-align:center;--color-menu-width:290px;--luzmo-text-field-width:220px;--luzmo-color-slider-control-track-width:8px;--color-menu-height:140px;--color-menu-hue-opacity-text-swatches-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-hue-opacity-text-swatches-vertical-padding:var(--luzmo-spacing-5);--color-menu-color-controls-vertical-gap:var(--luzmo-spacing-5);--color-menu-swatch-to-sliders-space:var(--luzmo-spacing-5);--color-menu-slider-gap:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-format-height:var(--luzmo-component-height);--color-menu-format-font-size:var(--luzmo-font-size-s);--color-menu-format-name-to-icon-space:var(--luzmo-spacing-2);--color-menu-format-field-to-format-space:var(--luzmo-spacing-2);--color-menu-format-horizontal-padding:var(--luzmo-spacing-3);--color-menu-format-font-color:var(--luzmo-font-color);--color-menu-format-font-color-hover:var(--luzmo-font-color-hover);--color-menu-format-font-color-down:var(--luzmo-font-color-down);--color-menu-swatches-gap:var(--luzmo-spacing-4)}:host .swatches-container{--luzmo-swatch-size:22px}:host([size=s]){--color-menu-width:260px;--luzmo-text-field-width:200px;--luzmo-color-slider-control-track-width:8px;--color-menu-hue-opacity-text-swatches-horizontal-padding:var(--luzmo-spacing-5);--color-menu-hue-opacity-text-swatches-vertical-padding:var(--luzmo-spacing-4);--color-menu-color-controls-vertical-gap:var(--luzmo-spacing-4);--color-menu-swatch-to-sliders-space:var(--luzmo-spacing-4);--color-menu-slider-gap:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-format-height:var(--luzmo-component-height-s);--color-menu-format-font-size:var(--luzmo-font-size-xs);--color-menu-format-name-to-icon-space:var(--luzmo-spacing-2);--color-menu-format-field-to-format-space:var(--luzmo-spacing-2);--color-menu-format-horizontal-padding:var(--luzmo-spacing-2);--color-menu-swatches-gap:var(--luzmo-spacing-3)}:host([size=s]) .swatches-container{--luzmo-swatch-size:20px}:host([size=l]){--color-menu-width:350px;--luzmo-text-field-width:240px;--luzmo-color-slider-control-track-width:16px;--color-menu-hue-opacity-text-swatches-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--color-menu-hue-opacity-text-swatches-vertical-padding:var(--luzmo-spacing-5);--color-menu-color-controls-vertical-gap:var(--luzmo-spacing-5);--color-menu-swatch-to-sliders-space:var(--luzmo-spacing-5);--color-menu-slider-gap:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--color-menu-format-height:var(--luzmo-component-height-l);--color-menu-format-font-size:var(--luzmo-font-size);--color-menu-format-name-to-icon-space:var(--luzmo-spacing-3);--color-menu-format-field-to-format-space:var(--luzmo-spacing-2);--color-menu-format-horizontal-padding:var(--luzmo-spacing-4);--color-menu-swatches-gap:var(--luzmo-spacing-4)}:host([size=l]) .swatches-container{--luzmo-swatch-size:24px}:host([size=l]) .swatch-example-container{--luzmo-swatch-size:56px}:host([size=xl]){--color-menu-width:380px;--luzmo-text-field-width:280px;--luzmo-color-slider-control-track-width:16px;--color-menu-hue-opacity-text-swatches-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--color-menu-hue-opacity-text-swatches-vertical-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-color-controls-vertical-gap:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-swatch-to-sliders-space:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-slider-gap:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-format-height:var(--luzmo-component-height-xl);--color-menu-format-font-size:var(--luzmo-font-size-l);--color-menu-format-name-to-icon-space:var(--luzmo-spacing-3);--color-menu-format-field-to-format-space:var(--luzmo-spacing-3);--color-menu-format-horizontal-padding:var(--luzmo-spacing-4);--color-menu-swatches-gap:var(--luzmo-spacing-4)}:host([size=xl]) .swatches-container{--luzmo-swatch-size:26px}:host([size=xl]) .swatch-example-container{--luzmo-swatch-size:64px}`,c=class extends t.n(n.t){constructor(...e){super(...e),this.color=`rgb(255, 0, 0)`,this.noAlphaChannel=!1,this._alpha=1,this._rgbColor=`rgb(255, 0, 0)`,this._rgbaColor=`rgb(255, 0, 0, 1)`,this._previousColor=`rgb(255, 0, 0)`}static{this.styles=(0,r.unsafeCSS)(s)}setColor(e){let t=new o.TinyColor(e?.target?.color);this._format=t.format===`name`?`rgb`:t.format,this._rgbaColor=t.toRgbString(),this._alpha=this.noAlphaChannel?1:t.getAlpha(),this._rgbColor=t.setAlpha(1).toRgbString(),this.hueSliderElement.color=this._rgbColor,this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this.colorFieldElement.value=this.formatTextField(t),this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent(`change`,{detail:this.color}))}handleAreaChange(e){e.stopPropagation(),e.preventDefault(),this._rgbColor=this.areaElement.color;let t=new o.TinyColor(this._rgbColor);this._rgbaColor=t.setAlpha(this._alpha).toRgbString(),this.colorFieldElement.value=this._rgbaColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.colorFieldElement.value=this.formatTextField(t),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent(`change`,{detail:this.color}))}get focusElement(){return this.areaElement||this.colorFieldElement||this}handleHueSliderChange(e){e.stopPropagation(),e.preventDefault();let t=new o.TinyColor(this._rgbColor).toHsl();t.h=this.hueSliderElement.value;let n=new o.TinyColor(t);this._rgbColor=n.toRgbString(),this._rgbaColor=n.setAlpha(this._alpha).toRgbString(),this.areaElement.color=`hsla(${t.h}, ${t.s*100}%, ${t.l*100}%, ${t.a})`,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.colorFieldElement.value=this.formatTextField(n),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent(`change`,{detail:this.color}))}handleOpacitySliderChange(e){e.stopPropagation(),e.preventDefault(),this._alpha=this.opacitySliderElement.sliderHandlePosition/100;let t=new o.TinyColor(this._rgbColor).setAlpha(this._alpha);this._rgbaColor=t.toRgbString(),this.colorFieldElement.value=this.formatTextField(t),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent(`change`,{detail:this.color}))}handleFieldChange(e){if(e.stopPropagation(),e.preventDefault(),this.colorFieldElement.checkValidity()){let e=new o.TinyColor(this.colorFieldElement.value);this._format=e.format,this._rgbaColor=e.toRgbString(),this._alpha=e.getAlpha(),this._rgbColor=e.setAlpha(1).toRgbString(),this.noAlphaChannel&&(this._rgbaColor=this._rgbColor,this._alpha=1),this.hueSliderElement.color=this._rgbColor,this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent(`change`,{detail:this.color}))}}formatTextField(e){return this._format===`hsl`?e.toHslString():this._format===`hex`?this.noAlphaChannel?e.toHexString():e.toHex8String():(this._format===`name`&&(this._format=`rgb`),e.toRgbString())}cycleFormat(){let e=[`rgb`,`hsl`,`hex`];this._format=e[(e.indexOf(this._format)+1)%e.length];let t=new o.TinyColor(this.color),n=this.formatTextField(t);this.colorFieldElement.value=n}updated(e){if(e.has(`color`)&&this.color!==this._previousColor){this._previousColor=this.color;let e=new o.TinyColor(this.color);this._alpha=e.getAlpha(),this._rgbColor=e.setAlpha(1).toRgbString(),this._rgbaColor=e.setAlpha(this._alpha).toRgbString(),this.areaElement.color=this._rgbColor,this.hueSliderElement.color=this._rgbColor,this.colorFieldElement.value=this._rgbaColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this._format=`rgb`}e.has(`noAlphaChannel`)&&!this.noAlphaChannel&&(this.opacitySliderElement.color=this._rgbaColor)}renderOpacitySlider(){return r.html`
-      <luzmo-color-slider
-        id="luzmo-opacity-slider"
-        label="Opacity"
-        mode="opacity"
-        @input=${this.handleOpacitySliderChange}
-      >
-      </luzmo-color-slider>
-    `}render(){return r.html`
-      <div id="color-menu" tabindex="0">
-        <luzmo-color-area
-          .size=${this.size}
-          @input=${this.handleAreaChange}
-        ></luzmo-color-area>
-        <div class="hue-opacity-text-swatches-container">
-          <div class="swatch-sliders-container">
-            <div class="swatch-example-container">
-              <luzmo-swatch
-                label="Color preview"
-                rounding="full"
-                .size=${this.noAlphaChannel&&[`s`,`m`].includes(this.size)?`s`:`l`}
-                readonly
-              ></luzmo-swatch>
-            </div>
-            <div class="slider-container" style="flex-grow: 1;">
-              <luzmo-color-slider
-                id="luzmo-hue-slider"
-                @input=${this.handleHueSliderChange}
-              >
-              </luzmo-color-slider>
-              ${this.noAlphaChannel?``:this.renderOpacitySlider()}
-            </div>
-          </div>
-          <div class="field-container">
-            <luzmo-color-field
-              label="Color value"
-              .size=${this.size}
-              @input=${this.handleFieldChange}
-            >
-            </luzmo-color-field>
-            <button
-              class="format-container"
-              aria-label="Color format"
-              @click=${this.cycleFormat}
-              tabindex="0"
-            >
-              <div class="format-label">${this._format}</div>
-              <div class="change-format-icon">
-                <div class="angle-icon">${(0,a.luzmoIcon)(a.luzmoAngleUp)}</div>
-                <div class="angle-icon">${(0,a.luzmoIcon)(a.luzmoAngleDown)}</div>
-              </div>
-            </button>
-          </div>
-          ${this.swatches?.length>0?r.html`
-                <luzmo-divider></luzmo-divider>
-                <div class="swatches-container">
-                  ${this.swatches.map(e=>r.html`
-                      <div class="swatch-choice">
-                        <luzmo-swatch
-                          @click=${this.setColor}
-                          .color=${e}
-                          .size=${this.size}
-                          readonly
-                        >
-                        </luzmo-swatch>
-                      </div>
-                    `)}
-                </div>
-              `:``}
-        </div>
-      </div>
-    `}};e.t([(0,i.property)({type:String,reflect:!0})],c.prototype,`color`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0,attribute:`no-alpha-channel`})],c.prototype,`noAlphaChannel`,void 0),e.t([(0,i.property)({type:Array,reflect:!0})],c.prototype,`swatches`,void 0),e.t([(0,i.query)(`luzmo-color-area`)],c.prototype,`areaElement`,void 0),e.t([(0,i.query)(`#luzmo-hue-slider`)],c.prototype,`hueSliderElement`,void 0),e.t([(0,i.query)(`#luzmo-opacity-slider`)],c.prototype,`opacitySliderElement`,void 0),e.t([(0,i.query)(`luzmo-color-field`)],c.prototype,`colorFieldElement`,void 0),e.t([(0,i.query)(`luzmo-swatch`)],c.prototype,`swatchElement`,void 0),e.t([(0,i.state)()],c.prototype,`_format`,void 0),customElements.get(`luzmo-color-menu`)||customElements.define(`luzmo-color-menu`,c),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/components/color-palette-C6G0Tdla.cjs

@@ -1,18 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-DTxxQ3yJ.cjs");let r=require("lit"),i=require("lit/decorators.js");var a=`:host{box-sizing:border-box}:host([focused]),:host(:focus-visible){outline:none}:host([focused]) #palette,:host(:focus-visible) #palette{border:var(--luzmo-color-palette-focus-indicator-width,var(--color-palette-focus-indicator-width)) solid var(--luzmo-color-palette-focus-indicator-color,var(--color-palette-focus-indicator-color))!important}:host([disabled]){pointer-events:none;cursor:not-allowed}:host([disabled]) #palette{opacity:var(--luzmo-color-palette-disabled-opacity,.3);background-color:var(--luzmo-color-palette-disabled-background-color,var(--color-palette-disabled-background-color))!important;border-color:#0000!important}:host([selected]) #palette{border-color:var(--luzmo-color-palette-selected-border-color,var(--color-palette-selected-border-color));background-color:var(--luzmo-color-palette-selected-background-color,var(--color-palette-selected-background-color))}:host:hover #palette{border-color:var(--luzmo-color-palette-hover-border-color,var(--color-palette-hover-border-color))}#palette{box-sizing:border-box;width:fit-content;height:100%;padding:var(--luzmo-color-palette-padding,var(--color-palette-padding));border:var(--luzmo-color-palette-border-width,var(--color-palette-border-width)) solid transparent;cursor:pointer;border-radius:var(--luzmo-color-palette-border-radius,var(--color-palette-border-radius));display:flex}#palette>div{box-sizing:border-box;border:var(--luzmo-color-palette-color-border-width,var(--color-palette-color-border-width)) solid var(--luzmo-color-palette-color-border-color,var(--color-palette-color-border-color));height:var(--luzmo-color-palette-color-height,var(--color-palette-color-height));width:var(--luzmo-color-palette-color-width,var(--color-palette-color-width))}#palette:hover{background-color:var(--luzmo-color-palette-hover-background-color,var(--color-palette-hover-background-color))}#palette:focus-visible{outline:none}:host(:not([reverse]):not([horizontal])) #palette{flex-direction:column}:host(:not([reverse]):not([horizontal])) #palette>div:not(:first-child){border-top:0}:host(:not([reverse]):not([horizontal])) #palette>div:first-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-top-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host(:not([reverse]):not([horizontal])) #palette>div:last-child{border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([reverse]:not([horizontal])) #palette{flex-direction:column-reverse}:host([reverse]:not([horizontal])) #palette>div:not(:first-child){border-bottom:0}:host([reverse]:not([horizontal])) #palette>div:first-child{border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([reverse]:not([horizontal])) #palette>div:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-top-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([horizontal]:not([reverse])) #palette{flex-direction:row}:host([horizontal]:not([reverse])) #palette>div:not(:first-child){border-left:0}:host([horizontal]:not([reverse])) #palette>div:first-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([horizontal]:not([reverse])) #palette>div:last-child{border-top-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([horizontal][reverse]) #palette{flex-direction:row-reverse}:host([horizontal][reverse]) #palette>div:not(:first-child){border-right:0}:host([horizontal][reverse]) #palette>div:first-child{border-top-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([horizontal][reverse]) #palette>div:last-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host{--color-palette-padding:var(--luzmo-spacing-1);--color-palette-background-color:transparent;--color-palette-hover-background-color:var(--luzmo-background-color-highlight);--color-palette-selected-border-color:var(--luzmo-border-color-down);--color-palette-selected-background-color:var(--luzmo-background-color-highlight-hover);--color-palette-disabled-background-color:transparent;--color-palette-border-width:var(--luzmo-border-width);--color-palette-hover-border-color:var(--luzmo-border-color);--color-palette-focus-indicator-width:var(--luzmo-indicator-width);--color-palette-focus-indicator-color:var(--luzmo-indicator-color);--color-palette-color-width:var(--luzmo-spacing-5);--color-palette-color-height:1.25rem;--color-palette-color-border-radius:var(--luzmo-border-radius);--color-palette-color-border-width:var(--luzmo-border-width);--color-palette-color-border-color:var(--luzmo-border-color);--color-palette-border-radius:calc(var(--color-palette-color-border-radius) + var(--color-palette-padding))}:host([horizontal]){--color-palette-color-height:var(--luzmo-spacing-5);--color-palette-color-width:1.25rem}:host([size=s]){--color-palette-color-width:.75rem;--color-palette-color-height:var(--luzmo-spacing-5);--color-palette-padding:var(--luzmo-spacing-1);--color-palette-color-border-radius:var(--luzmo-border-radius-s)}:host([size=s][horizontal]){--color-palette-color-height:.75rem;--color-palette-color-width:var(--luzmo-spacing-5)}:host([size=l]){--color-palette-color-width:1.25rem;--color-palette-color-height:1.5rem;--color-palette-padding:var(--luzmo-spacing-2);--color-palette-color-border-radius:var(--luzmo-border-radius-l)}:host([size=l][horizontal]){--color-palette-color-height:1.25rem;--color-palette-color-width:1.5rem}:host([size=xl]){--color-palette-color-width:1.5rem;--color-palette-color-height:1.75rem;--color-palette-padding:var(--luzmo-spacing-2);--color-palette-color-border-radius:var(--luzmo-border-radius-xl)}:host([size=xl][horizontal]){--color-palette-color-height:1.5rem;--color-palette-color-width:1.75rem}`,o=class extends t.n(n.t,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...e){super(...e),this.disabled=!1,this.focused=!1,this.selected=!1,this.active=!1,this.reverse=!1,this.horizontal=!1}static{this.styles=(0,r.unsafeCSS)(a)}get focusElement(){return this}render(){return r.html` <div id="palette">${this.colors?.map(e=>r.html`<div class="color" style="background-color: ${e}"></div>`)}</div> `}firstUpdated(e){super.firstUpdated(e)}updated(e){super.updated(e),e.has(`selected`)&&this.setAttribute(`tabindex`,this.selected?`0`:`-1`),e.has(`disabled`)&&(this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],o.prototype,`disabled`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],o.prototype,`focused`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],o.prototype,`selected`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],o.prototype,`active`,void 0),e.t([(0,i.property)({type:String,reflect:!0})],o.prototype,`value`,void 0),e.t([(0,i.property)({type:Array,reflect:!0})],o.prototype,`colors`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],o.prototype,`reverse`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],o.prototype,`horizontal`,void 0),customElements.get(`luzmo-color-palette`)||customElements.define(`luzmo-color-palette`,o),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/components/color-palette-group-B4r4tPfY.cjs

@@ -1,28 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./roving-tabindex-BoPao4td.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("lit/directives/if-defined.js"),o=require("@lit-labs/observers/mutation-controller.js");var s=`.color-palette-group{column-gap:var(--luzmo-color-palette-group-column-gap,var(--color-palette-group-column-gap));row-gap:var(--luzmo-color-palette-group-row-gap,var(--color-palette-group-row-gap));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:1}:host{--color-palette-group-column-gap:var(--luzmo-spacing-3);--color-palette-group-row-gap:var(--luzmo-spacing-3)}:host([size=s]){--color-palette-group-column-gap:var(--luzmo-spacing-2);--color-palette-group-row-gap:var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--color-palette-group-column-gap:var(--luzmo-spacing-3);--color-palette-group-row-gap:var(--luzmo-spacing-3)}`,c=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[(0,r.unsafeCSS)(s)]}set palettes(e){e!==this.palettes&&(this._palettes=e,this.rovingTabindexController.clearElementCache())}get palettes(){return this._palettes}constructor(){super(),this.disabled=!1,this.horizontal=!1,this._palettes=[],this.rovingTabindexController=new n.t(this,{focusInIndex:e=>e.findIndex(e=>this.selected?!e.disabled&&e.value===this.selected:!e.disabled),elements:()=>this.palettes,isFocusableElement:e=>!e.disabled}),this.label=``,this._onKeyDown=e=>{if(e.code===`Enter`||e.code===`Space`){e.preventDefault();let t=e.target;if(t.value===void 0)return;this.deselectSelectedPalettes(),t.selected=!0,t.tabIndex=0,t.setAttribute(`aria-checked`,`true`),this.setSelected(t.value,!0)}},this.manageColorPalettes=()=>{if(!this.slotElement)return;let e=this.slotElement.assignedElements({flatten:!0}).reduce((e,t)=>{if(t.matches(`luzmo-color-palette`))e.push(t);else{let n=[...t.querySelectorAll(`:scope > luzmo-color-palette`)];e.push(...n)}return e},[]);this.palettes=e,this.manageChildren(),this.manageSelects()},new o.MutationController(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageColorPalettes()},skipInitial:!0})}get selected(){return this._selected}set selected(e){this.requestUpdate(`selected`,this._selected),this._selected=e,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}dispatchChange(e){this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(e),this.palettes.map(e=>{e.selected=!!(e.value&&this.selected===e.value)}))}setSelected(e,t){if(e===this.selected)return;let n=this.selected;this.requestUpdate(`selected`,n),this._selected=e,t&&this.dispatchChange(n)}focus(e){this.rovingTabindexController.focus(e)}deselectSelectedPalettes(){this.palettes.forEach(e=>{e.selected&&(e.selected=!1,e.tabIndex=-1,e.setAttribute(`aria-checked`,`false`))})}_handleClick(e){let t=e.target;t.value!==void 0&&(this.deselectSelectedPalettes(),t.selected=!0,t.tabIndex=0,t.setAttribute(`aria-checked`,`true`),this.setSelected(t.value,!0))}async applySelects(){await this.manageSelects()}async manageSelects(){if(this.palettes.length===0)return;let e=this.palettes;this.setAttribute(`role`,`radiogroup`);let t=[],n=e.map(async e=>{await e.updateComplete,e.setAttribute(`role`,`radio`),e.setAttribute(`aria-checked`,e.selected?`true`:`false`),e.selected&&t.push(e)});await Promise.all(n);let r=t.map(e=>e.value).find(Boolean);this.setSelected(r)}render(){return r.html`
-      <div
-        class="color-palette-group"
-        aria-label=${(0,a.ifDefined)(this.label??void 0)}
-        role="radiogroup"
-        @keydown=${this._onKeyDown}
-        @slotchange=${this.manageColorPalettes}
-      >
-        <slot role="presentation"></slot>
-      </div>
-    `}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`click`,this._handleClick)}updated(e){super.updated(e),e.has(`horizontal`)&&this.palettes.forEach(e=>{e.horizontal=this.horizontal}),this.manageSelects(),this.manageChildren(),e.has(`size`)&&this.manageChildren(e),e.has(`label`)&&(this.label||e.get(`label`)!==void 0)&&(this.label.length>0?this.setAttribute(`aria-label`,this.label):this.removeAttribute(`aria-label`))}manageChildren(e){this.palettes.forEach(t=>{t.setAttribute(`aria-label`,`color palette: ${t.value}`),t.selected=!!(t.value&&this.selected===t.value),this.size&&(this.size!==`m`||e?.get(`size`)!==void 0)&&(t.size=this.size),this.disabled&&(t.disabled=!0),t.horizontal=this.horizontal})}};e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`disabled`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`horizontal`,void 0),e.t([(0,i.property)({type:String})],c.prototype,`label`,void 0),e.t([(0,i.property)({type:String})],c.prototype,`selected`,null),e.t([(0,i.query)(`slot`)],c.prototype,`slotElement`,void 0),customElements.get(`luzmo-color-palette-group`)||customElements.define(`luzmo-color-palette-group`,c),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});