@digigov/react-experimental 1.1.2 → 2.0.0-07ee8440

package/FloatingButton/index.d.ts

@@ -17,5 +17,5 @@ export interface FloatingButtonProps extends ButtonProps {
  * Use it primary in mobile applications.
  * Avoid using text in this type of button, use icons instead.
  */
-export declare const FloatingButton: React.ForwardRefExoticComponent<Pick<FloatingButtonProps, "form" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "direction" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "variant" | "dense"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FloatingButton: React.ForwardRefExoticComponent<Omit<FloatingButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default FloatingButton;

package/FloatingButton/index.js

@@ -1,24 +1,24 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["direction", "className", "children"];
-import React from 'react';
-import clsx from 'clsx';
-import Button from '@digigov/react-core/Button';
-/**
- *
- * A FloatingButton performs the primary, or most common, action on a screen.
- * Use it primary in mobile applications.
- * Avoid using text in this type of button, use icons instead.
- */
-export var FloatingButton = /*#__PURE__*/React.forwardRef(function FloatingButton(_ref, ref) {
-  var _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'right' : _ref$direction,
-    className = _ref.className,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    ref: ref,
-    className: clsx(className, direction === 'right' && 'govgr-floating-btn--right', direction === 'left' && 'govgr-floating-btn--left', true && 'govgr-floating-btn')
-  }, props), children);
+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
+  );
 });
-export default FloatingButton;
+var FloatingButton_default = FloatingButton;
+export {
+  FloatingButton,
+  FloatingButton_default as default
+};
+//# sourceMappingURL=index.js.map

package/FloatingButton/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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;\n"],
+  "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

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

package/{FloatingButton/index.test → Kitchensink/AllComponents}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/FloatingButton/index.test/index.js"
+  "main": "../../cjs/Kitchensink/AllComponents/index.js"
 }

package/Kitchensink/AllComponents.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AllComponents: () => React.JSX.Element;

package/Kitchensink/AllComponents.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Kitchensink/AllComponents.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { KitchenSinkDashboard } from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';\n// @ts-expect-error Registry not included in src files\nimport { stories } from '@digigov/ui/registry';\n\nexport const AllComponents = () => <KitchenSinkDashboard stories={stories} />;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,4BAA4B;AAErC,SAAS,eAAe;AAEjB,MAAM,gBAAgB,MAAM,oCAAC,wBAAqB,SAAkB;",
+  "names": []
+}

package/Kitchensink/KitchensinkByCategory/index.js

@@ -0,0 +1,44 @@
+import React from "react";
+import { KitchenSinkCategory } from "@digigov/react-core/KitchenSinkCategory";
+import { KitchenSinkHeading } from "@digigov/react-core/KitchenSinkHeading";
+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;
+    },
+    {}
+  );
+  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
+      }
+    );
+  })));
+};
+export {
+  KitchensinkByCategory
+};
+//# sourceMappingURL=KitchensinkByCategory.js.map

package/Kitchensink/KitchensinkByCategory/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Kitchensink/KitchensinkByCategory/index.js"
+}

package/Kitchensink/KitchensinkByCategory.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface KitchensinkByCategoryInterface {
+    category: string;
+    stories: React.ReactElement[];
+}
+export declare const KitchensinkByCategory: ({ category, stories, }: KitchensinkByCategoryInterface) => React.JSX.Element;

package/Kitchensink/KitchensinkByCategory.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Kitchensink/KitchensinkByCategory.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { KitchenSinkCategory } from '@digigov/react-core/KitchenSinkCategory';\nimport { KitchenSinkHeading } 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,OAAO,WAAW;AAClB,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,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

@@ -0,0 +1,27 @@
+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";
+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
+      }
+    );
+  })));
+};
+export {
+  KitchensinkByLetter
+};
+//# sourceMappingURL=KitchensinkByLetter.js.map

package/{OptionButtonSteps/index.test → Kitchensink/KitchensinkByLetter}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/OptionButtonSteps/index.test/index.js"
+  "main": "../../cjs/Kitchensink/KitchensinkByLetter/index.js"
 }

package/Kitchensink/KitchensinkByLetter.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface KitchensinkByLetterInterface {
+    letter: string;
+    stories: any;
+}
+export declare const KitchensinkByLetter: ({ letter, stories, }: KitchensinkByLetterInterface) => React.JSX.Element;

package/Kitchensink/KitchensinkByLetter.js.map

@@ -0,0 +1,7 @@
+{
+  "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,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

@@ -0,0 +1,32 @@
+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 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 Heading from "@digigov/ui/typography/Heading";
+const KitchensinkComponent = ({
+  tags = [],
+  title,
+  description,
+  link,
+  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) => {
+    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)));
+  }));
+};
+export {
+  KitchensinkComponent
+};
+//# sourceMappingURL=KitchensinkComponent.js.map

package/Kitchensink/KitchensinkComponent/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Kitchensink/KitchensinkComponent/index.js"
+}

package/Kitchensink/KitchensinkComponent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface KitchensinkComponentInterface {
+    tags?: string[];
+    title: string;
+    description?: string;
+    link?: string;
+    stories: React.ReactElement[];
+    width?: 'md' | 'lg';
+}
+export declare const KitchensinkComponent: ({ tags, title, description, link, stories, width, }: KitchensinkComponentInterface) => React.JSX.Element;

package/Kitchensink/KitchensinkComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "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,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

