next-flow-design 1.6.5 → 1.6.6

package/dist/index.js

@@ -1,16 +1,16 @@
 import { css as E, LitElement as B, html as u } from "lit";
-const J = globalThis, se = J.ShadowRoot && (J.ShadyCSS === void 0 || J.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ee = /* @__PURE__ */ Symbol(), pe = /* @__PURE__ */ new WeakMap();
+const J = globalThis, ne = J.ShadowRoot && (J.ShadyCSS === void 0 || J.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ee = /* @__PURE__ */ Symbol(), pe = /* @__PURE__ */ new WeakMap();
 let Me = class {
-  constructor(e, o, r) {
-    if (this._$cssResult$ = !0, r !== Ee) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+  constructor(e, o, i) {
+    if (this._$cssResult$ = !0, i !== Ee) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = o;
   }
   get styleSheet() {
     let e = this.o;
     const o = this.t;
-    if (se && e === void 0) {
-      const r = o !== void 0 && o.length === 1;
-      r && (e = pe.get(o)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), r && pe.set(o, e));
+    if (ne && e === void 0) {
+      const i = o !== void 0 && o.length === 1;
+      i && (e = pe.get(o)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && pe.set(o, e));
     }
     return e;
   }
@@ -19,17 +19,17 @@ let Me = class {
   }
 };
 const He = (t) => new Me(typeof t == "string" ? t : t + "", void 0, Ee), Oe = (t, e) => {
-  if (se) t.adoptedStyleSheets = e.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
+  if (ne) t.adoptedStyleSheets = e.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
   else for (const o of e) {
-    const r = document.createElement("style"), i = J.litNonce;
-    i !== void 0 && r.setAttribute("nonce", i), r.textContent = o.cssText, t.appendChild(r);
+    const i = document.createElement("style"), r = J.litNonce;
+    r !== void 0 && i.setAttribute("nonce", r), i.textContent = o.cssText, t.appendChild(i);
   }
-}, fe = se ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
+}, fe = ne ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
   let o = "";
-  for (const r of e.cssRules) o += r.cssText;
+  for (const i of e.cssRules) o += i.cssText;
   return He(o);
 })(t) : t;
