@faststore/ui 1.9.8 → 1.9.11

package/dist/utils/toHaveNoIncomplete.js

@@ -0,0 +1,43 @@
+import { printReceived, matcherHint } from 'jest-matcher-utils';
+import chalk from 'chalk';
+// This code is based on jest-axe library.
+// https://github.com/nickcolley/jest-axe
+export const toHaveNoIncompletes = {
+    toHaveNoIncompletes: (results) => {
+        if (typeof results.incomplete === 'undefined') {
+            throw new Error('No incompletes found in aXe results object');
+        }
+        const reporter = (incompletes) => {
+            if (incompletes.length === 0) {
+                return [];
+            }
+            const lineBreak = '\n\n';
+            const horizontalLine = '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500';
+            return incompletes
+                .map((incomplete) => {
+                const errorBody = incomplete.nodes
+                    .map((node) => {
+                    const selector = node.target.join(', ');
+                    const expectedText = `Expected the HTML found at $('${selector}') to have no incompletes:${lineBreak}`;
+                    return `${expectedText + chalk.grey(node.html) + lineBreak}Received:${lineBreak}${printReceived(`${incomplete.help} (${incomplete.id})`)}${lineBreak}${chalk.yellow(node.failureSummary)}${lineBreak}${incomplete.helpUrl
+                        ? `You can find more information on this issue here: \n${chalk.blue(incomplete.helpUrl)}`
+                        : ''}`;
+                })
+                    .join(lineBreak);
+                return errorBody;
+            })
+                .join(lineBreak + horizontalLine + lineBreak);
+        };
+        const { incomplete: incompletes } = results;
+        const formatedIncompletes = reporter(incompletes);
+        const pass = formatedIncompletes.length === 0;
+        const message = () => {
+            if (pass) {
+                return '';
+            }
+            return (`${matcherHint('.toHaveNoIncompletes')}\n\n` + `${formatedIncompletes}`);
+        };
+        return { actual: incompletes, message, pass };
+    },
+};
+//# sourceMappingURL=toHaveNoIncomplete.js.map

package/dist/utils/toHaveNoIncomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toHaveNoIncomplete.js","sourceRoot":"","sources":["../../src/utils/toHaveNoIncomplete.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,0CAA0C;AAC1C,yCAAyC;AACzC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,mBAAmB,EAAE,CAAC,OAAmB,EAAE,EAAE;QAC3C,IAAI,OAAO,OAAO,CAAC,UAAU,KAAK,WAAW,EAAE;YAC7C,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAA;SAC9D;QAED,MAAM,QAAQ,GAAG,CAAC,WAAqC,EAAE,EAAE;YACzD,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC5B,OAAO,EAAE,CAAA;aACV;YAED,MAAM,SAAS,GAAG,MAAM,CAAA;YACxB,MAAM,cAAc,GAAG,kDAAkD,CAAA;YAEzE,OAAO,WAAW;iBACf,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;gBAClB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK;qBAC/B,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBACZ,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;oBACvC,MAAM,YAAY,GAAG,iCAAiC,QAAQ,6BAA6B,SAAS,EAAE,CAAA;oBAEtG,OAAO,GACL,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,SACzC,YAAY,SAAS,GAAG,aAAa,CACnC,GAAG,UAAU,CAAC,IAAI,KAAK,UAAU,CAAC,EAAE,GAAG,CACxC,GAAG,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,SAAS,GAC3D,UAAU,CAAC,OAAO;wBAChB,CAAC,CAAC,uDAAuD,KAAK,CAAC,IAAI,CAC/D,UAAU,CAAC,OAAO,CACnB,EAAE;wBACL,CAAC,CAAC,EACN,EAAE,CAAA;gBACJ,CAAC,CAAC;qBACD,IAAI,CAAC,SAAS,CAAC,CAAA;gBAElB,OAAO,SAAS,CAAA;YAClB,CAAC,CAAC;iBACD,IAAI,CAAC,SAAS,GAAG,cAAc,GAAG,SAAS,CAAC,CAAA;QACjD,CAAC,CAAA;QAED,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,OAAO,CAAA;QAC3C,MAAM,mBAAmB,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;QACjD,MAAM,IAAI,GAAG,mBAAmB,CAAC,MAAM,KAAK,CAAC,CAAA;QAE7C,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,IAAI,IAAI,EAAE;gBACR,OAAO,EAAE,CAAA;aACV;YAED,OAAO,CACL,GAAG,WAAW,CAAC,sBAAsB,CAAC,MAAM,GAAG,GAAG,mBAAmB,EAAE,CACxE,CAAA;QACH,CAAC,CAAA;QAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;IAC/C,CAAC;CACF,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/ui",
-  "version": "1.9.8",
+  "version": "1.9.11",
   "description": "A lightweight, framework agnostic component library for React",
   "author": "emersonlaurentino",
   "license": "MIT",
