reactive-bulma 4.1.0 → 4.1.2

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

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

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

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

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

@@ -0,0 +1,41 @@
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { parseClasses as u, parseTestId as b } from "../../../functions/parsers.js";
+import c from "../../atoms/TableHeadCell/index.js";
+import f from "../../atoms/TableCell/index.js";
+import { generateKey as w } from "../../../functions/generators.js";
+const j = ({
+  testId: t = null,
+  cssClasses: a = null,
+  style: o = null,
+  headCell: l = null,
+  listOfCells: r,
+  isSelected: n = !1,
+  onClick: m = null
+}) => {
+  const e = u([
+    n ? "is-selected" : null,
+    a
+  ]), i = t ?? b({ tag: "table-row", parsedClasses: e });
+  return /* @__PURE__ */ p(
+    "tr",
+    {
+      "data-testid": i,
+      className: e,
+      style: o ?? void 0,
+      onClick: m ?? void 0,
+      children: [
+        l ? /* @__PURE__ */ s(c, { ...l }) : null,
+        r.map((d) => /* @__PURE__ */ s(
+          f,
+          {
+            ...d
+          },
+          `table-row-${w()}`
+        ))
+      ]
+    }
+  );
+};
+export {
+  j as default
+};

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

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

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

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

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

@@ -0,0 +1,44 @@
+import { jsx as l } from "react/jsx-runtime";
+import { parseClasses as p, parseTestId as b } from "../../../functions/parsers.js";
+import f from "../../atoms/TabItem/index.js";
+import { generateKey as h } from "../../../functions/generators.js";
+const x = ({
+  testId: t = null,
+  cssClasses: a = null,
+  style: i = null,
+  tabs: n,
+  alignment: r = null,
+  size: o = null,
+  format: u = null,
+  isRounded: d = null,
+  isFullWidth: m = null
+}) => {
+  const s = p([
+    "tabs",
+    r,
+    o,
+    u,
+    d ? "is-toggle-rounded" : null,
+    m ? "is-fullwidth" : null,
+    a
+  ]), c = t ?? b({ tag: "tabs", parsedClasses: s });
+  return /* @__PURE__ */ l(
+    "section",
+    {
+      "data-testid": c,
+      className: s,
+      style: i ?? void 0,
+      children: /* @__PURE__ */ l("ul", { children: n.map((e) => /* @__PURE__ */ l(
+        "li",
+        {
+          className: e.isActive ? "is-active" : void 0,
+          children: /* @__PURE__ */ l(f, { ...e })
+        },
+        `tab-item-${h()}`
+      )) })
+    }
+  );
+};
+export {
+  x as default
+};

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

@@ -0,0 +1,13 @@
+import { Meta } from '@storybook/react';
+import { default as Tabs } from '.';
+import { TabsProps } from '../../../interfaces/moleculeProps';
+declare const _default: Meta<typeof Tabs>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
+export declare const ManyTabs: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
+export declare const AlignedToRight: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
+export declare const BoxedFormat: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
+export declare const ToggleFormat: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
+export declare const Rounded: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
+export declare const FullWidthMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
+export declare const BigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;

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

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

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

@@ -0,0 +1,51 @@
+import { jsx as x } from "react/jsx-runtime";
+import { parseClasses as d, parseTestId as m } from "../../../functions/parsers.js";
+import u from "../../atoms/Tile/index.js";
+const g = ({
+  testId: r = null,
+  cssClasses: l = "box",
+  style: s = null,
+  children: n = null,
+  context: t = "is-child",
+  size: i,
+  color: e,
+  isVertical: o
+}) => {
+  const a = d([
+    "tileBox",
+    t,
+    i,
+    e ? `notification ${e}` : null,
+    o ? "is-vertical" : null,
+    l
+  ]), p = r ?? m({
+    tag: "tileBox",
+    parsedClasses: a,
+    rules: [
+      {
+        regExp: /notification |tileBox/gm,
+        replacer: ""
+      },
+      {
+        regExp: /is-/gm,
+        replacer: "-"
+      }
+    ]
+  });
+  return /* @__PURE__ */ x(
+    u,
+    {
+      testId: p,
+      cssClasses: l,
+      style: s ?? void 0,
+      isVertical: o,
+      context: t,
+      size: i,
+      color: e,
+      children: n ?? void 0
+    }
+  );
+};
+export {
+  g as default
+};

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

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { default as TileBox } from '.';
+import { TileProps } from '../../../interfaces/atomProps';
+declare const _default: Meta<typeof TileBox>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
+export declare const HalfSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
+export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
+export declare const WithImage: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;

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

