@digigov/react-experimental 2.0.0-7d9a8d86 → 2.0.0-85c27c19

package/FloatingButton/index.js

@@ -1,16 +1,20 @@
 import React from "react";
 import clsx from "clsx";
 import Button from "@digigov/react-core/Button";
-const FloatingButton = React.forwardRef(function FloatingButton2({direction = "right", className, children, ...props}, ref) {
-  return /* @__PURE__ */ React.createElement(Button, {
-    ref,
-    className: clsx(className, {
-      "ds-floating-btn": true,
-      "ds-floating-btn--right": direction === "right",
-      "ds-floating-btn--left": direction === "left"
-    }),
-    ...props
-  }, children);
+const FloatingButton = React.forwardRef(function FloatingButton2({ direction = "right", className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      ref,
+      className: clsx(className, {
+        "ds-floating-btn": true,
+        "ds-floating-btn--right": direction === "right",
+        "ds-floating-btn--left": direction === "left"
+      }),
+      ...props
+    },
+    children
+  );
 });
 var FloatingButton_default = FloatingButton;
 export {

package/FloatingButton/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/FloatingButton/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Button, { ButtonProps } from '@digigov/react-core/Button';\n\nexport interface FloatingButtonProps extends ButtonProps {\n  /**\n   * direction is optional.\n   * direction sets the position of the button to either left or right side of the screen.\n   * The default value is 'left'.\n   * @value 'right'\n   * @value 'left'\n   * @default 'left'\n   */\n  direction?: 'right' | 'left';\n}\n/**\n *\n * A FloatingButton performs the primary, or most common, action on a screen.\n * Use it primary in mobile applications.\n * Avoid using text in this type of button, use icons instead.\n */\nexport const FloatingButton = React.forwardRef<\n  HTMLButtonElement,\n  FloatingButtonProps\n>(function FloatingButton(\n  { direction = 'right', className, children, ...props },\n  ref\n) {\n  return (\n    <Button\n      ref={ref}\n      className={clsx(className, {\n        'ds-floating-btn': true,\n        'ds-floating-btn--right': direction === 'right',\n        'ds-floating-btn--left': direction === 'left',\n      })}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n});\n\nexport default FloatingButton;"],
-  "mappings": "AAAA;AACA;AACA;AAmBO,MAAM,iBAAiB,MAAM,WAGlC,yBACA,CAAE,YAAY,SAAS,WAAW,aAAa,QAC/C,KACA;AACA,SACE,oCAAC,QAAD;AAAA,IACE;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,MACzB,mBAAmB;AAAA,MACnB,0BAA0B,cAAc;AAAA,MACxC,yBAAyB,cAAc;AAAA;AAAA,OAErC;AAAA,KAEH;AAAA;AAKP,IAAO,yBAAQ;",
-  "names": []
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,YAA6B;AAmB7B,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBACT,EAAE,YAAY,SAAS,WAAW,UAAU,GAAG,MAAM,GACrD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,mBAAmB;AAAA,QACnB,0BAA0B,cAAc;AAAA,QACxC,yBAAyB,cAAc;AAAA,MACzC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "names": ["FloatingButton"]
 }

package/Kitchensink/AllComponents/index.js

@@ -1,9 +1,7 @@
 import React from "react";
-import {stories} from "@digigov/ui/registry";
-import {KitchenSinkDashboard} from "@digigov/react-experimental/Kitchensink/KitchensinkDashboard";
-const AllComponents = () => /* @__PURE__ */ React.createElement(KitchenSinkDashboard, {
-  stories
-});
+import { stories } from "@digigov/ui/registry";
+import { KitchenSinkDashboard } from "@digigov/react-experimental/Kitchensink/KitchensinkDashboard";
+const AllComponents = () => /* @__PURE__ */ React.createElement(KitchenSinkDashboard, { stories });
 export {
   AllComponents
 };

package/Kitchensink/AllComponents.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Kitchensink/AllComponents.tsx"],
   "sourcesContent": ["import React from 'react';\n\nimport { stories } from '@digigov/ui/registry';\nimport { KitchenSinkDashboard } from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';\n\nexport const AllComponents = () => <KitchenSinkDashboard stories={stories} />;\n"],
-  "mappings": "AAAA;AAEA;AACA;AAEO,MAAM,gBAAgB,MAAM,oCAAC,sBAAD;AAAA,EAAsB;AAAA;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,eAAe;AACxB,SAAS,4BAA4B;AAE9B,MAAM,gBAAgB,MAAM,oCAAC,wBAAqB,SAAkB;",
   "names": []
 }

package/Kitchensink/KitchensinkByCategory/index.js

@@ -5,35 +5,41 @@ import {
 import {
   KitchenSinkHeading
 } from "@digigov/react-core/KitchenSinkHeading";
-import {KitchensinkByLetter} from "@digigov/react-experimental/Kitchensink/KitchensinkByLetter";
+import { KitchensinkByLetter } from "@digigov/react-experimental/Kitchensink/KitchensinkByLetter";
 const KitchensinkByCategory = ({
   category,
   stories
 }) => {
-  const alphabeticalOrder = Object.keys(stories).reduce((abStories, componentStoriesKey) => {
-    const componentStories = stories[componentStoriesKey];
-    if (!componentStories.default.component) {
-      throw new Error(`no component was found in ${componentStoriesKey}`);
-    }
-    const name = componentStories.default.displayName;
-    console.log("componentStories", componentStories, "stories", stories);
-    if (!name) {
-      throw new Error(`no name was found for ${componentStoriesKey}`);
-    }
-    const letter = name[0];
-    if (abStories[letter]) {
-      abStories[letter].push(componentStories);
-    } else {
-      abStories[letter] = [componentStories];
-    }
-    return abStories;
-  }, {});
+  const alphabeticalOrder = Object.keys(stories).reduce(
+    (abStories, componentStoriesKey) => {
+      const componentStories = stories[componentStoriesKey];
+      if (!componentStories.default.component) {
+        throw new Error(`no component was found in ${componentStoriesKey}`);
+      }
+      const name = componentStories.default.displayName;
+      console.log("componentStories", componentStories, "stories", stories);
+      if (!name) {
+        throw new Error(`no name was found for ${componentStoriesKey}`);
+      }
+      const letter = name[0];
+      if (abStories[letter]) {
+        abStories[letter].push(componentStories);
+      } else {
+        abStories[letter] = [componentStories];
+      }
+      return abStories;
+    },
+    {}
+  );
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(KitchenSinkHeading, null, category), /* @__PURE__ */ React.createElement(KitchenSinkCategory, null, Object.keys(alphabeticalOrder).sort().map((letter, index) => {
-    return /* @__PURE__ */ React.createElement(KitchensinkByLetter, {
-      letter,
-      stories: alphabeticalOrder[letter],
-      key: index
-    });
+    return /* @__PURE__ */ React.createElement(
+      KitchensinkByLetter,
+      {
+        letter,
+        stories: alphabeticalOrder[letter],
+        key: index
+      }
+    );
   })));
 };
 export {

package/Kitchensink/KitchensinkByCategory.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Kitchensink/KitchensinkByCategory.tsx"],
   "sourcesContent": ["import React from 'react';\nimport {\n  KitchenSinkCategory,\n} from '@digigov/react-core/KitchenSinkCategory';\nimport {\n  KitchenSinkHeading,\n} from '@digigov/react-core/KitchenSinkHeading';\nimport { KitchensinkByLetter } from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';\n\nexport interface KitchensinkByCategoryInterface {\n  category: string;\n  stories: React.ReactElement[];\n}\n\nexport const KitchensinkByCategory = ({\n  category,\n  stories,\n}: KitchensinkByCategoryInterface) => {\n  const alphabeticalOrder = Object.keys(stories).reduce(\n    (abStories, componentStoriesKey) => {\n      const componentStories = stories[componentStoriesKey];\n      if (!componentStories.default.component) {\n        throw new Error(`no component was found in ${componentStoriesKey}`);\n      }\n      const name = componentStories.default.displayName;\n      console.log('componentStories', componentStories, 'stories', stories);\n      if (!name) {\n        throw new Error(`no name was found for ${componentStoriesKey}`);\n      }\n      const letter = name[0];\n      if (abStories[letter]) {\n        abStories[letter].push(componentStories);\n      } else {\n        abStories[letter] = [componentStories];\n      }\n      return abStories;\n    },\n    {}\n  );\n  return (\n    <div>\n      <KitchenSinkHeading>{category}</KitchenSinkHeading>\n      <KitchenSinkCategory>\n        {Object.keys(alphabeticalOrder)\n          .sort()\n          .map((letter, index) => {\n            return (\n              <KitchensinkByLetter\n                letter={letter}\n                stories={alphabeticalOrder[letter]}\n                key={index}\n              />\n            );\n          })}\n      </KitchenSinkCategory>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAGA;AAOO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,MACoC;AACpC,QAAM,oBAAoB,OAAO,KAAK,SAAS,OAC7C,CAAC,WAAW,wBAAwB;AAClC,UAAM,mBAAmB,QAAQ;AACjC,QAAI,CAAC,iBAAiB,QAAQ,WAAW;AACvC,YAAM,IAAI,MAAM,6BAA6B;AAAA;AAE/C,UAAM,OAAO,iBAAiB,QAAQ;AACtC,YAAQ,IAAI,oBAAoB,kBAAkB,WAAW;AAC7D,QAAI,CAAC,MAAM;AACT,YAAM,IAAI,MAAM,yBAAyB;AAAA;AAE3C,UAAM,SAAS,KAAK;AACpB,QAAI,UAAU,SAAS;AACrB,gBAAU,QAAQ,KAAK;AAAA,WAClB;AACL,gBAAU,UAAU,CAAC;AAAA;AAEvB,WAAO;AAAA,KAET;AAEF,SACE,oCAAC,OAAD,MACE,oCAAC,oBAAD,MAAqB,WACrB,oCAAC,qBAAD,MACG,OAAO,KAAK,mBACV,OACA,IAAI,CAAC,QAAQ,UAAU;AACtB,WACE,oCAAC,qBAAD;AAAA,MACE;AAAA,MACA,SAAS,kBAAkB;AAAA,MAC3B,KAAK;AAAA;AAAA;AAAA;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OACK;AACP;AAAA,EACE;AAAA,OACK;AACP,SAAS,2BAA2B;AAO7B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AACF,MAAsC;AACpC,QAAM,oBAAoB,OAAO,KAAK,OAAO,EAAE;AAAA,IAC7C,CAAC,WAAW,wBAAwB;AAClC,YAAM,mBAAmB,QAAQ,mBAAmB;AACpD,UAAI,CAAC,iBAAiB,QAAQ,WAAW;AACvC,cAAM,IAAI,MAAM,6BAA6B,mBAAmB,EAAE;AAAA,MACpE;AACA,YAAM,OAAO,iBAAiB,QAAQ;AACtC,cAAQ,IAAI,oBAAoB,kBAAkB,WAAW,OAAO;AACpE,UAAI,CAAC,MAAM;AACT,cAAM,IAAI,MAAM,yBAAyB,mBAAmB,EAAE;AAAA,MAChE;AACA,YAAM,SAAS,KAAK,CAAC;AACrB,UAAI,UAAU,MAAM,GAAG;AACrB,kBAAU,MAAM,EAAE,KAAK,gBAAgB;AAAA,MACzC,OAAO;AACL,kBAAU,MAAM,IAAI,CAAC,gBAAgB;AAAA,MACvC;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,oCAAC,aACC,oCAAC,0BAAoB,QAAS,GAC9B,oCAAC,2BACE,OAAO,KAAK,iBAAiB,EAC3B,KAAK,EACL,IAAI,CAAC,QAAQ,UAAU;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,kBAAkB,MAAM;AAAA,QACjC,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACL,CACF;AAEJ;",
   "names": []
 }

package/Kitchensink/KitchensinkByLetter/index.js

@@ -1,21 +1,24 @@
 import React from "react";
 import Heading from "@digigov/react-core/Heading";
-import {KitchenSinkLetterContent} from "@digigov/react-core/KitchenSinkLetterContent";
-import {KitchensinkComponent} from "@digigov/react-experimental/Kitchensink/KitchensinkComponent";
+import { KitchenSinkLetterContent } from "@digigov/react-core/KitchenSinkLetterContent";
+import { KitchensinkComponent } from "@digigov/react-experimental/Kitchensink/KitchensinkComponent";
 const KitchensinkByLetter = ({
   letter,
   stories
 }) => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Heading, null, letter), /* @__PURE__ */ React.createElement(KitchenSinkLetterContent, null, stories.map((story, index) => {
-    return /* @__PURE__ */ React.createElement(KitchensinkComponent, {
-      tags: story.default.tags,
-      title: story.default.displayName,
-      description: story.default.description,
-      link: story.default.link,
-      width: story.default.defaultWidth,
-      stories: story,
-      key: index
-    });
+    return /* @__PURE__ */ React.createElement(
+      KitchensinkComponent,
+      {
+        tags: story.default.tags,
+        title: story.default.displayName,
+        description: story.default.description,
+        link: story.default.link,
+        width: story.default.defaultWidth,
+        stories: story,
+        key: index
+      }
+    );
   })));
 };
 export {

package/Kitchensink/KitchensinkByLetter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Kitchensink/KitchensinkByLetter.tsx"],
   "sourcesContent": ["import React from 'react';\nimport Heading from '@digigov/react-core/Heading';\nimport { KitchenSinkLetterContent } from '@digigov/react-core/KitchenSinkLetterContent';\nimport { KitchensinkComponent } from '@digigov/react-experimental/Kitchensink/KitchensinkComponent';\n\nexport interface KitchensinkByLetterInterface {\n  letter: string;\n  stories: any;\n}\n\nexport const KitchensinkByLetter = ({\n  letter,\n  stories,\n}: KitchensinkByLetterInterface) => {\n  return (\n    <div>\n      <Heading>{letter}</Heading>\n      <KitchenSinkLetterContent>\n        {stories.map((story, index) => {\n          return (\n            <KitchensinkComponent\n              tags={story.default.tags}\n              title={story.default.displayName}\n              description={story.default.description}\n              link={story.default.link}\n              width={story.default.defaultWidth}\n              stories={story}\n              key={index}\n            />\n          );\n        })}\n      </KitchenSinkLetterContent>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAOO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,MACkC;AAClC,SACE,oCAAC,OAAD,MACE,oCAAC,SAAD,MAAU,SACV,oCAAC,0BAAD,MACG,QAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,WACE,oCAAC,sBAAD;AAAA,MACE,MAAM,MAAM,QAAQ;AAAA,MACpB,OAAO,MAAM,QAAQ;AAAA,MACrB,aAAa,MAAM,QAAQ;AAAA,MAC3B,MAAM,MAAM,QAAQ;AAAA,MACpB,OAAO,MAAM,QAAQ;AAAA,MACrB,SAAS;AAAA,MACT,KAAK;AAAA;AAAA;AAAA;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,aAAa;AACpB,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AAO9B,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAAoC;AAClC,SACE,oCAAC,aACC,oCAAC,eAAS,MAAO,GACjB,oCAAC,gCACE,QAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM,QAAQ;AAAA,QACpB,OAAO,MAAM,QAAQ;AAAA,QACrB,aAAa,MAAM,QAAQ;AAAA,QAC3B,MAAM,MAAM,QAAQ;AAAA,QACpB,OAAO,MAAM,QAAQ;AAAA,QACrB,SAAS;AAAA,QACT,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACH,CACF;AAEJ;",
   "names": []
 }

package/Kitchensink/KitchensinkComponent/index.js

@@ -1,15 +1,15 @@
 import React from "react";
-import {KitchenSinkCard} from "@digigov/react-core/KitchenSinkCard";
-import {KitchenSinkContent} from "@digigov/react-core/KitchenSinkContent";
-import {KitchenSinkContentInfo} from "@digigov/react-core/KitchenSinkContentInfo";
-import {KitchenSinkContentTags} from "@digigov/react-core/KitchenSinkContentTags";
+import { KitchenSinkCard } from "@digigov/react-core/KitchenSinkCard";
+import { KitchenSinkContent } from "@digigov/react-core/KitchenSinkContent";
+import { KitchenSinkContentInfo } from "@digigov/react-core/KitchenSinkContentInfo";
+import { KitchenSinkContentTags } from "@digigov/react-core/KitchenSinkContentTags";
 import PhaseBanner, {
   PhaseBannerTag,
   PhaseBannerText
 } from "@digigov/ui/feedback/PhaseBanner";
 import SectionBreak from "@digigov/ui/layouts/SectionBreak";
 import Link from "@digigov/ui/navigation/Link";
-import {Paragraph} from "@digigov/ui/typography";
+import { Paragraph } from "@digigov/ui/typography";
 import Heading from "@digigov/ui/typography/Heading";
 const KitchensinkComponent = ({
   tags = [],
@@ -19,25 +19,11 @@ const KitchensinkComponent = ({
   stories,
   width = "md"
 }) => {
-  return /* @__PURE__ */ React.createElement(KitchenSinkContent, {
-    wide: width === "lg"
-  }, /* @__PURE__ */ React.createElement(KitchenSinkContentInfo, null, /* @__PURE__ */ React.createElement(KitchenSinkContentTags, null, tags && tags.map((tag, index) => {
-    return /* @__PURE__ */ React.createElement(PhaseBanner, {
-      key: index
-    }, /* @__PURE__ */ React.createElement(PhaseBannerTag, null, tag), /* @__PURE__ */ React.createElement(PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1", " ", /* @__PURE__ */ React.createElement(Link, {
-      href: "#feedback"
-    }, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5."));
-  })), /* @__PURE__ */ React.createElement(Heading, {
-    size: "lg"
-  }, title), /* @__PURE__ */ React.createElement(Paragraph, null, description), link && /* @__PURE__ */ React.createElement(Link, {
-    href: link
-  }, "View on GOV.GR Design System"), /* @__PURE__ */ React.createElement(SectionBreak, null)), Object.keys(stories).filter((story) => story !== "default").map((story, index) => {
+  return /* @__PURE__ */ React.createElement(KitchenSinkContent, { wide: width === "lg" }, /* @__PURE__ */ React.createElement(KitchenSinkContentInfo, null, /* @__PURE__ */ React.createElement(KitchenSinkContentTags, null, tags && tags.map((tag, index) => {
+    return /* @__PURE__ */ React.createElement(PhaseBanner, { key: index }, /* @__PURE__ */ React.createElement(PhaseBannerTag, null, tag), /* @__PURE__ */ React.createElement(PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1", " ", /* @__PURE__ */ React.createElement(Link, { href: "#feedback" }, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5."));
+  })), /* @__PURE__ */ React.createElement(Heading, { size: "lg" }, title), /* @__PURE__ */ React.createElement(Paragraph, null, description), link && /* @__PURE__ */ React.createElement(Link, { href: link }, "View on GOV.GR Design System"), /* @__PURE__ */ React.createElement(SectionBreak, null)), Object.keys(stories).filter((story) => story !== "default").map((story, index) => {
     const Component = stories[story];
-    return /* @__PURE__ */ React.createElement("div", {
-      key: index
-    }, /* @__PURE__ */ React.createElement(SectionBreak, null), /* @__PURE__ */ React.createElement(Heading, {
-      size: "sm"
-    }, story), /* @__PURE__ */ React.createElement(KitchenSinkCard, null, /* @__PURE__ */ React.createElement(Component, null)));
+    return /* @__PURE__ */ React.createElement("div", { key: index }, /* @__PURE__ */ React.createElement(SectionBreak, null), /* @__PURE__ */ React.createElement(Heading, { size: "sm" }, story), /* @__PURE__ */ React.createElement(KitchenSinkCard, null, /* @__PURE__ */ React.createElement(Component, null)));
   }));
 };
 export {

package/Kitchensink/KitchensinkComponent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Kitchensink/KitchensinkComponent.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { KitchenSinkCard } from '@digigov/react-core/KitchenSinkCard';\nimport { KitchenSinkContent } from '@digigov/react-core/KitchenSinkContent';\nimport { KitchenSinkContentInfo } from '@digigov/react-core/KitchenSinkContentInfo';\nimport { KitchenSinkContentTags } from '@digigov/react-core/KitchenSinkContentTags';\nimport PhaseBanner, {\n  PhaseBannerTag,\n  PhaseBannerText,\n} from '@digigov/ui/feedback/PhaseBanner';\nimport SectionBreak from '@digigov/ui/layouts/SectionBreak';\nimport Link from '@digigov/ui/navigation/Link';\nimport { Paragraph } from '@digigov/ui/typography';\nimport Heading from '@digigov/ui/typography/Heading';\n\nexport interface KitchensinkComponentInterface {\n  tags?: string[]; // ex. Experimental\n  title: string;\n  description?: string;\n  link?: string;\n  stories: React.ReactElement[];\n  width?: 'md' | 'lg';\n}\nexport const KitchensinkComponent = ({\n  tags = [],\n  title,\n  description,\n  link,\n  stories,\n  width = 'md',\n}: KitchensinkComponentInterface) => {\n  return (\n    <KitchenSinkContent wide={width === 'lg'}>\n      <KitchenSinkContentInfo>\n        <KitchenSinkContentTags>\n          {tags &&\n            tags.map((tag, index) => {\n              return (\n                <PhaseBanner key={index}>\n                  <PhaseBannerTag>{tag}</PhaseBannerTag>\n                  <PhaseBannerText>\n                    \u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1{' '}\n                    <Link href=\"#feedback\">\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC</Link> \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1\n                    \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5.\n                  </PhaseBannerText>\n                </PhaseBanner>\n              );\n            })}\n        </KitchenSinkContentTags>\n        <Heading size=\"lg\">{title}</Heading>\n        <Paragraph>{description}</Paragraph>\n        {link && <Link href={link}>View on GOV.GR Design System</Link>}\n        <SectionBreak />\n      </KitchenSinkContentInfo>\n      {Object.keys(stories)\n        .filter((story) => story !== 'default')\n        .map((story, index) => {\n          const Component = stories[story];\n          return (\n            <div key={index}>\n              <SectionBreak />\n              <Heading size=\"sm\">{story}</Heading>\n              <KitchenSinkCard>\n                <Component />\n              </KitchenSinkCard>\n            </div>\n          );\n        })}\n    </KitchenSinkContent>\n  );\n};\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AAUO,MAAM,uBAAuB,CAAC;AAAA,EACnC,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,MAC2B;AACnC,SACE,oCAAC,oBAAD;AAAA,IAAoB,MAAM,UAAU;AAAA,KAClC,oCAAC,wBAAD,MACE,oCAAC,wBAAD,MACG,QACC,KAAK,IAAI,CAAC,KAAK,UAAU;AACvB,WACE,oCAAC,aAAD;AAAA,MAAa,KAAK;AAAA,OAChB,oCAAC,gBAAD,MAAiB,MACjB,oCAAC,iBAAD,MAAiB,sKACkB,KACjC,oCAAC,MAAD;AAAA,MAAM,MAAK;AAAA,OAAY,yCAAa;AAAA,OAOhD,oCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,KAAM,QACpB,oCAAC,WAAD,MAAY,cACX,QAAQ,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KAAM,iCAC3B,oCAAC,cAAD,QAED,OAAO,KAAK,SACV,OAAO,CAAC,UAAU,UAAU,WAC5B,IAAI,CAAC,OAAO,UAAU;AACrB,UAAM,YAAY,QAAQ;AAC1B,WACE,oCAAC,OAAD;AAAA,MAAK,KAAK;AAAA,OACR,oCAAC,cAAD,OACA,oCAAC,SAAD;AAAA,MAAS,MAAK;AAAA,OAAM,QACpB,oCAAC,iBAAD,MACE,oCAAC,WAAD;AAAA;AAAA;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,OAAO;AAAA,EACL;AAAA,EACA;AAAA,OACK;AACP,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,OAAO,aAAa;AAUb,MAAM,uBAAuB,CAAC;AAAA,EACnC,OAAO,CAAC;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,MAAqC;AACnC,SACE,oCAAC,sBAAmB,MAAM,UAAU,QAClC,oCAAC,8BACC,oCAAC,8BACE,QACC,KAAK,IAAI,CAAC,KAAK,UAAU;AACvB,WACE,oCAAC,eAAY,KAAK,SAChB,oCAAC,sBAAgB,GAAI,GACrB,oCAAC,uBAAgB,sKACkB,KACjC,oCAAC,QAAK,MAAK,eAAY,sCAAM,GAAO,0MAEtC,CACF;AAAA,EAEJ,CAAC,CACL,GACA,oCAAC,WAAQ,MAAK,QAAM,KAAM,GAC1B,oCAAC,iBAAW,WAAY,GACvB,QAAQ,oCAAC,QAAK,MAAM,QAAM,8BAA4B,GACvD,oCAAC,kBAAa,CAChB,GACC,OAAO,KAAK,OAAO,EACjB,OAAO,CAAC,UAAU,UAAU,SAAS,EACrC,IAAI,CAAC,OAAO,UAAU;AACrB,UAAM,YAAY,QAAQ,KAAK;AAC/B,WACE,oCAAC,SAAI,KAAK,SACR,oCAAC,kBAAa,GACd,oCAAC,WAAQ,MAAK,QAAM,KAAM,GAC1B,oCAAC,uBACC,oCAAC,eAAU,CACb,CACF;AAAA,EAEJ,CAAC,CACL;AAEJ;",
   "names": []
 }

package/Kitchensink/KitchensinkDashboard/index.js

@@ -1,39 +1,42 @@
 import React from "react";
-import {KitchenSinkAllComponents} from "@digigov/react-core/KitchenSinkAllComponents";
+import { KitchenSinkAllComponents } from "@digigov/react-core/KitchenSinkAllComponents";
 import Paragraph from "@digigov/react-core/Paragraph";
-import {KitchensinkByCategory} from "@digigov/react-experimental/Kitchensink/KitchensinkByCategory";
+import { KitchensinkByCategory } from "@digigov/react-experimental/Kitchensink/KitchensinkByCategory";
 const KitchenSinkDashboard = ({
   stories
 }) => {
-  const categoryOrder = Object.keys(stories).reduce((catStories, componentStoriesKey) => {
-    const componentStories = stories[componentStoriesKey];
-    if (componentStories.default.ignore) {
+  const categoryOrder = Object.keys(stories).reduce(
+    (catStories, componentStoriesKey) => {
+      const componentStories = stories[componentStoriesKey];
+      if (componentStories.default.ignore) {
+        return catStories;
+      }
+      if (!componentStories.default.component) {
+        throw new Error(`no component was found in ${componentStoriesKey}`);
+      }
+      const title = componentStories.default.title.split("/")[1];
+      if (!title) {
+        throw new Error(`no title was found for ${componentStoriesKey}`);
+      }
+      const category = title;
+      if (catStories[category]) {
+        catStories[category].push(componentStories);
+      } else {
+        catStories[category] = [componentStories];
+      }
       return catStories;
-    }
-    if (!componentStories.default.component) {
-      throw new Error(`no component was found in ${componentStoriesKey}`);
-    }
-    const title = componentStories.default.title.split("/")[1];
-    if (!title) {
-      throw new Error(`no title was found for ${componentStoriesKey}`);
-    }
-    const category = title;
-    if (catStories[category]) {
-      catStories[category].push(componentStories);
-    } else {
-      catStories[category] = [componentStories];
-    }
-    return catStories;
-  }, {});
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Paragraph, {
-    fontSize: 72,
-    fontWeight: "bold"
-  }, "Components"), /* @__PURE__ */ React.createElement(KitchenSinkAllComponents, null, Object.keys(categoryOrder).sort((a, b) => a > b ? -1 : 1).map((category, index) => {
-    return /* @__PURE__ */ React.createElement(KitchensinkByCategory, {
-      category,
-      stories: categoryOrder[category],
-      key: index
-    });
+    },
+    {}
+  );
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Paragraph, { fontSize: 72, fontWeight: "bold" }, "Components"), /* @__PURE__ */ React.createElement(KitchenSinkAllComponents, null, Object.keys(categoryOrder).sort((a, b) => a > b ? -1 : 1).map((category, index) => {
+    return /* @__PURE__ */ React.createElement(
+      KitchensinkByCategory,
+      {
+        category,
+        stories: categoryOrder[category],
+        key: index
+      }
+    );
   })));
 };
 export {

package/Kitchensink/KitchensinkDashboard.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Kitchensink/KitchensinkDashboard.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { KitchenSinkAllComponents } from '@digigov/react-core/KitchenSinkAllComponents';\nimport Paragraph from '@digigov/react-core/Paragraph';\nimport { KitchensinkByCategory } from '@digigov/react-experimental/Kitchensink/KitchensinkByCategory';\n\nexport interface KitchenSinkDashboardInterface {\n  stories: any;\n}\n\nexport const KitchenSinkDashboard = ({\n  stories,\n}: KitchenSinkDashboardInterface) => {\n  const categoryOrder = Object.keys(stories).reduce(\n    (catStories, componentStoriesKey) => {\n      const componentStories = stories[componentStoriesKey];\n      if (componentStories.default.ignore) {\n        return catStories;\n      }\n      if (!componentStories.default.component) {\n        throw new Error(`no component was found in ${componentStoriesKey}`);\n      }\n      const title = componentStories.default.title.split('/')[1];\n      if (!title) {\n        throw new Error(`no title was found for ${componentStoriesKey}`);\n      }\n      const category = title;\n      if (catStories[category]) {\n        catStories[category].push(componentStories);\n      } else {\n        catStories[category] = [componentStories];\n      }\n      return catStories;\n    },\n    {}\n  );\n  return (\n    <div>\n      <Paragraph fontSize={72} fontWeight=\"bold\">\n        Components\n      </Paragraph>\n      <KitchenSinkAllComponents>\n        {Object.keys(categoryOrder)\n          .sort((a, b) => (a > b ? -1 : 1))\n          .map((category, index) => {\n            return (\n              <KitchensinkByCategory\n                category={category}\n                stories={categoryOrder[category]}\n                key={index}\n              />\n            );\n          })}\n      </KitchenSinkAllComponents>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAMO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,MACmC;AACnC,QAAM,gBAAgB,OAAO,KAAK,SAAS,OACzC,CAAC,YAAY,wBAAwB;AACnC,UAAM,mBAAmB,QAAQ;AACjC,QAAI,iBAAiB,QAAQ,QAAQ;AACnC,aAAO;AAAA;AAET,QAAI,CAAC,iBAAiB,QAAQ,WAAW;AACvC,YAAM,IAAI,MAAM,6BAA6B;AAAA;AAE/C,UAAM,QAAQ,iBAAiB,QAAQ,MAAM,MAAM,KAAK;AACxD,QAAI,CAAC,OAAO;AACV,YAAM,IAAI,MAAM,0BAA0B;AAAA;AAE5C,UAAM,WAAW;AACjB,QAAI,WAAW,WAAW;AACxB,iBAAW,UAAU,KAAK;AAAA,WACrB;AACL,iBAAW,YAAY,CAAC;AAAA;AAE1B,WAAO;AAAA,KAET;AAEF,SACE,oCAAC,OAAD,MACE,oCAAC,WAAD;AAAA,IAAW,UAAU;AAAA,IAAI,YAAW;AAAA,KAAO,eAG3C,oCAAC,0BAAD,MACG,OAAO,KAAK,eACV,KAAK,CAAC,GAAG,MAAO,IAAI,IAAI,KAAK,GAC7B,IAAI,CAAC,UAAU,UAAU;AACxB,WACE,oCAAC,uBAAD;AAAA,MACE;AAAA,MACA,SAAS,cAAc;AAAA,MACvB,KAAK;AAAA;AAAA;AAAA;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gCAAgC;AACzC,OAAO,eAAe;AACtB,SAAS,6BAA6B;AAM/B,MAAM,uBAAuB,CAAC;AAAA,EACnC;AACF,MAAqC;AACnC,QAAM,gBAAgB,OAAO,KAAK,OAAO,EAAE;AAAA,IACzC,CAAC,YAAY,wBAAwB;AACnC,YAAM,mBAAmB,QAAQ,mBAAmB;AACpD,UAAI,iBAAiB,QAAQ,QAAQ;AACnC,eAAO;AAAA,MACT;AACA,UAAI,CAAC,iBAAiB,QAAQ,WAAW;AACvC,cAAM,IAAI,MAAM,6BAA6B,mBAAmB,EAAE;AAAA,MACpE;AACA,YAAM,QAAQ,iBAAiB,QAAQ,MAAM,MAAM,GAAG,EAAE,CAAC;AACzD,UAAI,CAAC,OAAO;AACV,cAAM,IAAI,MAAM,0BAA0B,mBAAmB,EAAE;AAAA,MACjE;AACA,YAAM,WAAW;AACjB,UAAI,WAAW,QAAQ,GAAG;AACxB,mBAAW,QAAQ,EAAE,KAAK,gBAAgB;AAAA,MAC5C,OAAO;AACL,mBAAW,QAAQ,IAAI,CAAC,gBAAgB;AAAA,MAC1C;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,oCAAC,aACC,oCAAC,aAAU,UAAU,IAAI,YAAW,UAAO,YAE3C,GACA,oCAAC,gCACE,OAAO,KAAK,aAAa,EACvB,KAAK,CAAC,GAAG,MAAO,IAAI,IAAI,KAAK,CAAE,EAC/B,IAAI,CAAC,UAAU,UAAU;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,cAAc,QAAQ;AAAA,QAC/B,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACL,CACF;AAEJ;",
   "names": []
 }

package/Kitchensink/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Kitchensink/index.ts"],
   "sourcesContent": ["export * from './AllComponents';\nexport * from './KitchensinkByCategory';\nexport * from './KitchensinkByLetter';\nexport * from './KitchensinkComponent';\nexport * from './KitchensinkDashboard';\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/OptionButtonBase/index.js

@@ -1,17 +1,21 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const OptionButtonBase = React.forwardRef(function OptionButtonBase2({selected = false, className, children, ...props}, ref) {
-  return /* @__PURE__ */ React.createElement(Base, {
-    as: "button",
-    ref,
-    className: clsx(className, {
-      "ds-btn": true,
-      "ds-option-btn": true,
-      "ds-option-btn--selected": selected
-    }),
-    ...props
-  }, children);
+const OptionButtonBase = React.forwardRef(function OptionButtonBase2({ selected = false, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "button",
+      ref,
+      className: clsx(className, {
+        "ds-btn": true,
+        "ds-option-btn": true,
+        "ds-option-btn--selected": selected
+      }),
+      ...props
+    },
+    children
+  );
 });
 var OptionButtonBase_default = OptionButtonBase;
 export {

package/OptionButtonBase/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/OptionButtonBase/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface OptionButtonBaseProps\n  extends BaseProps<'button'> {\n  /**\n   * selected is optional. \n   * Use selected prop to set selected styling.\n  * @value true\n  * @value false\n  * @default false\n  */\n  selected?: boolean\n}\n/**\n *\n * OptionButtonBases can be used to represent small blocks of information.\n * OptionButtonBase component must be inside OptionButtonBaseSection component.\n */\nexport const OptionButtonBase = React.forwardRef<\n  HTMLButtonElement,\n  OptionButtonBaseProps\n>(function OptionButtonBase(\n  { selected = false, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"button\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-btn': true,\n        'ds-option-btn': true,\n        'ds-option-btn--selected': selected,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default OptionButtonBase;"],
-  "mappings": "AAAA;AACA;AACA;AAkBO,MAAM,mBAAmB,MAAM,WAGpC,2BACA,CAAE,WAAW,OAAO,WAAW,aAAa,QAC5C,KACA;AACA,SACE,oCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,MACzB,UAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,2BAA2B;AAAA;AAAA,OAEzB;AAAA,KAEH;AAAA;AAKP,IAAO,2BAAQ;",
-  "names": []
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAkBzB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBACT,EAAE,WAAW,OAAO,WAAW,UAAU,GAAG,MAAM,GAClD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,UAAU;AAAA,QACV,iBAAiB;AAAA,QACjB,2BAA2B;AAAA,MAC7B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
+  "names": ["OptionButtonBase"]
 }

package/OptionButtonSteps/index.js

@@ -1,22 +1,32 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const OptionButtonSteps = React.forwardRef(function OptionButtonSteps2({steps = 0, activeStep = 0, className, ...props}, ref) {
-  const renderStep = (step) => /* @__PURE__ */ React.createElement(Base, {
-    as: "div",
-    className: clsx(className, {
-      "ds-option-btn__step": true,
-      "ds-option-btn__step--active": activeStep >= step
-    })
-  });
-  return /* @__PURE__ */ React.createElement(Base, {
-    as: "div",
-    ref,
-    className: clsx(className, {
-      "ds-option-btn__steps": true
-    }),
-    ...props
-  }, steps >= 1 && renderStep(1), steps >= 2 && renderStep(2), steps >= 3 && renderStep(3), steps >= 4 && renderStep(4));
+const OptionButtonSteps = React.forwardRef(function OptionButtonSteps2({ steps = 0, activeStep = 0, className, ...props }, ref) {
+  const renderStep = (step) => /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "div",
+      className: clsx(className, {
+        "ds-option-btn__step": true,
+        "ds-option-btn__step--active": activeStep >= step
+      })
+    }
+  );
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "div",
+      ref,
+      className: clsx(className, {
+        "ds-option-btn__steps": true
+      }),
+      ...props
+    },
+    steps >= 1 && renderStep(1),
+    steps >= 2 && renderStep(2),
+    steps >= 3 && renderStep(3),
+    steps >= 4 && renderStep(4)
+  );
 });
 var OptionButtonSteps_default = OptionButtonSteps;
 export {

package/OptionButtonSteps/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/OptionButtonSteps/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface OptionButtonStepsProps extends BaseProps<'div'> {\n  /**\n  * @value 0\n  * @value 1\n  * @value 2\n  * @value 3\n  * @value 4\n  * @default 0\n  */\n  steps?: stepsProps;\n  /**\n  * @default 0\n  */\n  activeStep?: number;\n}\n\nexport type stepsProps = 0 | 1 | 2 | 3 | 4;\n/**\n *\n * OptionButtonSteps can be used to represent small blocks of information.\n * OptionButtonSteps component must be inside OptionButtonStepsSection component.\n */\nexport const OptionButtonSteps = React.forwardRef<\n  HTMLDivElement,\n  OptionButtonStepsProps\n>(function OptionButtonSteps(\n  { steps = 0, activeStep = 0, className, ...props },\n  ref\n) {\n\n  const renderStep = (step: number) => (\n    <Base\n      as=\"div\"\n      className={clsx(className, {\n        'ds-option-btn__step': true,\n        'ds-option-btn__step--active': activeStep >= step,\n      })}\n    ></Base>\n  );\n\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-option-btn__steps': true,\n      })}\n      {...props}\n    >\n      {steps >= 1 && renderStep(1)}\n      {steps >= 2 && renderStep(2)}\n      {steps >= 3 && renderStep(3)}\n      {steps >= 4 && renderStep(4)}\n    </Base>\n  );\n});\n\nexport default OptionButtonSteps;"],
-  "mappings": "AAAA;AACA;AACA;AAwBO,MAAM,oBAAoB,MAAM,WAGrC,4BACA,CAAE,QAAQ,GAAG,aAAa,GAAG,cAAc,QAC3C,KACA;AAEA,QAAM,aAAa,CAAC,SAClB,oCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH,WAAW,KAAK,WAAW;AAAA,MACzB,uBAAuB;AAAA,MACvB,+BAA+B,cAAc;AAAA;AAAA;AAKnD,SACE,oCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,MACzB,wBAAwB;AAAA;AAAA,OAEtB;AAAA,KAEH,SAAS,KAAK,WAAW,IACzB,SAAS,KAAK,WAAW,IACzB,SAAS,KAAK,WAAW,IACzB,SAAS,KAAK,WAAW;AAAA;AAKhC,IAAO,4BAAQ;",
-  "names": []
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAwBzB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBACT,EAAE,QAAQ,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GACjD,KACA;AAEA,QAAM,aAAa,CAAC,SAClB;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,+BAA+B,cAAc;AAAA,MAC/C,CAAC;AAAA;AAAA,EACF;AAGH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,SAAS,KAAK,WAAW,CAAC;AAAA,IAC1B,SAAS,KAAK,WAAW,CAAC;AAAA,IAC1B,SAAS,KAAK,WAAW,CAAC;AAAA,IAC1B,SAAS,KAAK,WAAW,CAAC;AAAA,EAC7B;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
+  "names": ["OptionButtonSteps"]
 }

package/cjs/FloatingButton/index.js

@@ -1,43 +1,53 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FloatingButton_exports = {};
+__export(FloatingButton_exports, {
   FloatingButton: () => FloatingButton,
   default: () => FloatingButton_default
 });
-var import_react = __toModule(require("react"));
-var import_clsx = __toModule(require("clsx"));
-var import_Button = __toModule(require("@digigov/react-core/Button"));
-const FloatingButton = import_react.default.forwardRef(function FloatingButton2({direction = "right", className, children, ...props}, ref) {
-  return /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
-    ref,
-    className: (0, import_clsx.default)(className, {
-      "ds-floating-btn": true,
-      "ds-floating-btn--right": direction === "right",
-      "ds-floating-btn--left": direction === "left"
-    }),
-    ...props
-  }, children);
+module.exports = __toCommonJS(FloatingButton_exports);
+var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_Button = __toESM(require("@digigov/react-core/Button"));
+const FloatingButton = import_react.default.forwardRef(function FloatingButton2({ direction = "right", className, children, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Button.default,
+    {
+      ref,
+      className: (0, import_clsx.default)(className, {
+        "ds-floating-btn": true,
+        "ds-floating-btn--right": direction === "right",
+        "ds-floating-btn--left": direction === "left"
+      }),
+      ...props
+    },
+    children
+  );
 });
 var FloatingButton_default = FloatingButton;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/FloatingButton/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/FloatingButton/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Button, { ButtonProps } from '@digigov/react-core/Button';\n\nexport interface FloatingButtonProps extends ButtonProps {\n  /**\n   * direction is optional.\n   * direction sets the position of the button to either left or right side of the screen.\n   * The default value is 'left'.\n   * @value 'right'\n   * @value 'left'\n   * @default 'left'\n   */\n  direction?: 'right' | 'left';\n}\n/**\n *\n * A FloatingButton performs the primary, or most common, action on a screen.\n * Use it primary in mobile applications.\n * Avoid using text in this type of button, use icons instead.\n */\nexport const FloatingButton = React.forwardRef<\n  HTMLButtonElement,\n  FloatingButtonProps\n>(function FloatingButton(\n  { direction = 'right', className, children, ...props },\n  ref\n) {\n  return (\n    <Button\n      ref={ref}\n      className={clsx(className, {\n        'ds-floating-btn': true,\n        'ds-floating-btn--right': direction === 'right',\n        'ds-floating-btn--left': direction === 'left',\n      })}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n});\n\nexport default FloatingButton;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,oBAAoC;AAmB7B,MAAM,iBAAiB,qBAAM,WAGlC,yBACA,CAAE,YAAY,SAAS,WAAW,aAAa,QAC/C,KACA;AACA,SACE,mDAAC,uBAAD;AAAA,IACE;AAAA,IACA,WAAW,yBAAK,WAAW;AAAA,MACzB,mBAAmB;AAAA,MACnB,0BAA0B,cAAc;AAAA,MACxC,yBAAyB,cAAc;AAAA;AAAA,OAErC;AAAA,KAEH;AAAA;AAKP,IAAO,yBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,oBAAoC;AAmB7B,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBACT,EAAE,YAAY,SAAS,WAAW,UAAU,GAAG,MAAM,GACrD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,cAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,mBAAmB;AAAA,QACnB,0BAA0B,cAAc;AAAA,QACxC,yBAAyB,cAAc;AAAA,MACzC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "names": ["React", "FloatingButton", "Button", "clsx"]
 }