@@ -10,8 +10,7 @@
     "directory": "packages/ui"
   },
   "browserslist": "supports es6-module and not dead and last 2 version",
-  "main": "dist/index.js",
-  "module": "dist/ui.esm.js",
+  "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "sideEffects": false,
   "engines": {
@@ -43,11 +42,7 @@
   },
   "size-limit": [
     {
-      "path": "dist/ui.cjs.production.min.js",
-      "limit": "20 KB"
-    },
-    {
-      "path": "dist/ui.esm.js",
+      "path": "dist/index.js",
       "limit": "20 KB"
     }
   ],
@@ -62,7 +57,7 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@size-limit/preset-small-lib": "^4.11.0",
+    "@size-limit/preset-small-lib": "^7.0.8",
     "@storybook/addon-actions": "^6.4.4",
     "@storybook/addon-docs": "^6.4.4",
     "@storybook/addon-essentials": "^6.4.4",
@@ -85,10 +80,10 @@
     "react": "^17.0.2",
     "react-docgen-typescript-loader": "^3.7.2",
     "react-dom": "^17.0.2",
-    "size-limit": "^4.11.0",
+    "size-limit": "^7.0.8",
     "storybook-addon-themes": "^6.1.0",
     "tsdx": "^0.14.1",
     "typescript": "^4.2.4"
   },
-  "gitHead": "f8e0cb3d43978426228addcc28055e537eaf7752"
+  "gitHead": "78e4520e4588669f0f3382ccd441737b98c57d11"
 }

package/src/atoms/Slider/Slider.test.tsx

@@ -4,16 +4,27 @@ import React from 'react'
 
 import Slider from './Slider'
 
