@luzmo/lucero 1.0.1-alpha.9 → 1.0.2

package/components/streaming-listener-2NcP7ys7.js

@@ -0,0 +1,77 @@
+/*! * 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.
+ * */
+import { nothing as e } from "lit";
+import { AsyncDirective as t, directive as n } from "lit/async-directive.js";
+//#region src/utils/streaming-listener.ts
+/* c8 ignore next 6 */
+var r = ["", () => {}], i = n(class extends t {
+	constructor(...e) {
+		super(...e), this.start = r, this.streamInside = r, this.end = r, this.streamOutside = r, this.state = "off", this.handleStart = (e) => {
+			this.clearStream(), this.callHandler(this.start[1], e), !e.defaultPrevented && (this.removeListeners(), this.addListeners("on"));
+		}, this.handleInside = (e) => {
+			this.handleStream(this.streamInside[1], e);
+		}, this.handleEnd = (e) => {
+			this.clearStream(), this.callHandler(this.end[1], e), this.removeListeners(), this.addListeners("off");
+		}, this.handleOutside = (e) => {
+			this.handleStream(this.streamOutside[1], e);
+		};
+	}
+	/* c8 ignore next 4 */
+	render(t) {
+		return e;
+	}
+	update(e, [{ start: t, end: n, streamInside: i = r, streamOutside: a = r }]) {
+		this.element !== e.element && (this.element = e.element, this.removeListeners()), this.host = e.options?.host || this.element, this.start = t, this.end = n, this.streamInside = i, this.streamOutside = a, this.addListeners();
+	}
+	addListeners(e) {
+		this.state = e || this.state, this.state === "off" ? (this.addListener(this.streamOutside[0], this.handleOutside), this.addListener(this.start[0], this.handleStart)) : this.state === "on" && (this.addListener(this.streamInside[0], this.handleInside), this.addListener(this.end[0], this.handleEnd));
+	}
+	callHandler(e, t) {
+		typeof e == "function" ? e.call(this.host, t) : e.handleEvent(t);
+	}
+	handleStream(e, t) {
+		this.stream ||= (this.callHandler(e, t), requestAnimationFrame(() => {
+			this.stream = void 0;
+		}));
+	}
+	clearStream() {
+		this.stream != null && (cancelAnimationFrame(this.stream), this.stream = void 0);
+	}
+	addListener(e, t) {
+		Array.isArray(e) ? e.map((e) => {
+			this.element.addEventListener(e, t);
+		}) : this.element.addEventListener(e, t);
+	}
+	removeListener(e, t) {
+		Array.isArray(e) ? e.map((e) => {
+			this.element.removeEventListener(e, t);
+		}) : this.element.removeEventListener(e, t);
+	}
+	removeListeners() {
+		this.removeListener(this.start[0], this.handleStart), this.removeListener(this.streamInside[0], this.handleInside), this.removeListener(this.end[0], this.handleEnd), this.removeListener(this.streamOutside[0], this.handleOutside);
+	}
+	disconnected() {
+		this.removeListeners();
+	}
+	/* c8 ignore next 3 */
+	reconnected() {
+		this.addListeners();
+	}
+});
+//#endregion
+export { i as t };

package/components/streaming-listener-BnDW38lt.cjs

@@ -0,0 +1,18 @@
+/*! * 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.
+ * */
+require(`./chunk-D-qHiVGv.cjs`);let e=require(`lit`),t=require(`lit/async-directive.js`);var n=[``,()=>{}],r=class extends t.AsyncDirective{constructor(...e){super(...e),this.start=n,this.streamInside=n,this.end=n,this.streamOutside=n,this.state=`off`,this.handleStart=e=>{this.clearStream(),this.callHandler(this.start[1],e),!e.defaultPrevented&&(this.removeListeners(),this.addListeners(`on`))},this.handleInside=e=>{this.handleStream(this.streamInside[1],e)},this.handleEnd=e=>{this.clearStream(),this.callHandler(this.end[1],e),this.removeListeners(),this.addListeners(`off`)},this.handleOutside=e=>{this.handleStream(this.streamOutside[1],e)}}render(t){return e.nothing}update(e,[{start:t,end:r,streamInside:i=n,streamOutside:a=n}]){this.element!==e.element&&(this.element=e.element,this.removeListeners()),this.host=e.options?.host||this.element,this.start=t,this.end=r,this.streamInside=i,this.streamOutside=a,this.addListeners()}addListeners(e){this.state=e||this.state,this.state===`off`?(this.addListener(this.streamOutside[0],this.handleOutside),this.addListener(this.start[0],this.handleStart)):this.state===`on`&&(this.addListener(this.streamInside[0],this.handleInside),this.addListener(this.end[0],this.handleEnd))}callHandler(e,t){typeof e==`function`?e.call(this.host,t):e.handleEvent(t)}handleStream(e,t){this.stream||=(this.callHandler(e,t),requestAnimationFrame(()=>{this.stream=void 0}))}clearStream(){this.stream!=null&&(cancelAnimationFrame(this.stream),this.stream=void 0)}addListener(e,t){Array.isArray(e)?e.map(e=>{this.element.addEventListener(e,t)}):this.element.addEventListener(e,t)}removeListener(e,t){Array.isArray(e)?e.map(e=>{this.element.removeEventListener(e,t)}):this.element.removeEventListener(e,t)}removeListeners(){this.removeListener(this.start[0],this.handleStart),this.removeListener(this.streamInside[0],this.handleInside),this.removeListener(this.end[0],this.handleEnd),this.removeListener(this.streamOutside[0],this.handleOutside)}disconnected(){this.removeListeners()}reconnected(){this.addListeners()}},i=(0,t.directive)(r);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/components/suggestion/index.cjs

