@luzmo/analytics-components-kit 1.0.5-beta.3 → 1.0.6

package/components/item-option-base-BrU7dJsV.js

@@ -0,0 +1,123 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. 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 { i as e, n as t } from "./base-DCUhSENj.js";
+import { n } from "./localized-mixin-CRSfJ73Q.js";
+import { html as r, nothing as i, unsafeCSS as a } from "lit";
+import { property as o } from "lit/decorators.js";
+import "@luzmo/lucero/tooltip";
+import "@luzmo/lucero/field-label";
+//#region src/components/item-option-base/item-option.module.scss?inline
+var s = ":host{font-family:var(--luzmo-item-option-component-font-family,var(--luzmo-font-family))}.luzmo-item-option{height:var(--luzmo-item-option-component-height,var(--item-option-component-height));justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);width:100%;color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s);display:flex}.control-container{align-items:center;gap:var(--luzmo-item-option-control-container-gap,var(--item-option-control-container-gap));flex:1;justify-content:end;display:flex}.extra-label{padding-left:var(--luzmo-item-option-extra-label-padding-left,var(--item-option-extra-label-padding-left));padding-right:var(--luzmo-item-option-extra-label-padding-right,var(--item-option-extra-label-padding-right));font-size:var(--luzmo-item-option-extra-label-font-size,var(--item-option-extra-label-font-size))}.extra-link{text-align:right;cursor:pointer;text-decoration:underline}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--item-option-component-height:var(--luzmo-component-height);--item-option-extra-label-padding-right:var(--luzmo-spacing-4);--item-option-extra-label-padding-left:var(--luzmo-spacing-5);--item-option-control-container-gap:var(--luzmo-spacing-2);--item-option-extra-label-font-size:var(--luzmo-font-size-s)}:host([size=s]){--item-option-component-height:var(--luzmo-component-height-s);--item-option-extra-label-padding-right:var(--luzmo-spacing-3);--item-option-extra-label-padding-left:var(--luzmo-spacing-4);--item-option-control-container-gap:var(--luzmo-spacing-2);--item-option-extra-label-font-size:var(--luzmo-font-size-xs)}:host([size=l]){--item-option-component-height:var(--luzmo-component-height-l);--item-option-extra-label-padding-right:var(--luzmo-spacing-4);--item-option-extra-label-padding-left:var(--luzmo-spacing-5);--item-option-control-container-gap:var(--luzmo-spacing-3);--item-option-extra-label-font-size:var(--luzmo-font-size)}:host([size=xl]){--item-option-component-height:var(--luzmo-component-height-xl);--item-option-extra-label-padding-right:var(--luzmo-spacing-5);--item-option-extra-label-padding-left:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--item-option-control-container-gap:var(--luzmo-spacing-4);--item-option-extra-label-font-size:var(--luzmo-font-size-l)}:host{display:block;overflow:hidden}", c = class extends t(e, {
+	defaultSize: "s",
+	validSizes: [
+		"s",
+		"m",
+		"l",
+		"xl"
+	]
+}) {
+	constructor(...e) {
+		super(...e), this.disabled = !1, this.hideLabel = !1, this.label = "", this.tooltip = "", this.extraLabel = "", this.extraLabelHasClickAction = !1, this.extraLabelTooltip = "";
+	}
+	static {
+		this.styles = [a(s)];
+	}
+	handleExtraLabelClick(e) {
+		if (this.extraLabelHasClickAction && typeof this.extraLabelClickAction == "function") {
+			let { value: e } = this.extraLabelClickAction();
+			this.dispatchEvent(new CustomEvent("luzmo-option-changed", {
+				bubbles: !0,
+				composed: !0,
+				cancelable: !0,
+				detail: { value: e }
+			}));
+		}
+		e?.preventDefault(), this.dispatchEvent(new CustomEvent("luzmo-extra-label-click", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	render() {
+		return r`
+      <div class="luzmo-item-option">
+        ${this.label && !this.hideLabel ? r`
+              <luzmo-field-label
+                .size=${this.size}
+                for="luzmo-item-option-control"
+                side-aligned="start"
+              >
+                ${this.label}
+                ${this.tooltip ? r`
+                      *<luzmo-tooltip
+                        self-managed
+                        placement="top"
+                        size=${this.size}
+                      >
+                        ${this.tooltip}
+                      </luzmo-tooltip>
+                    ` : i}
+              </luzmo-field-label>
+            ` : i}
+
+        <div class="control-container">
+          ${this.extraLabel ? r`
+                <div
+                  class="extra-label ${this.extraLabelHasClickAction ? "extra-link" : ""}"
+                  role=${this.extraLabelHasClickAction ? "button" : i}
+                  tabindex=${this.extraLabelHasClickAction ? "0" : i}
+                  @click=${this.handleExtraLabelClick}
+                  @keydown=${this.extraLabelHasClickAction ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleExtraLabelClick(e));
+		} : i}
+                >
+                  <span class=""> ${this.extraLabel} </span>
+                </div>
+              ` : i}
+          ${this.renderController()}
+        </div>
+      </div>
+    `;
+	}
+};
+n([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "disabled", void 0), n([o({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-label"
+})], c.prototype, "hideLabel", void 0), n([o({
+	type: String,
+	reflect: !0
+})], c.prototype, "label", void 0), n([o({
+	type: String,
+	reflect: !0
+})], c.prototype, "tooltip", void 0), n([o({
+	type: String,
+	attribute: "extra-label"
+})], c.prototype, "extraLabel", void 0), n([o({
+	type: Boolean,
+	attribute: "extra-label-has-click-action"
+})], c.prototype, "extraLabelHasClickAction", void 0), n([o()], c.prototype, "extraLabelClickAction", void 0), n([o({
+	type: String,
+	attribute: "extra-label-tooltip"
+})], c.prototype, "extraLabelTooltip", void 0);
+//#endregion
+export { c as t };

package/components/item-option-base-Cqo4amTV.cjs

@@ -0,0 +1,56 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. 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("./base-C637VyP1.cjs"),t=require("./localized-mixin-C-4Zk9oh.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/tooltip"),require("@luzmo/lucero/field-label");var i=`:host{font-family:var(--luzmo-item-option-component-font-family,var(--luzmo-font-family))}.luzmo-item-option{height:var(--luzmo-item-option-component-height,var(--item-option-component-height));justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);width:100%;color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s);display:flex}.control-container{align-items:center;gap:var(--luzmo-item-option-control-container-gap,var(--item-option-control-container-gap));flex:1;justify-content:end;display:flex}.extra-label{padding-left:var(--luzmo-item-option-extra-label-padding-left,var(--item-option-extra-label-padding-left));padding-right:var(--luzmo-item-option-extra-label-padding-right,var(--item-option-extra-label-padding-right));font-size:var(--luzmo-item-option-extra-label-font-size,var(--item-option-extra-label-font-size))}.extra-link{text-align:right;cursor:pointer;text-decoration:underline}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--item-option-component-height:var(--luzmo-component-height);--item-option-extra-label-padding-right:var(--luzmo-spacing-4);--item-option-extra-label-padding-left:var(--luzmo-spacing-5);--item-option-control-container-gap:var(--luzmo-spacing-2);--item-option-extra-label-font-size:var(--luzmo-font-size-s)}:host([size=s]){--item-option-component-height:var(--luzmo-component-height-s);--item-option-extra-label-padding-right:var(--luzmo-spacing-3);--item-option-extra-label-padding-left:var(--luzmo-spacing-4);--item-option-control-container-gap:var(--luzmo-spacing-2);--item-option-extra-label-font-size:var(--luzmo-font-size-xs)}:host([size=l]){--item-option-component-height:var(--luzmo-component-height-l);--item-option-extra-label-padding-right:var(--luzmo-spacing-4);--item-option-extra-label-padding-left:var(--luzmo-spacing-5);--item-option-control-container-gap:var(--luzmo-spacing-3);--item-option-extra-label-font-size:var(--luzmo-font-size)}:host([size=xl]){--item-option-component-height:var(--luzmo-component-height-xl);--item-option-extra-label-padding-right:var(--luzmo-spacing-5);--item-option-extra-label-padding-left:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--item-option-control-container-gap:var(--luzmo-spacing-4);--item-option-extra-label-font-size:var(--luzmo-font-size-l)}:host{display:block;overflow:hidden}`,a=class extends e.n(e.i,{defaultSize:`s`,validSizes:[`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.disabled=!1,this.hideLabel=!1,this.label=``,this.tooltip=``,this.extraLabel=``,this.extraLabelHasClickAction=!1,this.extraLabelTooltip=``}static{this.styles=[(0,n.unsafeCSS)(i)]}handleExtraLabelClick(e){if(this.extraLabelHasClickAction&&typeof this.extraLabelClickAction==`function`){let{value:e}=this.extraLabelClickAction();this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}e?.preventDefault(),this.dispatchEvent(new CustomEvent(`luzmo-extra-label-click`,{bubbles:!0,composed:!0}))}render(){return n.html`
+      <div class="luzmo-item-option">
+        ${this.label&&!this.hideLabel?n.html`
+              <luzmo-field-label
+                .size=${this.size}
+                for="luzmo-item-option-control"
+                side-aligned="start"
+              >
+                ${this.label}
+                ${this.tooltip?n.html`
+                      *<luzmo-tooltip
+                        self-managed
+                        placement="top"
+                        size=${this.size}
+                      >
+                        ${this.tooltip}
+                      </luzmo-tooltip>
+                    `:n.nothing}
+              </luzmo-field-label>
+            `:n.nothing}
+
+        <div class="control-container">
+          ${this.extraLabel?n.html`
+                <div
+                  class="extra-label ${this.extraLabelHasClickAction?`extra-link`:``}"
+                  role=${this.extraLabelHasClickAction?`button`:n.nothing}
+                  tabindex=${this.extraLabelHasClickAction?`0`:n.nothing}
+                  @click=${this.handleExtraLabelClick}
+                  @keydown=${this.extraLabelHasClickAction?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleExtraLabelClick(e))}:n.nothing}
+                >
+                  <span class=""> ${this.extraLabel} </span>
+                </div>
+              `:n.nothing}
+          ${this.renderController()}
+        </div>
+      </div>
+    `}};t.n([(0,r.property)({type:Boolean,reflect:!0})],a.prototype,`disabled`,void 0),t.n([(0,r.property)({type:Boolean,reflect:!0,attribute:`hide-label`})],a.prototype,`hideLabel`,void 0),t.n([(0,r.property)({type:String,reflect:!0})],a.prototype,`label`,void 0),t.n([(0,r.property)({type:String,reflect:!0})],a.prototype,`tooltip`,void 0),t.n([(0,r.property)({type:String,attribute:`extra-label`})],a.prototype,`extraLabel`,void 0),t.n([(0,r.property)({type:Boolean,attribute:`extra-label-has-click-action`})],a.prototype,`extraLabelHasClickAction`,void 0),t.n([(0,r.property)()],a.prototype,`extraLabelClickAction`,void 0),t.n([(0,r.property)({type:String,attribute:`extra-label-tooltip`})],a.prototype,`extraLabelTooltip`,void 0),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/components/item-option-color-palette-picker/index.cjs

@@ -17,4 +17,4 @@
  * 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("../item-option-color-palette-picker-B336qQRk.cjs");exports.LuzmoItemOptionColorPalettePicker=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-color-palette-picker-E49SIqt5.cjs");exports.LuzmoItemOptionColorPalettePicker=e.t;

package/components/item-option-color-palette-picker/index.js

@@ -21,8 +21,8 @@
 (function() {
 	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-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 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--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-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--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-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--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-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-secondary: #ff00ff;--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: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--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-positive-color: rgb(20, 150, 101);--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: 20, 150, 101;--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-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #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: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
+		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-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 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--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-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--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-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--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-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-secondary: #ff00ff;--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: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--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-positive-color: rgb(20, 150, 101);--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: 20, 150, 101;--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-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #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: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../item-option-color-palette-picker-Dt4z0c4W.js";
+import { t as e } from "../item-option-color-palette-picker-DEys6FIg.js";
 export { e as LuzmoItemOptionColorPalettePicker };