@@ -0,0 +1,22 @@
+export { default as ButtonGroup } from './ButtonGroup';
+export { default as ColumnGroup } from './ColumnGroup';
+export { default as Notification } from './Notification';
+export { default as Breadcrumbs } from './Breadcrumbs';
+export { default as Dropdown } from './Dropdown';
+export { default as Message } from './Message';
+export { default as Menu } from './Menu';
+export { default as MenuList } from './MenuList';
+export { default as Pagination } from './Pagination';
+export { default as Modal } from './Modal';
+export { default as Tabs } from './Tabs';
+export { default as InputControl } from './InputControl';
+export { default as PanelBlock } from './PanelBlock';
+export { default as PanelTabs } from './PanelTabs';
+export { default as LevelItem } from '../molecules/LevelItem';
+export { default as TileBox } from './TileBox';
+export { default as Footer } from './Footer';
+export { default as Media } from './Media';
+export { default as Section } from './Section';
+export { default as NavBarBrand } from './NavBarBrand';
+export { default as NavBarDropdown } from './NavBarDropdown';
+export { default as TableRow } from './TableRow';

package/dist/components/molecules/index.js

@@ -0,0 +1,46 @@
+import { default as e } from "./ButtonGroup/index.js";
+import { default as t } from "./ColumnGroup/index.js";
+import { default as l } from "./Notification/index.js";
+import { default as d } from "./Breadcrumbs/index.js";
+import { default as p } from "./Dropdown/index.js";
+import { default as x } from "./Message/index.js";
+import { default as i } from "./Menu/index.js";
+import { default as M } from "./MenuList/index.js";
+import { default as c } from "./Pagination/index.js";
+import { default as v } from "./Modal/index.js";
+import { default as N } from "./Tabs/index.js";
+import { default as g } from "./InputControl/index.js";
+import { default as D } from "./PanelBlock/index.js";
+import { default as I } from "./PanelTabs/index.js";
+import { default as k } from "./LevelItem/index.js";
+import { default as R } from "./TileBox/index.js";
+import { default as h } from "./Footer/index.js";
+import { default as q } from "./Media/index.js";
+import { default as z } from "./Section/index.js";
+import { default as E } from "./NavBarBrand/index.js";
+import { default as J } from "./NavBarDropdown/index.js";
+import { default as O } from "./TableRow/index.js";
+export {
+  d as Breadcrumbs,
+  e as ButtonGroup,
+  t as ColumnGroup,
+  p as Dropdown,
+  h as Footer,
+  g as InputControl,
+  k as LevelItem,
+  q as Media,
+  i as Menu,
+  M as MenuList,
+  x as Message,
+  v as Modal,
+  E as NavBarBrand,
+  J as NavBarDropdown,
+  l as Notification,
+  c as Pagination,
+  D as PanelBlock,
+  I as PanelTabs,
+  z as Section,
+  O as TableRow,
+  N as Tabs,
+  R as TileBox
+};

package/dist/components/organisms/Card/index.d.ts

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

package/dist/components/organisms/Card/index.js

