lism-css 0.3.4 → 0.5.0

package/dist/components/Accordion/index2.js

@@ -1,32 +1,37 @@
-import { jsx as e } from "react/jsx-runtime";
-import m from "react";
-import u from "../../lib/getLismProps.js";
-import { defaultProps as n, getAccProps as c } from "./getProps.js";
-import { setEvent as s } from "./setAccordion.js";
-import p from "../Grid/index.js";
-import f from "../Lism/index.js";
-import l from "../Flex/index.js";
-function h({ children: r, ...t }) {
-  const o = m.useRef(null);
-  m.useEffect(() => {
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import c from "react";
+import m from "../../lib/getLismProps.js";
+import { defaultProps as n, getAccProps as s } from "./getProps.js";
+import { setEvent as l } from "./setAccordion.js";
+import i from "../Lism/index.js";
+function h({ children: r, ...e }) {
+  const o = c.useRef(null);
+  c.useEffect(() => {
     if (o.current)
-      return s(o.current);
+      return l(o.current);
   }, []);
-  const i = u(c(t));
-  return /* @__PURE__ */ e("details", { ref: o, ...i, children: r });
+  const u = m(s(e));
+  return /* @__PURE__ */ t("details", { ref: o, ...u, children: r });
 }
-function A({ children: r, ...t }) {
-  return /* @__PURE__ */ e(l, { tag: "summary", ...n.header, ...t, children: r });
+function a({ children: r, ...e }) {
+  return /* @__PURE__ */ t(i, { tag: "summary", ...n.header, ...e, children: r });
 }
-function E({ children: r, ...t }) {
-  return /* @__PURE__ */ e(f, { ...n.label, ...t, children: r });
+function p({ children: r, ...e }) {
+  return /* @__PURE__ */ t(i, { ...n.label, ...e, children: r });
 }
-function R({ children: r, isFlow: t, innerProps: o, ...i }) {
-  return /* @__PURE__ */ e(p, { ...n.body, ...i, children: /* @__PURE__ */ e(f, { isFlow: t, ...n.inner, ...o, children: r }) });
+function x({ children: r, flow: e, innerProps: o, ...u }) {
+  return /* @__PURE__ */ t(i, { ...n.body, ...u, children: /* @__PURE__ */ t(i, { layout: "flow", flow: e, ...n.inner, ...o, children: r }) });
+}
+function j({ children: r, ...e }) {
+  return /* @__PURE__ */ f(a, { ...e, children: [
+    /* @__PURE__ */ t(p, { children: r }),
+    /* @__PURE__ */ t(Icon, {})
+  ] });
 }
 export {
   h as Accordion,
-  R as Body,
-  A as Header,
-  E as Label
+  x as Body,
+  a as Header,
+  j as HeaderLabel,
+  p as Label
 };

package/dist/components/Accordion/setAccordion.js

@@ -2,26 +2,26 @@ const r = (t) => Promise.all(t.getAnimations().map((e) => e.finished)), d = asyn
   if (t.dataset.animating && !e) return;
   t.dataset.animating = "1";
   const n = t.querySelector(".d--accordion_body");
-  t.open ? t.open && (t.classList.remove("_opened"), await r(n), delete t.dataset.animating, t.open = !1) : (t.open = !0, setTimeout(async () => {
-    t.classList.add("_opened"), await r(n), delete t.dataset.animating;
+  t.open ? t.open && (t.classList.remove("js-opened"), await r(n), delete t.dataset.animating, t.open = !1) : (t.open = !0, setTimeout(async () => {
+    t.classList.add("js-opened"), await r(n), delete t.dataset.animating;
   }, 5));
 }, p = (t, e) => {
-  const n = e.open, o = e.classList.contains("_opened");
-  n && !o && e.classList.add("_opened"), !n && o && e.classList.remove("_opened");
+  const n = e.open, o = e.classList.contains("js-opened");
+  n && !o && e.classList.add("js-opened"), !n && o && e.classList.remove("js-opened");
 }, u = (t) => {
   const e = t, n = e.querySelector('[data-role="trigger"]') || e.querySelector("summary");
   if (!n) return;
   let o = !1;
-  const s = e.parentNode;
-  s != null && (o = s.dataset.accordionMultiple !== "disallow");
-  const c = (a) => {
-    if (a.preventDefault(), !o && !e.open) {
-      const i = s.querySelector("._opened");
+  const a = e.parentNode;
+  a != null && (o = a.dataset.accordionMultiple !== "disallow");
+  const c = (s) => {
+    if (s.preventDefault(), !o && !e.open) {
+      const i = a.querySelector(".js-opened");
       i != null && d(i, !0);
     }
     d(e);
-  }, l = (a) => {
-    p(a, e);
+  }, l = (s) => {
+    p(s, e);
   };
   return n.addEventListener("click", c), e.addEventListener("toggle", l), () => {
     n.removeEventListener("click", c), e.removeEventListener("toggle", l);

package/dist/components/Box/index.js

@@ -1,9 +1,8 @@
-import { jsx as t } from "react/jsx-runtime";
-import m from "./getProps.js";
-import f from "../Lism/index.js";
-function s({ children: o, ...r }) {
-  return /* @__PURE__ */ t(f, { ...m(r), children: o });
+import { jsx as r } from "react/jsx-runtime";
+import t from "../Lism/index.js";
+function i(o) {
+  return /* @__PURE__ */ r(t, { layout: "box", ...o });
 }
 export {
-  s as default
+  i as default
 };

package/dist/components/Center/index.js

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

package/dist/components/Cluster/index.js

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "../Lism/index.js";
+function u(r) {
+  return /* @__PURE__ */ t(o, { layout: "cluster", ...r });
+}
+export {
+  u as default
+};

package/dist/components/Columns/index.js

@@ -1,9 +1,8 @@
-import { jsx as r } from "react/jsx-runtime";
-import m from "./getProps.js";
-import t from "../Grid/index.js";
-function u(o) {
-  return /* @__PURE__ */ r(t, { _grid: "columns", ...m(o) });
+import { jsx as m } from "react/jsx-runtime";
+import r from "../Lism/index.js";
+function n(o) {
+  return /* @__PURE__ */ m(r, { layout: "columns", ...o });
 }
 export {
-  u as default
+  n as default
 };

package/dist/components/Container/index.js

@@ -1,7 +1,7 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import i from "../Lism/index.js";
-function m({ size: t, layout: o, ...r }) {
-  return /* @__PURE__ */ n(o || i, { isContainer: t || !0, ...r });
+function m({ size: r, ...t }) {
+  return /* @__PURE__ */ o(i, { isContainer: r || !0, ...t });
 }
 export {
   m as default

package/dist/components/Dummy/index.js

@@ -1,17 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
-import p from "./getContent.js";
-import s from "../Lism/index.js";
-function a({
-  tag: t = "p",
-  pre: n = "",
-  length: o = "m",
-  lang: m = "en",
-  offset: r = 0,
-  ...e
-}) {
-  const f = p({ tag: t, pre: n, lang: m, length: o, offset: r });
-  return /* @__PURE__ */ i(s, { tag: t, ...e, dangerouslySetInnerHTML: { __html: f } });
+import { jsx as o } from "react/jsx-runtime";
+import h from "./getContent.js";
+import r from "../Lism/index.js";
+function u({ tag: t = "p", pre: m = "", length: n = "m", lang: i = "en", offset: l = 0, ...e }) {
+  if (t === "img")
+    return /* @__PURE__ */ o(r, { tag: "img", src: "https://placehold.co/300x200?text=placeholder", width: "300", height: "200", alt: "", ...e });
+  const c = h({ tag: t, pre: m, lang: i, length: n, offset: l });
+  return /* @__PURE__ */ o(r, { tag: t, ...e, dangerouslySetInnerHTML: { __html: c } });
 }
 export {
-  a as default
+  u as default
 };

package/dist/components/Dummy/texts.js

@@ -1,11 +1,11 @@
 const e = {
   ja: {
-    xs: "ロレムイプサムの座り雨。",
-    s: "ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。",
-    m: "ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。ブラインド行うにはいくつかの重要な事柄が流れます。",
-    l: "ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。ブラインド行うにはいくつかの重要な事柄が流れます。長年にわたり、私は学区と長寿であれば、そのような Liberroy, Foo の取り組み、我らのうち、Mulla Sunt の利点を提案したのなら。",
-    xl: "ロレムイプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。ブラインド行うにはいくつかの重要な事柄が流れます。長年にわたり、私は学区と長寿であれば、そのような Liberroy, Foo の取り組み、我らのうち、Mulla Sunt の利点を提案したのなら。つまり、彼らはあなたの悩みに一般的な魂を癒しています。困難な必要性に少ないもの、それがコンテンツの比較です。あなたが選択的な彼女の事実、無意味な含有、便利な阻止と甘さ、誰かがもっと腐敗した残り物。提供する時間の生活、それで発明者が賢明です。",
-    codes: "<b>ロレムイプサム</b>の座り雨、<a href='###'>トマ好き学習だったエリット</a>、しかし<i>時と活力</i>はそのような木々と楽しみ。長年にわたり、私は学区と長寿であれば、そのような<code>Liberroy</code>の取り組み。"
+    xs: "ロレム・イプサムの座り雨。",
+    s: "ロレム・イプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。",
+    m: "ロレム・イプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。ブラインド行うにはいくつかの重要な事柄が流れます。",
+    l: "ロレム・イプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。ブラインド行うにはいくつかの重要な事柄が流れます。長年にわたり、私は学区と長寿であれば、そのような Liberroy, Foo の取り組み、我らのうち、Mulla Sunt の利点を提案したのなら。",
+    xl: "ロレム・イプサムの座り雨、トマ好き学習だったエリット、しかし時と活力はそのような木々と楽しみ。ブラインド行うにはいくつかの重要な事柄が流れます。長年にわたり、私は学区と長寿であれば、そのような Liberroy, Foo の取り組み、我らのうち、Mulla Sunt の利点を提案したのなら。つまり、彼らはあなたの悩みに一般的な魂を癒しています。困難な必要性に少ないもの、それがコンテンツの比較です。あなたが選択的な彼女の事実、無意味な含有、便利な阻止と甘さ、誰かがもっと腐敗した残り物。提供する時間の生活、それで発明者が賢明です。",
+    codes: "<b>ロレム・イプサム</b>の座り雨、<a href='###'>トマ好き学習だったエリット</a>、しかし<i>時と活力</i>はそのような木々と楽しみ。長年にわたり、私は学区と長寿であれば、そのような<code>Liberroy</code>の取り組み。"
   },
   en: {
     xs: "Lorem ipsum dolor sit amet.",

package/dist/components/Flex/index.js

@@ -1,9 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import { getFlexProps as t } from "./getProps.js";
-import m from "../Lism/index.js";
-function p(r) {
-  return /* @__PURE__ */ o(m, { ...t(r) });
+import { jsx as r } from "react/jsx-runtime";
+import t from "../Lism/index.js";
+function m(o) {
+  return /* @__PURE__ */ r(t, { layout: "flex", ...o });
 }
 export {
-  p as default
+  m as default
 };

package/dist/components/Flow/index.js

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

package/dist/components/Frame/index.js

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

package/dist/components/Grid/index.js

@@ -1,9 +1,8 @@
-import { jsx as t } from "react/jsx-runtime";
-import { getGridProps as i } from "./getProps.js";
-import m from "../Lism/index.js";
-function d(r) {
-  return r = i(r), /* @__PURE__ */ t(m, { ...r });
+import { jsx as o } from "react/jsx-runtime";
+import t from "../Lism/index.js";
+function f(r) {
+  return /* @__PURE__ */ o(t, { layout: "grid", ...r });
 }
 export {
-  d as default
+  f as default
 };

package/dist/components/HTML/index.js

@@ -0,0 +1,5 @@
+import { button as o, li as t, ol as i, ul as a, h as l, a as n, img as p, span as d, p as e, div as m } from "./index2.js";
+const s = { div: m, p: e, span: d, img: p, a: n, h: l, ul: a, ol: i, li: t, button: o };
+export {
+  s as default
+};

package/dist/components/HTML/index2.js

@@ -0,0 +1,44 @@
+import { jsx as n } from "react/jsx-runtime";
+import r from "../Lism/index.js";
+function a(t) {
+  return /* @__PURE__ */ n(r, { tag: "div", ...t });
+}
+function f(t) {
+  return /* @__PURE__ */ n(r, { tag: "p", ...t });
+}
+function g(t) {
+  return /* @__PURE__ */ n(r, { tag: "span", ...t });
+}
+function e(t) {
+  return /* @__PURE__ */ n(r, { tag: "a", ...t });
+}
+function c({ lv: t = "1", ...u }) {
+  return /* @__PURE__ */ n(r, { tag: `h${t}`, ...u });
+}
+function m(t) {
+  return /* @__PURE__ */ n(r, { tag: "img", ...t });
+}
+function p(t) {
+  return /* @__PURE__ */ n(r, { tag: "ul", ...t });
+}
+function l(t) {
+  return /* @__PURE__ */ n(r, { tag: "ol", ...t });
+}
+function s(t) {
+  return /* @__PURE__ */ n(r, { tag: "li", ...t });
+}
+function b(t) {
+  return /* @__PURE__ */ n(r, { tag: "button", ...t });
+}
+export {
+  e as a,
+  b as button,
+  a as div,
+  c as h,
+  m as img,
+  s as li,
+  l as ol,
+  f as p,
+  g as span,
+  p as ul
+};

package/dist/components/Layer/index.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
-import { getLayerProps as e } from "./getProps.js";
-import a from "../Lism/index.js";
-function L({ layout: r, ...o }) {
-  return /* @__PURE__ */ t(r || a, { isLayer: !0, ...e(o) });
+import o from "../getFilterProps.js";
+import e from "../Lism/index.js";
+function a(r) {
+  return /* @__PURE__ */ t(e, { isLayer: !0, ...o(r, "backdropFilter") });
 }
 export {
-  L as default
+  a as default
 };

package/dist/components/LinkBox/index.js

@@ -1,9 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-import s from "../Lism/index.js";
-function L({ layout: t, children: n, ...o }) {
-  const i = !!o.href ? "a" : "div";
-  return /* @__PURE__ */ r(t || s, { isLinkBox: !0, hov: "op", tag: i, ...o, children: n });
+import { jsx as i } from "react/jsx-runtime";
+import e from "../Lism/index.js";
+function a({ children: t, ...r }) {
+  const o = !!r.href ? "a" : "div";
+  return /* @__PURE__ */ i(e, { isLinkBox: !0, tag: o, ...r, children: t });
 }
 export {
-  L as default
+  a as default
 };

package/dist/components/Lism/Link.js

@@ -1,8 +1,8 @@
-import { jsx as r } from "react/jsx-runtime";
-import i from "./index.js";
-function e(t) {
-  return /* @__PURE__ */ r(i, { skipState: !0, tag: "a", ...t });
+import { jsx as t } from "react/jsx-runtime";
+import o from "./index.js";
+function a(r) {
+  return /* @__PURE__ */ t(o, { tag: "a", ...r });
 }
 export {
-  e as default
+  a as default
 };

package/dist/components/Lism/Text.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import e from "./index.js";
-function m(t) {
-  return /* @__PURE__ */ r(e, { skipState: !0, tag: "p", ...t });
+import o from "./index.js";
+function f(t) {
+  return /* @__PURE__ */ r(o, { tag: "p", ...t });
 }
 export {
-  m as default
+  f as default
 };

package/dist/components/Lism/index.js

@@ -1,8 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import s from "../../lib/getLismProps.js";
-function u({ children: r, as: t, exProps: o, tag: i, ...m }) {
-  return /* @__PURE__ */ e(t || i || "div", { ...s(m), ...o, children: r });
+import f from "../getLayoutProps.js";
+function d({ children: o, as: r, tag: t, layout: m, exProps: i, ...e }) {
+  return /* @__PURE__ */ p(r || t || "div", { ...s(f(m, e)), ...i, children: o });
 }
 export {
-  u as default
+  d as default
 };

package/dist/components/Modal/Body.js

@@ -1,9 +1,9 @@
-import { jsx as m } from "react/jsx-runtime";
-import { defaultProps as a } from "./getProps.js";
+import { jsx as t } from "react/jsx-runtime";
+import { defaultProps as m } from "./getProps.js";
 import f from "../Lism/index.js";
-function s({ layout: o, children: t, ...r }) {
-  return /* @__PURE__ */ m(o || f, { ...a.body, ...r, children: t });
+function a({ children: o, ...r }) {
+  return /* @__PURE__ */ t(f, { ...m.body, ...r, children: o });
 }
 export {
-  s as default
+  a as default
 };

package/dist/components/Modal/CloseBtn.js

@@ -0,0 +1,13 @@
+import { jsx as o, jsxs as n, Fragment as l } from "react/jsx-runtime";
+import { defaultProps as a } from "./getProps.js";
+import i from "../Lism/index.js";
+import c from "../atomic/Icon/index.js";
+function x({ children: r, modalId: e = "", icon: s, srText: t = "Close", ...m }) {
+  return /* @__PURE__ */ o(i, { "data-modal-close": e, ...a.closeBtn, ...m, children: r || /* @__PURE__ */ n(l, { children: [
+    /* @__PURE__ */ o(c, { icon: s || "x" }),
+    /* @__PURE__ */ o("span", { className: "u-hidden", children: t || "Close" })
+  ] }) });
+}
+export {
+  x as default
+};

package/dist/components/Modal/Inner.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
-import { defaultProps as n } from "./getProps.js";
-import e from "../Stack/index.js";
-function i({ children: r, ...o }) {
-  return /* @__PURE__ */ t(e, { ...n.inner, ...o, children: r });
+import { defaultProps as m } from "./getProps.js";
+import n from "../Lism/index.js";
+function p({ children: r, ...o }) {
+  return /* @__PURE__ */ t(n, { ...m.inner, ...o, children: r });
 }
 export {
-  i as default
+  p as default
 };

package/dist/components/Modal/OpenBtn.js

@@ -0,0 +1,9 @@
+import { jsx as m } from "react/jsx-runtime";
+import { defaultProps as n } from "./getProps.js";
+import p from "../Lism/index.js";
+function i({ children: o, modalId: t = "", ...r }) {
+  return /* @__PURE__ */ m(p, { "data-modal-open": t, ...n.openBtn, ...r, children: o });
+}
+export {
+  i as default
+};

package/dist/components/Modal/getProps.js

@@ -1,19 +1,18 @@
-import d from "../../lib/helper/atts.js";
-function r({ lismClass: a = "", duration: o, offset: l, style: s = {}, ...t }) {
-  const e = {
-    lismClass: d(a, "d--modal"),
-    lismState: ["re--style"]
+import e from "../../lib/helper/atts.js";
+function r({ lismClass: s = "", duration: o, offset: n, style: t = {}, ...a }) {
+  const l = {
+    lismClass: e(s, "d--modal"),
+    setPlain: !0
   };
-  return o && (s["--duration"] = o), l && (s["--offset"] = l), { ...e, style: s, ...t };
+  return o && (t["--duration"] = o), n && (t["--offset"] = n), { tag: "dialog", ...l, style: t, ...a };
 }
-const i = {
-  body: { lismClass: "d--modal_body", ov: "auto" },
-  inner: { lismClass: "d--modal_inner", pos: "r", maxH: "100%", bgc: "base" },
-  closeBtn: { lismClass: "d--modal_close", lismState: ["re--style"], tag: "button" },
-  header: { lismClass: "d--modal_header" },
-  footer: { lismClass: "d--modal_footer" }
+const d = {
+  body: { lismClass: "d--modal_body" },
+  inner: { lismClass: "d--modal_inner", layout: "stack" },
+  closeBtn: { tag: "button", setPlain: !0, hov: "o", d: "in-flex" },
+  openBtn: { tag: "button", setPlain: !0, hov: "o", d: "in-flex" }
 };
 export {
-  i as defaultProps,
+  d as defaultProps,
   r as getProps
 };

package/dist/components/Modal/index.js

@@ -1,10 +1,9 @@
 import o from "./index2.js";
 import r from "./Inner.js";
 import t from "./Body.js";
-import e from "./CloseIconBtn.js";
-import m from "./Header.js";
-import d from "./Footer.js";
-const M = { Root: o, Inner: r, Body: t, CloseIconBtn: e, Header: m, Footer: d };
+import m from "./CloseBtn.js";
+import n from "./OpenBtn.js";
+const a = { Root: o, Inner: r, Body: t, CloseBtn: m, OpenBtn: n };
 export {
-  M as default
+  a as default
 };

package/dist/components/Modal/index2.js

@@ -1,15 +1,15 @@
-import { jsx as u } from "react/jsx-runtime";
-import r from "react";
-import { setEvent as n } from "./setModal.js";
-import { getProps as s } from "./getProps.js";
-import a from "../Lism/index.js";
-const g = ({ children: o, layout: e, ...m }) => {
-  const t = r.useRef(null);
-  return r.useEffect(() => {
-    if (t != null && t.current)
-      return n(t == null ? void 0 : t.current);
-  }, [t]), /* @__PURE__ */ u(e || a, { tag: "dialog", forwardedRef: t, ...s(m), children: o });
+import { jsx as m } from "react/jsx-runtime";
+import t from "react";
+import { setEvent as f } from "./setModal.js";
+import { getProps as n } from "./getProps.js";
+import s from "../Lism/index.js";
+const d = ({ children: o, ...e }) => {
+  const r = t.useRef(null);
+  return t.useEffect(() => {
+    if (r != null && r.current)
+      return f(r == null ? void 0 : r.current);
+  }, [r]), /* @__PURE__ */ m(s, { forwardedRef: r, ...n(e), children: o });
 };
 export {
-  g as default
+  d as default
 };

package/dist/components/Stack/index.js

@@ -1,8 +1,8 @@
-import { jsx as r } from "react/jsx-runtime";
-import o from "../Flex/index.js";
-function a(t) {
-  return /* @__PURE__ */ r(o, { _flex: "stack", ...t });
+import { jsx as o } from "react/jsx-runtime";
+import r from "../Lism/index.js";
+function f(t) {
+  return /* @__PURE__ */ o(r, { layout: "stack", ...t });
 }
 export {
-  a as default
+  f as default
 };

package/dist/components/Tabs/Tab.js

@@ -1,19 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-import "react";
+import { jsx as e } from "react/jsx-runtime";
 import l from "../Lism/index.js";
-function b({ tabId: t = "tab", index: a = 0, isActive: r = !1, ...s }) {
-  const e = `${t}-${a}`;
-  return /* @__PURE__ */ o(
+function b({ tabId: t = "tab", index: a = 0, isActive: r = !1, ...o }) {
+  const s = `${t}-${a}`;
+  return /* @__PURE__ */ e(
     l,
     {
       tag: "button",
       lismClass: "d--tabs_tab",
-      className: "re--style",
+      setPlain: !0,
       role: "tab",
-      "aria-controls": e,
+      "aria-controls": s,
       "aria-selected": r ? "true" : "false",
-      skipState: !0,
-      ...s
+      ...o
     }
   );
 }

package/dist/components/Tabs/TabList.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
-import r from "../Flex/index.js";
-function o(t) {
-  return /* @__PURE__ */ s(r, { lismClass: "d--tabs_list", role: "tablist", ...t });
+import i from "../Lism/index.js";
+function a(t) {
+  return /* @__PURE__ */ s(i, { lismClass: "d--tabs_list", role: "tablist", ...t });
 }
 export {
-  o as default
+  a as default
 };

package/dist/components/Tabs/TabPanel.js

@@ -1,10 +1,9 @@
-import { jsx as l } from "react/jsx-runtime";
-import "react";
-import i from "../Grid/GridItem.js";
-function m({ tabId: a = "tab", isActive: t = !1, index: r = 0, ...e }) {
-  const o = `${a}-${r}`;
-  return /* @__PURE__ */ l(i, { id: o, role: "tabpanel", "aria-hidden": t ? "false" : "true", lismClass: "d--tabs_panel", ...e });
+import { jsx as o } from "react/jsx-runtime";
+import s from "../Lism/index.js";
+function d({ tabId: a = "tab", isActive: t = !1, index: e = 0, ...r }) {
+  const l = `${a}-${e}`;
+  return /* @__PURE__ */ o(s, { id: l, role: "tabpanel", "aria-hidden": t ? "false" : "true", lismClass: "d--tabs_panel", ...r });
 }
 export {
-  m as default
+  d as default
 };