reactive-bulma 4.1.0 → 4.1.1

package/dist/components/molecules/Message/index.js

@@ -0,0 +1,47 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { parseClasses as u, parseTestId as g } from "../../../functions/parsers.js";
+import p from "../../atoms/Delete/index.js";
+const C = ({
+  testId: d = null,
+  cssClasses: n = null,
+  style: m = null,
+  headerText: a = null,
+  bodyText: i,
+  deleteButton: l = null,
+  color: o = null,
+  size: c = null
+}) => {
+  const t = u(["message", o, c, n]), s = d ?? g({ tag: "message", parsedClasses: t });
+  return /* @__PURE__ */ r(
+    "article",
+    {
+      "data-testid": s,
+      className: t,
+      style: m ?? void 0,
+      children: [
+        a && /* @__PURE__ */ r(
+          "section",
+          {
+            "data-testid": `${s}-header`,
+            className: "message-header",
+            children: [
+              /* @__PURE__ */ e("p", { children: a }),
+              l ? /* @__PURE__ */ e(p, { ...l }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "section",
+          {
+            "data-testid": `${s}-body`,
+            className: "message-body",
+            children: i
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  C as default
+};

package/dist/components/molecules/Message/index.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { default as Message } from '.';
+declare const _default: Meta<typeof Message>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').MessageProps>;
+export declare const WithHeader: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').MessageProps>;
+export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').MessageProps>;
+export declare const LargeSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').MessageProps>;
+export declare const WithDeleteButton: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').MessageProps>;

package/dist/components/molecules/Modal/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ModalProps } from '../../../interfaces/moleculeProps';
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/dist/components/molecules/Modal/index.js

@@ -0,0 +1,61 @@
+import { jsxs as b, jsx as s } from "react/jsx-runtime";
+import { useState as k } from "react";
+import { parseClasses as d, parseTestId as n } from "../../../functions/parsers.js";
+const T = ({
+  testId: c = null,
+  containerTestId: i = null,
+  cssClasses: m = null,
+  containerCssClasses: r = null,
+  style: u = null,
+  containerStyle: p = null,
+  children: a = null,
+  onCloseClick: l = null
+}) => {
+  const [C, f] = k(!0), t = d([
+    "modal",
+    "is-active",
+    r
+  ]), g = i ?? n({ tag: "modal", parsedClasses: t }), e = d(["modal-content", m]), I = c ?? n({ tag: "modal-content", parsedClasses: e }), o = () => {
+    l && l(), f(!1);
+  };
+  return a && C && /* @__PURE__ */ b(
+    "section",
+    {
+      "data-testid": g,
+      className: t,
+      style: p ?? void 0,
+      children: [
+        /* @__PURE__ */ s(
+          "section",
+          {
+            "data-testid": "test-modal-background",
+            className: "modal-background",
+            "aria-hidden": "true",
+            onClick: o
+          }
+        ),
+        /* @__PURE__ */ s(
+          "section",
+          {
+            "data-testid": I,
+            className: e,
+            style: u ?? void 0,
+            children: a
+          }
+        ),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            "data-testid": "test-modal-close",
+            className: "modal-close is-large",
+            "aria-label": "close",
+            onClick: o
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  T as default
+};

package/dist/components/molecules/Modal/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { default as Modal } from '.';
+declare const _default: Meta<typeof Modal>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ModalProps>;
+export declare const ImageExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ModalProps>;
+export declare const ButtonGroupExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ModalProps>;

package/dist/components/molecules/NavBarBrand/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { NavBarBrandProps } from '../../../interfaces/moleculeProps';
+declare const NavBarBrand: React.FC<NavBarBrandProps>;
+export default NavBarBrand;

package/dist/components/molecules/NavBarBrand/index.js

@@ -0,0 +1,48 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { parseClasses as n, parseTestId as t } from "../../../functions/parsers.js";
+import b from "../../atoms/Image/index.js";
+import B from "../../atoms/NavBarItem/index.js";
+const I = ({
+  testId: d = null,
+  cssClasses: l = null,
+  style: i = null,
+  brandConfig: o,
+  isBurgerActive: u = !1
+}) => {
+  const r = n(["navbar-brand", l]), c = d ?? t({ tag: "navbar-brand", parsedClasses: r }), e = n([
+    "navbar-burger",
+    u ? "is-active" : null
+  ]), m = t({
+    tag: "navbar-burger",
+    parsedClasses: e
+  }), { children: p, ...v } = o;
+  return /* @__PURE__ */ s(
+    "section",
+    {
+      "data-testid": c,
+      className: r,
+      style: i ?? void 0,
+      children: [
+        /* @__PURE__ */ a(B, { ...v, children: /* @__PURE__ */ a(b, { ...p }) }),
+        /* @__PURE__ */ s(
+          "a",
+          {
+            role: "button",
+            "data-testid": m,
+            className: e,
+            "aria-label": "menu",
+            "aria-expanded": "false",
+            children: [
+              /* @__PURE__ */ a("span", { "aria-hidden": "true" }),
+              /* @__PURE__ */ a("span", { "aria-hidden": "true" }),
+              /* @__PURE__ */ a("span", { "aria-hidden": "true" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  I as default
+};

package/dist/components/molecules/NavBarBrand/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { default as NavBarBrand } from '.';
+declare const _default: Meta<typeof NavBarBrand>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NavBarBrandProps>;
+export declare const BurgerMenuExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NavBarBrandProps>;
+export declare const ActiveBurgerMenuExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NavBarBrandProps>;

package/dist/components/molecules/NavBarDropdown/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { NavBarDropdownProps } from '../../../interfaces/moleculeProps';
+declare const NavBarDropdown: React.FC<NavBarDropdownProps>;
+export default NavBarDropdown;

package/dist/components/molecules/NavBarDropdown/index.js

@@ -0,0 +1,85 @@
+import { jsxs as B, jsx as r } from "react/jsx-runtime";
+import { parseClasses as n, parseTestId as o } from "../../../functions/parsers.js";
+import C from "../../atoms/NavBarItem/index.js";
+import { generateKey as l } from "../../../functions/generators.js";
+const D = (a) => a === "divider" ? /* @__PURE__ */ r(
+  "hr",
+  {
+    className: "navbar-divider"
+  },
+  `navbar-dropdown-divider-${l()}`
+) : /* @__PURE__ */ r(
+  C,
+  {
+    ...a
+  },
+  `navbar-dropdown-item-${l()}`
+), j = ({
+  testId: a = null,
+  containerTestId: d = null,
+  cssClasses: t = null,
+  containerCssClasses: i = null,
+  style: p = null,
+  containerStyle: v = null,
+  text: c,
+  items: m,
+  position: u = null,
+  isActive: w = !1,
+  isHoverable: b = !1,
+  hasDropdownUp: h = !1,
+  hasBoxedMenu: f = !1
+}) => {
+  const e = n([
+    "navbar-item",
+    "has-dropdown",
+    u,
+    w ? "is-active" : null,
+    b ? "is-hoverable" : null,
+    h ? "has-dropdown-up" : null,
+    i
+  ]), g = d ?? o({
+    tag: "navbar-dropdown-container",
+    parsedClasses: e,
+    rules: [
+      { regExp: /navbar-item|has-dropdown/gm, replacer: "" },
+      { regExp: /is-|has-/gm, replacer: "-" }
+    ]
+  }), s = n([
+    "navbar-dropdown",
+    f ? "is-boxed" : null,
+    t
+  ]), x = a ?? o({
+    tag: "navbar-dropdown",
+    parsedClasses: s
+  });
+  return /* @__PURE__ */ B(
+    "section",
+    {
+      "data-testid": g,
+      className: e,
+      style: v ?? void 0,
+      children: [
+        /* @__PURE__ */ r(
+          "a",
+          {
+            className: "navbar-link",
+            "aria-hidden": "true",
+            children: c
+          }
+        ),
+        /* @__PURE__ */ r(
+          "section",
+          {
+            "data-testid": x,
+            className: s,
+            style: p ?? void 0,
+            children: m.map(D)
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  j as default
+};

package/dist/components/molecules/NavBarDropdown/index.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react';
+import { default as NavBarDropdown } from '.';
+declare const _default: Meta<typeof NavBarDropdown>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NavBarDropdownProps>;
+export declare const OpenState: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NavBarDropdownProps>;
+export declare const Hoverable: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NavBarDropdownProps>;
+export declare const HasDividerItems: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NavBarDropdownProps>;
+export declare const HasBoxedMenu: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NavBarDropdownProps>;
+export declare const InverseDropdown: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NavBarDropdownProps>;

package/dist/components/molecules/Notification/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { NotificationProps } from '../../../interfaces/moleculeProps';
+declare const Notification: React.FC<NotificationProps>;
+export default Notification;

package/dist/components/molecules/Notification/index.js

@@ -0,0 +1,37 @@
+import { jsxs as c, jsx as u } from "react/jsx-runtime";
+import { parseClasses as f, parseTestId as d } from "../../../functions/parsers.js";
+import m from "../../atoms/Delete/index.js";
+const g = ({
+  testId: t = null,
+  cssClasses: i = null,
+  style: n = null,
+  children: o = null,
+  deleteButton: s = null,
+  color: a = null,
+  isLightColor: e = null
+}) => {
+  const l = f([
+    "notification",
+    a,
+    e ? "is-light" : null,
+    i
+  ]), r = t ?? d({
+    tag: "notification",
+    parsedClasses: l
+  });
+  return /* @__PURE__ */ c(
+    "section",
+    {
+      "data-testid": r,
+      className: l,
+      style: n ?? void 0,
+      children: [
+        s ? /* @__PURE__ */ u(m, { ...s }) : null,
+        o
+      ]
+    }
+  );
+};
+export {
+  g as default
+};

package/dist/components/molecules/Notification/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { default as Notification } from '.';
+declare const _default: Meta<typeof Notification>;
+export default _default;
+export declare const WithParagraph: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NotificationProps>;
+export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NotificationProps>;
+export declare const WithDeleteButton: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NotificationProps>;
+export declare const LigthColored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NotificationProps>;

package/dist/components/molecules/Pagination/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PaginationProps } from '../../../interfaces/moleculeProps';
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

package/dist/components/molecules/Pagination/index.js

@@ -0,0 +1,109 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import m from "react";
+import { parseClasses as c, parseTestId as g } from "../../../functions/parsers.js";
+import o from "../../atoms/PaginationItem/index.js";
+import { generateKey as k } from "../../../functions/generators.js";
+const f = (n) => n ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
+  "span",
+  {
+    "aria-hidden": "true",
+    className: "pagination-ellipsis",
+    children: "…"
+  }
+) }) : null, C = (n) => {
+  if (!n) return null;
+  const a = c([
+    n.cssClasses,
+    n.isDisabled ? "is-disabled" : null
+  ]);
+  return /* @__PURE__ */ s(
+    "a",
+    {
+      className: a,
+      onClick: n.onClick ?? void 0,
+      "aria-hidden": "true",
+      children: n.text
+    }
+  );
+}, F = (n, a, e) => n.map((t, i, { length: l }) => {
+  const r = l - e - 1;
+  if (i === 0)
+    return /* @__PURE__ */ d(m.Fragment, { children: [
+      /* @__PURE__ */ s(o, { ...t }),
+      f(a)
+    ] }, "first-pagination-item");
+  if (!a || i > e && i < r)
+    return /* @__PURE__ */ s(
+      o,
+      {
+        ...t
+      },
+      `pagination-item-${k()}`
+    );
+  if (i === --l)
+    return /* @__PURE__ */ d(m.Fragment, { children: [
+      f(a),
+      /* @__PURE__ */ s(o, { ...t })
+    ] }, "last-pagination-item");
+}), w = ({
+  testId: n = null,
+  containerTestId: a = null,
+  cssClasses: e = null,
+  containerCssClasses: t = null,
+  style: i = null,
+  containerStyle: l = null,
+  pages: r,
+  ellipsisItems: h = 0,
+  showPreviousPageButton: x = {
+    text: "Previous",
+    cssClasses: "pagination-previous"
+  },
+  showNextPageButton: N = {
+    text: "Next page",
+    cssClasses: "pagination-next"
+  },
+  hasEllipsis: v = !1,
+  isRounded: P = !1,
+  alignment: b = null,
+  size: y = null
+}) => {
+  const p = c([
+    "pagination",
+    P ? "is-rounded" : null,
+    y,
+    b,
+    e
+  ]), T = n ?? g({
+    tag: "pagination",
+    parsedClasses: p
+  }), u = c([
+    "pagination-list",
+    t
+  ]), j = a ?? g({ tag: "pagination-list", parsedClasses: u });
+  return /* @__PURE__ */ d(
+    "nav",
+    {
+      "data-testid": T,
+      className: p,
+      style: l ?? void 0,
+      role: "navigation",
+      "aria-label": "pagination",
+      children: [
+        C(x),
+        C(N),
+        /* @__PURE__ */ s(
+          "ul",
+          {
+            "data-testid": j,
+            className: u,
+            style: i ?? void 0,
+            children: F(r, v, h)
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  w as default
+};

package/dist/components/molecules/Pagination/index.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+import { default as Pagination } from '.';
+declare const _default: Meta<typeof Pagination>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
+export declare const Centered: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
+export declare const CustomNavigationButtons: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
+export declare const DisabledNavigationButtons: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
+export declare const NoNavigationButtons: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
+export declare const FifteenItems: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
+export declare const Showing3ItemsLessWithEllipsis: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
+export declare const Showing6ItemsLessWithEllipsis: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;

package/dist/components/molecules/PanelBlock/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PanelBlockProps } from '../../../interfaces/moleculeProps';
+declare const PanelBlock: React.FC<PanelBlockProps>;
+export default PanelBlock;

package/dist/components/molecules/PanelBlock/index.js

@@ -0,0 +1,60 @@
+import { jsx as l, jsxs as f } from "react/jsx-runtime";
+import C from "react";
+import I from "../InputControl/index.js";
+import B from "../../atoms/Button/index.js";
+import { parseClasses as d, parseTestId as p } from "../../../functions/parsers.js";
+import h from "../../atoms/Icon/index.js";
+const v = ({ type: o, props: n }, s, t, a, c) => {
+  switch (o) {
+    case "icon": {
+      const e = d(["panel-icon", t]), r = s ?? p({ tag: "panel-icon", parsedClasses: e });
+      return /* @__PURE__ */ f(C.Fragment, { children: [
+        /* @__PURE__ */ l(
+          "span",
+          {
+            "data-testid": r,
+            className: e,
+            style: a ?? void 0,
+            children: /* @__PURE__ */ l(h, { ...n })
+          }
+        ),
+        c
+      ] });
+    }
+    case "control":
+      return /* @__PURE__ */ l(I, { ...n });
+    case "button":
+      return /* @__PURE__ */ l(B, { ...n });
+  }
+}, L = ({
+  testId: o = null,
+  containerTestId: n = null,
+  cssClasses: s = null,
+  containerCssClasses: t = null,
+  style: a = null,
+  containerStyle: c = null,
+  config: e,
+  blockText: r = null,
+  isActive: u = !1,
+  onClick: m
+}) => {
+  const i = d([
+    "panel-block",
+    u ? "is-active" : null,
+    t
+  ]), k = n ?? p({ tag: "panel-block", parsedClasses: i });
+  return /* @__PURE__ */ l(
+    "a",
+    {
+      "data-testid": k,
+      className: i,
+      style: c ?? void 0,
+      "aria-hidden": "true",
+      onClick: m ?? void 0,
+      children: v(e, o, s, a, r)
+    }
+  );
+};
+export {
+  L as default
+};

package/dist/components/molecules/PanelBlock/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { default as PanelBlock } from '.';
+import { PanelBlockProps } from '../../../interfaces/moleculeProps';
+declare const _default: Meta<typeof PanelBlock>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelBlockProps>;
+export declare const ControlExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelBlockProps>;
+export declare const ButtonExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelBlockProps>;

package/dist/components/molecules/PanelTabs/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PanelTabsProps } from '../../../interfaces/moleculeProps';
+declare const PanelTabs: React.FC<PanelTabsProps>;
+export default PanelTabs;

package/dist/components/molecules/PanelTabs/index.js

@@ -0,0 +1,32 @@
+import { jsx as a } from "react/jsx-runtime";
+import { parseClasses as o, parseTestId as d } from "../../../functions/parsers.js";
+import { generateKey as c } from "../../../functions/generators.js";
+const v = ({
+  testId: t = null,
+  cssClasses: l = null,
+  style: n = null,
+  tabList: i
+}) => {
+  const e = o(["panel-tabs", l]), r = t ?? d({ tag: "panel-tabs", parsedClasses: e });
+  return /* @__PURE__ */ a(
+    "section",
+    {
+      "data-testid": r,
+      className: e,
+      style: n ?? void 0,
+      children: i.map((s) => /* @__PURE__ */ a(
+        "a",
+        {
+          className: s.isActive ? "is-active" : void 0,
+          "aria-hidden": "true",
+          onClick: s.onClick ?? void 0,
+          children: s.text
+        },
+        `tab-item-${c()}`
+      ))
+    }
+  );
+};
+export {
+  v as default
+};

package/dist/components/molecules/PanelTabs/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { default as PanelTabs } from '.';
+import { PanelTabsProps } from '../../../interfaces/moleculeProps';
+declare const _default: Meta<typeof PanelTabs>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelTabsProps>;
+export declare const LastTabIsActive: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelTabsProps>;

package/dist/components/molecules/Section/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SectionProps } from '../../../interfaces/moleculeProps';
+declare const Section: React.FC<SectionProps>;
+export default Section;

package/dist/components/molecules/Section/index.js

@@ -0,0 +1,23 @@
+import { jsx as c } from "react/jsx-runtime";
+import { parseClasses as i, parseTestId as r } from "../../../functions/parsers.js";
+const u = ({
+  testId: e = null,
+  cssClasses: t = null,
+  style: l = null,
+  content: n,
+  size: o = null
+}) => {
+  const s = i(["section", o, t]), a = e ?? r({ tag: "section", parsedClasses: s });
+  return /* @__PURE__ */ c(
+    "section",
+    {
+      "data-testid": a,
+      className: s,
+      style: l ?? void 0,
+      children: n
+    }
+  );
+};
+export {
+  u as default
+};