@@ -0,0 +1,87 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { parseClasses as p, parseTestId as N } from "../../../functions/parsers.js";
+import $ from "../../atoms/Image/index.js";
+import { generateKey as o } from "../../../functions/generators.js";
+const x = ({
+  testId: m = null,
+  cssClasses: h = null,
+  style: u = null,
+  headerText: c = null,
+  image: d = null,
+  content: s,
+  footerLinks: l = null
+}) => {
+  const n = p(["card", h]), e = m ?? N({ tag: "card", parsedClasses: n });
+  return /* @__PURE__ */ i(
+    "section",
+    {
+      "data-testid": e,
+      className: n,
+      style: u ?? void 0,
+      children: [
+        c ? /* @__PURE__ */ i(
+          "header",
+          {
+            "data-testid": `${e}-header`,
+            className: "card-header",
+            children: [
+              /* @__PURE__ */ a("p", { className: "card-header-title", children: c }),
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  className: "card-header-icon",
+                  "aria-label": "more options",
+                  children: /* @__PURE__ */ a("span", { className: "icon", children: /* @__PURE__ */ a(
+                    "i",
+                    {
+                      className: "fas fa-angle-down",
+                      "aria-hidden": "true"
+                    }
+                  ) })
+                }
+              )
+            ]
+          }
+        ) : null,
+        d ? /* @__PURE__ */ a(
+          "section",
+          {
+            "data-testid": `${e}-image`,
+            className: "card-image",
+            children: /* @__PURE__ */ a($, { ...d })
+          }
+        ) : null,
+        /* @__PURE__ */ a(
+          "section",
+          {
+            "data-testid": `${e}-content`,
+            className: "card-content",
+            children: Array.isArray(s) ? s.map((t, r) => /* @__PURE__ */ a(
+              "section",
+              {
+                "data-testid": `${e}-content-item-${r}`,
+                className: "content",
+                children: t
+              },
+              `card-content-item-${o()}`
+            )) : /* @__PURE__ */ a("section", { className: "content", children: s })
+          }
+        ),
+        l ? /* @__PURE__ */ a("section", { className: "card-footer", children: l.map((t, r) => /* @__PURE__ */ a(
+          "a",
+          {
+            "data-testid": `${e}-footer-item-${r}`,
+            className: "card-footer-item",
+            "aria-hidden": "true",
+            onClick: t.onClick ?? void 0,
+            children: t.text
+          },
+          `card-footer-item-${o()}`
+        )) }) : null
+      ]
+    }
+  );
+};
+export {
+  x as default
+};

package/dist/components/organisms/Card/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { default as Card } from '.';
+declare const _default: Meta<typeof Card>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').CardProps>;
+export declare const WithHeader: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').CardProps>;
+export declare const WithImage: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').CardProps>;
+export declare const WithFooter: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').CardProps>;

package/dist/components/organisms/FormField/index.d.ts

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

package/dist/components/organisms/FormField/index.js

@@ -0,0 +1,76 @@
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import A from "react";
+import m from "../../molecules/InputControl/index.js";
+import { parseClasses as N, parseTestId as b } from "../../../functions/parsers.js";
+import { generateKey as n } from "../../../functions/generators.js";
+const f = (e) => e ? /* @__PURE__ */ s(
+  "label",
+  {
+    "data-testid": "test-form-field-label",
+    className: "label",
+    children: e
+  }
+) : null, p = (e, l) => l ? Array.isArray(e) ? e.map((a, c) => /* @__PURE__ */ s(
+  m,
+  {
+    testId: `test-grouped-input-control-${c}`,
+    ...a
+  },
+  `grouped-input-control-${n()}`
+)) : /* @__PURE__ */ s(m, { ...e }) : Array.isArray(e) ? /* @__PURE__ */ s(m, { ...e[0] }) : /* @__PURE__ */ s(m, { ...e }), I = (e) => {
+  if (!e) return null;
+  const l = N(["help", e.color]), a = b({
+    tag: "form-field-help",
+    parsedClasses: l,
+    rules: [{ regExp: /help|is/gm, replacer: "" }]
+  });
+  return /* @__PURE__ */ s(
+    "p",
+    {
+      "data-testid": a,
+      className: l,
+      children: e.text
+    }
+  );
+}, B = ({
+  testId: e = null,
+  cssClasses: l = null,
+  style: a = null,
+  labelText: c = null,
+  inputControlConfig: r,
+  helperConfig: d = null,
+  isHorizontal: i = !1,
+  isGrouped: t = !1
+}) => {
+  var F;
+  const y = N([
+    "field",
+    i ? "is-horizontal" : null,
+    t ? "is-grouped" : null,
+    l
+  ]), h = e ?? b({ tag: "field", parsedClasses: y });
+  return !t && ((F = r == null ? void 0 : r.inputConfig) != null && F.color) && d && (d = {
+    ...d,
+    color: r.inputConfig.color
+  }), /* @__PURE__ */ u(
+    "section",
+    {
+      "data-testid": h,
+      className: y,
+      style: a ?? void 0,
+      children: [
+        i ? /* @__PURE__ */ s("section", { className: "field-label", children: f(c) }) : f(c),
+        i ? /* @__PURE__ */ u("section", { className: "field-body", children: [
+          p(r, t),
+          I(d)
+        ] }) : /* @__PURE__ */ u(A.Fragment, { children: [
+          p(r, t),
+          I(d)
+        ] })
+      ]
+    }
+  );
+};
+export {
+  B as default
+};