@@ -0,0 +1,45 @@
+import React from "react";
+import { KitchenSinkAllComponents } from "@digigov/react-core/KitchenSinkAllComponents";
+import Paragraph from "@digigov/react-core/Paragraph";
+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) {
+        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
+      }
+    );
+  })));
+};
+export {
+  KitchenSinkDashboard
+};
+//# sourceMappingURL=KitchensinkDashboard.js.map

package/Kitchensink/KitchensinkDashboard/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Kitchensink/KitchensinkDashboard/index.js"
+}

package/Kitchensink/KitchensinkDashboard.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface KitchenSinkDashboardInterface {
+    stories: any;
+}
+export declare const KitchenSinkDashboard: ({ stories, }: KitchenSinkDashboardInterface) => React.JSX.Element;

package/Kitchensink/KitchensinkDashboard.js.map

@@ -0,0 +1,7 @@
+{
+  "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,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.d.ts

@@ -0,0 +1,5 @@
+export * from '@digigov/react-experimental/Kitchensink/AllComponents';
+export * from '@digigov/react-experimental/Kitchensink/KitchensinkByCategory';
+export * from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';
+export * from '@digigov/react-experimental/Kitchensink/KitchensinkComponent';
+export * from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';

package/Kitchensink/index.js

@@ -0,0 +1,6 @@
+export * from "@digigov/react-experimental/Kitchensink/AllComponents";
+export * from "@digigov/react-experimental/Kitchensink/KitchensinkByCategory";
+export * from "@digigov/react-experimental/Kitchensink/KitchensinkByLetter";
+export * from "@digigov/react-experimental/Kitchensink/KitchensinkComponent";
+export * from "@digigov/react-experimental/Kitchensink/KitchensinkDashboard";
+//# sourceMappingURL=index.js.map

package/Kitchensink/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Kitchensink/index.ts"],
+  "sourcesContent": ["export * from '@digigov/react-experimental/Kitchensink/AllComponents';\nexport * from '@digigov/react-experimental/Kitchensink/KitchensinkByCategory';\nexport * from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';\nexport * from '@digigov/react-experimental/Kitchensink/KitchensinkComponent';\nexport * from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/{OptionButtonBase/index.test → Kitchensink}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/OptionButtonBase/index.test/index.js"
+  "main": "../cjs/Kitchensink/index.js"
 }

package/OptionButtonBase/index.d.ts

@@ -4,10 +4,10 @@ export interface OptionButtonBaseProps extends BaseProps<'button'> {
     /**
      * selected is optional.
      * Use selected prop to set selected styling.
-    * @value true
-    * @value false
-    * @default false
-    */
+     * @value true
+     * @value false
+     * @default false
+     */
     selected?: boolean;
 }
 /**
@@ -15,5 +15,5 @@ export interface OptionButtonBaseProps extends BaseProps<'button'> {
  * OptionButtonBases can be used to represent small blocks of information.
  * OptionButtonBase component must be inside OptionButtonBaseSection component.
  */
-export declare const OptionButtonBase: React.ForwardRefExoticComponent<Pick<OptionButtonBaseProps, "form" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "selected" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const OptionButtonBase: React.ForwardRefExoticComponent<Omit<OptionButtonBaseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default OptionButtonBase;

package/OptionButtonBase/index.js

@@ -1,24 +1,25 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["selected", "className", "children"];
-import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
-/**
- *
- * OptionButtonBases can be used to represent small blocks of information.
- * OptionButtonBase component must be inside OptionButtonBaseSection component.
- */
-export var OptionButtonBase = /*#__PURE__*/React.forwardRef(function OptionButtonBase(_ref, ref) {
-  var _ref$selected = _ref.selected,
-    selected = _ref$selected === void 0 ? false : _ref$selected,
-    className = _ref.className,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "button",
-    ref: ref,
-    className: clsx(className, selected && 'govgr-option-btn--selected', true && ['govgr-btn', 'govgr-option-btn'])
-  }, props), children);
+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
+  );
 });
-export default OptionButtonBase;
+var OptionButtonBase_default = OptionButtonBase;
+export {
+  OptionButtonBase,
+  OptionButtonBase_default as default
+};
+//# sourceMappingURL=index.js.map

package/OptionButtonBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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 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;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAiBzB,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.d.ts

@@ -2,17 +2,17 @@ import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface OptionButtonStepsProps extends BaseProps<'div'> {
     /**
-    * @value 0
-    * @value 1
-    * @value 2
-    * @value 3
-    * @value 4
-    * @default 0
-    */
+     * @value 0
+     * @value 1
+     * @value 2
+     * @value 3
+     * @value 4
+     * @default 0
+     */
     steps?: stepsProps;
     /**
-    * @default 0
-    */
+     * @default 0
+     */
     activeStep?: number;
 }
 export type stepsProps = 0 | 1 | 2 | 3 | 4;
@@ -21,5 +21,5 @@ export type stepsProps = 0 | 1 | 2 | 3 | 4;
  * OptionButtonSteps can be used to represent small blocks of information.
  * OptionButtonSteps component must be inside OptionButtonStepsSection component.
  */
-export declare const OptionButtonSteps: React.ForwardRefExoticComponent<Pick<OptionButtonStepsProps, "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "steps" | "activeStep"> & React.RefAttributes<HTMLDivElement>>;
+export declare const OptionButtonSteps: React.ForwardRefExoticComponent<Omit<OptionButtonStepsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default OptionButtonSteps;