reactive-bulma 4.3.10 → 4.3.12

package/dist/components/atoms/ProgressBar/index.js

@@ -1,33 +1,33 @@
-import { jsx as i } from "react/jsx-runtime";
-import { parseClasses as u, parseTestId as c } from "../../../functions/parsers.js";
+import { jsx as c } from "react/jsx-runtime";
+import { parseClasses as g, parseTestId as f } from "../../../functions/parsers.js";
 const C = ({
-  testId: l = null,
-  cssClasses: o = null,
+  testId: t = null,
+  cssClasses: l = null,
   style: a = null,
   value: s = 0,
-  max: e = 100,
-  color: n = "is-primary",
-  size: p = null,
-  isLoading: r = !1
+  max: r = 100,
+  color: p = "is-primary",
+  size: d = null,
+  isLoading: e = !1
 }) => {
-  const d = s > e || s < 0 ? 0 : s, t = u([
+  const n = s > r || s < 0 ? 0 : s, o = g([
     "progress",
-    n,
     p,
-    o
-  ]), f = l ?? c({
+    d,
+    l
+  ]), i = t ?? f({
     tag: "progress",
-    parsedClasses: t
+    parsedClasses: o
   });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "progress",
     {
-      "data-testid": f,
-      className: t,
+      "data-testid": i,
+      className: o,
       style: a ?? void 0,
-      value: r ? void 0 : s,
-      max: e,
-      children: `${r ? 0 : d}%`
+      value: e ? void 0 : s,
+      max: r,
+      children: `${e ? 0 : n}%`
     }
   );
 };

package/dist/components/atoms/ProgressBar/index.stories.d.ts

@@ -2,9 +2,9 @@ import { Meta } from '@storybook/react';
 import { default as ProgressBar } from '.';
 declare const _default: Meta<typeof ProgressBar>;
 export default _default;
-export declare const Basic: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
-export declare const HalfValue: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
-export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
-export declare const MaxBeyond100: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
-export declare const LargeSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
-export declare const Loading: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
+export declare const Basic: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
+export declare const HalfValue: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
+export declare const Colored: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
+export declare const MaxBeyond100: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
+export declare const LargeSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
+export declare const Loading: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;

package/dist/components/atoms/RadioButton/index.js

@@ -1,5 +1,5 @@
-import { jsx as m, jsxs as f } from "react/jsx-runtime";
-import { useMemo as B } from "react";
+import { jsx as m, jsxs as B } from "react/jsx-runtime";
+import { useMemo as f } from "react";
 import { parseClasses as y, parseTestId as C } from "../../../functions/parsers.js";
 const b = (d, t) => {
   const {
@@ -7,13 +7,13 @@ const b = (d, t) => {
     label: e,
     name: s,
     isChecked: a = !1,
-    isDisabled: n = !1,
-    style: o = null,
+    isDisabled: o = !1,
+    style: n = null,
     onClick: l,
     onChange: i,
     onBlur: u
   } = d, c = r ?? `test-radio-button-item-${t}`;
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ B(
     "label",
     {
       className: "radio",
@@ -23,10 +23,10 @@ const b = (d, t) => {
           {
             "data-testid": c,
             type: "radio",
-            style: o ?? void 0,
+            style: n ?? void 0,
             name: s,
             defaultChecked: a,
-            disabled: n,
+            disabled: o,
             onClick: l,
             onChange: i,
             onBlur: u
@@ -47,8 +47,8 @@ const b = (d, t) => {
   options: e,
   name: s,
   onClick: a,
-  onChange: n,
-  onBlur: o
+  onChange: o,
+  onBlur: n
 }) => {
   const l = y([
     "control",
@@ -56,20 +56,20 @@ const b = (d, t) => {
   ]), i = d ?? C({
     tag: "container-",
     parsedClasses: l
-  }), u = B(
+  }), u = f(
     () => e.map(
       (c, p) => b(
         {
           ...c,
           name: s,
           onClick: a,
-          onChange: n,
-          onBlur: o
+          onChange: o,
+          onBlur: n
         },
         p
       )
     ),
-    [e, s, a, n, o]
+    [e, s, a, o, n]
   );
   return /* @__PURE__ */ m(
     "section",

package/dist/components/atoms/RadioButton/index.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
 import { default as RadioButton } from '.';
 declare const _default: Meta<typeof RadioButton>;
 export default _default;
-export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').RadioButtonProps>;
-export declare const SeveralOptions: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').RadioButtonProps>;
-export declare const OneOptionSelected: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').RadioButtonProps>;
-export declare const AllOptionsDisabled: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').RadioButtonProps>;
+export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').RadioButtonProps>;
+export declare const SeveralOptions: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').RadioButtonProps>;
+export declare const OneOptionSelected: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').RadioButtonProps>;
+export declare const AllOptionsDisabled: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').RadioButtonProps>;

package/dist/components/atoms/Select/index.js

@@ -1,68 +1,68 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { parseClasses as j, parseTestId as k } from "../../../functions/parsers.js";
 const w = ({
   testId: a = null,
-  containerTestId: d = null,
+  containerTestId: o = null,
   cssClasses: i = null,
-  containerCssClasses: u = null,
-  style: o = null,
+  containerCssClasses: d = null,
+  style: u = null,
   containerStyle: c = null,
   isDisabled: r,
   options: p = [],
   selectedValues: m,
   name: f,
-  showOptions: S = 1,
-  isMultiple: n = !1,
-  color: h = null,
-  size: $ = null,
-  isRounded: g = null,
-  isHovered: v = null,
+  showOptions: v = 1,
+  isMultiple: s = !1,
+  color: S = null,
+  size: h = null,
+  isRounded: $ = null,
+  isHovered: g = null,
   isFocused: y = null,
   onClick: C,
   onChange: I,
   onBlur: T
 }) => {
-  const s = j([
+  const t = j([
     "select",
+    S,
     h,
-    $,
-    n ? "is-multiple" : null,
-    g ? "is-rounded" : null,
-    v ? "is-hovered" : null,
+    s ? "is-multiple" : null,
+    $ ? "is-rounded" : null,
+    g ? "is-hovered" : null,
     y ? "is-focused" : null,
-    u
-  ]), e = a ?? k({
+    d
+  ]), l = a ?? k({
     tag: "select",
-    parsedClasses: s
-  }), x = d ?? `${e}-container`;
-  return /* @__PURE__ */ l(
+    parsedClasses: t
+  }), x = o ?? `${l}-container`;
+  return /* @__PURE__ */ e(
     "section",
     {
       "data-testid": x,
-      className: s,
+      className: t,
       style: c ?? void 0,
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ e(
         "select",
         {
-          "data-testid": e,
+          "data-testid": l,
           className: i ?? void 0,
-          style: o ?? void 0,
+          style: u ?? void 0,
           value: m,
           name: f,
           disabled: r ?? !1,
-          multiple: n,
-          size: S,
+          multiple: s,
+          size: v,
           onClick: C,
           onChange: I,
           onBlur: T,
-          children: p.map(({ id: t, name: N }, b) => /* @__PURE__ */ l(
+          children: p.map(({ id: n, name: N }, b) => /* @__PURE__ */ e(
             "option",
             {
-              "data-testid": `${e}-option-${b}`,
-              value: t.toString(),
+              "data-testid": `${l}-option-${b}`,
+              value: n.toString(),
               children: N
             },
-            `key-option-${t.toString()}`
+            `key-option-${n.toString()}`
           ))
         }
       )

package/dist/components/atoms/Select/index.stories.d.ts

@@ -2,9 +2,9 @@ import { Meta } from '@storybook/react';
 import { default as Select } from '.';
 declare const _default: Meta<typeof Select>;
 export default _default;
-export declare const OnlyRequiredProps: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
-export declare const WithOneOption: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
-export declare const WithSeveralOptions: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
-export declare const Disabled: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
-export declare const ShowsThreeOptions: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
-export declare const FirstOptionsSelected: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
+export declare const OnlyRequiredProps: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
+export declare const WithOneOption: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
+export declare const WithSeveralOptions: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
+export declare const Disabled: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
+export declare const ShowsThreeOptions: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
+export declare const FirstOptionsSelected: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;

package/dist/components/atoms/TabItem/index.js

@@ -1,38 +1,38 @@
-import { jsxs as p, jsx as l } from "react/jsx-runtime";
-import c from "../Icon/index.js";
-import { parseTestId as a } from "../../../functions/parsers.js";
-const h = ({
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import I from "../Icon/index.js";
+import { parseTestId as n } from "../../../functions/parsers.js";
+const T = ({
   testId: d = null,
   containerTestId: s = null,
-  cssClasses: e = null,
-  containerCssClasses: t = null,
+  cssClasses: t = null,
+  containerCssClasses: l = null,
   style: i = null,
-  containerStyle: r = null,
-  icon: n = null,
-  text: u,
+  containerStyle: o = null,
+  icon: a = null,
+  text: r,
   onClick: m = null
 }) => {
-  const o = s ?? a({
+  const u = s ?? n({
     tag: "tab-item-container",
-    parsedClasses: t ?? ""
-  }), f = d ?? a({ tag: "tab-item", parsedClasses: e ?? "" });
-  return /* @__PURE__ */ p(
+    parsedClasses: l ?? ""
+  }), p = d ?? n({ tag: "tab-item", parsedClasses: t ?? "" });
+  return /* @__PURE__ */ c(
     "a",
     {
-      "data-testid": o,
-      className: t ?? void 0,
-      style: r ?? void 0,
+      "data-testid": u,
+      className: l ?? void 0,
+      style: o ?? void 0,
       "aria-hidden": "true",
       onClick: m ?? void 0,
       children: [
-        n ? /* @__PURE__ */ l(c, { ...n }) : null,
-        /* @__PURE__ */ l(
+        a ? /* @__PURE__ */ e(I, { ...a }) : null,
+        /* @__PURE__ */ e(
           "span",
           {
-            "data-testid": f,
-            className: e ?? void 0,
+            "data-testid": p,
+            className: t ?? void 0,
             style: i ?? void 0,
-            children: u
+            children: r
           }
         )
       ]
@@ -40,5 +40,5 @@ const h = ({
   );
 };
 export {
-  h as default
+  T as default
 };

package/dist/components/atoms/TabItem/index.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta } from '@storybook/react';
 import { default as TabItem } from '.';
 declare const _default: Meta<typeof TabItem>;
 export default _default;
-export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TabItemProps>;
-export declare const WithIcon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TabItemProps>;
+export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TabItemProps>;
+export declare const WithIcon: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TabItemProps>;

package/dist/components/atoms/TableCell/index.js

@@ -1,24 +1,24 @@
 import { jsx as r } from "react/jsx-runtime";
 import { parseTestId as s } from "../../../functions/parsers.js";
-const o = ({
-  testId: l = null,
-  cssClasses: e = null,
+const u = ({
+  testId: e = null,
+  cssClasses: l = null,
   style: t = null,
-  content: n,
+  content: a,
   onClick: d = null
 }) => {
-  const a = l ?? s({ tag: "table-cell", parsedClasses: e ?? "" });
+  const o = e ?? s({ tag: "table-cell", parsedClasses: l ?? "" });
   return /* @__PURE__ */ r(
     "td",
     {
-      "data-testid": a,
-      className: e ?? void 0,
+      "data-testid": o,
+      className: l ?? void 0,
       style: t ?? void 0,
       onClick: d ?? void 0,
-      children: n
+      children: a
     }
   );
 };
 export {
-  o as default
+  u as default
 };

package/dist/components/atoms/TableCell/index.stories.d.ts

@@ -2,4 +2,4 @@ import { Meta } from '@storybook/react';
 import { default as TableCell } from '.';
 declare const _default: Meta<typeof TableCell>;
 export default _default;
-export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TableCellProps>;
+export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TableCellProps>;

package/dist/components/atoms/TableHeadCell/index.js

@@ -1,24 +1,24 @@
 import { jsx as r } from "react/jsx-runtime";
 import { parseTestId as s } from "../../../functions/parsers.js";
-const o = ({
-  testId: l = null,
-  cssClasses: e = null,
+const u = ({
+  testId: e = null,
+  cssClasses: l = null,
   style: t = null,
-  content: d,
-  onClick: a = null
+  content: a,
+  onClick: d = null
 }) => {
-  const n = l ?? s({ tag: "table-head-cell", parsedClasses: e ?? "" });
+  const o = e ?? s({ tag: "table-head-cell", parsedClasses: l ?? "" });
   return /* @__PURE__ */ r(
     "th",
     {
-      "data-testid": n,
-      className: e ?? void 0,
+      "data-testid": o,
+      className: l ?? void 0,
       style: t ?? void 0,
-      onClick: a ?? void 0,
-      children: d
+      onClick: d ?? void 0,
+      children: a
     }
   );
 };
 export {
-  o as default
+  u as default
 };

package/dist/components/atoms/TableHeadCell/index.stories.d.ts

@@ -2,4 +2,4 @@ import { Meta } from '@storybook/react';
 import { default as TableHeadCell } from '.';
 declare const _default: Meta<typeof TableHeadCell>;
 export default _default;
-export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TableHeadCellProps>;
+export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TableHeadCellProps>;

package/dist/components/atoms/Tag/index.js

@@ -1,81 +1,81 @@
-import { jsxs as o, jsx as l } from "react/jsx-runtime";
-import { parseClasses as n, parseTestId as $ } from "../../../functions/parsers.js";
-const v = ({
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { parseClasses as n, parseTestId as L } from "../../../functions/parsers.js";
+const q = ({
   testId: g = null,
   containerTestId: p = null,
   cssClasses: m = null,
-  containerCssClasses: f = null,
-  style: C = null,
-  containerStyle: N = null,
+  containerCssClasses: C = null,
+  style: N = null,
+  containerStyle: f = null,
   text: d,
-  withDelete: u = !1,
+  withDelete: r = !1,
   withAddon: a = !1,
   addonText: T = null,
-  color: I = null,
-  isLight: b = null,
-  isRounded: j = null,
-  size: e = null,
-  addonColor: x = null,
-  onDeleteClick: r = null
+  color: v = null,
+  isLight: I = null,
+  isRounded: b = null,
+  size: t = null,
+  addonColor: j = null,
+  onDeleteClick: c = null
 }) => {
-  const c = n([
+  const o = n([
     "tags",
     "has-addons",
-    e ? e.replace("is-", "are-") : null,
-    f
-  ]), t = n([
+    t ? t.replace("is-", "are-") : null,
+    C
+  ]), e = n([
     "tag",
-    I,
-    b && !a ? "is-light" : null,
-    j && !a ? "is-rounded" : null,
-    e,
+    v,
+    I && !a ? "is-light" : null,
+    b && !a ? "is-rounded" : null,
+    t,
     m
-  ]), y = n(["tag", x]), s = g ?? $({
+  ]), x = n(["tag", j]), s = g ?? L({
     tag: a ? "tags" : "tag",
-    parsedClasses: a ? c : t,
+    parsedClasses: a ? o : e,
     separator: a ? "-" : ""
-  }), L = p ?? `${s}-container`, i = `${s}-delete`;
-  return a ? /* @__PURE__ */ o(
+  }), y = p ?? `${s}-container`, u = `${s}-delete`;
+  return a ? /* @__PURE__ */ i(
     "section",
     {
-      "data-testid": L,
-      style: N ?? void 0,
-      className: c,
+      "data-testid": y,
+      style: f ?? void 0,
+      className: o,
       children: [
         /* @__PURE__ */ l(
           "span",
           {
             "data-testid": s,
-            className: t,
+            className: e,
             children: d
           }
         ),
-        u ? /* @__PURE__ */ l(
+        r ? /* @__PURE__ */ l(
           "a",
           {
-            "data-testid": i,
+            "data-testid": u,
             className: "tag is-delete",
             title: "delete",
             "aria-hidden": "true",
-            onClick: r ?? void 0
+            onClick: c ?? void 0
           }
-        ) : /* @__PURE__ */ l("span", { className: y, children: T })
+        ) : /* @__PURE__ */ l("span", { className: x, children: T })
       ]
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ i(
     "span",
     {
       "data-testid": s,
-      style: C ?? void 0,
-      className: t,
+      style: N ?? void 0,
+      className: e,
       children: [
         d,
-        u ? /* @__PURE__ */ l(
+        r ? /* @__PURE__ */ l(
           "button",
           {
-            "data-testid": i,
+            "data-testid": u,
             className: "delete",
-            onClick: r ?? void 0
+            onClick: c ?? void 0
           }
         ) : null
       ]
@@ -83,5 +83,5 @@ const v = ({
   );
 };
 export {
-  v as default
+  q as default
 };

package/dist/components/atoms/Tag/index.stories.d.ts

@@ -2,12 +2,12 @@ import { Meta } from '@storybook/react';
 import { default as Tag } from '.';
 declare const _default: Meta<typeof Tag>;
 export default _default;
-export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
-export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
-export declare const Rounded: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
-export declare const LightColor: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
-export declare const LargeSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
-export declare const WithDeleteButton: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
-export declare const WithAnAddon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
-export declare const ColoredAddon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
-export declare const WithDeleteAddon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
+export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
+export declare const Colored: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
+export declare const Rounded: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
+export declare const LightColor: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
+export declare const LargeSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
+export declare const WithDeleteButton: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
+export declare const WithAnAddon: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
+export declare const ColoredAddon: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
+export declare const WithDeleteAddon: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;