@digigov/react-experimental 2.0.0-834daea4 → 2.0.0-87b6232d

package/FloatingButton/index.js.map

@@ -1,7 +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;"],
+  "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

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

package/Kitchensink/AllComponents.js.map

@@ -1,7 +1,7 @@
 {
   "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,OAAO,WAAW;AAElB,SAAS,eAAe;AACxB,SAAS,4BAA4B;AAE9B,MAAM,gBAAgB,MAAM,oCAAC,wBAAqB,SAAkB;",
+  "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

@@ -1,10 +1,6 @@
 import React from "react";
-import {
-  KitchenSinkCategory
-} from "@digigov/react-core/KitchenSinkCategory";
-import {
-  KitchenSinkHeading
-} from "@digigov/react-core/KitchenSinkHeading";
+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,

package/Kitchensink/KitchensinkByCategory.js.map

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

@@ -1,5 +1,5 @@
-export * from './AllComponents';
-export * from './KitchensinkByCategory';
-export * from './KitchensinkByLetter';
-export * from './KitchensinkComponent';
-export * from './KitchensinkDashboard';
+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

@@ -1,6 +1,6 @@
-export * from "./AllComponents";
-export * from "./KitchensinkByCategory";
-export * from "./KitchensinkByLetter";
-export * from "./KitchensinkComponent";
-export * from "./KitchensinkDashboard";
+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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Kitchensink/index.ts"],
-  "sourcesContent": ["export * from './AllComponents';\nexport * from './KitchensinkByCategory';\nexport * from './KitchensinkByLetter';\nexport * from './KitchensinkComponent';\nexport * from './KitchensinkDashboard';\n"],
+  "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.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;
 }
 /**

package/OptionButtonBase/index.js.map

@@ -1,7 +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\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,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;",
+  "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;

package/OptionButtonSteps/index.js.map

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

@@ -1,7 +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;"],
+  "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;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"]
 }

package/cjs/Kitchensink/AllComponents/index.js

@@ -31,8 +31,8 @@ __export(AllComponents_exports, {
 });
 module.exports = __toCommonJS(AllComponents_exports);
 var import_react = __toESM(require("react"));
-var import_registry = require("@digigov/ui/registry");
 var import_KitchensinkDashboard = require("@digigov/react-experimental/Kitchensink/KitchensinkDashboard");
+var import_registry = require("@digigov/ui/registry");
 const AllComponents = () => /* @__PURE__ */ import_react.default.createElement(import_KitchensinkDashboard.KitchenSinkDashboard, { stories: import_registry.stories });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/Kitchensink/AllComponents.js.map

@@ -1,7 +1,7 @@
 {
   "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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,sBAAwB;AACxB,kCAAqC;AAE9B,MAAM,gBAAgB,MAAM,6BAAAA,QAAA,cAAC,oDAAqB,SAAS,yBAAS;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kCAAqC;AAErC,sBAAwB;AAEjB,MAAM,gBAAgB,MAAM,6BAAAA,QAAA,cAAC,oDAAqB,SAAS,yBAAS;",
   "names": ["React"]
 }

package/cjs/Kitchensink/KitchensinkByCategory.js.map

@@ -1,7 +1,7 @@
 {
   "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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,iCAEO;AACP,gCAEO;AACP,iCAAoC;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,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,oDAAoB,QAAS,GAC9B,6BAAAA,QAAA,cAAC,sDACE,OAAO,KAAK,iBAAiB,EAC3B,KAAK,EACL,IAAI,CAAC,QAAQ,UAAU;AACtB,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,kBAAkB,MAAM;AAAA,QACjC,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACL,CACF;AAEJ;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,iCAAoC;AACpC,gCAAmC;AACnC,iCAAoC;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,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,oDAAoB,QAAS,GAC9B,6BAAAA,QAAA,cAAC,sDACE,OAAO,KAAK,iBAAiB,EAC3B,KAAK,EACL,IAAI,CAAC,QAAQ,UAAU;AACtB,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,kBAAkB,MAAM;AAAA,QACjC,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACL,CACF;AAEJ;",
   "names": ["React"]
 }