+const props = {
+  min: {
+    absolute: 0,
+    selected: 0,
+  },
+  max: {
+    absolute: 100,
+    selected: 100,
+  },
+}
+
 describe('Slider', () => {
   it('`data-store-slider` is present', () => {
-    const { getByTestId } = render(<Slider min={0} max={100} />)
+    const { getByTestId } = render(<Slider {...props} />)
 
     expect(getByTestId('store-slider')).toHaveAttribute('data-store-slider')
   })
 
   describe('Accessibility', () => {
     it('should have no violations', async () => {
-      const { getByTestId } = render(<Slider min={0} max={100} />)
+      const { getByTestId } = render(<Slider {...props} />)
 
       expect(await axe(getByTestId('store-slider'))).toHaveNoViolations()
     })

package/src/atoms/Slider/Slider.tsx

@@ -1,18 +1,22 @@
 /**
  * This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
  */
+import React, { useState, useMemo } from 'react'
 
-import React, { useCallback, useEffect, useRef, useState } from 'react'
+interface Range {
+  absolute: number
+  selected: number
+}
 
 export type SliderProps = {
   /**
    * The minimum value of the slider.
    */
-  min: number
+  min: Range
   /**
    * The maximum value of the slider.
    */
-  max: number
+  max: Range
   /**
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
    *
@@ -23,6 +27,10 @@ export type SliderProps = {
    * Callback that fires when the slider value changes.
    */
   onChange?: (value: { min: number; max: number }) => void
+  /**
+   * Callback that fires when the slider value ends changing.
+   */
+  onEnd?: (value: { min: number; max: number }) => void
   /**
    * A function used to set a human-readable value text based on the slider's current value.
    */
@@ -33,93 +41,80 @@ export type SliderProps = {
   className?: string
 }
 
+const percent = (value: number, min: number, max: number) =>
+  Math.round(((value - min) / (max - min)) * 100)
+
 const Slider = ({
   min,
   max,
   onChange,
+  onEnd,
   testId = 'store-slider',
   getAriaValueText,
   className,
 }: SliderProps) => {
-  const [minVal, setMinVal] = useState(min)
-  const [maxVal, setMaxVal] = useState(max)
-
-  const minValRef = useRef(min)
-  const maxValRef = useRef(max)
-  const range = useRef<HTMLDivElement>(null)
-
-  const getPercent = useCallback(
-    (value: number) => Math.round(((value - min) / (max - min)) * 100),
-    [min, max]
+  const [minPercent, setMinPercent] = useState(() =>
+    percent(min.selected, min.absolute, max.absolute)
   )
 
-  // width of the range to reduce from the left side
-  useEffect(() => {
-    const minPercent = getPercent(minVal)
-    const maxPercent = getPercent(maxValRef.current)
-
-    if (range.current) {
-      range.current.style.left = `${minPercent}%`
-      range.current.style.width = `${maxPercent - minPercent}%`
-    }
-  }, [minVal, getPercent])
+  const [maxPercent, setMaxPercent] = useState(() =>
+    percent(max.selected, min.absolute, max.absolute)
+  )
 
-  // width of the range to reduce from the right side
-  useEffect(() => {
-    const minPercent = getPercent(minValRef.current)
-    const maxPercent = getPercent(maxVal)
+  const { minVal, maxVal } = useMemo(() => {
+    const widthPercent = (max.absolute - min.absolute) / 100
 
-    if (range.current) {
-      range.current.style.width = `${maxPercent - minPercent}%`
+    return {
+      minVal: min.absolute + minPercent * widthPercent,
+      maxVal: min.absolute + maxPercent * widthPercent,
     }
-  }, [maxVal, getPercent])
-
-  useEffect(() => {
-    onChange?.({ min: minVal, max: maxVal })
-  }, [minVal, maxVal, onChange])
+  }, [min, max, maxPercent, minPercent])
 
   return (
     <div data-store-slider data-testid={testId} className={className}>
-      <div ref={range} data-slider-range />
+      <div
+        style={{ left: `${minPercent}%`, width: `${maxPercent - minPercent}%` }}
+        data-slider-range
+      />
       <input
         type="range"
-        min={min}
-        max={max}
+        min={min.absolute}
+        max={max.absolute}
         value={minVal}
+        onMouseUp={() => onEnd?.({ min: minVal, max: maxVal })}
+        onTouchEnd={() => onEnd?.({ min: minVal, max: maxVal })}
         onChange={(event) => {
-          const value = Math.min(Number(event.target.value), maxVal - 1)
+          const minValue = Math.min(Number(event.target.value), maxVal)
 
-          setMinVal(value)
-          minValRef.current = value
+          setMinPercent(percent(minValue, min.absolute, max.absolute))
+          onChange?.({ min: minValue, max: maxVal })
         }}
         data-slider-thumb="left"
-        aria-valuemin={min}
-        aria-valuemax={max}
+        aria-valuemin={min.absolute}
+        aria-valuemax={max.absolute}
         aria-valuenow={minVal}
         aria-label={String(minVal)}
-        aria-labelledby={
-          getAriaValueText ? getAriaValueText(minVal, 'min') : undefined
-        }
+        aria-labelledby={getAriaValueText?.(minVal, 'min')}
       />
       <input
         type="range"
-        min={min}
-        max={max}
+        min={min.absolute}
+        max={max.absolute}
         value={maxVal}
+        onMouseUp={() => onEnd?.({ min: minVal, max: maxVal })}
+        onTouchEnd={() => onEnd?.({ min: minVal, max: maxVal })}
         onChange={(event) => {
-          const value = Math.max(Number(event.target.value), minVal + 1)
+          const maxValue = Math.max(Number(event.target.value), minVal)
 
-          setMaxVal(value)
-          maxValRef.current = value
+          setMaxPercent(percent(maxValue, min.absolute, max.absolute))
+          onChange?.({ min: minVal, max: maxValue })
         }}
         data-slider-thumb="right"
-        aria-valuemin={min}
-        aria-valuemax={max}
+        aria-valuemin={min.absolute}
+        aria-valuemax={max.absolute}
         aria-valuenow={maxVal}
         aria-label={String(maxVal)}
-        aria-labelledby={
-          getAriaValueText ? getAriaValueText(maxVal, 'max') : undefined
-        }
+        aria-labelledby={getAriaValueText?.(maxVal, 'max')}
       />
     </div>
   )

package/src/molecules/AggregateRating/stories/AggregateRating.stories.tsx

@@ -72,9 +72,8 @@ const AggregateRatingWithoutIconTemplate: Story<AggregateRatingProps> = ({
   )
 }
 
-export const AggregateRatingWithoutIcon = AggregateRatingWithoutIconTemplate.bind(
-  {}
-)
+export const AggregateRatingWithoutIcon =
+  AggregateRatingWithoutIconTemplate.bind({})
 AggregateRatingWithoutIcon.args = { value: 3 }
 
 const AggregateRatingWithCSSTemplate: Story<AggregateRatingProps> = ({

package/src/molecules/Bullets/Bullets.tsx

@@ -51,9 +51,10 @@ const Bullets = forwardRef<HTMLDivElement, BulletsProps>(function Bullets(
   },
   ref
 ) {
-  const bulletIndexes = useMemo(() => Array(totalQuantity).fill(0), [
-    totalQuantity,
-  ])
+  const bulletIndexes = useMemo(
+    () => Array(totalQuantity).fill(0),
+    [totalQuantity]
+  )
 
   return (
     <div

package/src/molecules/Dropdown/DropdownItem.tsx

@@ -16,11 +16,8 @@ const DropdownItem = forwardRef<HTMLButtonElement, DropdownItemProps>(
     { children, onClick, testId = 'store-dropdown-item', ...otherProps },
     ref
   ) {
-    const {
-      dropdownItemsRef,
-      selectedDropdownItemIndexRef,
-      close,
-    } = useDropdown()
+    const { dropdownItemsRef, selectedDropdownItemIndexRef, close } =
+      useDropdown()
 
     const [dropdownItemIndex, setDropdownItemIndex] = useState(0)
     const dropdownItemRef = useRef<HTMLButtonElement>()

package/src/molecules/Dropdown/DropdownMenu.tsx

@@ -44,13 +44,8 @@ const DropdownMenu = ({
   style,
   ...otherProps
 }: PropsWithChildren<DropdownMenuProps>) => {
-  const {
-    isOpen,
-    close,
-    dropdownItemsRef,
-    selectedDropdownItemIndexRef,
-    id,
-  } = useDropdown()
+  const { isOpen, close, dropdownItemsRef, selectedDropdownItemIndexRef, id } =
+    useDropdown()
 
   const dropdownPosition = useDropdownPosition()
 

package/src/molecules/PriceRange/PriceRange.test.tsx

@@ -13,8 +13,14 @@ function formatter(price: number) {
 
 const props = {
   formatter,
-  min: 0,
-  max: 100,
+  min: {
+    absolute: 0,
+    selected: 0,
+  },
+  max: {
+    absolute: 100,
+    selected: 100,
+  },
   ariaLabel: 'My price range',
 }
 

package/src/molecules/PriceRange/PriceRange.tsx

@@ -1,10 +1,10 @@
-import type { AriaAttributes } from 'react'
 import React, { useState } from 'react'
+import type { AriaAttributes } from 'react'
 
-import type { PriceProps } from '../../atoms/Price'
 import Price from '../../atoms/Price'
-import type { SliderProps } from '../../atoms/Slider'
 import Slider from '../../atoms/Slider'
+import type { PriceProps } from '../../atoms/Price'
+import type { SliderProps } from '../../atoms/Slider'
 
 export type PriceRangeProps = SliderProps & {
   /**
@@ -31,44 +31,36 @@ const PriceRange = ({
   max,
   min,
   onChange,
+  onEnd,
   testId = 'store-price-range',
   variant,
   'aria-label': ariaLabel,
 }: PriceRangeProps) => {
-  const [minVal, setMinVal] = useState(min)
-  const [maxVal, setMaxVal] = useState(max)
-
-  const handleChange: SliderProps['onChange'] = (values) => {
-    if (values.min !== minVal) {
-      setMinVal(values.min)
-    }
-
-    if (values.max !== maxVal) {
-      setMaxVal(values.max)
-    }
-
-    onChange?.(values)
-  }
+  const [edges, setEdges] = useState({ min: min.selected, max: max.selected })
 
   return (
     <div data-store-price-range data-testid={testId} className={className}>
       <Slider
         min={min}
         max={max}
-        onChange={handleChange}
+        onEnd={onEnd}
+        onChange={(value) => {
+          setEdges(value)
+          onChange?.(value)
+        }}
         aria-label={ariaLabel}
       />
       <div data-price-range-values>
         <Price
           formatter={formatter}
           data-price-range-value="min"
-          value={minVal}
+          value={edges.min}
           variant={variant}
         />
         <Price
           formatter={formatter}
           data-price-range-value="max"
-          value={maxVal}
+          value={edges.max}
           variant={variant}
         />
       </div>

package/src/typings/PolymorphicGenerics.ts

@@ -46,6 +46,5 @@ export type PolymorphicComponentPropsWithRef<
 > = PolymorphicComponentProps<C, P> & { ref?: ComponentPropsWithRef<C>['ref'] }
 
 // Extract the `ref` prop from a polymorphic component
-export type PolymorphicRef<
-  C extends ElementType
-> = PolymorphicComponentPropsWithRef<C>['ref']
+export type PolymorphicRef<C extends ElementType> =
+  PolymorphicComponentPropsWithRef<C>['ref']

package/dist/atoms/Badge/stories/Badge.stories.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import type { ComponentArgTypes } from '../../../typings/utils';
-interface StoryControls {
-    badgeText: string;
-}
-export declare const Badge: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, StoryControls>;
-declare const _default: {
-    title: string;
-    component: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, StoryControls>;
-    argTypes: ComponentArgTypes<StoryControls>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-    };
-};
-export default _default;

package/dist/atoms/Button/stories/Button.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { ComponentArgTypes } from '../../../typings/utils';
-import type { ButtonProps } from '../Button';
-export declare const Button: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ButtonProps<HTMLButtonElement>>;
-declare const _default: {
-    title: string;
-    argTypes: ComponentArgTypes<ButtonProps<HTMLButtonElement>>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-    };
-};
-export default _default;

package/dist/atoms/Checkbox/stories/Checkbox.stories.d.ts

@@ -1,4 +0,0 @@
-import type { CheckboxProps } from '../Checkbox';
-export declare const Checkbox: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, CheckboxProps>;
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;

package/dist/atoms/Icon/stories/Icon.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from '../Icon';
-import type { ComponentArgTypes } from '../../../typings/utils';
-export declare const Icon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IconProps>;
-declare const _default: {
-    title: string;
-    argTypes: ComponentArgTypes<Pick<IconProps, "testId" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "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" | "css">>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-    };
-};
-export default _default;

package/dist/atoms/Incentive/stories/Incentive.stories.d.ts

@@ -1,4 +0,0 @@
-import type { IncentiveProps } from '../Incentive';
-export declare const Incentive: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IncentiveProps>;
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;

package/dist/atoms/Input/stories/Input.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { ComponentArgTypes } from '../../../typings/utils';
-import type { InputProps } from '../Input';
-export declare const Input: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputProps>;
-declare const _default: {
-    title: string;
-    argTypes: ComponentArgTypes<InputProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-    };
-};
-export default _default;

package/dist/atoms/Label/stories/Label.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { ComponentArgTypes } from '../../../typings/utils';
-import type { LabelProps } from '../Label';
-export declare const Label: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, LabelProps>;
-declare const _default: {
-    title: string;
-    argTypes: ComponentArgTypes<LabelProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-    };
-};
-export default _default;

package/dist/atoms/List/stories/List.stories.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import type { ComponentArgTypes } from '../../../typings/utils';
-import type { ListProps } from '../List';
-declare type ListStoryProps = ListProps & {
-    options: string[];
-};
-declare type DescriptionListStoryProps = ListProps & {
-    options: string[][];
-};
-export declare const UnorderedList: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ListStoryProps>;
-export declare const OrderedList: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ListStoryProps>;
-export declare const DescriptionList: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, DescriptionListStoryProps>;
-declare const _default: {
-    title: string;
-    argTypes: ComponentArgTypes<ListStoryProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-    };
-};
-export default _default;

package/dist/atoms/Overlay/stories/Overlay.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Props as OverlayProps } from '../Overlay';
-declare type ColorType = 'black' | 'green';
-declare type OverlayStoryProps = OverlayProps & {
-    color: ColorType;
-};
-export declare const Overlay: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, OverlayStoryProps>;
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
-export default _default;

package/dist/atoms/Popover/stories/Popover.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { PopoverProps } from '../Popover';
-import type { ComponentArgTypes } from '../../../typings/utils';
-export declare const Popover: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PopoverProps>;
-declare const _default: {
-    title: string;
-    argTypes: ComponentArgTypes<Pick<PopoverProps, "testId" | "children" | "hidden" | "unstable_observableRefs">>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-    };
-};
-export default _default;

package/dist/atoms/Price/stories/Price.stories.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import type { Story } from '@storybook/react';
-import type { PriceProps } from '../Price';
-import type { ComponentArgTypes } from '../../../typings/utils';
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PriceProps>;
-export declare const INTLFormatted: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PriceProps>;
-export declare const INTLFormattedToParts: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, PriceProps>;
-export declare const Custom: Story<PriceProps>;
-declare const _default: {
-    title: string;
-    argTypes: ComponentArgTypes<Pick<PriceProps, "testId" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "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" | "css" | "variant" | "as" | "formatter">>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-    };
-};
-export default _default;