@lism-css/ui 0.12.0 → 0.13.1

package/dist/components/Accordion/getProps.d.ts

@@ -26,12 +26,12 @@ export declare function getRootProps({ lismClass, allowMultiple, ...props }: Acc
 export declare function getItemProps({ lismClass, ...props }: AccordionItemProps): {
     [key: string]: unknown;
 };
-export declare function getHeadingProps({ as, role, lismClass, set, unset, ...props }: AccordionHeadingProps): {
+export declare function getHeadingProps({ as, role, lismClass, set, ...props }: AccordionHeadingProps): {
     lismClass: string;
     as: string;
     set: string[];
 };
-export declare function getButtonProps({ set, unset, ...props }: Record<string, unknown>): {
+export declare function getButtonProps({ set, ...props }: Record<string, unknown>): {
     lismClass: string;
     as: string;
     layout: string;
@@ -56,7 +56,8 @@ export declare function getPanelProps({ lismClass, _contextID, accID, isOpen, ..
 };
 export declare const defaultProps: {
     readonly icon: {
-        readonly lismClass: "c--accordion_icon a--icon";
+        readonly lismClass: "c--accordion_icon";
+        readonly atomic: "icon";
         readonly as: "span";
         readonly pi: "center";
         readonly fxsh: "0";

package/dist/components/Accordion/getProps.js

@@ -1,46 +1,47 @@
 import e from "../../lism-css/dist/lib/helper/atts.js";
-import r from "../../lism-css/dist/lib/helper/mergeSet.js";
-function u({ lismClass: o, allowMultiple: n, ...t }) {
-  return t.lismClass = e(o, "c--accordion"), n && (t["data-allow-multiple"] = ""), t;
+import a from "../../lism-css/dist/lib/helper/mergeSet.js";
+function u({ lismClass: n, allowMultiple: o, ...t }) {
+  return t.lismClass = e(n, "c--accordion"), o && (t["data-allow-multiple"] = ""), t;
 }
-function f({ lismClass: o, ...n }) {
-  return n.lismClass = e(o, "c--accordion_item"), n;
+function f({ lismClass: n, ...o }) {
+  return o.lismClass = e(n, "c--accordion_item"), o;
 }
-function m({ as: o = "div", role: n, lismClass: t, set: s, unset: a, ...c }) {
+function m({ as: n = "div", role: o, lismClass: t, set: s, ...c }) {
   const i = {
     lismClass: e(t, "c--accordion_heading"),
-    as: o,
-    set: r("plain", s, a),
+    as: n,
+    set: a("plain", s),
     ...c
   };
-  return i.as === "div" && (i.role = n ?? "heading"), i;
+  return i.as === "div" && (i.role = o ?? "heading"), i;
 }
-function p({ set: o, unset: n, ...t }) {
+function p({ set: n, ...o }) {
   return {
     lismClass: "c--accordion_button",
     as: "button",
     layout: "flex",
-    set: r("plain", o, n),
+    set: a("plain", n),
     g: "10",
     w: "100%",
     ai: "center",
     jc: "between",
-    ...t
+    ...o
   };
 }
-function _({ lismClass: o, _contextID: n, accID: t = "__LISM_ACC_ID__", isOpen: s = !1, ...a }) {
-  const c = {
-    lismClass: e(o, "c--accordion_panel"),
-    id: n || t,
+function _({ lismClass: n, _contextID: o, accID: t = "__LISM_ACC_ID__", isOpen: s = !1, ...c }) {
+  const i = {
+    lismClass: e(n, "c--accordion_panel"),
+    id: o || t,
     hidden: s ? void 0 : "until-found",
     pos: "relative",
     ov: "hidden"
-  }, i = { lismClass: "c--accordion_content", layout: "flow", ...a };
-  return { panelProps: c, contentProps: i };
+  }, r = { lismClass: "c--accordion_content", layout: "flow", ...c };
+  return { panelProps: i, contentProps: r };
 }
 const P = {
   icon: {
-    lismClass: "c--accordion_icon a--icon",
+    lismClass: "c--accordion_icon",
+    atomic: "icon",
     as: "span",
     pi: "center",
     fxsh: "0",

package/dist/components/Accordion/react/Accordion.js

@@ -9,11 +9,11 @@ import { setEvent as A } from "../setAccordion.js";
 import h from "./AccIcon.js";
 /* empty css            */
 const i = d(null);
-function Q({ children: t, ...r }) {
+function S({ children: t, ...r }) {
   const o = _(r);
   return /* @__PURE__ */ n(P, { ...o, children: t });
 }
-function S({ children: t, ...r }) {
+function Z({ children: t, ...r }) {
   const o = p(null), e = f();
   m(() => {
     if (o.current)
@@ -38,8 +38,8 @@ function k({ children: t, ...r }) {
   return /* @__PURE__ */ n(s, { ...e, children: /* @__PURE__ */ n(s, { ...c, children: t }) });
 }
 export {
-  S as AccordionItem,
-  Q as AccordionRoot,
+  Z as AccordionItem,
+  S as AccordionRoot,
   b as Button,
   $ as Heading,
   k as Panel

package/dist/components/Alert/getProps.d.ts

@@ -13,10 +13,13 @@ export default function getAlertProps({ type, keycolor, layout, icon, flow, ...p
     layout: "center" | "flex" | "grid" | "flow" | "frame" | "box" | "cluster" | "columns" | "fluidCols" | "stack" | "sideMain" | "switchCols" | "tileGrid";
     flow: string;
     lismClass: string;
+    util: string;
+    set: string;
     keycolor: string;
     ai: string;
     p: string;
     g: string;
     bd: boolean;
     bdrs: string;
+    bxsh: string;
 };

package/dist/components/Alert/getProps.js

@@ -1,18 +1,21 @@
 import i from "./presets.js";
-function f({ type: o = "alert", keycolor: t, layout: c = "flex", icon: e, flow: l = "s", ...n }) {
-  const r = o ? i[o] : null, s = e || r?.icon || "info", a = t || r?.color || "currentColor";
+function f({ type: o = "alert", keycolor: t, layout: e = "flex", icon: c, flow: l = "s", ...s }) {
+  const r = o ? i[o] : null, n = c || r?.icon || "info", a = t || r?.color || "currentColor";
   return {
-    icon: s,
-    layout: c,
+    icon: n,
+    layout: e,
     flow: l,
-    lismClass: "c--alert u--cbox",
+    lismClass: "c--alert",
+    util: "cbox",
+    set: "shadow",
     keycolor: a,
     ai: "center",
     p: "15",
     g: "15",
     bd: !0,
     bdrs: "10",
-    ...n
+    bxsh: "10",
+    ...s
   };
 }
 export {

package/dist/components/Callout/getProps.d.ts

@@ -12,6 +12,8 @@ export default function getCalloutProps({ type, keycolor, icon, title, flow, ...
     title: string | undefined;
     flow: string;
     lismClass: string;
+    util: string;
+    set: string;
     keycolor: string | null;
     p: string;
     g: string;

package/dist/components/Callout/getProps.js

@@ -1,11 +1,13 @@
 import u from "./presets.js";
-function b({ type: o = "note", keycolor: l, icon: t, title: s, flow: n = "s", ...e }) {
-  const c = o ? u[o] : null, r = t || c?.icon || "note", a = l || c?.color || null;
+function b({ type: o = "note", keycolor: t, icon: c, title: s, flow: n = "s", ...e }) {
+  const l = o ? u[o] : null, r = c || l?.icon || "note", a = t || l?.color || null;
   return {
     icon: r,
     title: s,
     flow: n,
-    lismClass: "c--callout u--cbox set--shadow",
+    lismClass: "c--callout",
+    util: "cbox",
+    set: "shadow",
     keycolor: a,
     p: "20",
     g: "10",

package/dist/components/Chat/getProps.d.ts

@@ -25,10 +25,13 @@ export declare const defaultProps: {
     };
     readonly deco: {
         readonly lismClass: "c--chat_deco";
+        readonly util: "cbox";
+        readonly isSkipFlow: true;
         readonly pos: "absolute";
     };
     readonly content: {
         readonly lismClass: "c--chat_content";
+        readonly util: "cbox";
         readonly bdrs: "30";
         readonly p: "20";
         readonly lh: "s";

package/dist/components/Chat/getProps.js

@@ -22,10 +22,13 @@ const l = {
   },
   deco: {
     lismClass: "c--chat_deco",
+    util: "cbox",
+    isSkipFlow: !0,
     pos: "absolute"
   },
   content: {
     lismClass: "c--chat_content",
+    util: "cbox",
     bdrs: "30",
     p: "20",
     lh: "s"

package/dist/components/Chat/react/Chat.js

@@ -1,22 +1,22 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import f from "../../../lism-css/dist/components/atomic/Decorator/index.js";
-import n from "../../../lism-css/dist/components/layout/Flow/index.js";
-import h from "../../../lism-css/dist/components/layout/Frame/index.js";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import h from "../../../lism-css/dist/components/atomic/Decorator/index.js";
+import p from "../../../lism-css/dist/components/layout/Flow/index.js";
+import s from "../../../lism-css/dist/components/layout/Frame/index.js";
 import l from "../../../lism-css/dist/components/layout/Grid/index.js";
-import m from "../../../lism-css/dist/components/Lism/index.js";
-import u, { defaultProps as r } from "../getProps.js";
+import c from "../../../lism-css/dist/components/Lism/index.js";
+import g, { defaultProps as t } from "../getProps.js";
 /* empty css            */
-function N({ name: t, avatar: i, flow: s = "s", children: e, ...d }) {
-  const { "data-chat-dir": c, ...p } = u(d);
-  return /* @__PURE__ */ a(l, { "data-chat-dir": c, ...p, children: [
-    i && /* @__PURE__ */ o(h, { ...r.avatar, children: /* @__PURE__ */ o("img", { src: i, alt: "", width: "60", height: "60", decoding: "async" }) }),
-    t && /* @__PURE__ */ o(m, { ...r.name, children: t }),
-    /* @__PURE__ */ a(m, { ...r.body, children: [
-      /* @__PURE__ */ o(f, { ...r.deco, className: "u--cbox is--skipFlow" }),
-      /* @__PURE__ */ o(n, { ...r.content, className: "u--cbox", flow: s, jslf: c, children: e })
+function w({ name: o, avatar: i, flow: e = "s", children: a, ...f }) {
+  const { "data-chat-dir": d, ...n } = g(f);
+  return /* @__PURE__ */ m(l, { "data-chat-dir": d, ...n, children: [
+    i && /* @__PURE__ */ r(s, { ...t.avatar, children: /* @__PURE__ */ r("img", { src: i, alt: "", width: "60", height: "60", decoding: "async" }) }),
+    o && /* @__PURE__ */ r(c, { ...t.name, children: o }),
+    /* @__PURE__ */ m(c, { ...t.body, children: [
+      /* @__PURE__ */ r(h, { ...t.deco }),
+      /* @__PURE__ */ r(p, { ...t.content, flow: e, jslf: d, children: a })
     ] })
   ] });
 }
 export {
-  N as default
+  w as default
 };

package/dist/components/Details/getProps.d.ts

@@ -7,7 +7,7 @@ export type DetailsProps = {
  * Detailsコンポーネントのルート要素用プロパティを生成
  */
 export declare function getDetailsProps({ lismClass, ...props }: DetailsProps): LismProps;
-export declare function getTitleProps({ set, unset, ...props }: Record<string, unknown>): {
+export declare function getTitleProps({ set, ...props }: Record<string, unknown>): {
     lismClass: string;
     as: string;
     fx: string;
@@ -24,7 +24,8 @@ export declare const defaultProps: {
         readonly ai: "center";
     };
     readonly icon: {
-        readonly lismClass: "c--details_icon a--icon";
+        readonly lismClass: "c--details_icon";
+        readonly atomic: "icon";
         readonly as: "span";
         readonly 'aria-hidden': "true";
     };

package/dist/components/Details/getProps.js

@@ -1,25 +1,25 @@
-import a from "../../lism-css/dist/lib/helper/atts.js";
-import i from "../../lism-css/dist/lib/helper/mergeSet.js";
-function n({ lismClass: t, ...s }) {
-  return s.lismClass = a(t, "c--details"), s;
+import l from "../../lism-css/dist/lib/helper/atts.js";
+import a from "../../lism-css/dist/lib/helper/mergeSet.js";
+function o({ lismClass: t, ...s }) {
+  return s.lismClass = l(t, "c--details"), s;
 }
-function r({ set: t, unset: s, ...l }) {
+function n({ set: t, ...s }) {
   return {
     lismClass: "c--details_title",
     as: "span",
     fx: "1",
-    set: i("plain", t, s),
-    ...l
+    set: a("plain", t),
+    ...s
   };
 }
 const c = {
   summary: { lismClass: "c--details_summary", layout: "flex", g: "10", ai: "center" },
-  icon: { lismClass: "c--details_icon a--icon", as: "span", "aria-hidden": "true" },
+  icon: { lismClass: "c--details_icon", atomic: "icon", as: "span", "aria-hidden": "true" },
   body: { lismClass: "c--details_body" },
   content: { lismClass: "c--details_content", layout: "flow", flow: "s" }
 };
 export {
   c as defaultProps,
-  n as getDetailsProps,
-  r as getTitleProps
+  o as getDetailsProps,
+  n as getTitleProps
 };

package/dist/components/Modal/getProps.d.ts

@@ -1,7 +1,6 @@
 export type ModalRootProps = {
     lismClass?: string;
     set?: string;
-    unset?: string;
     duration?: string;
     style?: Record<string, string>;
     [key: string]: unknown;
@@ -12,7 +11,7 @@ export type ModalInnerProps = {
     style?: Record<string, string>;
     [key: string]: unknown;
 };
-export declare function getProps({ lismClass, set, unset, duration, style, ...props }: ModalRootProps): {
+export declare function getProps({ lismClass, set, duration, style, ...props }: ModalRootProps): {
     style: Record<string, string>;
     lismClass: string;
     set: string[];
@@ -22,13 +21,13 @@ export declare function getInnerProps({ lismClass, offset, style, ...props }: Mo
     lismClass: string;
     style: Record<string, string>;
 };
-export declare function getOpenBtnProps({ set, unset, ...props }: Record<string, unknown>): {
+export declare function getOpenBtnProps({ set, ...props }: Record<string, unknown>): {
     as: string;
     set: string[];
     hov: string;
     d: string;
 };
-export declare function getCloseBtnProps({ set, unset, ...props }: Record<string, unknown>): {
+export declare function getCloseBtnProps({ set, ...props }: Record<string, unknown>): {
     as: string;
     set: string[];
     hov: string;

package/dist/components/Modal/getProps.js

@@ -1,44 +1,44 @@
-import i from "../../lism-css/dist/lib/helper/atts.js";
+import e from "../../lism-css/dist/lib/helper/atts.js";
 import r from "../../lism-css/dist/lib/helper/mergeSet.js";
-function f({ lismClass: t = "", set: n, unset: o, duration: s, style: e = {}, ...l }) {
-  const a = {
-    lismClass: i(t, "c--modal"),
-    set: r("plain", n, o)
+function f({ lismClass: n = "", set: o, duration: t, style: s = {}, ...i }) {
+  const l = {
+    lismClass: e(n, "c--modal"),
+    set: r("plain", o)
   };
-  return s && (e["--duration"] = s), { as: "dialog", ...a, style: e, ...l };
+  return t && (s["--duration"] = t), { as: "dialog", ...l, style: s, ...i };
 }
-function m({ lismClass: t = "", offset: n, style: o = {}, ...s }) {
-  return n && (o["--offset"] = n), {
-    lismClass: i(t, "c--modal_inner"),
-    style: o,
+function u({ lismClass: n = "", offset: o, style: t = {}, ...s }) {
+  return o && (t["--offset"] = o), {
+    lismClass: e(n, "c--modal_inner"),
+    style: t,
     ...s
   };
 }
-function c({ set: t, unset: n, ...o }) {
+function m({ set: n, ...o }) {
   return {
     as: "button",
-    set: r("plain", t, n),
+    set: r("plain", n),
     hov: "o",
     d: "inline-flex",
     ...o
   };
 }
-function d({ set: t, unset: n, ...o }) {
+function c({ set: n, ...o }) {
   return {
     as: "button",
-    set: r("plain", t, n),
+    set: r("plain", n),
     hov: "o",
     d: "inline-flex",
     ...o
   };
 }
-const P = {
+const d = {
   body: { lismClass: "c--modal_body" }
 };
 export {
-  P as defaultProps,
-  d as getCloseBtnProps,
-  m as getInnerProps,
-  c as getOpenBtnProps,
+  d as defaultProps,
+  c as getCloseBtnProps,
+  u as getInnerProps,
+  m as getOpenBtnProps,
   f as getProps
 };

package/dist/components/Tabs/getProps.d.ts

@@ -5,7 +5,7 @@ type TabsProps = {
 export default function getTabsProps({ lismClass, ...props }: TabsProps): {
     lismClass: string;
 };
-export declare function getTabProps({ set, unset, ...props }: Record<string, unknown>): {
+export declare function getTabProps({ set, ...props }: Record<string, unknown>): {
     as: string;
     lismClass: string;
     set: string[];

package/dist/components/Tabs/getProps.js

@@ -1,20 +1,20 @@
-import r from "../../lism-css/dist/lib/helper/atts.js";
+import a from "../../lism-css/dist/lib/helper/atts.js";
 import o from "../../lism-css/dist/lib/helper/mergeSet.js";
-function i({ lismClass: t, ...s }) {
+function e({ lismClass: t, ...s }) {
   return {
-    lismClass: r(t, "c--tabs"),
+    lismClass: a(t, "c--tabs"),
     ...s
   };
 }
-function l({ set: t, unset: s, ...a }) {
+function i({ set: t, ...s }) {
   return {
     as: "button",
     lismClass: "c--tabs_tab",
-    set: o("plain", t, s),
-    ...a
+    set: o("plain", t),
+    ...s
   };
 }
 export {
-  i as default,
-  l as getTabProps
+  e as default,
+  i as getTabProps
 };

package/dist/lism-css/dist/components/atomic/Decorator/index.js

@@ -1,8 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import t from "./getProps.js";
-import f from "../../Lism/index.js";
+import t from "../../Lism/index.js";
 function e(r) {
-  return /* @__PURE__ */ o(f, { ...t(r) });
+  return /* @__PURE__ */ o(t, { atomic: "decorator", "aria-hidden": "true", ...r });
 }
 export {
   e as default

package/dist/lism-css/dist/components/atomic/Icon/getProps.js

@@ -1,56 +1,55 @@
 import C from "./presets.js";
-import h from "../../../lib/helper/atts.js";
-function x(m) {
-  const a = {}, s = m.match(/<svg([^>]*?)>([\s\S]*?)<\/svg>/i);
-  if (s) {
-    const [, c, e] = s, p = /([\w-]+)=["']([^"']*)["']/g;
+function d(m) {
+  const a = {}, l = m.match(/<svg([^>]*?)>([\s\S]*?)<\/svg>/i);
+  if (l) {
+    const [, c, s] = l, p = /([\w-]+)=["']([^"']*)["']/g;
     let o;
     for (; (o = p.exec(c)) !== null; ) {
-      const [, i, f] = o;
-      if (i === "style") {
+      const [, n, f] = o;
+      if (n === "style") {
         const g = {};
-        f.split(";").forEach((l) => {
-          const [n, r] = l.split(":").map((t) => t.trim());
-          n && r && (g[n] = r);
-        }), a[i] = g;
+        f.split(";").forEach((e) => {
+          const [r, i] = e.split(":").map((t) => t.trim());
+          r && i && (g[r] = i);
+        }), a[n] = g;
       } else
-        a[i] = f;
+        a[n] = f;
     }
-    return { svgProps: a, svgContent: e };
+    return { svgProps: a, svgContent: s };
   }
   return {};
 }
-function b({ lismClass: m, as: a, icon: s, label: c, exProps: e = {}, ...p }) {
-  let o = a || "span", i = "";
+function P({ lismClass: m, as: a, icon: l, label: c, exProps: s = {}, ...p }) {
+  let o = a || "span", n = "";
   const {
     style: f = {},
     className: g = "",
-    ...l
+    ...e
   } = p;
-  let n = f, r = g;
-  if (l.viewBox) {
+  let r = f, i = g;
+  if (e.viewBox) {
     o = "svg";
-    const t = l.size;
-    t && delete l.size, l.width || (e.width = t || "1em"), l.height || (e.height = t || "1em");
-  } else if (l.src)
+    const t = e.size;
+    t && delete e.size, e.width || (s.width = t || "1em"), e.height || (s.height = t || "1em");
+  } else if (e.src)
     o = "img";
-  else if (s)
-    if (typeof s == "string")
-      if (s.startsWith("<svg")) {
+  else if (l)
+    if (typeof l == "string")
+      if (l.startsWith("<svg")) {
         o = "_SVG_";
-        const { svgProps: t = {}, svgContent: u = "" } = x(s), { class: v, style: d, ...y } = t;
-        r = h(r, v), n = { ...n, ...d }, e = { ...e, ...y, fill: "currentColor" }, i = u;
+        const { svgProps: t = {}, svgContent: h = "" } = d(l), { class: u, style: v, ...y } = t;
+        u && (i = i ? `${i} ${u}` : u), r = { ...r, ...v }, s = { ...s, ...y, fill: "currentColor" }, n = h;
       } else {
-        const t = C[s] || null;
-        t != null && (o = "_SVG_", e = { ...e, ...t });
+        const t = C[l] || null;
+        t != null && (o = "_SVG_", s = { ...s, ...t });
       }
-    else if (typeof s == "object" && s.as) {
-      const { as: t, ...u } = s;
-      o = t, e = { ...e, ...u };
+    else if (typeof l == "object" && l.as) {
+      const { as: t, ...h } = l;
+      o = t, s = { ...s, ...h };
     } else
-      o = s;
-  return c ? (e["aria-label"] = c, e.role = "img") : e["aria-hidden"] = "true", l.lismClass = h(m, "a--icon", r), l.style = { ...n }, { Component: o, lismProps: l, exProps: e, content: i };
+      o = l;
+  return c ? (s["aria-label"] = c, s.role = "img") : s["aria-hidden"] = "true", e.lismClass = m, e.atomic = "icon", i && (e.className = i), e.style = { ...r }, { Component: o, lismProps: e, exProps: s, content: n };
 }
 export {
-  b as default
+  P as default
 };

package/dist/lism-css/dist/config/default-config.js

@@ -1,11 +1,11 @@
 import o from "./defaults/tokens.js";
-import t from "./defaults/props.js";
-import r from "./defaults/states.js";
-const e = {
+import r from "./defaults/props.js";
+import t from "./defaults/traits.js";
+const s = {
   tokens: o,
-  props: t,
-  states: r
+  props: r,
+  traits: t
 };
 export {
-  e as default
+  s as default
 };

package/dist/lism-css/dist/config/defaults/{states.js → traits.js}

@@ -1,4 +1,4 @@
-const s = {
+const i = {
   isContainer: "is--container",
   isWrapper: {
     className: "is--wrapper",
@@ -8,11 +8,12 @@ const s = {
     tokenKey: "sz"
   },
   isLayer: "is--layer",
-  isLinkBox: "is--linkBox",
+  isBoxLink: "is--boxLink",
+  isCoverLink: "is--coverLink",
   isSide: "is--side",
   isSkipFlow: "is--skipFlow",
   isVertical: "is--vertical"
 };
 export {
-  s as default
+  i as default
 };

package/dist/lism-css/dist/config/index.js

@@ -1,17 +1,17 @@
 import r from "./default-config.js";
 import a from "lism-css/config.js";
-import { objDeepMerge as e, arrayConvertToSet as t } from "./helper.js";
-let s = e(r, a);
-typeof window < "u" && window._LISM_CSS_CONFIG_ && (s = e(s, window._LISM_CSS_CONFIG_));
-const S = s, { tokens: o, props: _, states: l } = S, p = {
+import { objDeepMerge as s, arrayConvertToSet as t } from "./helper.js";
+let e = s(r, a);
+typeof window < "u" && window._LISM_CSS_CONFIG_ && (e = s(e, window._LISM_CSS_CONFIG_));
+const S = e, { tokens: o, props: _, traits: l } = S, p = {
   color: [...o.c.values, ...o.palette.values],
   ...o
-}, c = t(structuredClone(p)), i = t(structuredClone(_)), I = l, m = ["sm", "md", "lg", "xl"], O = ["base", ...m];
+}, u = t(structuredClone(p)), I = t(structuredClone(_)), c = l, i = ["sm", "md", "lg", "xl"], O = ["base", ...i];
 export {
-  m as BREAK_POINTS,
+  i as BREAK_POINTS,
   O as BREAK_POINTS_ALL,
   S as CONFIG,
-  i as PROPS,
-  I as STATES,
-  c as TOKENS
+  I as PROPS,
+  u as TOKENS,
+  c as TRAITS
 };