@@ -0,0 +1,18 @@
+/*! * 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.
+ * */
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../suggestion-CEJiW_7y.cjs`);exports.LuzmoSuggestion=e.t;

package/components/suggestion/index.d.ts

@@ -0,0 +1,8 @@
+import { LuzmoSuggestion } from './suggestion';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-suggestion': LuzmoSuggestion;
+    }
+}
+export { LuzmoSuggestion } from './suggestion';
+export type { SuggestionVariants } from './suggestion';

package/components/suggestion/index.js

@@ -0,0 +1,25 @@
+/*! * 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.
+ * */
+(() => {
+	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+		let e = document.createElement("style");
+		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 45%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
+	}
+})();
+import { t as e } from "../suggestion-DK5gxxDI.js";
+export { e as LuzmoSuggestion };

package/components/suggestion/suggestion.d.ts

@@ -0,0 +1,45 @@
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { LuzmoElement } from '../../utils/base';
+export type SuggestionVariants = 'default' | 'prompt';
+export declare const validSuggestionVariants: SuggestionVariants[];
+declare const LuzmoSuggestion_base: typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/observe-slot-text").SlotTextObservingInterface;
+    prototype: import("../../utils/observe-slot-text").SlotTextObservingInterface;
+};
+/**
+ * @element luzmo-suggestion
+ *
+ * A clickable pill used to surface a single suggestion - typically a suggested
+ * dataset, prompt, or follow-up question above a chat input. The host element
+ * behaves like a button: it is focusable and activates on click, Enter, or
+ * Space.
+ *
+ * @slot - text label of the suggestion
+ * @slot icon - an icon element to display before the label
+ *
+ * @cssprop --luzmo-suggestion-background-color
+ * @cssprop --luzmo-suggestion-border-color
+ * @cssprop --luzmo-suggestion-content-color
+ * @cssprop --luzmo-suggestion-border-radius
+ * @cssprop --luzmo-suggestion-padding-inline
+ * @cssprop --luzmo-suggestion-padding-block
+ * @cssprop --luzmo-suggestion-font-size
+ * @cssprop --luzmo-suggestion-icon-size
+ */
+export declare class LuzmoSuggestion extends LuzmoSuggestion_base {
+    static get styles(): CSSResultArray;
+    private _variant;
+    get variant(): SuggestionVariants;
+    set variant(variant: SuggestionVariants);
+    disabled: boolean;
+    constructor();
+    private handleClickCapture;
+    private handleKeydown;
+    private handleIconSlotChange;
+    protected get hasLabel(): boolean;
+    protected render(): TemplateResult;
+    protected firstUpdated(changes: PropertyValues): void;
+    protected updated(changes: PropertyValues): void;
+    private updateTabindex;
+}
+export {};

package/components/suggestion-CEJiW_7y.cjs

@@ -0,0 +1,23 @@
+/*! * 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.
+ * */
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./observe-slot-text-BhTcGuHY.cjs`);let n=require(`lit`),r=require(`lit/decorators.js`);var i=`:host{font-family:var(--luzmo-suggestion-font-family,var(--suggestion-font-family));background-color:var(--luzmo-suggestion-background-color,var(--suggestion-background-color));color:var(--luzmo-suggestion-content-color,var(--suggestion-content-color));border-radius:var(--luzmo-suggestion-border-radius,var(--suggestion-border-radius));box-sizing:border-box;vertical-align:middle;-webkit-user-select:none;user-select:none;max-inline-size:100%;transition:border-color var(--luzmo-suggestion-animation-duration,var(--suggestion-animation-duration)) ease-in-out, color var(--luzmo-suggestion-animation-duration,var(--suggestion-animation-duration)) ease-in-out, background-color var(--luzmo-suggestion-animation-duration,var(--suggestion-animation-duration)) ease-in-out;cursor:pointer;padding-inline:calc(var(--luzmo-suggestion-padding-inline,var(--suggestion-padding-inline)) - var(--luzmo-suggestion-border-width,var(--suggestion-border-width)));padding-block:calc(var(--luzmo-suggestion-padding-block,var(--suggestion-padding-block)) - var(--luzmo-suggestion-border-width,var(--suggestion-border-width)));justify-content:center;align-items:center;gap:var(--luzmo-suggestion-icon-spacing-inline-end,var(--suggestion-icon-spacing-inline-end));outline:none;display:inline-flex;position:relative;border-color:var(--luzmo-suggestion-border-color,var(--suggestion-border-color))!important;border-width:var(--luzmo-suggestion-border-width,var(--suggestion-border-width))!important;border-style:solid!important}::slotted([slot=icon]){--icon-size:var(--luzmo-suggestion-icon-size,var(--suggestion-icon-size));block-size:var(--luzmo-suggestion-icon-size,var(--suggestion-icon-size));inline-size:var(--luzmo-suggestion-icon-size,var(--suggestion-icon-size));flex-shrink:0;align-self:center}.label{box-sizing:border-box;line-height:var(--luzmo-suggestion-line-height,var(--suggestion-line-height));font-weight:var(--luzmo-suggestion-font-weight,var(--suggestion-font-weight));font-size:var(--luzmo-suggestion-font-size,var(--suggestion-font-size));white-space:nowrap;text-overflow:ellipsis;align-items:center;display:inline-flex;overflow:hidden}.label[hidden]{display:none!important}:host([icon-only]){gap:0}@media (hover:hover){:host(:hover){background-color:var(--luzmo-suggestion-background-color-hover,var(--suggestion-background-color-hover));color:var(--luzmo-suggestion-content-color-hover,var(--suggestion-content-color-hover));border-color:var(--luzmo-suggestion-border-color-hover,var(--suggestion-border-color-hover))!important}}:host(:focus-visible){background-color:var(--luzmo-suggestion-background-color-focus,var(--suggestion-background-color-focus));color:var(--luzmo-suggestion-content-color-focus,var(--suggestion-content-color-focus));border-color:var(--luzmo-suggestion-border-color-focus,var(--suggestion-border-color-focus))!important}:host(:focus-visible):after{content:"";border-radius:calc(var(--luzmo-suggestion-border-radius,var(--suggestion-border-radius)) + var(--luzmo-suggestion-focus-ring-gap,var(--suggestion-focus-ring-gap)) + var(--luzmo-suggestion-border-width,var(--suggestion-border-width)));pointer-events:none;inset:calc(var(--luzmo-suggestion-focus-ring-gap,var(--suggestion-focus-ring-gap)) * -1 - var(--luzmo-suggestion-border-width,var(--suggestion-border-width)) - var(--luzmo-suggestion-focus-ring-thickness,var(--suggestion-focus-ring-thickness)));position:absolute;border-color:var(--luzmo-suggestion-focus-ring-color,var(--suggestion-focus-ring-color))!important;border-width:var(--luzmo-suggestion-focus-ring-thickness,var(--suggestion-focus-ring-thickness))!important;border-style:solid!important}:host([disabled]){background-color:var(--luzmo-suggestion-background-color-disabled,var(--suggestion-background-color-disabled));color:var(--luzmo-suggestion-content-color-disabled,var(--suggestion-content-color-disabled));cursor:not-allowed;pointer-events:none;border-color:var(--luzmo-suggestion-border-color-disabled,var(--suggestion-border-color-disabled))!important}:host([disabled]) ::slotted([slot=icon]){opacity:.5}@media (forced-colors:active){:host{color:buttontext;forced-color-adjust:none;background-color:buttonface;border-color:buttontext!important}:host(:focus-visible){border-color:highlight!important}:host([disabled]){color:graytext;border-color:graytext!important}}:host{--suggestion-font-family:var(--luzmo-font-family);--suggestion-font-size:var(--luzmo-font-size-s);--suggestion-font-weight:var(--luzmo-font-weight);--suggestion-line-height:var(--luzmo-line-height);--suggestion-border-radius:var(--luzmo-border-radius);--suggestion-border-width:var(--luzmo-border-width);--suggestion-padding-block:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--suggestion-padding-inline:var(--luzmo-spacing-4);--suggestion-icon-size:var(--luzmo-icon-size-m);--suggestion-icon-spacing-inline-end:var(--luzmo-spacing-3);--suggestion-animation-duration:var(--luzmo-animation-duration);--suggestion-background-color:var(--luzmo-background-color);--suggestion-background-color-hover:var(--luzmo-background-color-hover);--suggestion-background-color-focus:var(--luzmo-background-color-focus);--suggestion-border-color:var(--luzmo-border-color);--suggestion-border-color-hover:var(--luzmo-border-color-hover);--suggestion-border-color-focus:var(--luzmo-border-color-focus);--suggestion-content-color:var(--luzmo-font-color);--suggestion-content-color-hover:var(--luzmo-font-color-hover);--suggestion-content-color-focus:var(--luzmo-font-color-focus);--suggestion-background-color-disabled:var(--luzmo-background-color);--suggestion-border-color-disabled:var(--luzmo-border-color);--suggestion-content-color-disabled:var(--luzmo-disabled-color);--suggestion-focus-ring-color:var(--luzmo-indicator-color);--suggestion-focus-ring-thickness:var(--luzmo-indicator-width);--suggestion-focus-ring-gap:var(--luzmo-indicator-gap)}:host([variant=prompt]){--suggestion-background-color:color-mix(in oklch, var(--luzmo-primary), white 88%);--suggestion-background-color-hover:color-mix(in oklch, var(--luzmo-primary), white 75%);--suggestion-background-color-focus:var(--suggestion-background-color-hover);--suggestion-border-color:color-mix(in oklch, var(--luzmo-primary), white 70%);--suggestion-border-color-hover:color-mix(in oklch, var(--luzmo-primary), white 50%);--suggestion-border-color-focus:var(--suggestion-border-color-hover);--suggestion-content-color:color-mix(in oklch, var(--luzmo-primary), black 25%);--suggestion-content-color-hover:var(--suggestion-content-color);--suggestion-content-color-focus:var(--suggestion-content-color);--suggestion-background-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 92%);--suggestion-border-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 85%);--suggestion-content-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 40%)}`,a=[`default`,`prompt`],o=class extends t.t(e.n){static get styles(){return[(0,n.unsafeCSS)(i)]}get variant(){return this._variant}set variant(e){let t=a.includes(e)?e:`default`;t!==this._variant&&(this._variant=t,this.setAttribute(`variant`,t))}constructor(){super(),this._variant=`default`,this.disabled=!1,this.handleClickCapture=e=>{this.disabled&&(e.preventDefault(),e.stopImmediatePropagation(),e.stopPropagation())},this.handleKeydown=e=>{if(this.disabled)return;let{code:t}=e;(t===`Enter`||t===`NumpadEnter`||t===`Space`)&&(e.preventDefault(),this.click())},this.addEventListener(`click`,this.handleClickCapture,{capture:!0})}handleIconSlotChange(e){e.target.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`luzmo-icon`&&e.setAttribute(`block`,``)})}get hasLabel(){return this.slotHasContent}render(){return n.html`
+      <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
+      <span class="label" ?hidden=${!this.hasLabel}>
+        <slot @slotchange=${this.manageTextObservedSlot}></slot>
+      </span>
+    `}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`button`),this.hasAttribute(`variant`)||this.setAttribute(`variant`,this._variant),this.updateTabindex(),this.addEventListener(`keydown`,this.handleKeydown)}updated(e){super.updated(e),e.has(`disabled`)&&(this.updateTabindex(),this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`)),this.toggleAttribute(`icon-only`,!this.slotHasContent)}updateTabindex(){this.disabled?this.setAttribute(`tabindex`,`-1`):(!this.hasAttribute(`tabindex`)||this.getAttribute(`tabindex`)===`-1`)&&this.setAttribute(`tabindex`,`0`)}};e.t([(0,r.property)({reflect:!0})],o.prototype,`variant`,null),e.t([(0,r.property)({type:Boolean,reflect:!0})],o.prototype,`disabled`,void 0),customElements.get(`luzmo-suggestion`)||customElements.define(`luzmo-suggestion`,o),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/components/suggestion-DK5gxxDI.js

@@ -0,0 +1,76 @@
+/*! * 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.
+ * */
+import { n as e, t } from "./decorate-aGxJUVxg.js";
+import { t as n } from "./observe-slot-text-Ddf1OC6F.js";
+import { html as r, unsafeCSS as i } from "lit";
+import { property as a } from "lit/decorators.js";
+//#region src/components/suggestion/suggestion.module.scss?inline
+var o = ":host{font-family:var(--luzmo-suggestion-font-family,var(--suggestion-font-family));background-color:var(--luzmo-suggestion-background-color,var(--suggestion-background-color));color:var(--luzmo-suggestion-content-color,var(--suggestion-content-color));border-radius:var(--luzmo-suggestion-border-radius,var(--suggestion-border-radius));box-sizing:border-box;vertical-align:middle;-webkit-user-select:none;user-select:none;max-inline-size:100%;transition:border-color var(--luzmo-suggestion-animation-duration,var(--suggestion-animation-duration)) ease-in-out, color var(--luzmo-suggestion-animation-duration,var(--suggestion-animation-duration)) ease-in-out, background-color var(--luzmo-suggestion-animation-duration,var(--suggestion-animation-duration)) ease-in-out;cursor:pointer;padding-inline:calc(var(--luzmo-suggestion-padding-inline,var(--suggestion-padding-inline)) - var(--luzmo-suggestion-border-width,var(--suggestion-border-width)));padding-block:calc(var(--luzmo-suggestion-padding-block,var(--suggestion-padding-block)) - var(--luzmo-suggestion-border-width,var(--suggestion-border-width)));justify-content:center;align-items:center;gap:var(--luzmo-suggestion-icon-spacing-inline-end,var(--suggestion-icon-spacing-inline-end));outline:none;display:inline-flex;position:relative;border-color:var(--luzmo-suggestion-border-color,var(--suggestion-border-color))!important;border-width:var(--luzmo-suggestion-border-width,var(--suggestion-border-width))!important;border-style:solid!important}::slotted([slot=icon]){--icon-size:var(--luzmo-suggestion-icon-size,var(--suggestion-icon-size));block-size:var(--luzmo-suggestion-icon-size,var(--suggestion-icon-size));inline-size:var(--luzmo-suggestion-icon-size,var(--suggestion-icon-size));flex-shrink:0;align-self:center}.label{box-sizing:border-box;line-height:var(--luzmo-suggestion-line-height,var(--suggestion-line-height));font-weight:var(--luzmo-suggestion-font-weight,var(--suggestion-font-weight));font-size:var(--luzmo-suggestion-font-size,var(--suggestion-font-size));white-space:nowrap;text-overflow:ellipsis;align-items:center;display:inline-flex;overflow:hidden}.label[hidden]{display:none!important}:host([icon-only]){gap:0}@media (hover:hover){:host(:hover){background-color:var(--luzmo-suggestion-background-color-hover,var(--suggestion-background-color-hover));color:var(--luzmo-suggestion-content-color-hover,var(--suggestion-content-color-hover));border-color:var(--luzmo-suggestion-border-color-hover,var(--suggestion-border-color-hover))!important}}:host(:focus-visible){background-color:var(--luzmo-suggestion-background-color-focus,var(--suggestion-background-color-focus));color:var(--luzmo-suggestion-content-color-focus,var(--suggestion-content-color-focus));border-color:var(--luzmo-suggestion-border-color-focus,var(--suggestion-border-color-focus))!important}:host(:focus-visible):after{content:\"\";border-radius:calc(var(--luzmo-suggestion-border-radius,var(--suggestion-border-radius)) + var(--luzmo-suggestion-focus-ring-gap,var(--suggestion-focus-ring-gap)) + var(--luzmo-suggestion-border-width,var(--suggestion-border-width)));pointer-events:none;inset:calc(var(--luzmo-suggestion-focus-ring-gap,var(--suggestion-focus-ring-gap)) * -1 - var(--luzmo-suggestion-border-width,var(--suggestion-border-width)) - var(--luzmo-suggestion-focus-ring-thickness,var(--suggestion-focus-ring-thickness)));position:absolute;border-color:var(--luzmo-suggestion-focus-ring-color,var(--suggestion-focus-ring-color))!important;border-width:var(--luzmo-suggestion-focus-ring-thickness,var(--suggestion-focus-ring-thickness))!important;border-style:solid!important}:host([disabled]){background-color:var(--luzmo-suggestion-background-color-disabled,var(--suggestion-background-color-disabled));color:var(--luzmo-suggestion-content-color-disabled,var(--suggestion-content-color-disabled));cursor:not-allowed;pointer-events:none;border-color:var(--luzmo-suggestion-border-color-disabled,var(--suggestion-border-color-disabled))!important}:host([disabled]) ::slotted([slot=icon]){opacity:.5}@media (forced-colors:active){:host{color:buttontext;forced-color-adjust:none;background-color:buttonface;border-color:buttontext!important}:host(:focus-visible){border-color:highlight!important}:host([disabled]){color:graytext;border-color:graytext!important}}:host{--suggestion-font-family:var(--luzmo-font-family);--suggestion-font-size:var(--luzmo-font-size-s);--suggestion-font-weight:var(--luzmo-font-weight);--suggestion-line-height:var(--luzmo-line-height);--suggestion-border-radius:var(--luzmo-border-radius);--suggestion-border-width:var(--luzmo-border-width);--suggestion-padding-block:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--suggestion-padding-inline:var(--luzmo-spacing-4);--suggestion-icon-size:var(--luzmo-icon-size-m);--suggestion-icon-spacing-inline-end:var(--luzmo-spacing-3);--suggestion-animation-duration:var(--luzmo-animation-duration);--suggestion-background-color:var(--luzmo-background-color);--suggestion-background-color-hover:var(--luzmo-background-color-hover);--suggestion-background-color-focus:var(--luzmo-background-color-focus);--suggestion-border-color:var(--luzmo-border-color);--suggestion-border-color-hover:var(--luzmo-border-color-hover);--suggestion-border-color-focus:var(--luzmo-border-color-focus);--suggestion-content-color:var(--luzmo-font-color);--suggestion-content-color-hover:var(--luzmo-font-color-hover);--suggestion-content-color-focus:var(--luzmo-font-color-focus);--suggestion-background-color-disabled:var(--luzmo-background-color);--suggestion-border-color-disabled:var(--luzmo-border-color);--suggestion-content-color-disabled:var(--luzmo-disabled-color);--suggestion-focus-ring-color:var(--luzmo-indicator-color);--suggestion-focus-ring-thickness:var(--luzmo-indicator-width);--suggestion-focus-ring-gap:var(--luzmo-indicator-gap)}:host([variant=prompt]){--suggestion-background-color:color-mix(in oklch, var(--luzmo-primary), white 88%);--suggestion-background-color-hover:color-mix(in oklch, var(--luzmo-primary), white 75%);--suggestion-background-color-focus:var(--suggestion-background-color-hover);--suggestion-border-color:color-mix(in oklch, var(--luzmo-primary), white 70%);--suggestion-border-color-hover:color-mix(in oklch, var(--luzmo-primary), white 50%);--suggestion-border-color-focus:var(--suggestion-border-color-hover);--suggestion-content-color:color-mix(in oklch, var(--luzmo-primary), black 25%);--suggestion-content-color-hover:var(--suggestion-content-color);--suggestion-content-color-focus:var(--suggestion-content-color);--suggestion-background-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 92%);--suggestion-border-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 85%);--suggestion-content-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 40%)}", s = ["default", "prompt"], c = class extends n(e) {
+	static get styles() {
+		return [i(o)];
+	}
+	get variant() {
+		return this._variant;
+	}
+	set variant(e) {
+		let t = s.includes(e) ? e : "default";
+		t !== this._variant && (this._variant = t, this.setAttribute("variant", t));
+	}
+	constructor() {
+		super(), this._variant = "default", this.disabled = !1, this.handleClickCapture = (e) => {
+			this.disabled && (e.preventDefault(), e.stopImmediatePropagation(), e.stopPropagation());
+		}, this.handleKeydown = (e) => {
+			if (this.disabled) return;
+			let { code: t } = e;
+			(t === "Enter" || t === "NumpadEnter" || t === "Space") && (e.preventDefault(), this.click());
+		}, this.addEventListener("click", this.handleClickCapture, { capture: !0 });
+	}
+	handleIconSlotChange(e) {
+		e.target.assignedElements().forEach((e) => {
+			e.tagName.toLowerCase() === "luzmo-icon" && e.setAttribute("block", "");
+		});
+	}
+	get hasLabel() {
+		return this.slotHasContent;
+	}
+	render() {
+		return r`
+      <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
+      <span class="label" ?hidden=${!this.hasLabel}>
+        <slot @slotchange=${this.manageTextObservedSlot}></slot>
+      </span>
+    `;
+	}
+	firstUpdated(e) {
+		super.firstUpdated(e), this.hasAttribute("role") || this.setAttribute("role", "button"), this.hasAttribute("variant") || this.setAttribute("variant", this._variant), this.updateTabindex(), this.addEventListener("keydown", this.handleKeydown);
+	}
+	updated(e) {
+		super.updated(e), e.has("disabled") && (this.updateTabindex(), this.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled")), this.toggleAttribute("icon-only", !this.slotHasContent);
+	}
+	updateTabindex() {
+		this.disabled ? this.setAttribute("tabindex", "-1") : (!this.hasAttribute("tabindex") || this.getAttribute("tabindex") === "-1") && this.setAttribute("tabindex", "0");
+	}
+};
+//#endregion
+//#region src/components/suggestion/index.ts
+t([a({ reflect: !0 })], c.prototype, "variant", null), t([a({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "disabled", void 0), customElements.get("luzmo-suggestion") || customElements.define("luzmo-suggestion", c);
+//#endregion
+export { c as t };

package/components/swatch/index.cjs

@@ -15,35 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../luzmo-icons-D4IvHgVd.cjs"),r=require("../base-CBCg3yyw.cjs"),w=require("../if-defined-C9YGdo33.cjs"),b=require("../when-CDZyJPvd.cjs"),g=require("../focusable-EbipgXRh.cjs"),p=require("../sized-mixin-CPxE5C96.cjs"),v=require("../mutation-controller-DkOMCW-c.cjs"),m=require("../query-assigned-elements-DsKsfk7G.cjs"),z=require("../roving-tabindex-By_fCy_e.cjs"),x='@media (forced-colors: active){:host{--highcontrast-swatch-disabled-icon-color: GrayText;--highcontrast-swatch-focus-indicator-color: ButtonText;--highcontrast-swatch-background-color-selected: Background;--highcontrast-swatch-border-color-selected: Highlight;--highcontrast-swatch-border-color: ButtonText;--highcontrast-swatch-fill-foreground-color: ButtonText}.fill{forced-color-adjust:none}:host([disabled]){--highcontrast-swatch-border-color: GrayText}}:host{box-sizing:border-box;inline-size:var(--luzmo-swatch-size, var(--swatch-size));block-size:var(--luzmo-swatch-size, var(--swatch-size));-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.disabled-icon{inline-size:var(--luzmo-swatch-disabled-icon-size, var(--swatch-disabled-icon-size));block-size:var(--luzmo-swatch-disabled-icon-size, var(--swatch-disabled-icon-size))}:host,:host:before{border-radius:var(--luzmo-swatch-border-radius, var(--swatch-border-radius))}:host([selected]){background-color:var(--highcontrast-swatch-background-color-selected, var(--luzmo-swatch-inner-border-color-selected, var(--swatch-inner-border-color-selected)))}:host([selected]) .fill:before{box-shadow:none;border-radius:0}:host([selected]):before{opacity:1}:host .is-image .fill:before{background-color:initial}:host([mixed-value]) .fill{background:none;background:var(--picked-color, transparent)}:host([mixed-value]) .mixed-value-icon{color:var(--swatch-dash-icon-color);display:block}:host([nothing]) .fill{background-color:initial;background-color:var(--picked-color, transparent);background-image:none}:host([nothing]) .fill:after{inline-size:var(--luzmo-swatch-slash-thickness, var(--swatch-slash-thickness));content:"";block-size:200%;background:var(--highcontrast-swatch-fill-foreground-color, var(--luzmo-swatch-slash-icon-color, var(--swatch-slash-icon-color)));position:absolute;transform:rotate(-45deg)}:host([nothing][shape=rectangle]) .fill:after{transform:rotate(-25deg)}:host([disabled]) .disabled-icon{display:block}:host:before{content:"";border-width:var(--luzmo-swatch-border-thickness-selected, var(--swatch-border-thickness-selected));border-style:solid;border-color:var(--highcontrast-swatch-border-color-selected, var(--luzmo-swatch-border-color-selected, var(--swatch-border-color-selected)));opacity:0;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}:host:after{content:"";inset:calc(var(--luzmo-swatch-focus-indicator-gap, var(--swatch-focus-indicator-gap)) * -2);opacity:0;border-width:var(--luzmo-swatch-focus-indicator-width, var(--swatch-focus-indicator-width));border-style:solid;border-color:var(--highcontrast-swatch-focus-indicator-color, var(--luzmo-swatch-focus-indicator-color, var(--swatch-focus-indicator-color)));border-radius:var(--luzmo-swatch-focus-indicator-border-radius, var(--swatch-focus-indicator-border-radius));transition:opacity var(--luzmo-animation-duration) ease-in-out;position:absolute}:host(:focus-visible):after{opacity:1}.fill{inline-size:100%;block-size:100%;box-sizing:border-box;border-radius:var(--luzmo-swatch-border-radius, var(--swatch-border-radius));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.fill:before{content:"";z-index:0;box-sizing:border-box;box-shadow:inset 0 0 0 var(--luzmo-swatch-border-thickness, var(--swatch-border-thickness)) var(--highcontrast-swatch-border-color, var(--luzmo-swatch-border-color, var(--swatch-border-color)));border-radius:var(--luzmo-swatch-border-radius, var(--swatch-border-radius));position:absolute;top:0;right:0;bottom:0;left:0}:host([border=none]) .fill:before,.fill:before{background-color:initial;background-color:var(--picked-color, transparent)}:host([border=none]) .fill:before{box-shadow:none}.mixed-value-icon{pointer-events:none;color:#0000;color:var(--picked-color, transparent);display:none}.disabled-icon{z-index:1;pointer-events:none;color:var(--highcontrast-swatch-disabled-icon-color, var(--luzmo-swatch-disabled-icon-color, var(--swatch-disabled-icon-color)));stroke:var(--highcontrast-swatch-disabled-icon-color, var(--luzmo-swatch-disabled-icon-color, var(--swatch-disabled-icon-color)));display:none;position:relative}.disabled-icon path:first-child{fill:var(--highcontrast-swatch-disabled-icon-color, var(--luzmo-swatch-disabled-icon-color, var(--swatch-disabled-icon-color)))}.disabled-icon path:last-child{fill:var(--luzmo-swatch-icon-border-color, var(--swatch-icon-border-color))}:host([shape=rectangle]){inline-size:calc(var(--luzmo-swatch-size, var(--swatch-size)) * 2)}:host([rounding=none]),:host([rounding=none]) .fill,:host([rounding=none]) .fill:before,:host([rounding=none][selected]) .fill,:host([rounding=none][selected]) .fill:before,:host([rounding=none]):after,:host([rounding=none]):before{border-radius:0}:host([rounding=full][selected]:not([shape=rectangle])) .fill,:host([rounding=full][selected]:not([shape=rectangle])) .fill:before,:host([rounding=full]:not([shape=rectangle])),:host([rounding=full]:not([shape=rectangle])) .fill,:host([rounding=full]:not([shape=rectangle])) .fill:before,:host([rounding=full]:not([shape=rectangle])):after,:host([rounding=full]:not([shape=rectangle])):before{border-radius:100%}:host([selected]) .fill{width:calc(var(--luzmo-swatch-size, var(--swatch-size)) - 2 * var(--luzmo-swatch-border-thickness-selected, var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap, var(--swatch-focus-indicator-gap)));height:calc(var(--luzmo-swatch-size, var(--swatch-size)) - 2 * var(--luzmo-swatch-border-thickness-selected, var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap, var(--swatch-focus-indicator-gap)))}:host([selected][shape=rectangle]) .fill{width:calc(var(--luzmo-swatch-size, var(--swatch-size)) * 2 - 2 * var(--luzmo-swatch-border-thickness-selected, var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap, var(--swatch-focus-indicator-gap)))}::slotted([slot=image]){object-fit:contain;inline-size:100%;block-size:100%;transition:width var(--luzmo-animation-duration) ease-in-out,height var(--luzmo-animation-duration) ease-in-out}:host([size=xl]){--swatch-size: var(--luzmo-component-height-xl);--swatch-disabled-icon-size: 24px;--swatch-slash-thickness: 6px}:host([size=l]){--swatch-size: var(--luzmo-component-height-l);--swatch-disabled-icon-size: 20px;--swatch-slash-thickness: 5px}:host([size=s]){--swatch-size: var(--luzmo-component-height-s);--swatch-disabled-icon-size: 16px;--swatch-slash-thickness: 3px}:host([size=xs]){--swatch-size: var(--luzmo-component-height-xs);--swatch-disabled-icon-size: 16px;--swatch-slash-thickness: 2px}:host([size=xxs]){--swatch-size: var(--luzmo-component-height-xxs);--swatch-disabled-icon-size: 14px;--swatch-slash-thickness: 2px}:host{--swatch-size: var(--luzmo-component-height);--swatch-disabled-icon-size: 18px;--swatch-slash-thickness: 4px}:host{--swatch-border-radius: var(--luzmo-border-radius-s);--swatch-focus-indicator-border-radius: var(--luzmo-border-radius-s);--swatch-border-thickness: var(--luzmo-border-width);--swatch-border-thickness-selected: var(--luzmo-border-width);--swatch-focus-indicator-width: var(--luzmo-indicator-width);--swatch-focus-indicator-gap: var(--luzmo-indicator-gap);--swatch-border-color: var(--luzmo-border-color-down);--swatch-icon-border-color: var(--luzmo-border-color);--swatch-border-color-selected: var(--luzmo-border-color-full-down);--swatch-inner-border-color-selected: var(--luzmo-background-color);--swatch-disabled-icon-color: rgb(255, 255, 255);--swatch-dash-icon-color: var(--luzmo-font-color);--swatch-slash-icon-color: var(--luzmo-negative-color);--swatch-focus-indicator-color: var(--luzmo-primary)}.fill:before{background:var(--picked-color, transparent)}:host([border=none]) .fill:before{background:var(--picked-color, transparent)}:host .is-image .fill:before{background:#0000}:host .opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-swatch-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-swatch-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-swatch-checkerboard-position, left top)/calc(var(--luzmo-swatch-checkerboard-size, 8px) * 2) calc(var(--luzmo-swatch-checkerboard-size, 8px) * 2)}';var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,c=(h,e,t,o)=>{for(var s=o>1?void 0:o?k(e,t):e,i=h.length-1,a;i>=0;i--)(a=h[i])&&(s=(o?a(e,t,s):a(s))||s);return o&&s&&y(e,t,s),s};class l extends p.SizedMixin(g.Focusable,{validSizes:["xxs","xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.color="",this.label="",this.mixedValue=!1,this.nothing=!1,this.role="button",this.selected=!1,this.readonly=!1,this.renderDisabled=()=>r.x`
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      class="disabled-icon"
-      viewBox="0 0 20 20"
-    >
-      <path
-        d="M9.889,1a8.889,8.889,0,1,0,8.889,8.889A8.889,8.889,0,0,0,9.889,1Zm6.667,8.889a6.635,6.635,0,0,1-1.233,3.863l-9.3-9.3A6.667,6.667,0,0,1,16.556,9.889Zm-13.333,0A6.636,6.636,0,0,1,4.455,6.026l9.3,9.3A6.667,6.667,0,0,1,3.222,9.889Z"
-        stroke="none"
-        fill="var(--swatch-disabled-icon-color)"
-      />
-      <path
-        d="M 9.888889312744141 1 C 4.979689598083496 1 1 4.979689598083496 1 9.888889312744141 C 1 14.7980899810791 4.979689598083496 18.77777862548828 9.888889312744141 18.77777862548828 C 14.7980899810791 18.77777862548828 18.77777862548828 14.7980899810791 18.77777862548828 9.888889312744141 C 18.77777862548828 4.979689598083496 14.7980899810791 1 9.888889312744141 1 M 15.32277870178223 13.75166893005371 L 6.02610969543457 4.454998970031738 C 8.059318542480469 3.009572982788086 10.72937774658203 2.820217132568359 12.9462194442749 3.964249610900879 C 15.16304969787598 5.10828971862793 16.55568885803223 7.394259452819824 16.5555591583252 9.888889312744141 C 16.55776977539062 11.27357959747314 16.126708984375 12.62425994873047 15.32277870178223 13.75166893005371 M 9.888258934020996 16.55648612976074 C 8.843273162841797 16.55648612976074 7.794573783874512 16.31111145019531 6.831318855285645 15.8139591217041 C 4.614439010620117 14.66977882385254 3.221879959106445 12.38361930847168 3.222219467163086 9.888889312744141 C 3.220088958740234 8.504219055175781 3.651140213012695 7.153559684753418 4.454998970031738 6.02610969543457 L 13.75166893005371 15.32333946228027 C 12.60186290740967 16.14075088500977 11.24825286865234 16.55648612976074 9.888258934020996 16.55648612976074 M 9.888889312744141 0 C 15.34163951873779 0 19.77777862548828 4.436139106750488 19.77777862548828 9.888889312744141 C 19.77777862548828 15.34163951873779 15.34163951873779 19.77777862548828 9.888889312744141 19.77777862548828 C 4.436139106750488 19.77777862548828 0 15.34163951873779 0 9.888889312744141 C 0 4.436139106750488 4.436139106750488 0 9.888889312744141 0 Z M 15.10232830047607 12.11699867248535 C 15.40205764770508 11.41858959197998 15.55679702758789 10.66494941711426 15.5555591583252 9.89048957824707 C 15.5556697845459 7.759209632873535 14.38009929656982 5.829549789428711 12.48761940002441 4.852889060974121 C 11.68764972686768 4.440059661865234 10.78924942016602 4.22184944152832 9.889529228210449 4.22184944152832 C 9.114802360534668 4.22184944152832 8.360831260681152 4.377038955688477 7.661839485168457 4.676509857177734 L 15.10232830047607 12.11699867248535 Z M 12.11597919464111 15.10181331634521 L 4.675475120544434 7.660861015319824 C 4.375750541687012 8.359296798706055 4.221027374267578 9.112875938415527 4.222219467163086 9.887349128723145 C 4.221929550170898 12.01874923706055 5.397418975830078 13.94855880737305 7.289958953857422 14.92533874511719 C 8.08997917175293 15.3382396697998 8.988459587097168 15.55648994445801 9.888258934020996 15.55648994445801 C 10.66298007965088 15.55648994445801 11.41698551177979 15.40128421783447 12.11597919464111 15.10181331634521 Z"
-        stroke="none"
-        fill="var(--swatch-disabled-icon-stroke-color)"
-      />
-    </svg>
-  `,this.renderMixedValue=()=>u.y3(u.R)}static get styles(){return[r.r(x)]}get value(){return this._value||this.color||this.label}set value(e){if(e===this._value)return;const t=this.value;this._value=e,this.requestUpdate("value",t)}get focusElement(){return this}toggle(e){this.readonly||(this.selected=e??!this.selected)}handleClick(){if(this.disabled||this.mixedValue)return;this.toggle(),this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0}))||this.toggle()}handleKeydown(e){const{code:t}=e;switch(t){case"Space":{e.preventDefault(),this.addEventListener("keyup",this.handleKeyup);break}}}handleKeypress(e){const{code:t}=e;switch(t){case"Enter":case"NumpadEnter":{this.click();break}}}handleKeyup(e){const{code:t}=e;switch(t){case"Space":{this.removeEventListener("keyup",this.handleKeyup),this.click();break}}}render(){return r.x`
-      <div
-        class="opacity-checkerboard fill"
-        style=${w.o(this.color?`--picked-color: ${this.color}`:void 0)}
-      >
-        <slot name="image"></slot>
-        ${b.n(this.disabled,this.renderDisabled)}
-        ${b.n(this.mixedValue,this.renderMixedValue)}
-      </div>
-    `}willUpdate(e){var t;if(this.getAttribute("role")||this.setAttribute("role","button"),(e.has("selected")||e.has("role"))&&!this.readonly){const o=this.role==="button"?"aria-pressed":"aria-checked",s=this.role==="button"?"aria-checked":"aria-pressed";e.has("role")&&this.removeAttribute(s),this.setAttribute(o,this.selected?"true":"false")}(e.has("label")||e.has("color")||e.has("mixedValue"))&&(this.label!==this.color&&((t=this.label)!=null&&t.length)?this.setAttribute("aria-label",this.label):this.color?this.setAttribute("aria-label",this.color):this.mixedValue?this.setAttribute("aria-label","Mixed"):this.removeAttribute("aria-label"))}firstUpdated(e){super.firstUpdated(e),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keypress",this.handleKeypress),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}}c([r.n({reflect:!0})],l.prototype,"border",2);c([r.n()],l.prototype,"color",2);c([r.n()],l.prototype,"label",2);c([r.n({type:Boolean,reflect:!0,attribute:"mixed-value"})],l.prototype,"mixedValue",2);c([r.n({type:Boolean,reflect:!0})],l.prototype,"nothing",2);c([r.n({reflect:!0})],l.prototype,"role",2);c([r.n({reflect:!0})],l.prototype,"rounding",2);c([r.n({type:Boolean,reflect:!0})],l.prototype,"selected",2);c([r.n({type:Boolean,reflect:!0})],l.prototype,"readonly",2);c([r.n({reflect:!0})],l.prototype,"shape",2);c([r.n()],l.prototype,"value",1);const S=":host{justify-content:flex-start;align-items:flex-start;gap:var(--luzmo-swatch-group-spacing-regular, var(--swatch-group-spacing-regular));flex-flow:wrap;display:inline-flex}:host([density=compact]){gap:var(--luzmo-swatch-group-spacing-compact, var(--swatch-group-spacing-compact))}:host([density=spacious]){gap:var(--luzmo-swatch-group-spacing-spacious, var(--swatch-group-spacing-spacious))}:host{--swatch-group-spacing-compact: 2px;--swatch-group-spacing-regular: 4px;--swatch-group-spacing-spacious: 8px}";var C=Object.defineProperty,A=Object.getOwnPropertyDescriptor,d=(h,e,t,o)=>{for(var s=o>1?void 0:o?A(e,t):e,i=h.length-1,a;i>=0;i--)(a=h[i])&&(s=(o?a(e,t,s):a(s))||s);return o&&s&&C(e,t,s),s};class n extends p.SizedMixin(r.LuzmoElement,{validSizes:["xs","s","m","l"],noDefaultSize:!0}){constructor(){super(),this._selected=[],this.selectedSet=new Set,this.rovingTabindexController=new z.RovingTabindexController(this,{focusInIndex:e=>{let t=-1;const o=e.findIndex((s,i)=>(!e[t]&&!s.disabled&&(t=i),s.selected&&!s.disabled));return e[o]?o:t},elements:()=>this.swatches,isFocusableElement:e=>!e.disabled}),this.manageChange=async()=>{const e=new Set;this.selectedSet=new Set(this.selected),await Promise.all(this.swatches.map(t=>t.updateComplete)),this.swatches.forEach(t=>{e.add(t.value),t.selected&&this.selectedSet.add(t.value)}),this.selectedSet.forEach(t=>{e.has(t)||this.selectedSet.delete(t)}),this._selected=[...this.selectedSet],this.rovingTabindexController.clearElementCache()},new v.s(this,{config:{attributes:!0,childList:!0,subtree:!0},callback:()=>{this.manageChange()}})}static get styles(){return[r.r(S)]}get selected(){return this._selected}set selected(e){if(e===this.selected)return;const t=this.selected;this._selected=e,this.requestUpdate("selected",t)}focus(e){this.rovingTabindexController.focus(e)}handleChange(e){e.stopPropagation();const t=this.selected;if(!this.selects){e.preventDefault();return}if(this.selects==="single"){const{target:s}=e;if(s.tabIndex=0,s.selected=!0,this.selectedSet.has(s.value))return;this.selectedSet.clear(),this.selectedSet.add(s.value),this.rovingTabindexController.elements.forEach(i=>{i!==s&&(i.selected=!1)})}else if(this.selects==="multiple"){const{target:s}=e;s.selected?this.selectedSet.add(s.value):this.selectedSet.delete(s.value)}this._selected=[...this.selectedSet],this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0}))||(this._selected=t,e.preventDefault())}getPassthroughSwatchActions(e){const t={};e.has("selects")&&(this.selects||e.get("selects")!==void 0)&&(t.selects=this.selects),e.has("border")&&(this.border||e.get("border")!==void 0)&&(t.border=this.border),e.has("rounding")&&(this.rounding||e.get("rounding")!==void 0)&&(t.rounding=this.rounding),e.has("size")&&(this.size!=="m"||e.get("size")!==void 0)&&(t.size=this.size),e.has("shape")&&(this.shape||e.get("shape")!==void 0)&&(t.shape=this.shape);const o=[];return Object.keys(t).length>0&&o.push(s=>{"border"in t&&(s.border=t.border),"rounding"in t&&(s.rounding=t.rounding),"shape"in t&&(s.shape=t.shape),"size"in t&&(s.size=t.size)}),o}getSelectionSwatchActions(e){const t=[];if(!e.has("selects"))return t;this.selects?this.setAttribute("role",this.selects==="single"?"radiogroup":"group"):this.removeAttribute("role");const o={single:"radio",multiple:"checkbox"},s=this.selects?o[this.selects]:"button";return t.push(i=>{i.setAttribute("role",s)}),t}render(){return r.x`
-      <slot
-        @change=${this.handleChange}
-        @slotchange=${this.manageChange}
-      ></slot>
-    `}willUpdate(e){const t=[...this.getPassthroughSwatchActions(e),...this.getSelectionSwatchActions(e)];let o=new Set(this.selected);const s=new Set;e.has("selected")&&t.push(a=>{s.add(a.value),a.selected=!!(o.has(a.value)||!this.hasUpdated&&a.selected)});const i=()=>{o=new Set(this.selected),this.swatches.forEach(a=>{t.forEach(f=>{f(a)})}),e.has("selected")&&(this._selected=[...o.values()].filter(a=>s.has(a)))};this.hasUpdated?i():this.renderRoot.addEventListener("slotchange",()=>{requestAnimationFrame(i)},{once:!0})}}d([r.n({reflect:!0})],n.prototype,"border",2);d([r.n({reflect:!0})],n.prototype,"density",2);d([r.n({reflect:!0})],n.prototype,"rounding",2);d([r.n({type:Array})],n.prototype,"selected",1);d([r.n()],n.prototype,"selects",2);d([r.n({reflect:!0})],n.prototype,"shape",2);d([m.o({flatten:!0})],n.prototype,"swatches",2);customElements.get("luzmo-swatch")||customElements.define("luzmo-swatch",l);customElements.get("luzmo-swatch-group")||customElements.define("luzmo-swatch-group",n);exports.LuzmoSwatch=l;exports.LuzmoSwatchGroup=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../swatch-G70JUe6I.cjs`);exports.LuzmoSwatch=e.n,exports.LuzmoSwatchGroup=e.t;