@lism-css/ui 0.11.0 → 0.12.0

package/dist/components/Tabs/setTabs.js

@@ -1,28 +1,38 @@
-function u(t) {
+function d(t) {
   t.preventDefault();
-  const r = t.currentTarget;
-  i(r);
+  const s = t.currentTarget;
+  u(s);
 }
-const i = (t) => {
+const u = (t) => {
   if (t.getAttribute("aria-selected") === "true") return;
-  const e = t.getAttribute("aria-controls"), n = document.getElementById(e);
-  if (n === null) return;
-  const s = t.parentNode.parentNode.querySelector('[aria-selected="true"]'), o = s.getAttribute("aria-controls"), a = document.getElementById(o);
-  t.setAttribute("aria-selected", "true"), s.setAttribute("aria-selected", "false"), a.setAttribute("aria-hidden", "true"), n.setAttribute("aria-hidden", "false");
+  const e = t.getAttribute("aria-controls");
+  if (!e) return;
+  const i = document.getElementById(e);
+  if (i === null) return;
+  const o = t.parentNode?.parentNode;
+  if (!o) return;
+  const a = o.querySelector('[aria-selected="true"]');
+  if (!a) return;
+  const r = a.getAttribute("aria-controls");
+  if (!r) return;
+  const n = document.getElementById(r);
+  t.setAttribute("aria-selected", "true"), a.setAttribute("aria-selected", "false"), n?.setAttribute("aria-hidden", "true"), i.setAttribute("aria-hidden", "false");
 };
-function b(t) {
-  t.querySelectorAll('button[role="tab"]').forEach((l) => {
-    l.addEventListener("click", function(d) {
-      u(d);
+function f(t) {
+  t.querySelectorAll('button[role="tab"]').forEach((c) => {
+    c.addEventListener("click", function(l) {
+      d(l);
     });
   });
   const e = window?.location?.href;
   if (!e || !(e.indexOf("?lism-tab=") !== -1)) return;
-  const o = new URL(e).searchParams.get("lism-tab"), a = t.querySelector(`[aria-controls="${o}"]`);
-  a && (t.dataset.hasTabLink = "1", i(a), setTimeout(() => {
+  const r = new URL(e).searchParams.get("lism-tab");
+  if (!r) return;
+  const n = t.querySelector(`[aria-controls="${r}"]`);
+  n && (t.dataset.hasTabLink = "1", u(n), setTimeout(() => {
     delete t.dataset.hasTabLink;
   }, 10));
 }
 export {
-  b as default
+  f as default
 };

package/dist/lism-css/dist/components/{Center → layout/Center}/index.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import o from "../Lism/index.js";
+import o from "../../Lism/index.js";
 function n(r) {
   return /* @__PURE__ */ t(o, { layout: "center", ...r });
 }

package/dist/lism-css/dist/components/{Flex → layout/Flex}/index.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import t from "../Lism/index.js";
+import t from "../../Lism/index.js";
 function e(o) {
   return /* @__PURE__ */ r(t, { layout: "flex", ...o });
 }

package/dist/lism-css/dist/components/{Flow → layout/Flow}/index.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import t from "../Lism/index.js";
+import t from "../../Lism/index.js";
 function m(o) {
   return /* @__PURE__ */ r(t, { layout: "flow", ...o });
 }

package/dist/lism-css/dist/components/{Frame → layout/Frame}/index.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import t from "../Lism/index.js";
+import t from "../../Lism/index.js";
 function m(r) {
   return /* @__PURE__ */ o(t, { layout: "frame", ...r });
 }

package/dist/lism-css/dist/components/{Grid → layout/Grid}/index.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import t from "../Lism/index.js";
+import t from "../../Lism/index.js";
 function m(r) {
   return /* @__PURE__ */ o(t, { layout: "grid", ...r });
 }

package/dist/lism-css/dist/components/{Stack → layout/Stack}/index.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import r from "../Lism/index.js";
+import r from "../../Lism/index.js";
 function m(t) {
   return /* @__PURE__ */ o(r, { layout: "stack", ...t });
 }

package/dist/lism-css/dist/config/defaults/props.js

@@ -1,4 +1,4 @@
-const e = ["start", "center", "end"], r = { "flex-s": "flex-start", "flex-e": "flex-end" }, p = { s: "start", e: "end", c: "center", fs: "flex-s", fe: "flex-e" }, t = {
+const e = ["start", "center", "end"], r = ["flex-start", "flex-end"], p = { s: "start", e: "end", c: "center", fs: "flex-start", fe: "flex-end" }, o = {
   f: { prop: "font", presets: ["inherit"] },
   fz: { prop: "fontSize", token: "fz", tokenClass: 1, bp: 1, alwaysVar: 1 },
   fw: {
@@ -30,8 +30,7 @@ const e = ["start", "center", "end"], r = { "flex-s": "flex-start", "flex-e": "f
   // tsh: { prop: 'textShadow' },
   d: {
     prop: "display",
-    presets: ["none", "block"],
-    utils: { "in-flex": "inline-flex" },
+    presets: ["none", "block", "flex", "inline-flex", "grid", "inline-grid", "inline", "inline-block"],
     bp: 1
   },
   o: { prop: "opacity", presets: ["0"], token: "o", tokenClass: 1 },
@@ -108,7 +107,7 @@ const e = ["start", "center", "end"], r = { "flex-s": "flex-start", "flex-e": "f
   bdc: {
     isVar: 1,
     presets: ["brand", "accent", "divider", "inherit", "transparent"],
-    utils: { cc: "currentColor" },
+    utils: { current: "currentColor" },
     token: "color"
   },
   bdw: { isVar: 1, bp: 1 },
@@ -144,8 +143,7 @@ const e = ["start", "center", "end"], r = { "flex-s": "flex-start", "flex-e": "f
   // position
   pos: {
     prop: "position",
-    presets: ["static", "fixed", "sticky"],
-    utils: { rel: "relative", abs: "absolute" }
+    presets: ["static", "fixed", "sticky", "relative", "absolute"]
   },
   z: { prop: "zIndex", presets: ["-1", "0", "1", "99"] },
   t: { prop: "top", utils: { 0: "0%" }, presets: ["50%", "100%"], token: "space" },
@@ -208,14 +206,14 @@ const e = ["start", "center", "end"], r = { "flex-s": "flex-start", "flex-e": "f
     overwriteBaseVar: 1,
     bp: 1
   },
-  "g-x": { prop: "columnGap", token: "space", bp: 1 },
-  "g-y": { prop: "rowGap", token: "space", bp: 1 },
+  cg: { prop: "columnGap", token: "space", bp: 1 },
+  rg: { prop: "rowGap", token: "space", bp: 1 },
   cols: { isVar: 1, bp: 1 },
   rows: { isVar: 1, bp: 1 },
   // flex
   fxf: { prop: "flexFlow" },
   fxw: { prop: "flexWrap", presets: ["wrap"], bp: 1 },
-  fxd: { prop: "flexDirection", utils: { col: "column", "col-r": "column-reverse", "row-r": "row-reverse" }, bp: 1 },
+  fxd: { prop: "flexDirection", presets: ["column", "column-reverse", "row-reverse"], bp: 1 },
   fx: { prop: "flex", presets: ["1"], bp: 1 },
   fxg: { prop: "flexGrow", presets: ["1"] },
   fxsh: { prop: "flexShrink", presets: ["0"] },
@@ -224,12 +222,6 @@ const e = ["start", "center", "end"], r = { "flex-s": "flex-start", "flex-e": "f
   // gd: { prop: 'grid' },
   gt: {
     prop: "gridTemplate",
-    presets: ["repeat"],
-    exUtility: {
-      repeat: {
-        "grid-template": "repeat(var(--rows,1), 1fr) / repeat(var(--cols,1), 1fr)"
-      }
-    },
     bp: 1
   },
   gta: { prop: "gridTemplateAreas", bp: 1 },
@@ -244,7 +236,7 @@ const e = ["start", "center", "end"], r = { "flex-s": "flex-start", "flex-e": "f
     // exUtility: { repeat: { '--rows': '1', '--gtr': 'repeat(var(--rows), 1fr)' } },
     bp: 1
   },
-  gaf: { prop: "gridAutoFlow", utils: { row: "row", col: "column" }, bp: 1 },
+  gaf: { prop: "gridAutoFlow", presets: ["row", "column"], bp: 1 },
   //dense
   gac: { prop: "gridAutoColumns" },
   gar: { prop: "gridAutoRows" },
@@ -260,29 +252,27 @@ const e = ["start", "center", "end"], r = { "flex-s": "flex-start", "flex-e": "f
   // -(ai|ac|ji|jc|aslf|jslf):   /    -$1:
   ai: {
     prop: "alignItems",
-    presets: [...e, "stretch"],
-    utils: r,
+    presets: [...e, "stretch", ...r],
     shorthands: p,
     bp: 1
   },
   ac: {
     prop: "alignContent",
-    presets: e,
-    utils: { ...r, between: "space-between" },
+    presets: [...e, ...r],
+    utils: { between: "space-between" },
     shorthands: p,
     bp: 1
   },
   ji: {
     prop: "justifyItems",
-    presets: [...e, "stretch"],
-    utils: r,
+    presets: [...e, "stretch", ...r],
     shorthands: p,
     bp: 1
   },
   jc: {
     prop: "justifyContent",
-    presets: e,
-    utils: { ...r, between: "space-between" },
+    presets: [...e, ...r],
+    utils: { between: "space-between" },
     shorthands: p,
     bp: 1
   },
@@ -328,7 +318,7 @@ const e = ["start", "center", "end"], r = { "flex-s": "flex-start", "flex-e": "f
   // 	},
   // },
   // others
-  ovwrap: { prop: "overflowWrap", utils: { any: "anywhere" } },
+  ovwrap: { prop: "overflowWrap", presets: ["anywhere"] },
   whspace: { prop: "whiteSpace", presets: ["nowrap"] },
   // wordbreak: { prop: 'wordBreak', utils: { keep: 'keep-all', all: 'break-all' } },
   float: { prop: "float", presets: ["left", "right"] },
@@ -336,5 +326,5 @@ const e = ["start", "center", "end"], r = { "flex-s": "flex-start", "flex-e": "f
   isolation: { prop: "isolation", presets: ["isolate"] }
 };
 export {
-  t as default
+  o as default
 };

package/dist/lism-css/dist/config/defaults/states.js

@@ -1,5 +1,4 @@
-import t from "../helper/getSvgUrl.js";
-const a = {
+const s = {
   isContainer: "is--container",
   isWrapper: {
     className: "is--wrapper",
@@ -12,27 +11,8 @@ const a = {
   isLinkBox: "is--linkBox",
   isSide: "is--side",
   isSkipFlow: "is--skipFlow",
-  isVertical: "is--vertical",
-  setGutter: "set--gutter",
-  // set class
-  setShadow: "set--shadow",
-  setHov: "set--hov",
-  setTransition: "set--transition",
-  setMask: {
-    // 'set--mask',
-    className: "set--mask",
-    setStyles: (e) => {
-      let s = e;
-      return s.startsWith("<svg") && (s = t(e, "base64")), {
-        "--maskImg": s
-      };
-    }
-  },
-  setPlain: "set--plain",
-  // setRevert: 'set--revert',
-  setInnerRs: "set--innerRs",
-  setBp: "set--bp"
+  isVertical: "is--vertical"
 };
 export {
-  a as default
+  s as default
 };

package/dist/lism-css/dist/lib/getLayoutProps.js

@@ -7,22 +7,19 @@ function w(l, t) {
     ...t,
     lismClass: i(t.lismClass, `l--${l}`)
   };
-  return l === "flow" ? e(s) : l === "grid" ? f(s) : l === "sideMain" ? u(s) : l === "fluidCols" ? m(s) : l === "switchCols" ? c(s) : s;
+  return l === "flow" ? e(s) : l === "sideMain" ? u(s) : l === "fluidCols" ? f(s) : l === "switchCols" ? m(s) : s;
 }
-function f({ _propConfig: l = {}, ...t }) {
-  return l.gta = { isVar: 1 }, l.gtc = { isVar: 1 }, l.gtr = { isVar: 1 }, { ...t, _propConfig: l };
+function u({ sideW: l, mainW: t, style: s, ...r }) {
+  const n = { ...s };
+  return l != null && (n["--sideW"] = o(l, "sz")), t != null && (n["--mainW"] = o(t, "sz")), { ...r, style: n };
 }
-function u({ sideW: l, mainW: t, style: s, ...n }) {
-  const r = { ...s };
-  return l != null && (r["--sideW"] = o(l, "sz")), t != null && (r["--mainW"] = o(t, "sz")), { ...n, style: r };
-}
-function m({ autoFill: l, style: t, ...s }) {
+function f({ autoFill: l, style: t, ...s }) {
   return l ? { ...s, style: { ...t, "--autoMode": "auto-fill" } } : { ...s, style: t };
 }
 function e({ flow: l, style: t, ...s }) {
   return a("flow", l) ? s.lismClass = i(s.lismClass, `-flow:${l}`) : l && (s.lismClass = i(s.lismClass, "-flow:"), t = { ...t, "--flow": o(l, "space") }), { ...s, style: t };
 }
-function c({ breakSize: l, style: t, ...s }) {
+function m({ breakSize: l, style: t, ...s }) {
   return l ? { ...s, style: { ...t, "--breakSize": o(l, "sz") } } : { ...s, style: t };
 }
 export {

package/dist/lism-css/dist/lib/getLismProps.js

@@ -1,19 +1,20 @@
-import { STATES as P, PROPS as S } from "../config/index.js";
+import { STATES as b, PROPS as S } from "../config/index.js";
 import j from "./getLayoutProps.js";
 import U from "./isPresetValue.js";
-import w from "./isTokenValue.js";
+import x from "./isTokenValue.js";
 import v from "./getUtilKey.js";
 import m from "./getMaybeCssVar.js";
-import z from "./getBpData.js";
-import E from "./helper/atts.js";
+import E from "./getBpData.js";
+import z from "./helper/atts.js";
 import N from "./helper/isEmptyObj.js";
 import C from "./helper/filterEmptyObj.js";
+import _ from "./helper/mergeSet.js";
 import k from "./helper/splitWithComma.js";
-const _ = (h) => {
-  const s = S[h];
-  return s && s?.token || "";
+const A = (n) => {
+  const e = S[n];
+  return e && e?.token || "";
 };
-class x {
+class w {
   // propList = {};
   className = "";
   uClasses = [];
@@ -21,120 +22,121 @@ class x {
   styles = {};
   attrs = {};
   _propConfig;
-  constructor(s) {
-    const { forwardedRef: t, class: e, className: i, lismClass: o, variant: r, style: l = {}, _propConfig: n = {}, ...c } = s;
-    this.styles = { ...l }, this._propConfig = { ...n };
-    let f = o || "";
-    if (r && o) {
-      const y = o.split(" "), a = y[0], u = `${a}--${r}`;
-      f = [a, u, ...y.slice(1)].join(" ");
+  constructor(e) {
+    const { forwardedRef: t, class: s, className: r, lismClass: o, variant: i, style: l = {}, _propConfig: y = {}, ...c } = e;
+    this.styles = { ...l }, this._propConfig = { ...y };
+    let h = o || "";
+    if (i && o) {
+      const d = o.split(" "), a = d[0], u = `${a}--${i}`;
+      h = [a, u, ...d.slice(1)].join(" ");
     }
-    N(c) || (this.attrs = { ...c }, this.analyzeProps()), t && (this.attrs.ref = t), this.className = E(i || e, f, this.lismState, this.uClasses);
+    N(c) || (this.attrs = { ...c }, this.analyzeProps()), t && (this.attrs.ref = t), this.className = z(r || s, h, this.lismState, this.uClasses);
   }
-  analyzeState(s, t) {
-    const { className: e, preset: i, presetClass: o, customVar: r, tokenKey: l, setStyles: n } = s;
-    t === !0 ? this.lismState.push(e) : i && U(i, t) ? this.lismState.push(`${e} ${o}:${String(t)}`) : t && (this.lismState.push(e), l && r ? this.addStyle(r, m(t, l)) : n && typeof t == "string" && this.addStyles(n(t)));
+  analyzeState(e, t) {
+    const { className: s, preset: r, presetClass: o, customVar: i, tokenKey: l } = e;
+    t === !0 ? this.lismState.push(s) : r && U(r, t) ? this.lismState.push(`${s} ${o}:${String(t)}`) : t && (this.lismState.push(s), l && i && this.addStyle(i, m(t, l)));
   }
   // prop解析
   analyzeProps() {
+    const e = this.extractProp("set"), t = this.extractProp("unset");
     Object.keys(this.attrs).forEach((s) => {
-      if (Object.hasOwn(P, s)) {
-        const t = this.extractProp(s), e = P[s];
-        typeof e == "string" ? t && this.lismState.push(e) : this.analyzeState(e, t);
+      if (Object.hasOwn(b, s)) {
+        const r = this.extractProp(s), o = b[s];
+        typeof o == "string" ? r && this.lismState.push(o) : this.analyzeState(o, r);
       } else if (Object.hasOwn(S, s)) {
-        const t = this.attrs[s];
-        delete this.attrs[s], this.analyzeLismProp(s, t);
+        const r = this.attrs[s];
+        delete this.attrs[s], this.analyzeLismProp(s, r);
       } else if (s === "hov") {
-        const t = this.extractProp(s);
-        this.setHovProps(t);
+        const r = this.extractProp(s);
+        this.setHovProps(r);
       } else if (s === "css") {
-        const t = this.extractProp("css");
-        this.addStyles(t);
+        const r = this.extractProp("css");
+        this.addStyles(r);
       }
-    });
+    }), _(void 0, e, t).forEach((s) => this.lismState.push(`set--${s}`));
   }
   // Lism Prop 解析
-  analyzeLismProp(s, t) {
+  analyzeLismProp(e, t) {
     if (t == null) return;
-    let e = S[s] || null;
-    if (e === null) return;
-    this._propConfig?.[s] && (e = Object.assign({}, e, this._propConfig[s]));
-    const { base: i, ...o } = z(t);
-    this.setAttrs(s, i, e), Object.keys(o).forEach((r) => {
-      e && this.setAttrs(s, o[r], e, r);
+    let s = S[e] || null;
+    if (s === null) return;
+    this._propConfig?.[e] && (s = Object.assign({}, s, this._propConfig[e]));
+    const { base: r, ...o } = E(t);
+    this.setAttrs(e, r, s), Object.keys(o).forEach((i) => {
+      s && this.setAttrs(e, o[i], s, i);
     });
   }
-  addUtil(s) {
-    this.uClasses.push(s);
+  addUtil(e) {
+    this.uClasses.push(e);
   }
-  addUtils(s) {
-    this.uClasses.push(...s);
+  addUtils(e) {
+    this.uClasses.push(...e);
   }
   // addState(state) {
   // 	this.stateClasses.push(state);
   // }
-  addStyle(s, t) {
-    this.styles[s] = t;
+  addStyle(e, t) {
+    this.styles[e] = t;
   }
-  addStyles(s) {
-    this.styles = { ...this.styles, ...s };
+  addStyles(e) {
+    this.styles = { ...this.styles, ...e };
   }
-  addAttrs(s) {
-    this.addStyles(s.styles || {}), this.addUtils(s.utils || []);
+  addAttrs(e) {
+    this.addStyles(e.styles || {}), this.addUtils(e.utils || []);
   }
-  extractProp(s) {
-    const t = this.attrs[s];
-    return this.attrs[s] === void 0 ? null : (delete this.attrs[s], t);
+  extractProp(e) {
+    const t = this.attrs[e];
+    return this.attrs[e] === void 0 ? null : (delete this.attrs[e], t);
   }
-  extractProps(s) {
+  extractProps(e) {
     const t = {};
-    return s.forEach((e) => {
-      this.attrs[e] !== void 0 && (t[e] = this.attrs[e], delete this.attrs[e]);
+    return e.forEach((s) => {
+      this.attrs[s] !== void 0 && (t[s] = this.attrs[s], delete this.attrs[s]);
     }), t;
   }
   // utilクラスを追加するか、styleにセットするかの分岐処理 @base
   // 値が null, undefined, '', false の時はスキップ
-  setAttrs(s, t, e = {}, i = "") {
+  setAttrs(e, t, s = {}, r = "") {
     if (t == null || t === "" || t === !1) return;
-    let o = `--${s}`, r = `-${String(e.utilKey || s)}`;
-    if (i && (o = `--${s}_${i}`, r += `_${i}`), typeof t == "string" && t.startsWith(":")) {
-      this.addUtil(`${r}:${t.replace(":", "")}`);
+    let o = `--${e}`, i = `-${String(s.utilKey || e)}`;
+    if (r && (o = `--${e}_${r}`, i += `_${r}`), typeof t == "string" && t.startsWith(":")) {
+      this.addUtil(`${i}:${t.replace(":", "")}`);
       return;
     }
-    if (!i) {
-      const { presets: u, tokenClass: O, utils: g, shorthands: b } = e;
+    if (!r) {
+      const { presets: u, tokenClass: O, utils: g, shorthands: P } = s;
       if (u && U(u, t)) {
-        const d = typeof t == "string" || typeof t == "number" ? String(t) : "";
-        d && this.addUtil(`${r}:${d}`);
+        const p = typeof t == "string" || typeof t == "number" ? String(t) : "";
+        p && this.addUtil(`${i}:${p}`);
         return;
       }
-      if (O && e.token && w(e.token, t)) {
-        const d = typeof t == "string" || typeof t == "number" ? String(t) : "";
-        d && this.addUtil(`${r}:${d}`);
+      if (O && s.token && x(s.token, t)) {
+        const p = typeof t == "string" || typeof t == "number" ? String(t) : "";
+        p && this.addUtil(`${i}:${p}`);
         return;
       }
-      let p = "";
-      if (g && typeof t == "string" && (p = v(g, t)), !p && b && typeof t == "string" && (p = v(b, t, !0)), p) {
-        this.addUtil(`${r}:${p}`);
+      let f = "";
+      if (g && typeof t == "string" && (f = v(g, t)), !f && P && typeof t == "string" && (f = v(P, t, !0)), f) {
+        this.addUtil(`${i}:${f}`);
         return;
       }
     }
     if (t === !0 || t === "-") {
-      this.addUtil(r);
+      this.addUtil(i);
       return;
     }
-    const { prop: l, isVar: n, alwaysVar: c, token: f, bp: y } = e;
+    const { prop: l, isVar: y, alwaysVar: c, token: h, bp: d } = s;
     let a;
-    if (f && (typeof t == "string" || typeof t == "number") ? a = m(t, f) : typeof t == "string" || typeof t == "number" ? a = t : a = JSON.stringify(t), !i) {
-      if (n) {
-        this.addStyle(`--${s}`, a);
+    if (h && (typeof t == "string" || typeof t == "number") ? a = m(t, h) : typeof t == "string" || typeof t == "number" ? a = t : a = JSON.stringify(t), !r) {
+      if (y) {
+        this.addStyle(`--${e}`, a);
         return;
-      } else if (!y && !c) {
+      } else if (!d && !c) {
         this.addStyle(l, a);
         return;
       }
     }
-    this.addUtil(r), this.addStyle(o, a);
+    this.addUtil(i), this.addStyle(o, a);
   }
   // setPassProps(passVars) {
   // 	let dataList = [];
@@ -149,40 +151,40 @@ class x {
   // 		this.addStyle(`--pass_${propName}`, value);
   // 	});
   // }
-  setHovProps(s) {
-    s && (s === "-" || s === !0 ? this.addUtil("-hov") : typeof s == "string" ? k(s).forEach((t) => {
+  setHovProps(e) {
+    e && (e === "-" || e === !0 ? this.addUtil("-hov") : typeof e == "string" ? k(e).forEach((t) => {
       this.addUtil(`-hov:${t}`);
-    }) : typeof s == "object" && Object.keys(s).forEach((t) => {
-      const e = s[t];
-      if (!(e == null || e === "" || e === !1)) {
-        if (e === "-" || e === !0)
+    }) : typeof e == "object" && Object.keys(e).forEach((t) => {
+      const s = e[t];
+      if (!(s == null || s === "" || s === !1)) {
+        if (s === "-" || s === !0)
           this.addUtil(`-hov:${t}`);
         else if (t === "class")
-          k(e).forEach((i) => {
-            this.addUtil(`-hov:${i}`);
+          k(s).forEach((r) => {
+            this.addUtil(`-hov:${r}`);
           });
-        else if (typeof e == "string" || typeof e == "number") {
-          const i = m(e, _(t));
-          this.addUtil(`-hov:${t}`), this.addStyle(`--hov-${t}`, i);
+        else if (typeof s == "string" || typeof s == "number") {
+          const r = m(s, A(t));
+          this.addUtil(`-hov:${t}`), this.addStyle(`--hov-${t}`, r);
         }
       }
     }));
   }
 }
-function q(h) {
-  if (Object.keys(h).length === 0)
+function B(n) {
+  if (Object.keys(n).length === 0)
     return {};
-  const { layout: s, ...t } = h, e = new x(j(s, t));
+  const { layout: e, ...t } = n, s = new w(j(e, t));
   return {
     ...C({
-      className: e.className,
-      style: C(e.styles)
+      className: s.className,
+      style: C(s.styles)
     }),
-    ...e.attrs
+    ...s.attrs
     // data-* などHTMLの標準属性はそのまま渡す
   };
 }
 export {
-  x as LismPropsData,
-  q as default
+  w as LismPropsData,
+  B as default
 };

package/dist/lism-css/dist/lib/helper/mergeSet.js

@@ -0,0 +1,14 @@
+function t(n) {
+  return n ? Array.isArray(n) ? n.flatMap((r) => t(r)) : typeof n == "string" ? n.split(/[,\s]+/).map((r) => r.trim()).filter(Boolean) : [] : [];
+}
+function o(n, r, s) {
+  const e = [.../* @__PURE__ */ new Set([...t(n), ...t(r)])];
+  if (e.length === 0) return [];
+  const i = t(s);
+  if (i.length === 0) return e;
+  const a = new Set(i);
+  return e.filter((f) => !a.has(f));
+}
+export {
+  o as default
+};

package/dist/style.css

@@ -1 +1 @@
-@layer lism-modules{.c--accordion{--duration:var(--acc-duration,0.25s)}.c--accordion_item{--_panel-h:0px;--_icon-transform:rotate(0deg)}.c--accordion_item[data-opened]{--_icon-transform:rotate(90deg);--_panel-h:auto}.c--accordion_panel{height:var(--_panel-h);transition:height var(--duration)}[hidden]>.c--accordion_content{position:absolute}.c--accordion_icon{display:grid;height:1em;width:1em;&:after,&:before{background-color:currentColor;content:"";display:block;grid-area:1/1}&:before{height:100%;transform:var(--_icon-transform);transition:transform var(--duration);width:.1em}&:after{height:.1em;width:100%}}.c--accordion_button:focus-visible{outline:2px solid currentColor;outline-color:revert;outline-offset:-3px}@media (prefers-reduced-motion:reduce){.c--accordion_item{--duration:0s}}@media (scripting:none){.c--accordion_panel{content-visibility:visible!important;height:auto!important}.c--accordion_content{position:static!important}}}@layer lism-modules{.c--badge{--c:var(--base);--bgc:var(--text);--bdc:transparent;background-color:var(--bgc);border:1px solid var(--bdc);color:var(--c)}.c--badge--outline{--c:var(--text);--bgc:transparent;--bdc:currentColor}.c--button{--c:var(--base);--bgc:var(--text);--bdc:var(--bgc);background-color:var(--bgc);border:1px solid var(--bdc);color:var(--c);gap:var(--s10);place-content:center;place-items:center;text-decoration:none}.c--button--outline{--c:var(--text);--bgc:transparent;--bdc:var(--c)}}@layer lism-modules{:where(.c--button)>.a--icon{scale:1.05}.c--button:where(.l--grid){grid-template-columns:minmax(1em,auto) 1fr minmax(1em,auto);justify-items:center}.c--button:where(.l--grid)>:not(.a--icon){grid-column:2}}@layer lism-modules{.c--chat{--cbox-bgPct:8%;--gta:"avatar name" "avatar body";--gtc:auto 1fr;--gtr:minmax(1.5rem,auto) auto;--_avator-size:clamp(48px,32px + 5cqw,64px);--_deco-size:calc(min(var(--_avator-size), 80px)/4 + 0.25rem);--_deco-mask:none;--_deco-t:0;--_deco-scale:1;--_deco-inset-x:0;gap:0 calc(var(--_deco-size) + 1px)}.c--chat_avatar{grid-area:avatar;width:var(--_avator-size)}.c--chat_name{grid-area:name}.c--chat_body{grid-area:body}.c--chat_content{max-width:var(--sz--s)}.c--chat_deco{height:var(--_deco-size);top:var(--_deco-t);inset-inline:var(--_deco-inset-x);-webkit-mask:var(--_deco-mask) center/contain no-repeat;mask:var(--_deco-mask) center/contain no-repeat;scale:var(--_deco-scale);width:var(--_deco-size)}.c--chat--speak{--_deco-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><path d="M8,8L8,8C7.4,4.8,5.4,2,2.6,0.4L2,0h6V8z"/></svg>')}[data-chat-dir=start]{--_deco-inset-x:auto calc(100% - 1px)}[data-chat-dir=end]{--_deco-scale:-1 1;--_deco-inset-x:calc(100% - 1px) auto;--gta:"name avatar" "body avatar";--gtc:1fr auto}}.c--chat--speak[data-chat-dir=start]>div>.c--chat_content{border-start-start-radius:0}.c--chat--speak[data-chat-dir=end]>div>.c--chat_content{border-start-end-radius:0}@layer lism-modules{.c--navMenu{--link-td:none;--hl:var(--hl--s);--_item-p:var(--s20);--focus-offset:-1px}.c--navMenu_nest{--_item-p:inherit}.c--navMenu_link{padding:var(--_item-p)}.c--navMenu_item,.c--navMenu_nest{--bdc:inherit}.c--shapeDivider{--level:0;--_inner-offset:0px;--_inner-stretch:1;--_flipX:1;--_flipY:1;height:clamp(5px * var(--level),1cqw * var(--level),12px * var(--level));overflow:visible}}@layer lism-modules{.c--shapeDivider:where([data-flip^=X]){--_flipX:-1}.c--shapeDivider:where([data-flip$=Y]){--_flipY:-1}.c--shapeDivider_inner{--offsetY:0.5px;--offsetX:-0.5px;height:100%;scale:calc(var(--_flipX)*var(--_inner-stretch)) var(--_flipY);translate:calc(var(--offsetX) + var(--_inner-offset)) calc(var(--offsetY)*var(--_flipY));width:calc(100% + 1px)}.c--shapeDivider_svg{display:block}:where([data-has-animation=true]) .c--shapeDivider_svg{animation:lism--slideShape 12s linear infinite alternate;transform-origin:100% 0}}@keyframes lism--slideShape{0%{transform:scaleX(4)}to{transform:scaleX(4) translateX(75%)}}
+@layer lism-modules{.c--accordion{--duration:var(--acc-duration,0.25s)}.c--accordion_item{--_panel-h:0px;--_icon-transform:rotate(0deg)}.c--accordion_item[data-opened]{--_icon-transform:rotate(90deg);--_panel-h:auto}.c--accordion_panel{height:var(--_panel-h);transition:height var(--duration)}[hidden]>.c--accordion_content{position:absolute}.c--accordion_icon{display:grid;height:1em;width:1em;&:after,&:before{background-color:currentColor;content:"";display:block;grid-area:1/1}&:before{height:100%;transform:var(--_icon-transform);transition:transform var(--duration);width:.1em}&:after{height:.1em;width:100%}}.c--accordion_button:focus-visible{outline:2px solid currentColor;outline-color:revert;outline-offset:-3px}@media (prefers-reduced-motion:reduce){.c--accordion_item{--duration:0s}}@media (scripting:none){.c--accordion_panel{content-visibility:visible!important;height:auto!important}.c--accordion_content{position:static!important}}}@layer lism-modules{.c--badge{--c:var(--base);--bgc:var(--text);--bdc:transparent;background-color:var(--bgc);border:1px solid var(--bdc);color:var(--c)}.c--badge--outline{--c:var(--text);--bgc:transparent;--bdc:currentColor}.c--button{--c:var(--base);--bgc:var(--text);--bdc:var(--bgc);background-color:var(--bgc);border:1px solid var(--bdc);color:var(--c);gap:var(--s10);place-content:center;place-items:center;text-decoration:none}.c--button--outline{--c:var(--text);--bgc:transparent;--bdc:var(--c)}}@layer lism-modules{:where(.c--button)>.a--icon{scale:1.05}.c--button:where(.l--grid){grid-template-columns:minmax(1em,auto) 1fr minmax(1em,auto);justify-items:center}.c--button:where(.l--grid)>:not(.a--icon){grid-column:2}}@layer lism-modules{.c--chat{--cbox-bgPct:8%;grid-template-areas:"avatar name" "avatar body";grid-template-columns:auto 1fr;grid-template-rows:minmax(1.5rem,auto) auto;--_avator-size:clamp(48px,32px + 5cqw,64px);--_deco-size:calc(min(var(--_avator-size), 80px)/4 + 0.25rem);--_deco-mask:none;--_deco-t:0;--_deco-scale:1;--_deco-inset-x:0;gap:0 calc(var(--_deco-size) + 1px)}.c--chat_avatar{grid-area:avatar;width:var(--_avator-size)}.c--chat_name{grid-area:name}.c--chat_body{grid-area:body}.c--chat_content{max-width:var(--sz--s)}.c--chat_deco{height:var(--_deco-size);top:var(--_deco-t);inset-inline:var(--_deco-inset-x);-webkit-mask:var(--_deco-mask) center/contain no-repeat;mask:var(--_deco-mask) center/contain no-repeat;scale:var(--_deco-scale);width:var(--_deco-size)}.c--chat--speak{--_deco-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><path d="M8,8L8,8C7.4,4.8,5.4,2,2.6,0.4L2,0h6V8z"/></svg>')}[data-chat-dir=start]{--_deco-inset-x:auto calc(100% - 1px)}[data-chat-dir=end]{--_deco-scale:-1 1;--_deco-inset-x:calc(100% - 1px) auto;grid-template-areas:"name avatar" "body avatar";grid-template-columns:1fr auto}}.c--chat--speak[data-chat-dir=start]>div>.c--chat_content{border-start-start-radius:0}.c--chat--speak[data-chat-dir=end]>div>.c--chat_content{border-start-end-radius:0}@layer lism-modules{.c--navMenu{--link-td:none;--hl:var(--hl--s);--_item-p:var(--s20);--focus-offset:-1px}.c--navMenu_nest{--_item-p:inherit}.c--navMenu_link{padding:var(--_item-p)}.c--navMenu_item,.c--navMenu_nest{--bdc:inherit}.c--shapeDivider{--level:0;--_inner-offset:0px;--_inner-stretch:1;--_flipX:1;--_flipY:1;height:clamp(5px * var(--level),1cqw * var(--level),12px * var(--level));overflow:visible}}@layer lism-modules{.c--shapeDivider:where([data-flip^=X]){--_flipX:-1}.c--shapeDivider:where([data-flip$=Y]){--_flipY:-1}.c--shapeDivider_inner{--offsetY:0.5px;--offsetX:-0.5px;height:100%;scale:calc(var(--_flipX)*var(--_inner-stretch)) var(--_flipY);translate:calc(var(--offsetX) + var(--_inner-offset)) calc(var(--offsetY)*var(--_flipY));width:calc(100% + 1px)}.c--shapeDivider_svg{display:block}:where([data-has-animation=true]) .c--shapeDivider_svg{animation:lism--slideShape 12s linear infinite alternate;transform-origin:100% 0}}@keyframes lism--slideShape{0%{transform:scaleX(4)}to{transform:scaleX(4) translateX(75%)}}