package/cjs/Kitchensink/index.js

@@ -14,17 +14,17 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Kitchensink_exports = {};
 module.exports = __toCommonJS(Kitchensink_exports);
-__reExport(Kitchensink_exports, require("./AllComponents"), module.exports);
-__reExport(Kitchensink_exports, require("./KitchensinkByCategory"), module.exports);
-__reExport(Kitchensink_exports, require("./KitchensinkByLetter"), module.exports);
-__reExport(Kitchensink_exports, require("./KitchensinkComponent"), module.exports);
-__reExport(Kitchensink_exports, require("./KitchensinkDashboard"), module.exports);
+__reExport(Kitchensink_exports, require("@digigov/react-experimental/Kitchensink/AllComponents"), module.exports);
+__reExport(Kitchensink_exports, require("@digigov/react-experimental/Kitchensink/KitchensinkByCategory"), module.exports);
+__reExport(Kitchensink_exports, require("@digigov/react-experimental/Kitchensink/KitchensinkByLetter"), module.exports);
+__reExport(Kitchensink_exports, require("@digigov/react-experimental/Kitchensink/KitchensinkComponent"), module.exports);
+__reExport(Kitchensink_exports, require("@digigov/react-experimental/Kitchensink/KitchensinkDashboard"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("./AllComponents"),
-  ...require("./KitchensinkByCategory"),
-  ...require("./KitchensinkByLetter"),
-  ...require("./KitchensinkComponent"),
-  ...require("./KitchensinkDashboard")
+  ...require("@digigov/react-experimental/Kitchensink/AllComponents"),
+  ...require("@digigov/react-experimental/Kitchensink/KitchensinkByCategory"),
+  ...require("@digigov/react-experimental/Kitchensink/KitchensinkByLetter"),
+  ...require("@digigov/react-experimental/Kitchensink/KitchensinkComponent"),
+  ...require("@digigov/react-experimental/Kitchensink/KitchensinkDashboard")
 });
 //# sourceMappingURL=index.js.map

package/cjs/Kitchensink/index.js.map

@@ -1,7 +1,7 @@
 {
   "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;AAAA;AAAA,gCAAc,4BAAd;AACA,gCAAc,oCADd;AAEA,gCAAc,kCAFd;AAGA,gCAAc,mCAHd;AAIA,gCAAc,mCAJd;",
+  "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;AAAA;AAAA,gCAAc,kEAAd;AACA,gCAAc,0EADd;AAEA,gCAAc,wEAFd;AAGA,gCAAc,yEAHd;AAIA,gCAAc,yEAJd;",
   "names": []
 }

package/cjs/OptionButtonBase/index.js.map

@@ -1,7 +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\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkBzB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBACT,EAAE,WAAW,OAAO,WAAW,UAAU,GAAG,MAAM,GAClD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,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;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAiBzB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBACT,EAAE,WAAW,OAAO,WAAW,UAAU,GAAG,MAAM,GAClD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,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": ["React", "OptionButtonBase", "Base", "clsx"]
 }

package/cjs/OptionButtonSteps/index.js.map

@@ -1,7 +1,7 @@
 {
   "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAwBzB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBACT,EAAE,QAAQ,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GACjD,KACA;AAEA,QAAM,aAAa,CAAC,SAClB,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,+BAA+B,cAAc;AAAA,MAC/C,CAAC;AAAA;AAAA,EACF;AAGH,SACE,6BAAAH,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,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;",
+  "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  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;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAwBzB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBACT,EAAE,QAAQ,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GACjD,KACA;AACA,QAAM,aAAa,CAAC,SAClB,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,+BAA+B,cAAc;AAAA,MAC/C,CAAC;AAAA;AAAA,EACF;AAGH,SACE,6BAAAH,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,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": ["React", "OptionButtonSteps", "Base", "clsx"]
 }

