lism-css 0.0.4 → 0.0.5

package/dist/components/Accordion/AccIcon.js

@@ -1,10 +1,10 @@
-import { j as o } from "../../_virtual/jsx-runtime.js";
+import { jsx as o } from "react/jsx-runtime";
 import { getAccIconProps as n } from "./getProps.js";
 import i from "../Lism/index.js";
-import s from "../Icon/index.js";
-function x({ icon: r = "caret-down", viewBox: t, children: c = null, ...m }) {
-  return /* @__PURE__ */ o.jsx(i, { ...n(m), children: c || /* @__PURE__ */ o.jsx(s, { viewBox: t, icon: r }) });
+import e from "../Icon/index.js";
+function u({ icon: r = "caret-down", viewBox: c, children: t = null, ...m }) {
+  return /* @__PURE__ */ o(i, { ...n(m), children: t || /* @__PURE__ */ o(e, { viewBox: c, icon: r }) });
 }
 export {
-  x as default
+  u as default
 };

package/dist/components/Accordion/index2.js

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

package/dist/components/Box/index.js

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

package/dist/components/Center/index.js

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

package/dist/components/Columns/index.js

@@ -1,8 +1,8 @@
-import { j as r } from "../../_virtual/jsx-runtime.js";
+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.jsx(t, { _grid: "columns", ...m(o) });
+  return /* @__PURE__ */ r(t, { _grid: "columns", ...m(o) });
 }
 export {
   u as default

package/dist/components/Container/index.js

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

package/dist/components/Decorator/index.js

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

package/dist/components/Divider/index.js

@@ -1,9 +1,9 @@
-import { j as t } from "../../_virtual/jsx-runtime.js";
+import { jsx as t } from "react/jsx-runtime";
 import { getDividerProps as i } from "./getProps.js";
 import o from "../Lism/index.js";
-function p(r) {
-  return /* @__PURE__ */ t.jsx(o, { skipState: !0, ...i(r) });
+function f(r) {
+  return /* @__PURE__ */ t(o, { skipState: !0, ...i(r) });
 }
 export {
-  p as default
+  f as default
 };

package/dist/components/Dummy/index.js

@@ -1,7 +1,7 @@
-import { j as i } from "../../_virtual/jsx-runtime.js";
+import { jsx as i } from "react/jsx-runtime";
 import p from "./getContent.js";
-import u from "../Lism/index.js";
-function c({
+import s from "../Lism/index.js";
+function a({
   tag: t = "p",
   pre: n = "",
   length: o = "m",
@@ -9,9 +9,9 @@ function c({
   offset: r = 0,
   ...e
 }) {
-  const s = p({ tag: t, pre: n, lang: m, length: o, offset: r });
-  return /* @__PURE__ */ i.jsx(u, { tag: t, ...e, dangerouslySetInnerHTML: { __html: s } });
+  const f = p({ tag: t, pre: n, lang: m, length: o, offset: r });
+  return /* @__PURE__ */ i(s, { tag: t, ...e, dangerouslySetInnerHTML: { __html: f } });
 }
 export {
-  c as default
+  a as default
 };

package/dist/components/Flex/Cluster.js

@@ -1,8 +1,8 @@
-import { j as t } from "../../_virtual/jsx-runtime.js";
+import { jsx as t } from "react/jsx-runtime";
 import e from "./index.js";
-function u(r) {
-  return /* @__PURE__ */ t.jsx(e, { variant: "cluster", ...r });
+function a(r) {
+  return /* @__PURE__ */ t(e, { variant: "cluster", ...r });
 }
 export {
-  u as default
+  a as default
 };

package/dist/components/Flex/FlexItem.js

@@ -1,8 +1,7 @@
-import { j as s } from "../../_virtual/jsx-runtime.js";
+import { jsx as n } from "react/jsx-runtime";
 import e from "../Lism/index.js";
-function p({ children: t, layout: o, ...m }) {
-  const r = o || e;
-  return /* @__PURE__ */ s.jsx(r, { ...m, children: t });
+function p({ children: o, layout: m, ...t }) {
+  return /* @__PURE__ */ n(m || e, { ...t, children: o });
 }
 export {
   p as default

package/dist/components/Flex/index.js

@@ -1,8 +1,8 @@
-import { j as o } from "../../_virtual/jsx-runtime.js";
+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.jsx(m, { ...t(r) });
+  return /* @__PURE__ */ o(m, { ...t(r) });
 }
 export {
   p as default

package/dist/components/Frame/index.js

@@ -1,8 +1,8 @@
-import { j as o } from "../../_virtual/jsx-runtime.js";
-import t from "./getProps.js";
-import m from "../Lism/index.js";
+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.jsx(m, { ...t(r) });
+  return /* @__PURE__ */ o(t, { ...m(r) });
 }
 export {
   p as default

package/dist/components/Grid/GridItem.js

@@ -1,10 +1,9 @@
-import { j as i } from "../../_virtual/jsx-runtime.js";
-import { getGridItemProps as s } from "./getProps.js";
+import { jsx as r } from "react/jsx-runtime";
+import { getGridItemProps as i } from "./getProps.js";
 import e from "../Lism/index.js";
-function u({ children: t, layout: o, ...r }) {
-  const m = o || e;
-  return /* @__PURE__ */ i.jsx(m, { ...s(r), children: t });
+function d({ children: o, layout: m, ...t }) {
+  return /* @__PURE__ */ r(m || e, { ...i(t), children: o });
 }
 export {
-  u as default
+  d as default
 };

package/dist/components/Grid/index.js

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

package/dist/components/Icon/SVG.js

@@ -1,29 +1,29 @@
-import { j as s } from "../../_virtual/jsx-runtime.js";
-function x({
-  size: t = "1em",
+import { jsxs as n, jsx as f } from "react/jsx-runtime";
+function u({
+  size: r = "1em",
   fill: e = "currentColor",
   viewBox: o = "0 0 24 24",
-  path: r,
-  children: n,
+  path: t,
+  children: s,
   ...l
 }) {
-  return /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ n(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: o,
-      width: t,
-      height: t,
+      width: r,
+      height: r,
       fill: e,
       focusable: "false",
       ...l,
       children: [
-        r && /* @__PURE__ */ s.jsx("path", { d: r }),
-        n
+        t && /* @__PURE__ */ f("path", { d: t }),
+        s
       ]
     }
   );
 }
 export {
-  x as default
+  u as default
 };

package/dist/components/Icon/index.js

@@ -1,11 +1,11 @@
-import { j as s } from "../../_virtual/jsx-runtime.js";
-import e from "../../lib/getLismProps.js";
-import i from "./getProps.js";
+import { jsx as e } from "react/jsx-runtime";
+import i from "../../lib/getLismProps.js";
+import s from "./getProps.js";
 import f from "./SVG.js";
-function a({ children: r, ...t }) {
-  let { Component: o, lismProps: m, exProps: p } = i(t);
-  return o === "_SVG_" && (o = f), /* @__PURE__ */ s.jsx(o, { ...e(m), ...p, children: r });
+function x({ children: r, ...t }) {
+  let { Component: o, lismProps: m, exProps: p } = s(t);
+  return o === "_SVG_" && (o = f), /* @__PURE__ */ e(o, { ...i(m), ...p, children: r });
 }
 export {
-  a as default
+  x as default
 };

package/dist/components/Layer/index.js

@@ -1,10 +1,9 @@
-import { j as e } from "../../_virtual/jsx-runtime.js";
-import { getLayerProps as s } from "./getProps.js";
-import m from "../Lism/index.js";
-function u({ layout: r, ...t }) {
-  const o = r || m;
-  return /* @__PURE__ */ e.jsx(o, { isLayer: !0, ...s(t) });
+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) });
 }
 export {
-  u as default
+  L as default
 };

package/dist/components/LinkBox/index.js

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

package/dist/components/Lism/Link.js

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

package/dist/components/Lism/Media.js

@@ -1,10 +1,9 @@
-import { j as s } from "../../_virtual/jsx-runtime.js";
+import { jsx as m } from "react/jsx-runtime";
 import e from "../../lib/getLismProps.js";
 import p from "../getMediaProps.js";
-function u({ as: o, exProps: r, tag: t, ...i }) {
-  const m = o || t || "img";
-  return /* @__PURE__ */ s.jsx(m, { ...e(p(i)), ...r });
+function d({ as: o, exProps: r, tag: t, ...i }) {
+  return /* @__PURE__ */ m(o || t || "img", { ...e(p(i)), ...r });
 }
 export {
-  u as default
+  d as default
 };

package/dist/components/Lism/Text.js

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

package/dist/components/Lism/index.js

@@ -1,8 +1,7 @@
-import { j as e } from "../../_virtual/jsx-runtime.js";
-import p from "../../lib/getLismProps.js";
-function u({ children: t, as: r, exProps: o, tag: s, ...i }) {
-  let m = r || s || "div";
-  return /* @__PURE__ */ e.jsx(m, { ...p(i), ...o, children: t });
+import { jsx as e } 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 });
 }
 export {
   u as default

package/dist/components/Modal/Body.js

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

package/dist/components/Modal/CloseIconBtn.js

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

package/dist/components/Modal/Footer.js

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

package/dist/components/Modal/Header.js

@@ -1,10 +1,9 @@
-import { j as a } from "../../_virtual/jsx-runtime.js";
-import { defaultProps as m } from "./getProps.js";
-import s from "../Lism/index.js";
-function u({ children: o, layout: r, ...t }) {
-  const e = r || s;
-  return /* @__PURE__ */ a.jsx(e, { ...m.header, ...t, children: o });
+import { jsx as a } from "react/jsx-runtime";
+import { defaultProps as e } from "./getProps.js";
+import m from "../Lism/index.js";
+function p({ children: o, layout: r, ...t }) {
+  return /* @__PURE__ */ a(r || m, { ...e.header, ...t, children: o });
 }
 export {
-  u as default
+  p as default
 };

package/dist/components/Modal/Inner.js

@@ -1,8 +1,8 @@
-import { j as t } from "../../_virtual/jsx-runtime.js";
+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.jsx(e, { ...n.inner, ...o, children: r });
+  return /* @__PURE__ */ t(e, { ...n.inner, ...o, children: r });
 }
 export {
   i as default

package/dist/components/Modal/index2.js

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

package/dist/components/Spacer/index.js

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

package/dist/components/Stack/index.js

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

package/dist/components/Tabs/Tab.js

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

package/dist/components/Tabs/TabItem.js

@@ -1,7 +1,7 @@
-import { j as e } from "../../_virtual/jsx-runtime.js";
-function a({ isTabItem: r = !0, children: t }) {
-  return /* @__PURE__ */ e.jsx("div", { children: t });
+import { jsx as e } from "react/jsx-runtime";
+function i({ isTabItem: r = !0, children: t }) {
+  return /* @__PURE__ */ e("div", { children: t });
 }
 export {
-  a as default
+  i as default
 };

package/dist/components/Tabs/TabList.js

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