package/dist/components/organisms/FormField/index.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react';
+import { default as FormField } from '.';
+declare const _default: Meta<typeof FormField>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
+export declare const WithLabel: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
+export declare const WithLabelAndHelper: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
+export declare const ErrorCase: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
+export declare const GroupedInputs: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
+export declare const ExpandedAndGroupedInputs: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
+export declare const Horizontal: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;

package/dist/components/organisms/Hero/index.d.ts

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

package/dist/components/organisms/Hero/index.js

@@ -0,0 +1,37 @@
+import { jsxs as h, jsx as i } from "react/jsx-runtime";
+import { parseClasses as m, parseTestId as f } from "../../../functions/parsers.js";
+const n = (o, s, t, r) => s === "body" || r === "is-fullheight" ? /* @__PURE__ */ i(
+  "section",
+  {
+    "data-testid": `${t}-${s}`,
+    className: `hero-${s}`,
+    children: o
+  }
+) : null, C = ({
+  testId: o = null,
+  cssClasses: s = null,
+  style: t = null,
+  header: r = null,
+  body: d,
+  footer: c = null,
+  color: u = null,
+  size: e = null
+}) => {
+  const a = m(["hero", u, e, s]), l = o ?? f({ tag: "hero", parsedClasses: a });
+  return /* @__PURE__ */ h(
+    "section",
+    {
+      "data-testid": l,
+      className: a,
+      style: t ?? void 0,
+      children: [
+        n(r, "head", l, e),
+        n(d, "body", l, e),
+        n(c, "foot", l, e)
+      ]
+    }
+  );
+};
+export {
+  C as default
+};

package/dist/components/organisms/Hero/index.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+import { default as Hero } from '.';
+declare const _default: Meta<typeof Hero>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
+export declare const ExampleWithTitle: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
+export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
+export declare const BigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
+export declare const FullSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
+export declare const FixedFullSizeBody: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
+export declare const FullSizeWithHeader: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
+export declare const WithHeaderAndFooter: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;

package/dist/components/organisms/Level/index.d.ts

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

package/dist/components/organisms/Level/index.js

@@ -0,0 +1,42 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { parseClasses as v, parseTestId as p } from "../../../functions/parsers.js";
+import { generateKey as d } from "../../../functions/generators.js";
+import "react";
+import f from "../../molecules/LevelItem/index.js";
+const s = (l) => l.map((e) => /* @__PURE__ */ t(
+  f,
+  {
+    ...e
+  },
+  `level-item-${d()}`
+)), N = ({
+  testId: l = null,
+  cssClasses: e = null,
+  style: m = null,
+  leftSide: n = null,
+  centerSide: a = null,
+  rightSide: r = null,
+  isMobile: i = !1
+}) => {
+  const o = v([
+    "level",
+    i ? "is-mobile" : null,
+    e
+  ]), c = l ?? p({ tag: "level", parsedClasses: o });
+  return /* @__PURE__ */ u(
+    "nav",
+    {
+      "data-testid": c,
+      className: o,
+      style: m ?? void 0,
+      children: [
+        n ? /* @__PURE__ */ t("section", { className: "level-left", children: s(n) }) : null,
+        a ? s(a) : null,
+        r ? /* @__PURE__ */ t("section", { className: "level-right", children: s(r) }) : null
+      ]
+    }
+  );
+};
+export {
+  N as default
+};

package/dist/components/organisms/Level/index.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { default as Level } from '.';
+declare const _default: Meta<typeof Level>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
+export declare const LeftSideExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
+export declare const LeftAndCenter: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
+export declare const BothSides: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
+export declare const AllPossibleSides: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;

package/dist/components/organisms/NavBar/index.d.ts

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