package/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from '@digigov/react-experimental/FloatingButton';\nexport * from '@digigov/react-experimental/OptionButtonBase';\nexport * from '@digigov/react-experimental/OptionButtonSteps';\nexport * from '@digigov/react-experimental/Kitchensink';"],
+  "sourcesContent": ["export * from '@digigov/react-experimental/FloatingButton';\nexport * from '@digigov/react-experimental/OptionButtonBase';\nexport * from '@digigov/react-experimental/OptionButtonSteps';\nexport * from '@digigov/react-experimental/Kitchensink';\n"],
   "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,uDAAd;AACA,wBAAc,yDADd;AAEA,wBAAc,0DAFd;AAGA,wBAAc,oDAHd;",
   "names": []
 }

package/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v2.0.0-834daea4
+/** @license Digigov v2.0.0-87b6232d
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/index.js.map

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

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@digigov/react-experimental",
-  "version": "2.0.0-834daea4",
+  "version": "2.0.0-87b6232d",
   "description": "@digigov react experimental components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "peerDependencies": {
-    "@digigov/css": "2.0.0-834daea4",
-    "@digigov/react-icons": "2.0.0-834daea4",
-    "@digigov/ui": "2.0.0-834daea4",
-    "@digigov/react-core": "2.0.0-834daea4",
+    "@digigov/css": "2.0.0-87b6232d",
+    "@digigov/react-icons": "2.0.0-87b6232d",
+    "@digigov/ui": "2.0.0-87b6232d",
+    "@digigov/react-core": "2.0.0-87b6232d",
     "clsx": "1.1.1",
     "react": ">=16.8.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0"

package/src/FloatingButton/index.test.tsx

@@ -4,11 +4,17 @@ import { render } from '@testing-library/react';
 import FloatingButton from '@digigov/react-experimental/FloatingButton';
 
 it('renders the FloatingButton with no props', () => {
-  expect(render(<FloatingButton>+</FloatingButton>).baseElement).toMatchSnapshot();
+  expect(
+    render(<FloatingButton>+</FloatingButton>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the FloatingButton with  direction="right"', () => {
-  expect(render(<FloatingButton direction="right">+</FloatingButton>).baseElement).toMatchSnapshot();
+  expect(
+    render(<FloatingButton direction="right">+</FloatingButton>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the FloatingButton with  direction="left"', () => {
-  expect(render(<FloatingButton direction="left">+</FloatingButton>).baseElement).toMatchSnapshot();
-});
+  expect(
+    render(<FloatingButton direction="left">+</FloatingButton>).baseElement
+  ).toMatchSnapshot();
+});

package/src/FloatingButton/index.tsx

@@ -41,4 +41,4 @@ export const FloatingButton = React.forwardRef<
   );
 });
 
-export default FloatingButton;
+export default FloatingButton;

package/src/Kitchensink/AllComponents.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
-import { stories } from '@digigov/ui/registry';
 import { KitchenSinkDashboard } from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';
+// @ts-expect-error Registry not included in src files
+import { stories } from '@digigov/ui/registry';
 
 export const AllComponents = () => <KitchenSinkDashboard stories={stories} />;

package/src/Kitchensink/KitchensinkByCategory.tsx

@@ -1,10 +1,6 @@
 import React from 'react';
-import {
-  KitchenSinkCategory,
-} from '@digigov/react-core/KitchenSinkCategory';
-import {
-  KitchenSinkHeading,
-} from '@digigov/react-core/KitchenSinkHeading';
+import { KitchenSinkCategory } from '@digigov/react-core/KitchenSinkCategory';
+import { KitchenSinkHeading } from '@digigov/react-core/KitchenSinkHeading';
 import { KitchensinkByLetter } from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';
 
 export interface KitchensinkByCategoryInterface {

package/src/Kitchensink/index.ts

@@ -1,5 +1,5 @@
-export * from './AllComponents';
-export * from './KitchensinkByCategory';
-export * from './KitchensinkByLetter';
-export * from './KitchensinkComponent';
-export * from './KitchensinkDashboard';
+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/src/OptionButtonBase/__snapshots__/index.test.tsx.snap

@@ -4,7 +4,7 @@ exports[`renders the OptionButtonBase with  selected=false 1`] = `
 <body>
   <div>
     <button
-      class=" ds-btn ds-option-btn"
+      class="ds-btn ds-option-btn"
     >
       +
     </button>
@@ -16,7 +16,7 @@ exports[`renders the OptionButtonBase with  selected=true 1`] = `
 <body>
   <div>
     <button
-      class=" ds-btn ds-option-btn ds-option-btn--selected"
+      class="ds-btn ds-option-btn ds-option-btn--selected"
     >
       +
     </button>
@@ -28,7 +28,7 @@ exports[`renders the OptionButtonBase with no props 1`] = `
 <body>
   <div>
     <button
-      class=" ds-btn ds-option-btn"
+      class="ds-btn ds-option-btn"
     >
       +
     </button>

package/src/OptionButtonBase/index.test.tsx

@@ -4,11 +4,17 @@ import { render } from '@testing-library/react';
 import OptionButtonBase from '@digigov/react-experimental/OptionButtonBase';
 
 it('renders the OptionButtonBase with no props', () => {
-  expect(render(<OptionButtonBase>+</OptionButtonBase>).baseElement).toMatchSnapshot();
+  expect(
+    render(<OptionButtonBase>+</OptionButtonBase>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the OptionButtonBase with  selected=true', () => {
-  expect(render(<OptionButtonBase selected={true}>+</OptionButtonBase>).baseElement).toMatchSnapshot();
+  expect(
+    render(<OptionButtonBase selected={true}>+</OptionButtonBase>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the OptionButtonBase with  selected=false', () => {
-  expect(render(<OptionButtonBase selected={false}>+</OptionButtonBase>).baseElement).toMatchSnapshot();
-});
+  expect(
+    render(<OptionButtonBase selected={false}>+</OptionButtonBase>).baseElement
+  ).toMatchSnapshot();
+});

package/src/OptionButtonBase/index.tsx

@@ -2,16 +2,15 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface OptionButtonBaseProps
-  extends BaseProps<'button'> {
+export interface OptionButtonBaseProps extends BaseProps<'button'> {
   /**
-   * selected is optional. 
+   * selected is optional.
    * Use selected prop to set selected styling.
-  * @value true
-  * @value false
-  * @default false
-  */
-  selected?: boolean
+   * @value true
+   * @value false
+   * @default false
+   */
+  selected?: boolean;
 }
 /**
  *
@@ -41,4 +40,4 @@ export const OptionButtonBase = React.forwardRef<
   );
 });
 
-export default OptionButtonBase;
+export default OptionButtonBase;

package/src/OptionButtonSteps/__snapshots__/index.test.tsx.snap

@@ -4,7 +4,7 @@ exports[`renders the OptionButtonSteps with activeStep=1 1`] = `
 <body>
   <div>
     <div
-      class=" ds-option-btn__steps"
+      class="ds-option-btn__steps"
     />
   </div>
 </body>
@@ -14,7 +14,7 @@ exports[`renders the OptionButtonSteps with no props 1`] = `
 <body>
   <div>
     <div
-      class=" ds-option-btn__steps"
+      class="ds-option-btn__steps"
     />
   </div>
 </body>
@@ -24,16 +24,16 @@ exports[`renders the OptionButtonSteps with steps="3" 1`] = `
 <body>
   <div>
     <div
-      class=" ds-option-btn__steps"
+      class="ds-option-btn__steps"
     >
       <div
-        class=" ds-option-btn__step"
+        class="ds-option-btn__step"
       />
       <div
-        class=" ds-option-btn__step"
+        class="ds-option-btn__step"
       />
       <div
-        class=" ds-option-btn__step"
+        class="ds-option-btn__step"
       />
     </div>
   </div>
@@ -44,16 +44,16 @@ exports[`renders the OptionButtonSteps with steps=3 activeStep=1 1`] = `
 <body>
   <div>
     <div
-      class=" ds-option-btn__steps"
+      class="ds-option-btn__steps"
     >
       <div
-        class=" ds-option-btn__step ds-option-btn__step--active"
+        class="ds-option-btn__step ds-option-btn__step--active"
       />
       <div
-        class=" ds-option-btn__step"
+        class="ds-option-btn__step"
       />
       <div
-        class=" ds-option-btn__step"
+        class="ds-option-btn__step"
       />
     </div>
   </div>
@@ -64,19 +64,19 @@ exports[`renders the OptionButtonSteps with steps=4 1`] = `
 <body>
   <div>
     <div
-      class=" ds-option-btn__steps"
+      class="ds-option-btn__steps"
     >
       <div
-        class=" ds-option-btn__step"
+        class="ds-option-btn__step"
       />
       <div
-        class=" ds-option-btn__step"
+        class="ds-option-btn__step"
       />
       <div
-        class=" ds-option-btn__step"
+        class="ds-option-btn__step"
       />
       <div
-        class=" ds-option-btn__step"
+        class="ds-option-btn__step"
       />
     </div>
   </div>

package/src/OptionButtonSteps/index.test.tsx

@@ -4,17 +4,31 @@ import { render } from '@testing-library/react';
 import OptionButtonSteps from '@digigov/react-experimental/OptionButtonSteps';
 
 it('renders the OptionButtonSteps with no props', () => {
-  expect(render(<OptionButtonSteps>+</OptionButtonSteps>).baseElement).toMatchSnapshot();
+  expect(
+    render(<OptionButtonSteps>+</OptionButtonSteps>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the OptionButtonSteps with steps="3"', () => {
-  expect(render(<OptionButtonSteps steps={3}>+</OptionButtonSteps>).baseElement).toMatchSnapshot();
+  expect(
+    render(<OptionButtonSteps steps={3}>+</OptionButtonSteps>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the OptionButtonSteps with steps=4', () => {
-  expect(render(<OptionButtonSteps steps={4}>+</OptionButtonSteps>).baseElement).toMatchSnapshot();
+  expect(
+    render(<OptionButtonSteps steps={4}>+</OptionButtonSteps>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the OptionButtonSteps with activeStep=1', () => {
-  expect(render(<OptionButtonSteps activeStep={1}>+</OptionButtonSteps>).baseElement).toMatchSnapshot();
+  expect(
+    render(<OptionButtonSteps activeStep={1}>+</OptionButtonSteps>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the OptionButtonSteps with steps=3 activeStep=1', () => {
-  expect(render(<OptionButtonSteps steps={3} activeStep={1}>+</OptionButtonSteps>).baseElement).toMatchSnapshot();
-});
+  expect(
+    render(
+      <OptionButtonSteps steps={3} activeStep={1}>
+        +
+      </OptionButtonSteps>
+    ).baseElement
+  ).toMatchSnapshot();
+});

package/src/OptionButtonSteps/index.tsx

@@ -4,17 +4,17 @@ import Base, { 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;
 }
 
@@ -31,7 +31,6 @@ export const OptionButtonSteps = React.forwardRef<
   { steps = 0, activeStep = 0, className, ...props },
   ref
 ) {
-
   const renderStep = (step: number) => (
     <Base
       as="div"
@@ -59,4 +58,4 @@ export const OptionButtonSteps = React.forwardRef<
   );
 });
 
-export default OptionButtonSteps;
+export default OptionButtonSteps;

package/src/index.ts

@@ -1,4 +1,4 @@
 export * from '@digigov/react-experimental/FloatingButton';
 export * from '@digigov/react-experimental/OptionButtonBase';
 export * from '@digigov/react-experimental/OptionButtonSteps';
-export * from '@digigov/react-experimental/Kitchensink';
+export * from '@digigov/react-experimental/Kitchensink';