-const { is: Te, defineProperty: ze, getOwnPropertyDescriptor: Be, getOwnPropertyNames: Ve, getOwnPropertySymbols: Ne, getPrototypeOf: Fe } = Object, te = globalThis, be = te.trustedTypes, Le = be ? be.emptyScript : "", Ue = te.reactiveElementPolyfillSupport, j = (t, e) => t, Q = { toAttribute(t, e) {
+const { is: Te, defineProperty: ze, getOwnPropertyDescriptor: Be, getOwnPropertyNames: Ve, getOwnPropertySymbols: Ne, getPrototypeOf: Fe } = Object, oe = globalThis, be = oe.trustedTypes, Le = be ? be.emptyScript : "", Ue = oe.reactiveElementPolyfillSupport, I = (t, e) => t, ee = { toAttribute(t, e) {
   switch (e) {
     case Boolean:
       t = t ? Le : null;
@@ -57,8 +57,8 @@ const { is: Te, defineProperty: ze, getOwnPropertyDescriptor: Be, getOwnProperty
       }
   }
   return o;
-} }, ne = (t, e) => !Te(t, e), me = { attribute: !0, type: String, converter: Q, reflect: !1, useDefault: !1, hasChanged: ne };
-Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), te.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+} }, ae = (t, e) => !Te(t, e), me = { attribute: !0, type: String, converter: ee, reflect: !1, useDefault: !1, hasChanged: ae };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), oe.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let N = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ??= []).push(e);
@@ -68,58 +68,58 @@ let N = class extends HTMLElement {
   }
   static createProperty(e, o = me) {
     if (o.state && (o.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((o = Object.create(o)).wrapped = !0), this.elementProperties.set(e, o), !o.noAccessor) {
-      const r = /* @__PURE__ */ Symbol(), i = this.getPropertyDescriptor(e, r, o);
-      i !== void 0 && ze(this.prototype, e, i);
+      const i = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(e, i, o);
+      r !== void 0 && ze(this.prototype, e, r);
     }
   }
-  static getPropertyDescriptor(e, o, r) {
-    const { get: i, set: s } = Be(this.prototype, e) ?? { get() {
+  static getPropertyDescriptor(e, o, i) {
+    const { get: r, set: s } = Be(this.prototype, e) ?? { get() {
       return this[o];
     }, set(n) {
       this[o] = n;
     } };
-    return { get: i, set(n) {
-      const l = i?.call(this);
-      s?.call(this, n), this.requestUpdate(e, l, r);
+    return { get: r, set(n) {
+      const l = r?.call(this);
+      s?.call(this, n), this.requestUpdate(e, l, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
     return this.elementProperties.get(e) ?? me;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(j("elementProperties"))) return;
+    if (this.hasOwnProperty(I("elementProperties"))) return;
     const e = Fe(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(j("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(j("properties"))) {
-      const o = this.properties, r = [...Ve(o), ...Ne(o)];
-      for (const i of r) this.createProperty(i, o[i]);
+    if (this.hasOwnProperty(I("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(I("properties"))) {
+      const o = this.properties, i = [...Ve(o), ...Ne(o)];
+      for (const r of i) this.createProperty(r, o[r]);
     }
     const e = this[Symbol.metadata];
     if (e !== null) {
       const o = litPropertyMetadata.get(e);
-      if (o !== void 0) for (const [r, i] of o) this.elementProperties.set(r, i);
+      if (o !== void 0) for (const [i, r] of o) this.elementProperties.set(i, r);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [o, r] of this.elementProperties) {
-      const i = this._$Eu(o, r);
-      i !== void 0 && this._$Eh.set(i, o);
+    for (const [o, i] of this.elementProperties) {
+      const r = this._$Eu(o, i);
+      r !== void 0 && this._$Eh.set(r, o);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
   static finalizeStyles(e) {
     const o = [];
     if (Array.isArray(e)) {
-      const r = new Set(e.flat(1 / 0).reverse());
-      for (const i of r) o.unshift(fe(i));
+      const i = new Set(e.flat(1 / 0).reverse());
+      for (const r of i) o.unshift(fe(r));
     } else e !== void 0 && o.push(fe(e));
     return o;
   }
   static _$Eu(e, o) {
-    const r = o.attribute;
-    return r === !1 ? void 0 : typeof r == "string" ? r : typeof e == "string" ? e.toLowerCase() : void 0;
+    const i = o.attribute;
+    return i === !1 ? void 0 : typeof i == "string" ? i : typeof e == "string" ? e.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -135,7 +135,7 @@ let N = class extends HTMLElement {
   }
   _$E_() {
     const e = /* @__PURE__ */ new Map(), o = this.constructor.elementProperties;
-    for (const r of o.keys()) this.hasOwnProperty(r) && (e.set(r, this[r]), delete this[r]);
+    for (const i of o.keys()) this.hasOwnProperty(i) && (e.set(i, this[i]), delete this[i]);
     e.size > 0 && (this._$Ep = e);
   }
   createRenderRoot() {
@@ -150,35 +150,35 @@ let N = class extends HTMLElement {
   disconnectedCallback() {
     this._$EO?.forEach((e) => e.hostDisconnected?.());
   }
-  attributeChangedCallback(e, o, r) {
-    this._$AK(e, r);
+  attributeChangedCallback(e, o, i) {
+    this._$AK(e, i);
   }
   _$ET(e, o) {
-    const r = this.constructor.elementProperties.get(e), i = this.constructor._$Eu(e, r);
-    if (i !== void 0 && r.reflect === !0) {
-      const s = (r.converter?.toAttribute !== void 0 ? r.converter : Q).toAttribute(o, r.type);
-      this._$Em = e, s == null ? this.removeAttribute(i) : this.setAttribute(i, s), this._$Em = null;
+    const i = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, i);
+    if (r !== void 0 && i.reflect === !0) {
+      const s = (i.converter?.toAttribute !== void 0 ? i.converter : ee).toAttribute(o, i.type);
+      this._$Em = e, s == null ? this.removeAttribute(r) : this.setAttribute(r, s), this._$Em = null;
     }
   }
   _$AK(e, o) {
-    const r = this.constructor, i = r._$Eh.get(e);
-    if (i !== void 0 && this._$Em !== i) {
-      const s = r.getPropertyOptions(i), n = typeof s.converter == "function" ? { fromAttribute: s.converter } : s.converter?.fromAttribute !== void 0 ? s.converter : Q;
-      this._$Em = i;
+    const i = this.constructor, r = i._$Eh.get(e);
+    if (r !== void 0 && this._$Em !== r) {
+      const s = i.getPropertyOptions(r), n = typeof s.converter == "function" ? { fromAttribute: s.converter } : s.converter?.fromAttribute !== void 0 ? s.converter : ee;
+      this._$Em = r;
       const l = n.fromAttribute(o, s.type);
-      this[i] = l ?? this._$Ej?.get(i) ?? l, this._$Em = null;
+      this[r] = l ?? this._$Ej?.get(r) ?? l, this._$Em = null;
     }
   }
-  requestUpdate(e, o, r, i = !1, s) {
+  requestUpdate(e, o, i, r = !1, s) {
     if (e !== void 0) {
       const n = this.constructor;
-      if (i === !1 && (s = this[e]), r ??= n.getPropertyOptions(e), !((r.hasChanged ?? ne)(s, o) || r.useDefault && r.reflect && s === this._$Ej?.get(e) && !this.hasAttribute(n._$Eu(e, r)))) return;
-      this.C(e, o, r);
+      if (r === !1 && (s = this[e]), i ??= n.getPropertyOptions(e), !((i.hasChanged ?? ae)(s, o) || i.useDefault && i.reflect && s === this._$Ej?.get(e) && !this.hasAttribute(n._$Eu(e, i)))) return;
+      this.C(e, o, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(e, o, { useDefault: r, reflect: i, wrapped: s }, n) {
-    r && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, n ?? o ?? this[e]), s !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || r || (o = void 0), this._$AL.set(e, o)), i === !0 && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
+  C(e, o, { useDefault: i, reflect: r, wrapped: s }, n) {
+    i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, n ?? o ?? this[e]), s !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (o = void 0), this._$AL.set(e, o)), r === !0 && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -197,21 +197,21 @@ let N = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [i, s] of this._$Ep) this[i] = s;
+        for (const [r, s] of this._$Ep) this[r] = s;
         this._$Ep = void 0;
       }
-      const r = this.constructor.elementProperties;
-      if (r.size > 0) for (const [i, s] of r) {
-        const { wrapped: n } = s, l = this[i];
-        n !== !0 || this._$AL.has(i) || l === void 0 || this.C(i, void 0, s, l);
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [r, s] of i) {
+        const { wrapped: n } = s, l = this[r];
+        n !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, s, l);
       }
     }
     let e = !1;
     const o = this._$AL;
     try {
-      e = this.shouldUpdate(o), e ? (this.willUpdate(o), this._$EO?.forEach((r) => r.hostUpdate?.()), this.update(o)) : this._$EM();
-    } catch (r) {
-      throw e = !1, this._$EM(), r;
+      e = this.shouldUpdate(o), e ? (this.willUpdate(o), this._$EO?.forEach((i) => i.hostUpdate?.()), this.update(o)) : this._$EM();
+    } catch (i) {
+      throw e = !1, this._$EM(), i;
     }
     e && this._$AE(o);
   }
@@ -240,11 +240,11 @@ let N = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-N.elementStyles = [], N.shadowRootOptions = { mode: "open" }, N[j("elementProperties")] = /* @__PURE__ */ new Map(), N[j("finalized")] = /* @__PURE__ */ new Map(), Ue?.({ ReactiveElement: N }), (te.reactiveElementVersions ??= []).push("2.1.2");
-const Re = { attribute: !0, type: String, converter: Q, reflect: !1, hasChanged: ne }, je = (t = Re, e, o) => {
-  const { kind: r, metadata: i } = o;
-  let s = globalThis.litPropertyMetadata.get(i);
-  if (s === void 0 && globalThis.litPropertyMetadata.set(i, s = /* @__PURE__ */ new Map()), r === "setter" && ((t = Object.create(t)).wrapped = !0), s.set(o.name, t), r === "accessor") {
+N.elementStyles = [], N.shadowRootOptions = { mode: "open" }, N[I("elementProperties")] = /* @__PURE__ */ new Map(), N[I("finalized")] = /* @__PURE__ */ new Map(), Ue?.({ ReactiveElement: N }), (oe.reactiveElementVersions ??= []).push("2.1.2");
+const Re = { attribute: !0, type: String, converter: ee, reflect: !1, hasChanged: ae }, je = (t = Re, e, o) => {
+  const { kind: i, metadata: r } = o;
+  let s = globalThis.litPropertyMetadata.get(r);
+  if (s === void 0 && globalThis.litPropertyMetadata.set(r, s = /* @__PURE__ */ new Map()), i === "setter" && ((t = Object.create(t)).wrapped = !0), s.set(o.name, t), i === "accessor") {
     const { name: n } = o;
     return { set(l) {
       const a = e.get.call(this);
@@ -253,85 +253,85 @@ const Re = { attribute: !0, type: String, converter: Q, reflect: !1, hasChanged:
       return l !== void 0 && this.C(n, void 0, t, l), l;
     } };
   }
-  if (r === "setter") {
+  if (i === "setter") {
     const { name: n } = o;
     return function(l) {
       const a = this[n];
       e.call(this, l), this.requestUpdate(n, a, t, !0, l);
     };
   }
-  throw Error("Unsupported decorator location: " + r);
+  throw Error("Unsupported decorator location: " + i);
 };
 function h(t) {
-  return (e, o) => typeof o == "object" ? je(t, e, o) : ((r, i, s) => {
-    const n = i.hasOwnProperty(s);
-    return i.constructor.createProperty(s, r), n ? Object.getOwnPropertyDescriptor(i, s) : void 0;
+  return (e, o) => typeof o == "object" ? je(t, e, o) : ((i, r, s) => {
+    const n = r.hasOwnProperty(s);
+    return r.constructor.createProperty(s, i), n ? Object.getOwnPropertyDescriptor(r, s) : void 0;
   })(t, e, o);
 }
 function _(t) {
   return h({ ...t, state: !0, attribute: !1 });
 }
-const ae = globalThis, ge = (t) => t, ee = ae.trustedTypes, ve = ee ? ee.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, Se = "$lit$", D = `lit$${Math.random().toFixed(9).slice(2)}$`, Ae = "?" + D, Ie = `<${Ae}>`, O = document, I = () => O.createComment(""), q = (t) => t === null || typeof t != "object" && typeof t != "function", le = Array.isArray, qe = (t) => le(t) || typeof t?.[Symbol.iterator] == "function", re = `[ 	
-\f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ye = /-->/g, we = />/g, M = RegExp(`>|${re}(?:([^\\s"'>=/]+)(${re}*=${re}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), _e = /'/g, $e = /"/g, Ce = /^(?:script|style|textarea|title)$/i, We = (t) => (e, ...o) => ({ _$litType$: t, strings: e, values: o }), ie = We(1), T = /* @__PURE__ */ Symbol.for("lit-noChange"), b = /* @__PURE__ */ Symbol.for("lit-nothing"), xe = /* @__PURE__ */ new WeakMap(), H = O.createTreeWalker(O, 129);
+const le = globalThis, ge = (t) => t, te = le.trustedTypes, ve = te ? te.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, Se = "$lit$", D = `lit$${Math.random().toFixed(9).slice(2)}$`, Ae = "?" + D, Ie = `<${Ae}>`, O = document, q = () => O.createComment(""), W = (t) => t === null || typeof t != "object" && typeof t != "function", he = Array.isArray, qe = (t) => he(t) || typeof t?.[Symbol.iterator] == "function", se = `[ 	
+\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ye = /-->/g, we = />/g, M = RegExp(`>|${se}(?:([^\\s"'>=/]+)(${se}*=${se}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), _e = /'/g, $e = /"/g, Ce = /^(?:script|style|textarea|title)$/i, We = (t) => (e, ...o) => ({ _$litType$: t, strings: e, values: o }), Q = We(1), T = /* @__PURE__ */ Symbol.for("lit-noChange"), b = /* @__PURE__ */ Symbol.for("lit-nothing"), xe = /* @__PURE__ */ new WeakMap(), H = O.createTreeWalker(O, 129);
 function Pe(t, e) {
-  if (!le(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  if (!he(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return ve !== void 0 ? ve.createHTML(e) : e;
 }
 const Ke = (t, e) => {
-  const o = t.length - 1, r = [];
-  let i, s = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = R;
+  const o = t.length - 1, i = [];
+  let r, s = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = j;
   for (let l = 0; l < o; l++) {
     const a = t[l];
     let c, p, d = -1, w = 0;
-    for (; w < a.length && (n.lastIndex = w, p = n.exec(a), p !== null); ) w = n.lastIndex, n === R ? p[1] === "!--" ? n = ye : p[1] !== void 0 ? n = we : p[2] !== void 0 ? (Ce.test(p[2]) && (i = RegExp("</" + p[2], "g")), n = M) : p[3] !== void 0 && (n = M) : n === M ? p[0] === ">" ? (n = i ?? R, d = -1) : p[1] === void 0 ? d = -2 : (d = n.lastIndex - p[2].length, c = p[1], n = p[3] === void 0 ? M : p[3] === '"' ? $e : _e) : n === $e || n === _e ? n = M : n === ye || n === we ? n = R : (n = M, i = void 0);
+    for (; w < a.length && (n.lastIndex = w, p = n.exec(a), p !== null); ) w = n.lastIndex, n === j ? p[1] === "!--" ? n = ye : p[1] !== void 0 ? n = we : p[2] !== void 0 ? (Ce.test(p[2]) && (r = RegExp("</" + p[2], "g")), n = M) : p[3] !== void 0 && (n = M) : n === M ? p[0] === ">" ? (n = r ?? j, d = -1) : p[1] === void 0 ? d = -2 : (d = n.lastIndex - p[2].length, c = p[1], n = p[3] === void 0 ? M : p[3] === '"' ? $e : _e) : n === $e || n === _e ? n = M : n === ye || n === we ? n = j : (n = M, r = void 0);
     const k = n === M && t[l + 1].startsWith("/>") ? " " : "";
-    s += n === R ? a + Ie : d >= 0 ? (r.push(c), a.slice(0, d) + Se + a.slice(d) + D + k) : a + D + (d === -2 ? l : k);
+    s += n === j ? a + Ie : d >= 0 ? (i.push(c), a.slice(0, d) + Se + a.slice(d) + D + k) : a + D + (d === -2 ? l : k);
   }
-  return [Pe(t, s + (t[o] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
+  return [Pe(t, s + (t[o] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
 };
-class W {
-  constructor({ strings: e, _$litType$: o }, r) {
-    let i;
+class K {
+  constructor({ strings: e, _$litType$: o }, i) {
+    let r;
     this.parts = [];
     let s = 0, n = 0;
     const l = e.length - 1, a = this.parts, [c, p] = Ke(e, o);
-    if (this.el = W.createElement(c, r), H.currentNode = this.el.content, o === 2 || o === 3) {
+    if (this.el = K.createElement(c, i), H.currentNode = this.el.content, o === 2 || o === 3) {
       const d = this.el.content.firstChild;
       d.replaceWith(...d.childNodes);
     }
-    for (; (i = H.nextNode()) !== null && a.length < l; ) {
-      if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const d of i.getAttributeNames()) if (d.endsWith(Se)) {
-          const w = p[n++], k = i.getAttribute(d).split(D), S = /([.?@])?(.*)/.exec(w);
-          a.push({ type: 1, index: s, name: S[2], strings: k, ctor: S[1] === "." ? Ze : S[1] === "?" ? Xe : S[1] === "@" ? Ge : oe }), i.removeAttribute(d);
-        } else d.startsWith(D) && (a.push({ type: 6, index: s }), i.removeAttribute(d));
-        if (Ce.test(i.tagName)) {
-          const d = i.textContent.split(D), w = d.length - 1;
+    for (; (r = H.nextNode()) !== null && a.length < l; ) {
+      if (r.nodeType === 1) {
+        if (r.hasAttributes()) for (const d of r.getAttributeNames()) if (d.endsWith(Se)) {
+          const w = p[n++], k = r.getAttribute(d).split(D), S = /([.?@])?(.*)/.exec(w);
+          a.push({ type: 1, index: s, name: S[2], strings: k, ctor: S[1] === "." ? Ze : S[1] === "?" ? Xe : S[1] === "@" ? Ge : ie }), r.removeAttribute(d);
+        } else d.startsWith(D) && (a.push({ type: 6, index: s }), r.removeAttribute(d));
+        if (Ce.test(r.tagName)) {
+          const d = r.textContent.split(D), w = d.length - 1;
           if (w > 0) {
-            i.textContent = ee ? ee.emptyScript : "";
-            for (let k = 0; k < w; k++) i.append(d[k], I()), H.nextNode(), a.push({ type: 2, index: ++s });
-            i.append(d[w], I());
+            r.textContent = te ? te.emptyScript : "";
+            for (let k = 0; k < w; k++) r.append(d[k], q()), H.nextNode(), a.push({ type: 2, index: ++s });
+            r.append(d[w], q());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === Ae) a.push({ type: 2, index: s });
+      } else if (r.nodeType === 8) if (r.data === Ae) a.push({ type: 2, index: s });
       else {
         let d = -1;
-        for (; (d = i.data.indexOf(D, d + 1)) !== -1; ) a.push({ type: 7, index: s }), d += D.length - 1;
+        for (; (d = r.data.indexOf(D, d + 1)) !== -1; ) a.push({ type: 7, index: s }), d += D.length - 1;
       }
       s++;
     }
   }
   static createElement(e, o) {
-    const r = O.createElement("template");
-    return r.innerHTML = e, r;
+    const i = O.createElement("template");
+    return i.innerHTML = e, i;
   }
 }
-function L(t, e, o = t, r) {
+function L(t, e, o = t, i) {
   if (e === T) return e;
-  let i = r !== void 0 ? o._$Co?.[r] : o._$Cl;
-  const s = q(e) ? void 0 : e._$litDirective$;
-  return i?.constructor !== s && (i?._$AO?.(!1), s === void 0 ? i = void 0 : (i = new s(t), i._$AT(t, o, r)), r !== void 0 ? (o._$Co ??= [])[r] = i : o._$Cl = i), i !== void 0 && (e = L(t, i._$AS(t, e.values), i, r)), e;
+  let r = i !== void 0 ? o._$Co?.[i] : o._$Cl;
+  const s = W(e) ? void 0 : e._$litDirective$;
+  return r?.constructor !== s && (r?._$AO?.(!1), s === void 0 ? r = void 0 : (r = new s(t), r._$AT(t, o, i)), i !== void 0 ? (o._$Co ??= [])[i] = r : o._$Cl = r), r !== void 0 && (e = L(t, r._$AS(t, e.values), r, i)), e;
 }
 class Ye {
   constructor(e, o) {
@@ -344,29 +344,29 @@ class Ye {
     return this._$AM._$AU;
   }
   u(e) {
-    const { el: { content: o }, parts: r } = this._$AD, i = (e?.creationScope ?? O).importNode(o, !0);
-    H.currentNode = i;
-    let s = H.nextNode(), n = 0, l = 0, a = r[0];
+    const { el: { content: o }, parts: i } = this._$AD, r = (e?.creationScope ?? O).importNode(o, !0);
+    H.currentNode = r;
+    let s = H.nextNode(), n = 0, l = 0, a = i[0];
     for (; a !== void 0; ) {
       if (n === a.index) {
         let c;
-        a.type === 2 ? c = new X(s, s.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(s, a.name, a.strings, this, e) : a.type === 6 && (c = new Je(s, this, e)), this._$AV.push(c), a = r[++l];
+        a.type === 2 ? c = new X(s, s.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(s, a.name, a.strings, this, e) : a.type === 6 && (c = new Je(s, this, e)), this._$AV.push(c), a = i[++l];
       }
       n !== a?.index && (s = H.nextNode(), n++);
     }
-    return H.currentNode = O, i;
+    return H.currentNode = O, r;
   }
   p(e) {
     let o = 0;
-    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(e, r, o), o += r.strings.length - 2) : r._$AI(e[o])), o++;
+    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(e, i, o), o += i.strings.length - 2) : i._$AI(e[o])), o++;
   }
 }
 class X {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
-  constructor(e, o, r, i) {
-    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = e, this._$AB = o, this._$AM = r, this.options = i, this._$Cv = i?.isConnected ?? !0;
+  constructor(e, o, i, r) {
+    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = e, this._$AB = o, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
   }
   get parentNode() {
     let e = this._$AA.parentNode;
@@ -380,7 +380,7 @@ class X {
     return this._$AB;
   }
   _$AI(e, o = this) {
-    e = L(this, e, o), q(e) ? e === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : e !== this._$AH && e !== T && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : qe(e) ? this.k(e) : this._(e);
+    e = L(this, e, o), W(e) ? e === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : e !== this._$AH && e !== T && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : qe(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -389,63 +389,63 @@ class X {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== b && q(this._$AH) ? this._$AA.nextSibling.data = e : this.T(O.createTextNode(e)), this._$AH = e;
+    this._$AH !== b && W(this._$AH) ? this._$AA.nextSibling.data = e : this.T(O.createTextNode(e)), this._$AH = e;
   }
   $(e) {
-    const { values: o, _$litType$: r } = e, i = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = W.createElement(Pe(r.h, r.h[0]), this.options)), r);
-    if (this._$AH?._$AD === i) this._$AH.p(o);
+    const { values: o, _$litType$: i } = e, r = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = K.createElement(Pe(i.h, i.h[0]), this.options)), i);
+    if (this._$AH?._$AD === r) this._$AH.p(o);
     else {
-      const s = new Ye(i, this), n = s.u(this.options);
+      const s = new Ye(r, this), n = s.u(this.options);
       s.p(o), this.T(n), this._$AH = s;
     }
   }
   _$AC(e) {
     let o = xe.get(e.strings);
-    return o === void 0 && xe.set(e.strings, o = new W(e)), o;
+    return o === void 0 && xe.set(e.strings, o = new K(e)), o;
   }
   k(e) {
-    le(this._$AH) || (this._$AH = [], this._$AR());
+    he(this._$AH) || (this._$AH = [], this._$AR());
     const o = this._$AH;
-    let r, i = 0;
-    for (const s of e) i === o.length ? o.push(r = new X(this.O(I()), this.O(I()), this, this.options)) : r = o[i], r._$AI(s), i++;
-    i < o.length && (this._$AR(r && r._$AB.nextSibling, i), o.length = i);
+    let i, r = 0;
+    for (const s of e) r === o.length ? o.push(i = new X(this.O(q()), this.O(q()), this, this.options)) : i = o[r], i._$AI(s), r++;
+    r < o.length && (this._$AR(i && i._$AB.nextSibling, r), o.length = r);
   }
   _$AR(e = this._$AA.nextSibling, o) {
     for (this._$AP?.(!1, !0, o); e !== this._$AB; ) {
-      const r = ge(e).nextSibling;
-      ge(e).remove(), e = r;
+      const i = ge(e).nextSibling;
+      ge(e).remove(), e = i;
     }
   }
   setConnected(e) {
     this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
   }
 }
-class oe {
+class ie {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(e, o, r, i, s) {
-    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = e, this.name = o, this._$AM = i, this.options = s, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = b;
+  constructor(e, o, i, r, s) {
+    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = e, this.name = o, this._$AM = r, this.options = s, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = b;
   }
-  _$AI(e, o = this, r, i) {
+  _$AI(e, o = this, i, r) {
     const s = this.strings;
     let n = !1;
-    if (s === void 0) e = L(this, e, o, 0), n = !q(e) || e !== this._$AH && e !== T, n && (this._$AH = e);
+    if (s === void 0) e = L(this, e, o, 0), n = !W(e) || e !== this._$AH && e !== T, n && (this._$AH = e);
     else {
       const l = e;
       let a, c;
-      for (e = s[0], a = 0; a < s.length - 1; a++) c = L(this, l[r + a], o, a), c === T && (c = this._$AH[a]), n ||= !q(c) || c !== this._$AH[a], c === b ? e = b : e !== b && (e += (c ?? "") + s[a + 1]), this._$AH[a] = c;
+      for (e = s[0], a = 0; a < s.length - 1; a++) c = L(this, l[i + a], o, a), c === T && (c = this._$AH[a]), n ||= !W(c) || c !== this._$AH[a], c === b ? e = b : e !== b && (e += (c ?? "") + s[a + 1]), this._$AH[a] = c;
     }
-    n && !i && this.j(e);
+    n && !r && this.j(e);
   }
   j(e) {
     e === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Ze extends oe {
+class Ze extends ie {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -453,7 +453,7 @@ class Ze extends oe {
     this.element[this.name] = e === b ? void 0 : e;
   }
 }
-class Xe extends oe {
+class Xe extends ie {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -461,22 +461,22 @@ class Xe extends oe {
     this.element.toggleAttribute(this.name, !!e && e !== b);
   }
 }
-class Ge extends oe {
-  constructor(e, o, r, i, s) {
-    super(e, o, r, i, s), this.type = 5;
+class Ge extends ie {
+  constructor(e, o, i, r, s) {
+    super(e, o, i, r, s), this.type = 5;
   }
   _$AI(e, o = this) {
     if ((e = L(this, e, o, 0) ?? b) === T) return;
-    const r = this._$AH, i = e === b && r !== b || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, s = e !== b && (r === b || i);
-    i && this.element.removeEventListener(this.name, this, r), s && this.element.addEventListener(this.name, this, e), this._$AH = e;
+    const i = this._$AH, r = e === b && i !== b || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, s = e !== b && (i === b || r);
+    r && this.element.removeEventListener(this.name, this, i), s && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
 class Je {
-  constructor(e, o, r) {
-    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = o, this.options = r;
+  constructor(e, o, i) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = o, this.options = i;
   }
   get _$AU() {
     return this._$AM._$AU;
@@ -485,18 +485,18 @@ class Je {
     L(this, e);
   }
 }
-const Qe = ae.litHtmlPolyfillSupport;
-Qe?.(W, X), (ae.litHtmlVersions ??= []).push("3.3.2");
+const Qe = le.litHtmlPolyfillSupport;
+Qe?.(K, X), (le.litHtmlVersions ??= []).push("3.3.2");
 const et = (t, e, o) => {
-  const r = o?.renderBefore ?? e;
-  let i = r._$litPart$;
-  if (i === void 0) {
+  const i = o?.renderBefore ?? e;
+  let r = i._$litPart$;
+  if (r === void 0) {
     const s = o?.renderBefore ?? null;
-    r._$litPart$ = i = new X(e.insertBefore(I(), s), s, void 0, o ?? {});
+    i._$litPart$ = r = new X(e.insertBefore(q(), s), s, void 0, o ?? {});
   }
-  return i._$AI(t), i;
+  return r._$AI(t), r;
 };
-const he = globalThis;
+const ce = globalThis;
 let F = class extends N {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -519,19 +519,19 @@ let F = class extends N {
     return T;
   }
 };
-F._$litElement$ = !0, F.finalized = !0, he.litElementHydrateSupport?.({ LitElement: F });
-const tt = he.litElementPolyfillSupport;
+F._$litElement$ = !0, F.finalized = !0, ce.litElementHydrateSupport?.({ LitElement: F });
+const tt = ce.litElementPolyfillSupport;
 tt?.({ LitElement: F });
-(he.litElementVersions ??= []).push("4.2.2");
-const ot = E`:host{cursor:pointer;-webkit-user-select:none;user-select:none;width:calc(1rem + 2px);height:calc(1rem + 2px)}:host([disabled]){cursor:not-allowed;opacity:.6}.checkbox-container{position:relative;transition:opacity .2s ease}.checkbox-box{width:1rem;height:1rem;border-radius:.25rem;background-color:var(--nf-background-color);border:1px solid var(--nf-border-color);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}:host(:hover:not([checked]):not([disabled])) .checkbox-box{border-color:var(--nf-primary-color,var(--nf-primary-color))}:host([checked]) .checkbox-box{background-color:var(--nf-primary-color,var(--nf-primary-color));border-color:var(--nf-primary-color,var(--nf-primary-color))}:host([disabled]) .checkbox-box{border-color:#fffc;background:#fffc;cursor:not-allowed;pointer-events:none}:host([disabled][checked]) .checkbox-box{background-color:#fffc;border-color:#fffc}.checkbox-icon{color:#fff;font-size:.75rem;line-height:1;font-weight:700;transition:transform .2s ease;display:flex;align-items:center}:host([checked]) .checkbox-icon{transform:scale(1)}:host(:focus) .checkbox-container{outline:.125rem solid var(--nf-primary-color,var(--nf-primary-color));outline-offset:.125rem}`, C = (t) => (e) => (typeof window > "u" || customElements.get(t) || customElements.define(t, e), e);
-var rt = Object.defineProperty, it = Object.getOwnPropertyDescriptor, ce = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? it(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (i = (r ? n(e, o, i) : n(i)) || i);
-  return r && i && rt(e, o, i), i;
+(ce.litElementVersions ??= []).push("4.2.2");
+const ot = E`:host{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;width:fit-content;height:fit-content}:host([disabled]){cursor:not-allowed;opacity:.6}.checkbox-container{position:relative;transition:opacity .2s ease;display:flex;align-items:center;gap:.5rem}.checkbox-box{width:1rem;height:1rem;border-radius:.25rem;background-color:var(--nf-background-color);border:1px solid var(--nf-border-color);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}:host(:hover:not([checked]):not([disabled])) .checkbox-box{border-color:var(--nf-primary-color,var(--nf-primary-color))}:host([checked]) .checkbox-box{background-color:var(--nf-primary-color,var(--nf-primary-color));border-color:var(--nf-primary-color,var(--nf-primary-color))}:host([disabled]) .checkbox-box{border-color:#fffc;background:#fffc;cursor:not-allowed;pointer-events:none}:host([disabled][checked]) .checkbox-box{background-color:#fffc;border-color:#fffc}.checkbox-icon{color:#fff;font-size:.75rem;line-height:1;font-weight:700;transition:transform .2s ease;display:flex;align-items:center}:host([checked]) .checkbox-icon{transform:scale(1)}:host(:focus) .checkbox-container{outline:.125rem solid var(--nf-primary-color,var(--nf-primary-color));outline-offset:.125rem}.checkbox-text{font-size:.875rem;line-height:1.5;color:var(--nf-text-color);white-space:nowrap}`, C = (t) => (e) => (typeof window > "u" || customElements.get(t) || customElements.define(t, e), e);
+var it = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, re = (t, e, o, i) => {
+  for (var r = i > 1 ? void 0 : i ? rt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (i ? n(e, o, r) : n(r)) || r);
+  return i && r && it(e, o, r), r;
 };
-let K = class extends F {
+let U = class extends F {
   constructor() {
-    super(...arguments), this.checked = !1, this.disabled = !1;
+    super(...arguments), this.checked = !1, this.disabled = !1, this.text = "";
   }
   // 切换复选框状态
   toggleCheckbox(t) {
@@ -545,7 +545,7 @@ let K = class extends F {
   }
   // 渲染复选框组件
   render() {
-    return ie`<div class=checkbox-container @click=${this.toggleCheckbox} aria-checked=${this.checked} aria-disabled=${this.disabled} role=checkbox><div class=checkbox-box>${this.checked ? ie`<div class=checkbox-icon><svg viewBox="64 64 896 896"focusable=false data-icon=check width=0.625rem height=0.625rem fill=currentColor aria-hidden=true><path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path></svg></div>` : ""}</div></div>`;
+    return Q`<div class=checkbox-container @click=${this.toggleCheckbox} aria-checked=${this.checked} aria-disabled=${this.disabled} role=checkbox><div class=checkbox-box>${this.checked ? Q`<div class=checkbox-icon><svg viewBox="64 64 896 896"focusable=false data-icon=check width=0.625rem height=0.625rem fill=currentColor aria-hidden=true><path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path></svg></div>` : ""}</div>${this.text ? Q`<span class=checkbox-text>${this.text}</span>` : ""}<slot></slot></div>`;
   }
   connectedCallback() {
     this.style.transition = "none", super.connectedCallback(), requestAnimationFrame(() => {
@@ -553,21 +553,24 @@ let K = class extends F {
     });
   }
 };
-K.styles = [ot];
-ce([
+U.styles = [ot];
+re([
   h({ type: Boolean, reflect: !0 })
-], K.prototype, "checked", 2);
-ce([
+], U.prototype, "checked", 2);
+re([
   h({ type: Boolean, reflect: !0 })
-], K.prototype, "disabled", 2);
-K = ce([
+], U.prototype, "disabled", 2);
+re([
+  h({ type: String })
+], U.prototype, "text", 2);
+U = re([
   C("nf-checkbox")
-], K);
-const U = E`:host{display:inline-flex;align-items:center;position:relative;width:var(--nf-width);height:var(--nf-height);padding:var(--nf-padding);margin:var(--nf-margin);font-size:var(--nf-text-font-size);font-weight:var(--nf-font-weight);color:var(--nf-color);background:var(--nf-background-color);border-radius:var(--nf-border-radius);border:1px solid var(--nf-border-color);outline:0;background-clip:padding-box;box-shadow:0 0 0 .15rem var(--nf-box-shadow-color);transition:color var(--nf-transition) ease-in-out,background-color var(--nf-transition) ease-in-out,border-color var(--nf-transition) ease-in-out,box-shadow var(--nf-transition) ease-in-out}:host(:focus){border-color:var(--nf-border-color-hover);box-shadow:0 0 0 .15rem var(--nf-box-shadow-color-focus);background:var(--nf-background-color-hover)}:host(:hover:not([disabled])){border-color:var(--nf-border-color-hover);background:var(--nf-background-color-hover)}:host([disabled]){cursor:not-allowed;opacity:.6;pointer-events:auto}:host([disabled]:hover){border-color:var(--nf-border-color);background:var(--nf-background-color)}`, st = E`:host{display:inline-block;position:relative;width:calc(.9rem + (var(--nf-height) - 1.25rem)/ 2 + 7ch)}:host(:not([disabled-alpha])){width:calc(.9rem + (var(--nf-height) - 1.25rem)/ 2 + 9ch)}:host([disabled]){cursor:not-allowed;opacity:.6}:host([disabled]:hover){border-color:var(--nf-border-color);background:var(--nf-background-color)}:host([open]){border-color:var(--nf-border-color-hover);box-shadow:0 0 0 .15rem var(--nf-box-shadow-color-focus)}.trigger{width:calc(100% + 1.5rem + 2px);height:calc(100% + 2px);margin:-1px -.75rem;padding:1px .75rem;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;transition:all .2s;font-size:.875rem;position:relative}:host(:not([disabled])) .trigger:hover{border-color:var(--nf-color-primary)}.trigger[disabled]{cursor:not-allowed;opacity:.6}:host([disabled]) .trigger{cursor:not-allowed;color:var(--nf-color-disabled)}.color-block{width:1.25rem;height:1.25rem;border-radius:.125rem;margin-left:calc((var(--nf-height) - 1.25rem)/ 2 - .75rem);margin-right:.4rem}:host(.hide-text) .color-block{margin-right:calc((var(--nf-height) - 1.25rem)/ 2 - .75rem)}.color-text{flex:1;text-align:center;text-transform:uppercase}.panel{position:absolute;z-index:1000;background:var(--nf-color-picker-card-background,var(--nf-dropdown-background));-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);border-radius:var(--nf-border-radius);box-shadow:0 6px 16px 0 var(--nf-color-picker-card-shadow,var(--nf-dropdown-shadow)),0 3px 6px -4px var(--nf-color-picker-card-shadow,var(--nf-dropdown-shadow)),0 9px 28px 8px var(--nf-color-picker-card-shadow,var(--nf-dropdown-shadow));-webkit-user-select:none;user-select:none}.panel-content{padding:.75rem;width:15rem}.color-selector{height:9.375rem;position:relative;margin-bottom:.75rem;border-radius:var(--nf-border-radius);overflow:hidden}.color-sb{width:100%;height:100%;position:relative;cursor:pointer}.sb-white{position:absolute;inset:0;background:linear-gradient(to right,#fff,#fff0)}.sb-black{position:absolute;inset:0;background:linear-gradient(to top,#000,#0000)}.selector{position:absolute;width:.625rem;height:.625rem;border:.125rem solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 .125rem #00000080;pointer-events:none}.slider-container{margin-bottom:.5rem}.slider-container:last-child{margin-bottom:0}.sliders-row{display:flex;align-items:center;gap:.75rem}.sliders{flex:1}.slider{position:relative;height:.75rem;border-radius:.375rem}.hue-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.alpha-slider{position:relative;background-image:linear-gradient(45deg,var(--nf-color-picker-card-checker,#ccc) 25%,transparent 25%),linear-gradient(-45deg,var(--nf-color-picker-card-checker,#ccc) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--nf-color-picker-card-checker,#ccc) 75%),linear-gradient(-45deg,transparent 75%,var(--nf-color-picker-card-checker,#ccc) 75%);background-size:.375rem .375rem;background-position:0 0,0 .1875rem,.1875rem -.1875rem,-.1875rem 0;background-color:var(--nf-color-picker-card-checker-bg,#fff);border-radius:.375rem}.alpha-slider-input{position:relative;z-index:2}.alpha-gradient{position:absolute;inset:0;border-radius:.375rem}input[type=range]{-webkit-appearance:none;width:100%;height:100%;background:0 0;outline:0;position:absolute;top:0;left:0;margin:0;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1rem;height:1rem;border-radius:50%;background:#fff;border:.125rem solid var(--nf-color-border);cursor:pointer;box-shadow:0 0 .125rem #00000080;position:relative;z-index:1}input[type=range]::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;background:#fff;border:.125rem solid var(--nf-color-border);cursor:pointer;box-shadow:0 0 .125rem #00000080}.current-color-container{display:flex}.current-color{width:2rem;height:2rem;border-radius:var(--nf-border-radius);border:.0625rem solid var(--nf-color-border)}:host(:not([disabled-alpha])) .current-color{width:2.5rem;height:2.5rem}`;
-var nt = Object.defineProperty, at = Object.getOwnPropertyDescriptor, y = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? at(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (i = (r ? n(e, o, i) : n(i)) || i);
-  return r && i && nt(e, o, i), i;
+], U);
+const R = E`:host{display:inline-flex;align-items:center;position:relative;width:var(--nf-width);height:var(--nf-height);padding:var(--nf-padding);margin:var(--nf-margin);font-size:var(--nf-text-font-size);font-weight:var(--nf-font-weight);color:var(--nf-color);background:var(--nf-background-color);border-radius:var(--nf-border-radius);border:1px solid var(--nf-border-color);outline:0;background-clip:padding-box;box-shadow:0 0 0 .15rem var(--nf-box-shadow-color);transition:color var(--nf-transition) ease-in-out,background-color var(--nf-transition) ease-in-out,border-color var(--nf-transition) ease-in-out,box-shadow var(--nf-transition) ease-in-out}:host(:focus){border-color:var(--nf-border-color-hover);box-shadow:0 0 0 .15rem var(--nf-box-shadow-color-focus);background:var(--nf-background-color-hover)}:host(:hover:not([disabled])){border-color:var(--nf-border-color-hover);background:var(--nf-background-color-hover)}:host([disabled]){cursor:not-allowed;opacity:.6;pointer-events:auto}:host([disabled]:hover){border-color:var(--nf-border-color);background:var(--nf-background-color)}`, st = E`:host{display:inline-block;position:relative;width:calc(.9rem + (var(--nf-height) - 1.25rem)/ 2 + 7ch)}:host(:not([disabled-alpha])){width:calc(.9rem + (var(--nf-height) - 1.25rem)/ 2 + 9ch)}:host([disabled]){cursor:not-allowed;opacity:.6}:host([disabled]:hover){border-color:var(--nf-border-color);background:var(--nf-background-color)}:host([open]){border-color:var(--nf-border-color-hover);box-shadow:0 0 0 .15rem var(--nf-box-shadow-color-focus)}.trigger{width:calc(100% + 1.5rem + 2px);height:calc(100% + 2px);margin:-1px -.75rem;padding:1px .75rem;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;transition:all .2s;font-size:.875rem;position:relative}:host(:not([disabled])) .trigger:hover{border-color:var(--nf-color-primary)}.trigger[disabled]{cursor:not-allowed;opacity:.6}:host([disabled]) .trigger{cursor:not-allowed;color:var(--nf-color-disabled)}.color-block{width:1.25rem;height:1.25rem;border-radius:.125rem;margin-left:calc((var(--nf-height) - 1.25rem)/ 2 - .75rem);margin-right:.4rem}:host(.hide-text) .color-block{margin-right:calc((var(--nf-height) - 1.25rem)/ 2 - .75rem)}.color-text{flex:1;text-align:center;text-transform:uppercase}.panel{position:absolute;z-index:1000;background:var(--nf-color-picker-card-background,var(--nf-dropdown-background));-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);border-radius:var(--nf-border-radius);box-shadow:0 6px 16px 0 var(--nf-color-picker-card-shadow,var(--nf-dropdown-shadow)),0 3px 6px -4px var(--nf-color-picker-card-shadow,var(--nf-dropdown-shadow)),0 9px 28px 8px var(--nf-color-picker-card-shadow,var(--nf-dropdown-shadow));-webkit-user-select:none;user-select:none}.panel-content{padding:.75rem;width:15rem}.color-selector{height:9.375rem;position:relative;margin-bottom:.75rem;border-radius:var(--nf-border-radius);overflow:hidden}.color-sb{width:100%;height:100%;position:relative;cursor:pointer}.sb-white{position:absolute;inset:0;background:linear-gradient(to right,#fff,#fff0)}.sb-black{position:absolute;inset:0;background:linear-gradient(to top,#000,#0000)}.selector{position:absolute;width:.625rem;height:.625rem;border:.125rem solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 .125rem #00000080;pointer-events:none}.slider-container{margin-bottom:.5rem}.slider-container:last-child{margin-bottom:0}.sliders-row{display:flex;align-items:center;gap:.75rem}.sliders{flex:1}.slider{position:relative;height:.75rem;border-radius:.375rem}.hue-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.alpha-slider{position:relative;background-image:linear-gradient(45deg,var(--nf-color-picker-card-checker,#ccc) 25%,transparent 25%),linear-gradient(-45deg,var(--nf-color-picker-card-checker,#ccc) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--nf-color-picker-card-checker,#ccc) 75%),linear-gradient(-45deg,transparent 75%,var(--nf-color-picker-card-checker,#ccc) 75%);background-size:.375rem .375rem;background-position:0 0,0 .1875rem,.1875rem -.1875rem,-.1875rem 0;background-color:var(--nf-color-picker-card-checker-bg,#fff);border-radius:.375rem}.alpha-slider-input{position:relative;z-index:2}.alpha-gradient{position:absolute;inset:0;border-radius:.375rem}input[type=range]{-webkit-appearance:none;width:100%;height:100%;background:0 0;outline:0;position:absolute;top:0;left:0;margin:0;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1rem;height:1rem;border-radius:50%;background:#fff;border:.125rem solid var(--nf-color-border);cursor:pointer;box-shadow:0 0 .125rem #00000080;position:relative;z-index:1}input[type=range]::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;background:#fff;border:.125rem solid var(--nf-color-border);cursor:pointer;box-shadow:0 0 .125rem #00000080}.current-color-container{display:flex}.current-color{width:2rem;height:2rem;border-radius:var(--nf-border-radius);border:.0625rem solid var(--nf-color-border)}:host(:not([disabled-alpha])) .current-color{width:2.5rem;height:2.5rem}`;
+var nt = Object.defineProperty, at = Object.getOwnPropertyDescriptor, y = (t, e, o, i) => {
+  for (var r = i > 1 ? void 0 : i ? at(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (i ? n(e, o, r) : n(r)) || r);
+  return i && r && nt(e, o, r), r;
 };
 let g = class extends B {
   constructor() {
@@ -609,34 +612,34 @@ let g = class extends B {
   }
   // 从HEX颜色值更新HSB值
   _updateHSBFromHex(t) {
-    const e = parseInt(t.slice(1, 3), 16) / 255, o = parseInt(t.slice(3, 5), 16) / 255, r = parseInt(t.slice(5, 7), 16) / 255, i = Math.max(e, o, r), s = Math.min(e, o, r), n = i - s;
+    const e = parseInt(t.slice(1, 3), 16) / 255, o = parseInt(t.slice(3, 5), 16) / 255, i = parseInt(t.slice(5, 7), 16) / 255, r = Math.max(e, o, i), s = Math.min(e, o, i), n = r - s;
     let l = 0, a = 0;
-    const c = i;
-    n !== 0 && (a = n / i, i === e ? l = (o - r) / n % 6 : i === o ? l = (r - e) / n + 2 : l = (e - o) / n + 4, l *= 60, l < 0 && (l += 360)), this._hsb = {
+    const c = r;
+    n !== 0 && (a = n / r, r === e ? l = (o - i) / n % 6 : r === o ? l = (i - e) / n + 2 : l = (e - o) / n + 4, l *= 60, l < 0 && (l += 360)), this._hsb = {
       h: Math.round(l),
       s: Math.round(a * 100),
       b: Math.round(c * 100)
     };
   }
   // 从HSB值生成HEX颜色值
-  _generateHexFromHSB(t, e, o, r = "FF") {
+  _generateHexFromHSB(t, e, o, i = "FF") {
     e /= 100, o /= 100;
-    const i = o * e, s = i * (1 - Math.abs(t / 60 % 2 - 1)), n = o - i;
+    const r = o * e, s = r * (1 - Math.abs(t / 60 % 2 - 1)), n = o - r;
     let l = 0, a = 0, c = 0;
-    return 0 <= t && t < 60 ? (l = i, a = s, c = 0) : 60 <= t && t < 120 ? (l = s, a = i, c = 0) : 120 <= t && t < 180 ? (l = 0, a = i, c = s) : 180 <= t && t < 240 ? (l = 0, a = s, c = i) : 240 <= t && t < 300 ? (l = s, a = 0, c = i) : 300 <= t && t < 360 && (l = i, a = 0, c = s), l = Math.round((l + n) * 255), a = Math.round((a + n) * 255), c = Math.round((c + n) * 255), "#" + l.toString(16).padStart(2, "0") + a.toString(16).padStart(2, "0") + c.toString(16).padStart(2, "0") + r;
+    return 0 <= t && t < 60 ? (l = r, a = s, c = 0) : 60 <= t && t < 120 ? (l = s, a = r, c = 0) : 120 <= t && t < 180 ? (l = 0, a = r, c = s) : 180 <= t && t < 240 ? (l = 0, a = s, c = r) : 240 <= t && t < 300 ? (l = s, a = 0, c = r) : 300 <= t && t < 360 && (l = r, a = 0, c = s), l = Math.round((l + n) * 255), a = Math.round((a + n) * 255), c = Math.round((c + n) * 255), "#" + l.toString(16).padStart(2, "0") + a.toString(16).padStart(2, "0") + c.toString(16).padStart(2, "0") + i;
   }
   // 计算面板位置
   _updatePanelPosition() {
     requestAnimationFrame(() => {
       const t = this.getBoundingClientRect(), e = this.shadowRoot?.querySelector(".panel");
       if (!e) return;
-      const o = 0.15 * 16, r = 8, i = e.offsetWidth || 240, s = e.offsetHeight || 300;
+      const o = 0.15 * 16, i = 8, r = e.offsetWidth || 240, s = e.offsetHeight || 300;
       let n = this.placement, l = this.align;
-      this.autoAdjust && (n === "bottom" ? window.innerHeight - t.bottom - r < s && t.top - r >= s && (n = "top") : t.top - r < s && window.innerHeight - t.bottom - r >= s && (n = "bottom"), l === "right" ? t.right - o < i && t.left + t.width + o + i <= window.innerWidth && (l = "left") : t.left - o + i > window.innerWidth && t.right - o >= i && (l = "right"));
+      this.autoAdjust && (n === "bottom" ? window.innerHeight - t.bottom - i < s && t.top - i >= s && (n = "top") : t.top - i < s && window.innerHeight - t.bottom - i >= s && (n = "bottom"), l === "right" ? t.right - o < r && t.left + t.width + o + r <= window.innerWidth && (l = "left") : t.left - o + r > window.innerWidth && t.right - o >= r && (l = "right"));
       let a;
-      n === "bottom" ? a = t.height + r : a = -s - r;
+      n === "bottom" ? a = t.height + i : a = -s - i;
       let c;
-      l === "right" ? c = t.width - i + o : c = -o, this._panelPosition = { top: a, left: c };
+      l === "right" ? c = t.width - r + o : c = -o, this._panelPosition = { top: a, left: c };
     });
   }
   // 打开面板
@@ -664,8 +667,8 @@ let g = class extends B {
   // 处理HSB颜色变化
   _handleHSBChange(t, e, o) {
     this._hsb = { h: t, s: e, b: o };
-    const r = this._internalValue.slice(7), i = this._generateHexFromHSB(t, e, o, r);
-    this._handleColorChange(i);
+    const i = this._internalValue.slice(7), r = this._generateHexFromHSB(t, e, o, i);
+    this._handleColorChange(r);
   }
   // 处理Alpha值变化
   _handleAlphaChange(t) {
@@ -691,7 +694,7 @@ let g = class extends B {
   _handleSBChange(t) {
     const e = this.shadowRoot?.querySelector(".color-sb");
     if (!e) return;
-    const o = e.getBoundingClientRect(), r = t instanceof MouseEvent ? t.clientX : t.touches[0].clientX, i = t instanceof MouseEvent ? t.clientY : t.touches[0].clientY, s = Math.max(0, Math.min(100, Math.round((r - o.left) / o.width * 100))), n = Math.max(0, Math.min(100, Math.round((1 - (i - o.top) / o.height) * 100)));
+    const o = e.getBoundingClientRect(), i = t instanceof MouseEvent ? t.clientX : t.touches[0].clientX, r = t instanceof MouseEvent ? t.clientY : t.touches[0].clientY, s = Math.max(0, Math.min(100, Math.round((i - o.left) / o.width * 100))), n = Math.max(0, Math.min(100, Math.round((1 - (r - o.top) / o.height) * 100)));
     this._handleHSBChange(this._hsb.h, s, n);
   }
   // 处理透明度选择
@@ -816,7 +819,7 @@ let g = class extends B {
     `;
   }
 };
-g.styles = [U, st];
+g.styles = [R, st];
 y([
   h({ type: String })
 ], g.prototype, "value", 2);
@@ -870,10 +873,10 @@ g = y([
   C("nf-color-picker")
 ], g);
 const lt = E`:host{display:inline-block;--nf-empty-image-background:var(--nf-background-color);--nf-empty-image-color:color-mix(in srgb, var(--nf-color), #000000 30%);--nf-empty-description-color:var(--nf-color)}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center}.empty-image{margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.empty-image img{max-width:100%;height:auto}.empty-image svg{display:block}.empty-description{margin-top:.5rem;color:var(--nf-empty-description-color);font-size:.875rem;line-height:1.5715}.empty-description:empty{display:none}.empty-footer{margin-top:1rem}.empty-footer:empty{display:none}`;
-var ht = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, de = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ct(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (i = (r ? n(e, o, i) : n(i)) || i);
-  return r && i && ht(e, o, i), i;
+var ht = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, de = (t, e, o, i) => {
+  for (var r = i > 1 ? void 0 : i ? ct(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (i ? n(e, o, r) : n(r)) || r);
+  return i && r && ht(e, o, r), r;
 };
 let Y = class extends B {
   constructor() {
@@ -905,10 +908,10 @@ Y = de([
   C("nf-empty")
 ], Y);
 const dt = E`:host{width:var(--nf-width);position:relative;display:inline-block;--nf-input-padding:0 .75rem}:host([disabled]) .input{cursor:not-allowed;color:var(--nf-color-disabled)}:host([disabled]) .toggle-password{cursor:not-allowed;pointer-events:none;opacity:.5}::slotted(*){position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:var(--nf-color)}:host([disabled]) ::slotted(*){color:var(--nf-color-disabled)}.input{position:absolute;inset:0;padding:var(--nf-input-padding);outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif}.input:has(.toggle-password){padding-right:2.5rem}.input .toggle-password{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--nf-select-icon-color);transition:color var(--nf-transition-fast) ease;outline:0}.input .toggle-password:hover{color:var(--nf-icon-color-hover)}.input .toggle-password:active{color:var(--nf-icon-color-active)}.input .toggle-password svg{display:block}`;
-var ut = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, V = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? pt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (i = (r ? n(e, o, i) : n(i)) || i);
-  return r && i && ut(e, o, i), i;
+var ut = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, V = (t, e, o, i) => {
+  for (var r = i > 1 ? void 0 : i ? pt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (i ? n(e, o, r) : n(r)) || r);
+  return i && r && ut(e, o, r), r;
 };
 let A = class extends B {
   constructor() {
@@ -970,7 +973,7 @@ let A = class extends B {
     });
   }
 };
-A.styles = [U, dt];
+A.styles = [R, dt];
 V([
   h({ type: String })
 ], A.prototype, "value", 2);
@@ -993,10 +996,10 @@ A = V([
   C("nf-input")
 ], A);
 const ft = E`:host{width:10rem;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;padding:0;overflow:hidden;--nf-input-number-color:var(--nf-color);--nf-input-number-prefix-color:color-mix(in srgb, var(--nf-color), transparent 20%);--nf-input-number-surfix-color:color-mix(in srgb, var(--nf-color), transparent 20%)}.input-number{position:relative;padding-right:.6125rem;flex:1;height:100%;outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-input-number-color);font-weight:var(--nf-font-weight);text-align:left;transition:padding-right var(--nf-transition-fast) ease}.input-number .input-number-input-wrapper{height:100%}.input-number .input-number-input-wrapper .input-number-input{background:0 0;width:100%;height:100%;text-align:start;border:0;outline:0;padding:0;box-sizing:border-box;color:var(--nf-input-number-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif}.input-number::-webkit-inner-spin-button,.input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number[type=number]{appearance:textfield}:host([controls]) .input-number:hover{padding-right:1.5rem}:host([controls]) .input-number:hover .controls{width:1.5rem}:host([center]) .input-number{padding-left:1.5rem!important;padding-right:1.5rem!important}:host([center]) .input-number .input-number-input{text-align:center}:host([center]) .input-number:hover{padding-left:1.5rem!important;padding-right:1.5rem!important}:host([center]) .input-prefix{position:absolute;left:0;top:0;bottom:0;z-index:1;pointer-events:none}:host([center]) .input-suffix{position:absolute;right:0;top:0;bottom:0;z-index:1;pointer-events:none}:host([center]) .input-number{flex:1;width:100%}.input-prefix{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-inline-start:.6125rem;color:var(--nf-input-number-prefix-color);font-size:var(--nf-font-size);pointer-events:none;-webkit-user-select:none;user-select:none}.input-prefix:not(:empty){padding-inline-end:.25rem}.input-suffix{display:flex;align-items:center;justify-content:center;color:var(--nf-input-number-surfix-color);font-size:var(--nf-font-size);pointer-events:none;-webkit-user-select:none;user-select:none}.input-suffix:not(:empty){padding-inline-end:.6125rem;padding-inline-start:.5rem}.controls{position:absolute;top:0;right:0;height:100%;width:0;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;transition:width var(--nf-transition-fast) ease}.controls:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:.67px;background-color:var(--nf-control-divider-color)}:host([suffix]) .controls:after{content:\"\";position:absolute;right:0;top:0;bottom:0;width:.67px;background-color:var(--nf-control-divider-color)}.control-btn{flex:1;display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;transition:background-color var(--nf-transition-fast) ease;outline:0;-webkit-user-select:none;user-select:none}.control-btn:hover{background-color:var(--nf-control-btn-background-hover)}.control-btn:active{background-color:var(--nf-control-btn-background-active)}.control-btn:focus-visible{background-color:var(--nf-control-btn-background-hover)}.control-btn svg{display:block;pointer-events:none;fill:none;stroke:var(--nf-select-icon-color);stroke-width:1;stroke-linecap:round}.control-btn-up{border-bottom:.67px solid var(--nf-control-divider-color)}:host(:not([suffix])) .control-btn-up{border-top-right-radius:var(--nf-border-radius)}:host(:not([suffix])) .control-btn-down{border-bottom-right-radius:var(--nf-border-radius)}:host([disabled]) .input-number-input{cursor:not-allowed;color:var(--nf-color-disabled)}:host([disabled]) .input-prefix,:host([disabled]) .input-suffix{color:var(--nf-color-disabled)}:host([disabled]) .controls{display:none}:host([disabled]) .control-btn{cursor:not-allowed;pointer-events:none;opacity:.5}`;
-var bt = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, m = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? mt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (i = (r ? n(e, o, i) : n(i)) || i);
-  return r && i && bt(e, o, i), i;
+var bt = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, m = (t, e, o, i) => {
+  for (var r = i > 1 ? void 0 : i ? mt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (i ? n(e, o, r) : n(r)) || r);
+  return i && r && bt(e, o, r), r;
 };
 let f = class extends B {
   constructor() {
@@ -1086,8 +1089,8 @@ let f = class extends B {
     this.value = e;
     let o = this.fixFloatingPoint(this.value + t * this.step);
     o = this.clampValue(o);
-    const r = this.validateParsed(o);
-    r !== null && (o = r, o !== this.value && (this.value = o, this.setText(this.formatter(o)), this.dispatchEvent(
+    const i = this.validateParsed(o);
+    i !== null && (o = i, o !== this.value && (this.value = o, this.setText(this.formatter(o)), this.dispatchEvent(
       new CustomEvent("change", {
         detail: o
       })
@@ -1103,7 +1106,7 @@ let f = class extends B {
     return u`<div class=input-prefix>${this.prefix}</div><div class=input-number><div class=input-number-input-wrapper><input inputmode=decimal class=input-number-input .value=${this.text} ?disabled=${this.disabled} @blur=${this.onBlur} @focus=${this.onFocus} @input=${this.onInput} @keydown=${this.onKeyDown} @wheel=${this.onWheel} @keyup=${this.onKeyUp}></div>${this.controls ? u`<div class=controls><button class="control-btn control-btn-up"type=button ?disabled=${this.disabled} @click=${() => this.handleStepChange(1)} aria-label="Increase value"><svg width=12 height=12 viewBox="0 0 24 24"><path d="M6 14.6l6-6.6 6 6.6"/></svg></button><button class="control-btn control-btn-down"type=button ?disabled=${this.disabled} @click=${() => this.handleStepChange(-1)} aria-label="Decrease value"><svg width=12 height=12 viewBox="0 0 24 24"><path d="M18 9.4l-6 6.6-6-6.6"/></svg></button></div>` : ""}</div>${this.suffix ? u`<div class=input-suffix>${this.suffix}</div>` : ""}`;
   }
 };
-f.styles = [U, ft];
+f.styles = [R, ft];
 m([
   h({ type: Number })
 ], f.prototype, "value", 2);
@@ -1176,10 +1179,10 @@ async function gt(t) {
   return new Promise((e) => setTimeout(e, t));
 }
 const vt = E`:host{width:var(--nf-width);-webkit-user-select:none;user-select:none;cursor:pointer}:host .text{flex-grow:1;display:inline-block;outline:0;white-space:nowrap}:host .icon{width:1.5rem;height:1.5rem;display:inline-block;fill:none;stroke:var(--nf-select-icon-color);stroke-width:1;stroke-linecap:round;margin:0 -.3rem 0 .5rem}:host .dropdown{position:absolute;top:2rem;right:0;left:0;padding:.3rem;background:var(--nf-dropdown-background);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:.5rem;opacity:0;pointer-events:none;color:var(--nf-color);box-shadow:0 0 1rem 0 var(--nf-dropdown-shadow);z-index:1000;transition:opacity var(--nf-transition) ease-out,transform var(--nf-transition) ease-out}:host .dropdown .item{white-space:nowrap;padding:.4rem .7rem;overflow:hidden;text-overflow:ellipsis;border-radius:.3rem;cursor:pointer}:host .dropdown .item-unselected:hover{background:var(--nf-item-background-hover);transition:background-color var(--nf-transition) ease-in-out}:host .dropdown .item-unselected:active{background:var(--nf-item-background-active)}:host .dropdown .item-selected{background-color:color-mix(in srgb,var(--nf-primary-color) 30%,transparent)}:host([disabled]){cursor:not-allowed}:host([disabled]) .text{color:var(--nf-color-disabled)}:host([disabled]) .icon{stroke:var(--nf-color-disabled)}:host([disabled]) .dropdown{display:none}:host(:focus:not([disabled])){color:var(--nf-focus-text-color)}:host(:focus:not([disabled])) .dropdown{transform:translateY(.5rem);opacity:1;pointer-events:auto}:host(:focus:not([disabled])) .cover{pointer-events:auto}`;
-var yt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, G = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? wt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (i = (r ? n(e, o, i) : n(i)) || i);
-  return r && i && yt(e, o, i), i;
+var yt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, G = (t, e, o, i) => {
+  for (var r = i > 1 ? void 0 : i ? wt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (i ? n(e, o, r) : n(r)) || r);
+  return i && r && yt(e, o, r), r;
 };
 let z = class extends B {
   constructor() {
@@ -1217,7 +1220,7 @@ let z = class extends B {
     super.disconnectedCallback(), this.removeEventListener("focus", this.onFocus), this.removeEventListener("blur", this.onBlur), this.removeEventListener("click", this.onClick);
   }
 };
-z.styles = [U, vt];
+z.styles = [R, vt];
 G([
   h({ type: String })
 ], z.prototype, "value", 2);
@@ -1247,10 +1250,10 @@ z = G([
   C("nf-select")
 ], z);
 const _t = E`:host{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;--nf-switch-padding:.1rem}:host[disabled]{cursor:not-allowed;opacity:.6}.switch-wrapper{position:relative;display:inline-block}.switch-container{position:relative;z-index:1;width:3.1rem;height:1.5rem;background-color:var(--nf-background-color);border-radius:.75rem;transition:background-color .2s ease;overflow:hidden}:host(:not([disabled]):not([checked])) .switch-container:hover{background:var(--nf-background-color-hover)}:host([checked]) .switch-container{background-color:var(--nf-primary-color,var(--nf-primary-color))}:host([disabled]) .switch-container{opacity:.5}.ripple{position:absolute;border-radius:.875rem;inset:-.2rem;background-color:#6464641a;animation:ripple-animation 1s ease-out forwards;pointer-events:none;opacity:1}@keyframes ripple-animation{0%{opacity:0}20%{opacity:1}to{opacity:0}}.switch-thumb{position:absolute;top:.125rem;left:0;width:1.25rem;height:1.25rem;transition:transform .2s ease-in-out}.switch-thumb:before{content:\"\";position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:.625rem;box-shadow:0 .125rem .25rem #0003;transition:width .2s ease-in-out,transform .2s ease-in-out}:host(:not([checked])) .switch-thumb{transform:translate(.125rem)}:host(:not([checked])) .switch-container:active .switch-thumb:before{width:1.625rem;border-radius:.625rem}:host([checked]) .switch-thumb{transform:translate(1.725rem)}:host([checked]) .switch-container:active .switch-thumb:before{width:1.625rem;border-radius:.625rem;transform:translate(-.375rem)}:host(:focus) .switch-container{outline:.125rem solid var(--nf-primary-color,var(--nf-primary-color));outline-offset:.125rem}`;
-var $t = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, ue = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? xt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (i = (r ? n(e, o, i) : n(i)) || i);
-  return r && i && $t(e, o, i), i;
+var $t = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, ue = (t, e, o, i) => {
+  for (var r = i > 1 ? void 0 : i ? xt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (i ? n(e, o, r) : n(r)) || r);
+  return i && r && $t(e, o, r), r;
 };
 let Z = class extends F {
   constructor() {
@@ -1271,14 +1274,14 @@ let Z = class extends F {
     if (!e) return;
     const o = e.querySelector(".ripple");
     o && e.removeChild(o);
-    const r = document.createElement("div");
-    r.classList.add("ripple"), e.appendChild(r), r.addEventListener("animationend", () => {
-      e.contains(r) && e.removeChild(r);
+    const i = document.createElement("div");
+    i.classList.add("ripple"), e.appendChild(i), i.addEventListener("animationend", () => {
+      e.contains(i) && e.removeChild(i);
     });
   }
   // 渲染开关组件
   render() {
-    return ie`<div class=switch-wrapper><div class=switch-container @click=${this.toggleSwitch} aria-checked=${this.checked} aria-disabled=${this.disabled} role=switch><div class=switch-thumb></div></div></div>`;
+    return Q`<div class=switch-wrapper><div class=switch-container @click=${this.toggleSwitch} aria-checked=${this.checked} aria-disabled=${this.disabled} role=switch><div class=switch-thumb></div></div></div>`;
   }
   connectedCallback() {
     this.style.transition = "none", super.connectedCallback(), requestAnimationFrame(() => {
@@ -1303,8 +1306,8 @@ let St = class {
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AT(e, o, r) {
-    this._$Ct = e, this._$AM = o, this._$Ci = r;
+  _$AT(e, o, i) {
+    this._$Ct = e, this._$AM = o, this._$Ci = i;
   }
   _$AS(e, o) {
     return this.update(e, o);
@@ -1319,29 +1322,29 @@ const De = "important", At = " !" + De, ke = Et(class extends St {
   }
   render(t) {
     return Object.keys(t).reduce((e, o) => {
-      const r = t[o];
-      return r == null ? e : e + `${o = o.includes("-") ? o : o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${r};`;
+      const i = t[o];
+      return i == null ? e : e + `${o = o.includes("-") ? o : o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${i};`;
     }, "");
   }
   update(t, [e]) {
     const { style: o } = t.element;
     if (this.ft === void 0) return this.ft = new Set(Object.keys(e)), this.render(e);
-    for (const r of this.ft) e[r] == null && (this.ft.delete(r), r.includes("-") ? o.removeProperty(r) : o[r] = null);
-    for (const r in e) {
-      const i = e[r];
-      if (i != null) {
-        this.ft.add(r);
-        const s = typeof i == "string" && i.endsWith(At);
-        r.includes("-") || s ? o.setProperty(r, s ? i.slice(0, -11) : i, s ? De : "") : o[r] = i;
+    for (const i of this.ft) e[i] == null && (this.ft.delete(i), i.includes("-") ? o.removeProperty(i) : o[i] = null);
+    for (const i in e) {
+      const r = e[i];
+      if (r != null) {
+        this.ft.add(i);
+        const s = typeof r == "string" && r.endsWith(At);
+        i.includes("-") || s ? o.setProperty(i, s ? r.slice(0, -11) : r, s ? De : "") : o[i] = r;
       }
     }
     return T;
   }
 }), Ct = E`:host{display:inline-flex;align-items:center;position:relative;width:100%;height:1.25rem;background-color:var(--nf-border-color,#e0e0e0);border-radius:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;box-shadow:none;padding:0}:host:hover{background-color:var(--nf-border-color,#e0e0e0);border:none}:host:focus{box-shadow:none;outline:0}:host([disabled]){cursor:not-allowed;opacity:.6}.slider-fill{position:absolute;left:0;top:0;height:100%;background-color:var(--nf-primary-color,#5e72f9);border-radius:.625rem 0 0 .625rem;pointer-events:none}.slider-handle{position:absolute;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;outline:0;box-shadow:0 1px 3px #0000004d;transition:transform .15s ease,box-shadow .15s ease;z-index:1}:host([disabled]) .slider-handle{cursor:not-allowed}:host(:not([disabled])) .slider-handle:hover{transform:translate(-50%,-50%) scale(1.05)}:host(:not([disabled])) .slider-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 3px 8px #0006}.slider-handle:focus{box-shadow:0 0 0 3px #5e72f94d}.slider-tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background-color:var(--nf-slider-tooltip-background);color:var(--nf-color);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none;box-shadow:0 0 .4rem .1rem #0000001a}.slider-tooltip.visible{opacity:1}`;
-var Pt = Object.defineProperty, Dt = Object.getOwnPropertyDescriptor, $ = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Dt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (i = (r ? n(e, o, i) : n(i)) || i);
-  return r && i && Pt(e, o, i), i;
+var Pt = Object.defineProperty, Dt = Object.getOwnPropertyDescriptor, $ = (t, e, o, i) => {
+  for (var r = i > 1 ? void 0 : i ? Dt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (i ? n(e, o, r) : n(r)) || r);
+  return i && r && Pt(e, o, r), r;
 };
 let v = class extends B {
   constructor() {
@@ -1414,7 +1417,7 @@ let v = class extends B {
     this._isDragging = !0, this._showTooltip = !0, this._updateValue(t), document.addEventListener("mousemove", this._handleDrag), document.addEventListener("touchmove", this._handleDrag, { passive: !1 }), document.addEventListener("mouseup", this._stopDrag), document.addEventListener("touchend", this._stopDrag);
   }
   _updateValue(t) {
-    const e = this.getBoundingClientRect(), o = t instanceof MouseEvent ? t.clientX : t.touches[0].clientX, r = Math.max(0, Math.min(1, (o - e.left) / e.width)), i = this.max - this.min, s = this.min + r * i, n = Math.round((s - this.min) / this.step), l = this.min + n * this.step;
+    const e = this.getBoundingClientRect(), o = t instanceof MouseEvent ? t.clientX : t.touches[0].clientX, i = Math.max(0, Math.min(1, (o - e.left) / e.width)), r = this.max - this.min, s = this.min + i * r, n = Math.round((s - this.min) / this.step), l = this.min + n * this.step;
     this._currentValue = Math.min(this.max, Math.max(this.min, l)), this.requestUpdate();
   }
   _getValuePercentage() {
@@ -1422,11 +1425,11 @@ let v = class extends B {
     return t === 0 ? 0 : (this._currentValue - this.min) / t * 100;
   }
   render() {
-    const t = this._getValuePercentage(), e = `${t}%`, o = `${t}%`, r = `slider-tooltip ${this._showTooltip || this.tooltip ? "visible" : ""}`;
-    return u`<div class=slider-fill style=${ke({ width: o })}></div><div class=slider-handle style=${ke({ left: e })} tabindex=${this.disabled ? -1 : 0} @mousedown=${this._handleMouseDown} @touchstart=${this._handleTouchStart} @keydown=${this._handleKeyDown}><div class=${r}>${this._currentValue}</div></div>`;
+    const t = this._getValuePercentage(), e = `${t}%`, o = `${t}%`, i = `slider-tooltip ${this._showTooltip || this.tooltip ? "visible" : ""}`;
+    return u`<div class=slider-fill style=${ke({ width: o })}></div><div class=slider-handle style=${ke({ left: e })} tabindex=${this.disabled ? -1 : 0} @mousedown=${this._handleMouseDown} @touchstart=${this._handleTouchStart} @keydown=${this._handleKeyDown}><div class=${i}>${this._currentValue}</div></div>`;
   }
 };
-v.styles = [U, Ct];
+v.styles = [R, Ct];
 $([
   h({ type: Number })
 ], v.prototype, "value", 2);
@@ -1464,10 +1467,10 @@ v = $([
   C("nf-slider")
 ], v);
 const Mt = E`:host{width:var(--nf-width);position:relative;display:inline-block;--nf-textarea-padding:.4rem .75rem}:host([disabled]) .textarea{cursor:not-allowed;color:var(--nf-color-disabled)}::slotted(*){position:absolute;top:.75rem;left:.75rem;color:var(--nf-color)}:host([disabled]) ::slotted(*){color:var(--nf-color-disabled)}.textarea{position:absolute;inset:0;padding:var(--nf-textarea-padding);outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif;resize:none;line-height:1.5715;overflow-y:auto;overflow-x:hidden}.textarea::-webkit-scrollbar{width:6px}.textarea::-webkit-scrollbar-track{background:0 0}.textarea::-webkit-scrollbar-thumb{background:var(--nf-scrollbar-thumb-color,rgba(0,0,0,.2));border-radius:3px}.textarea::-webkit-scrollbar-thumb:hover{background:var(--nf-scrollbar-thumb-hover-color,rgba(0,0,0,.3))}.counter{position:absolute;bottom:.5rem;right:.75rem;font-size:.75rem;color:var(--nf-color-secondary,rgba(0,0,0,.45));pointer-events:none;-webkit-user-select:none;user-select:none}`;
-var Ht = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, P = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ot(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (i = (r ? n(e, o, i) : n(i)) || i);
-  return r && i && Ht(e, o, i), i;
+var Ht = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, P = (t, e, o, i) => {
+  for (var r = i > 1 ? void 0 : i ? Ot(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (i ? n(e, o, r) : n(r)) || r);
+  return i && r && Ht(e, o, r), r;
 };
 let x = class extends B {
   constructor() {
@@ -1519,15 +1522,15 @@ let x = class extends B {
     if (!this.textareaRef || !this.autoSize) return;
     const t = this.textareaRef;
     t.style.height = "0", t.style.overflowY = "hidden";
-    const e = t.scrollHeight, o = getComputedStyle(t), r = parseFloat(o.lineHeight), i = parseFloat(o.paddingTop), s = parseFloat(o.paddingBottom);
+    const e = t.scrollHeight, o = getComputedStyle(t), i = parseFloat(o.lineHeight), r = parseFloat(o.paddingTop), s = parseFloat(o.paddingBottom);
     let n = e, l = !1;
     const a = typeof this.autoSize == "object" ? this.autoSize : {}, c = a.minRows, p = a.maxRows;
     if (c !== void 0) {
-      const S = r * c + i + s;
+      const S = i * c + r + s;
       n = Math.max(n, S);
     }
     if (p !== void 0) {
-      const S = r * p + i + s;
+      const S = i * p + r + s;
       e > S && (l = !0), n = Math.min(n, S);
     }
     const d = parseFloat(getComputedStyle(document.documentElement).fontSize), w = n / d, k = 0.125;
@@ -1546,8 +1549,8 @@ let x = class extends B {
         this.style.height = `${n}rem`;
       }
     } else {
-      const i = 1.3750624999999999 * this.rows + 0.8 + 0.125;
-      this.style.height = `${i}rem`;
+      const r = 1.3750624999999999 * this.rows + 0.8 + 0.125;
+      this.style.height = `${r}rem`;
     }
   }
   connectedCallback() {
@@ -1556,7 +1559,7 @@ let x = class extends B {
     });
   }
 };
-x.styles = [U, Mt];
+x.styles = [R, Mt];
 P([
   h({ type: String })
 ], x.prototype, "value", 2);
@@ -1585,7 +1588,7 @@ x = P([
   C("nf-textarea")
 ], x);
 export {
-  K as NfCheckboxElement,
+  U as NfCheckboxElement,
   g as NfColorPickerElement,
   Y as NfEmptyElement,
   A as NfInputElement,