@aveonline/ui-react 1.17.0 → 1.18.0

package/README.md

@@ -1,126 +1,126 @@
-<div align="center">
-  <img height="100" src="https://user-images.githubusercontent.com/38017835/197309416-fd4390a0-cfb6-41f3-ac26-10d067d92a25.png">
-  <h1 align="center">ui ecosystem react</h1>
-  <p>The home base for Aveonline design system, ui-react provides essential design resources for our developers to use in the Aveonline-branded interfaces that they create.</p>
-  <a href="https://ui-aveonline.netlify.app/">Go Storybook</a>
-</div>
-
-## Before started
-
-For usage with tailwind config, install:
-
-```shell
-npm i @tailwindcss/forms -D
-```
-
-## Getting started
-
-Working with all config from this library or only components availables
-
-```shell
-npm i @aveonline/ui-react
-```
-
-## Usage with tailwind
-
-Import things into your JS app from the `@aveonline/ui-react` package.
-
-```ts
-import { Button } from '@aveonline/ui-react'
-```
-
-`tailwind.config.js`
-
-```ts
-/** @type {import('tailwindcss').Config} */
-
-const tailwindConfig = require('@aveonline/ui-react/tailwind.config.js')
-const { content, ...all } = tailwindConfig
-
-const config = {
-  content: [
-    ...content,
-    './pages/**/*.{ts,tsx}',
-    './components/**/*.{ts,tsx}',
-    './node_modules/@aveonline/ui-react/dist/*.{mjs,js}'
-  ],
-  ...all
-}
-
-module.exports = config
-```
-
-## Usage css
-
-Import things into your JS app from the `@aveonline/ui-react` package.
-
-```css
-/* global.css or tailwind.css local */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-```
-
-```ts
-// import this lines at main.ts or root
-import './global.css' // Reference tailwind local
-import '@aveonline/ui-react/reset.css' // Only not usage tailwind
-import '@aveonline/ui-react/tokens.css' // Required
-import '@aveonline/ui-react/tailwind.css' // Required
-import '@aveonline/ui-react/index.css' // Required
-```
-
-## Example usage
-
-```html
-<!-- Class from library -->
-<div class="bg-letter-default">
-  <p class="text-letter-subdued">Hello human</p>
-</div>
-```
-
-## Developing @aveonline/ui-react
-
-Developing locally against Storybook is easy; run `npm run storybook`.
-
-```shell
-npm i
-```
-
-Tests
-
-Run `npm run test` to execute all unit test components.
-
-We use `vitest` and `testing-library/react` for unit/integration tests and [Chromatic](https://www.chromaticqa.com/) for visual regression testing.
-
-Open Storybook
-
-```shell
-npm run dev
-```
-
-ui-react production
-
-```shell
-npm run build
-```
-
-Storybook production
-
-```shell
-npm run build:storybook
-```
-
-Run test
-
-```shell
-npm run test
-```
-
-Run regression testing
-
-- [Join](https://www.chromatic.com/library?appId=6362f0c0f36774d17ed0c3a0&inviteToken=4adce6358a9b439f8b636d0599e6db4b)
-
-```shell
-npm run chromatic
-```
+<div align="center">
+  <img height="100" src="https://user-images.githubusercontent.com/38017835/197309416-fd4390a0-cfb6-41f3-ac26-10d067d92a25.png">
+  <h1 align="center">ui ecosystem react</h1>
+  <p>The home base for Aveonline design system, ui-react provides essential design resources for our developers to use in the Aveonline-branded interfaces that they create.</p>
+  <a href="https://ui-aveonline.netlify.app/">Go Storybook</a>
+</div>
+
+## Before started
+
+For usage with tailwind config, install:
+
+```shell
+npm i @tailwindcss/forms -D
+```
+
+## Getting started
+
+Working with all config from this library or only components availables
+
+```shell
+npm i @aveonline/ui-react
+```
+
+## Usage with tailwind
+
+Import things into your JS app from the `@aveonline/ui-react` package.
+
+```ts
+import { Button } from '@aveonline/ui-react'
+```
+
+`tailwind.config.js`
+
+```ts
+/** @type {import('tailwindcss').Config} */
+
+const tailwindConfig = require('@aveonline/ui-react/tailwind.config.js')
+const { content, ...all } = tailwindConfig
+
+const config = {
+  content: [
+    ...content,
+    './pages/**/*.{ts,tsx}',
+    './components/**/*.{ts,tsx}',
+    './node_modules/@aveonline/ui-react/dist/*.{mjs,js}'
+  ],
+  ...all
+}
+
+module.exports = config
+```
+
+## Usage css
+
+Import things into your JS app from the `@aveonline/ui-react` package.
+
+```css
+/* global.css or tailwind.css local */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+```
+
+```ts
+// import this lines at main.ts or root
+import './global.css' // Reference tailwind local
+import '@aveonline/ui-react/reset.css' // Only not usage tailwind
+import '@aveonline/ui-react/tokens.css' // Required
+import '@aveonline/ui-react/tailwind.css' // Required
+import '@aveonline/ui-react/index.css' // Required
+```
+
+## Example usage
+
+```html
+<!-- Class from library -->
+<div class="bg-letter-default">
+  <p class="text-letter-subdued">Hello human</p>
+</div>
+```
+
+## Developing @aveonline/ui-react
+
+Developing locally against Storybook is easy; run `npm run storybook`.
+
+```shell
+npm i
+```
+
+Tests
+
+Run `npm run test` to execute all unit test components.
+
+We use `vitest` and `testing-library/react` for unit/integration tests and [Chromatic](https://www.chromaticqa.com/) for visual regression testing.
+
+Open Storybook
+
+```shell
+npm run dev
+```
+
+ui-react production
+
+```shell
+npm run build
+```
+
+Storybook production
+
+```shell
+npm run build:storybook
+```
+
+Run test
+
+```shell
+npm run test
+```
+
+Run regression testing
+
+- [Join](https://www.chromatic.com/library?appId=6362f0c0f36774d17ed0c3a0&inviteToken=4adce6358a9b439f8b636d0599e6db4b)
+
+```shell
+npm run chromatic
+```

package/dist/components/atoms/Tooltip/TooltipAnchor.d.ts

@@ -6,5 +6,5 @@ declare type PropsType = React.HTMLProps<HTMLElement> & {
     fullWidthContainer?: boolean;
     classNameContainer?: string;
 };
-export declare const TooltipAnchor: React.ForwardRefExoticComponent<Pick<PropsType, "size" | "className" | "color" | "disabled" | "default" | "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "src" | "alt" | "state" | "type" | "onClick" | "start" | "id" | "name" | "value" | "onChange" | "checked" | "target" | "hidden" | "as" | "htmlFor" | "kind" | "download" | "defaultChecked" | "role" | "tabIndex" | "aria-checked" | "aria-labelledby" | "aria-describedby" | "onKeyUp" | "onKeyPress" | "key" | "open" | "fullWidthContainer" | "classNameContainer" | "asChild" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "width" | "wmode" | "wrap" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "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-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" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPressCapture" | "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" | "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"> & React.RefAttributes<HTMLElement>>;
+export declare const TooltipAnchor: React.ForwardRefExoticComponent<Pick<PropsType, "size" | "className" | "color" | "disabled" | "default" | "children" | "title" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "pattern" | "src" | "alt" | "state" | "type" | "onClick" | "start" | "id" | "name" | "value" | "onChange" | "checked" | "target" | "hidden" | "as" | "htmlFor" | "kind" | "download" | "defaultChecked" | "role" | "tabIndex" | "aria-checked" | "aria-labelledby" | "aria-describedby" | "onKeyUp" | "onKeyPress" | "key" | "open" | "fullWidthContainer" | "classNameContainer" | "asChild" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "width" | "wmode" | "wrap" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "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-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" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPressCapture" | "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" | "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"> & React.RefAttributes<HTMLElement>>;
 export {};

package/dist/components/atoms/Tooltip/TooltipFloat.d.ts

@@ -4,5 +4,5 @@ import { TooltipState } from './ITooltip';
 declare type PropsType = React.HTMLProps<HTMLDivElement> & {
     state: TooltipState;
 } & IChildren;
-export declare const TooltipFloat: React.ForwardRefExoticComponent<Pick<PropsType, "size" | "className" | "color" | "disabled" | "default" | "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "src" | "alt" | "state" | "type" | "onClick" | "start" | "id" | "name" | "value" | "onChange" | "checked" | "target" | "hidden" | "as" | "htmlFor" | "kind" | "download" | "defaultChecked" | "role" | "tabIndex" | "aria-checked" | "aria-labelledby" | "aria-describedby" | "onKeyUp" | "onKeyPress" | "key" | "open" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "width" | "wmode" | "wrap" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "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-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" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPressCapture" | "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" | "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"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TooltipFloat: React.ForwardRefExoticComponent<Pick<PropsType, "size" | "className" | "color" | "disabled" | "default" | "children" | "title" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "pattern" | "src" | "alt" | "state" | "type" | "onClick" | "start" | "id" | "name" | "value" | "onChange" | "checked" | "target" | "hidden" | "as" | "htmlFor" | "kind" | "download" | "defaultChecked" | "role" | "tabIndex" | "aria-checked" | "aria-labelledby" | "aria-describedby" | "onKeyUp" | "onKeyPress" | "key" | "open" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "width" | "wmode" | "wrap" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "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-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" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPressCapture" | "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" | "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"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/index.d.ts

@@ -32,9 +32,12 @@ export * from './molecules/DropdownFilterMultiple';
 export * from './molecules/Table';
 export * from './molecules/Table/atoms/CheckBoxTable';
 export * from './molecules/DropdownButton';
+export * from './molecules/DateInputPicker';
 export * from './molecules/Card/Select';
+export * from './molecules/Card/Simple';
 export * from './molecules/CardHistory';
 export * from './molecules/Filter/FilterSearchMultiple';
 export * from './organisms/Navigation';
 export * from './templates/Main';
 export * from './templates/Shipment';
+export * from './templates/SecondMain';

package/dist/components/molecules/Card/Simple/ICardSimple.d.ts

@@ -0,0 +1,13 @@
+import { IChildren } from '@/types';
+interface IButtonCardSimple {
+    title?: string;
+    action?: () => void;
+}
+interface ICardSimple extends IChildren {
+    id: string;
+    description?: string;
+    title?: string;
+    size?: 'sm' | 'md';
+    button?: IButtonCardSimple;
+}
+export type { ICardSimple, IButtonCardSimple };

package/dist/components/molecules/Card/Simple/Simple.d.ts

@@ -0,0 +1,2 @@
+import { ICardSimple } from './ICardSimple';
+export default function CardSimple({ title, description, size, children, button }: ICardSimple): JSX.Element;

package/dist/components/molecules/Card/Simple/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CardSimple } from './Simple';
+export * from './Simple';

package/dist/components/molecules/DateInputPicker/Atoms/CustomButton.d.ts

@@ -0,0 +1,3 @@
+import { ICustomButton } from '../IDateInputPicker';
+declare function CustomButton({ direction, handleClick }: ICustomButton): JSX.Element;
+export default CustomButton;

package/dist/components/molecules/DateInputPicker/Atoms/CustomInput.d.ts

@@ -0,0 +1,3 @@
+import { ICustomInput } from '../IDateInputPicker';
+declare function CustomInput({ openCalendar, value, handleValueChange, clickDelete, auxInitialValue, textInsideInput, isError, isDisable }: ICustomInput): JSX.Element;
+export default CustomInput;

package/dist/components/molecules/DateInputPicker/Atoms/CustomRangeInput.d.ts

@@ -0,0 +1,3 @@
+import { ICustomRangeInput } from '../IDateInputPicker';
+declare function CustomRangeInput({ openCalendar, value, handleValueChange, clickDelete, textInsideInput, isError, isDisable }: ICustomRangeInput): JSX.Element;
+export default CustomRangeInput;

package/dist/components/molecules/DateInputPicker/Atoms/PluginEspecialDates.d.ts

@@ -0,0 +1,3 @@
+import { IPluginEspecialDates } from '../IDateInputPicker';
+declare function MyPlugin({ functionCumpustonPlugin, initialValue }: IPluginEspecialDates): JSX.Element;
+export default MyPlugin;

package/dist/components/molecules/DateInputPicker/DateInputPicker.d.ts

@@ -0,0 +1,3 @@
+import { IDateInputPickerType } from './IDateInputPicker';
+declare function DateInputPicker({ type, valueInput, textInsideInput, isError, isDisable }: IDateInputPickerType): JSX.Element;
+export default DateInputPicker;

package/dist/components/molecules/DateInputPicker/Datelocate.d.ts

@@ -0,0 +1,7 @@
+export declare const gregorian_es: {
+    name: string;
+    months: string[][];
+    weekDays: string[][];
+    digits: string[];
+    meridiems: string[][];
+};

package/dist/components/molecules/DateInputPicker/IDateInputPicker.d.ts

@@ -0,0 +1,42 @@
+import DateObject from 'react-date-object';
+import { FocusEvent, MouseEventHandler } from 'react';
+declare type IValueInput = Array<DateObject> | Array<string> | string | DateObject | Array<null> | null;
+interface IDateInputPickerType {
+    type: 'single' | 'multiple';
+    valueInput: (item: IValueInput) => void;
+    textInsideInput?: string;
+    isError?: boolean;
+    isDisable?: boolean;
+}
+interface ICustomInput {
+    openCalendar?: (event: FocusEvent<HTMLInputElement, Element>) => void;
+    value?: string | undefined;
+    handleValueChange?: (event: FocusEvent<HTMLInputElement, Element>) => void;
+    clickDelete?: () => void;
+    auxInitialValue: number;
+    textInsideInput?: string;
+    isError?: boolean;
+    isDisable?: boolean;
+}
+interface ICustomRangeInput {
+    openCalendar?: (event: FocusEvent<HTMLInputElement, Element>) => void;
+    handleValueChange?: (event: FocusEvent<HTMLInputElement, Element>) => void;
+    value?: Array<string> | string;
+    clickDelete?: () => void;
+    textInsideInput?: string;
+    isError?: boolean;
+    isDisable?: boolean;
+}
+interface IPluginEspecialDates {
+    functionCumpustonPlugin: (value: string | null, setValuesInput: Array<string> | Array<DateObject> | null) => void;
+    initialValue: string | null;
+}
+interface IItemSpecialDates {
+    name: string;
+    click: () => void;
+}
+interface ICustomButton {
+    direction?: string;
+    handleClick?: MouseEventHandler<HTMLButtonElement>;
+}
+export { IValueInput, DateObject, IDateInputPickerType, IPluginEspecialDates, ICustomInput, ICustomRangeInput, ICustomButton, IItemSpecialDates };

package/dist/components/molecules/DropdownFilterMultiple/DropdownFilterMultiple.d.ts

@@ -1,2 +1,2 @@
 import { IDropdownFilterMultiple } from './IDropdownFilterMultiple';
-export default function DropdownFilterMultiple({ typeIcon, listOptions, onSelected }: IDropdownFilterMultiple): JSX.Element;
+export default function DropdownFilterMultiple({ icon, options, onSelected, title, sizeIcon }: IDropdownFilterMultiple): JSX.Element;

package/dist/components/molecules/DropdownFilterMultiple/IDropdownFilterMultiple.d.ts

@@ -1,11 +1,13 @@
-import { IKind } from '../..';
-declare type IOptionSelected = {
+import { IKind, ISize } from '../..';
+declare type IDropdownFilterMultipleOptionSelected = {
     label: string;
     id: number;
 };
 interface IDropdownFilterMultiple {
-    typeIcon: IKind;
-    listOptions: IOptionSelected[];
-    onSelected: (state: IOptionSelected[]) => void;
+    icon?: IKind;
+    sizeIcon?: ISize;
+    title?: string;
+    options: IDropdownFilterMultipleOptionSelected[];
+    onSelected: (state: IDropdownFilterMultipleOptionSelected[]) => void;
 }
-export { IDropdownFilterMultiple, IOptionSelected };
+export { IDropdownFilterMultiple, IDropdownFilterMultipleOptionSelected };

package/dist/components/molecules/Filter/FilterSearchMultiple/FilterSearchMultiple.d.ts

@@ -1,2 +1,2 @@
 import { IFilterSearchMultiple } from './IFilterSearchMultiple';
-export default function FilterSearchMultiple({ options, title, titleNotFound, onSelected }: IFilterSearchMultiple): JSX.Element;
+export default function FilterSearchMultiple({ options, title, titleNotFound, onSelected, placement, placeholderSearch }: IFilterSearchMultiple): JSX.Element;

package/dist/components/molecules/Filter/FilterSearchMultiple/IFilterSearchMultiple.d.ts

@@ -6,5 +6,7 @@ export interface IFilterSearchMultiple {
     title: string;
     titleNotFound?: string;
     options: IOptionSelect[];
-    onSelected: (state: IOptionSelect[]) => void;
+    onSelected?: (state: IOptionSelect[]) => void;
+    placement?: 'start' | 'end';
+    placeholderSearch?: string;
 }

package/dist/components/molecules/Table/ITable.d.ts

@@ -16,5 +16,8 @@ interface IPropsTable<T> {
         title?: string;
         subtitle?: string;
     };
+    titleSortTable?: string;
+    classNameTable?: string;
+    classNameContainer?: string;
 }
 export type { IPropsTable, ColumnDef, ISortItem, IPagination, ISortTable };

package/dist/components/molecules/Table/Table.d.ts

@@ -5,5 +5,5 @@ import { IPropsTable } from './ITable';
  * part of data set, a data table lets merchants view details from the entire set. This helps merchants compare and
  * analyze the data.
  */
-declare function Table<T>({ searchFilter, defaultData, columns, placeholder, hasPagination, paginationOptionList, sortTable, sortItem, rowItemSelected, optionDropdown, stateEmpty }: IPropsTable<T>): JSX.Element;
+declare function Table<T>({ searchFilter, defaultData, columns, placeholder, hasPagination, paginationOptionList, sortTable, sortItem, rowItemSelected, optionDropdown, stateEmpty, titleSortTable, classNameContainer, classNameTable }: IPropsTable<T>): JSX.Element;
 export default Table;

package/dist/components/molecules/Table/atoms/ISortTable.d.ts

@@ -1,12 +1,14 @@
 import { RowData, Table } from '@tanstack/react-table';
 interface ISortItem {
-    id: string;
-    up: string;
-    down: string;
+    idHeader: string;
+    title: string;
+    desc?: boolean;
+    asc?: boolean;
 }
 interface ISortTable<T extends RowData> {
     table: Table<T>;
     sortItem: Array<ISortItem>;
     checkBoxSelect: string;
+    titleSortTable?: string;
 }
 export type { ISortTable, ISortItem };

package/dist/components/molecules/Table/atoms/InputSearch.d.ts

@@ -1,8 +1,8 @@
-import { InputHTMLAttributes } from 'react';
-declare function InputSearch({ value: initialValue, onChange, debounce, sortTable, ...props }: {
-    value: string | number;
-    onChange: (value: string | number) => void;
+declare type Props = {
+    value: string;
+    onChange: (value: string) => void;
     debounce?: number;
-    sortTable?: boolean;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>): JSX.Element;
+    placeholder?: string;
+};
+declare function InputSearch({ value: initialValue, onChange, debounce, placeholder, ...props }: Props): JSX.Element;
 export default InputSearch;

package/dist/components/molecules/Table/atoms/SortTable.d.ts

@@ -1,4 +1,4 @@
 import { RowData } from '@tanstack/react-table';
 import type { ISortTable } from './ISortTable';
-declare function SortTable<T extends RowData>({ table, sortItem, checkBoxSelect }: ISortTable<T>): JSX.Element;
+declare function SortTable<T extends RowData>({ table, sortItem, checkBoxSelect, titleSortTable }: ISortTable<T>): JSX.Element;
 export default SortTable;

package/dist/components/templates/SecondMain/SecondMain.d.ts

@@ -0,0 +1,9 @@
+import { ITemplate } from '../../../types';
+/**
+ * Template: Layout main
+ */
+declare function Layout({ children, className, title, ...rest }: ITemplate): JSX.Element;
+declare namespace Layout {
+    var Main: ({ children, className, ...rest }: ITemplate) => JSX.Element;
+}
+export default Layout;

package/dist/components/templates/SecondMain/index.d.ts

@@ -0,0 +1 @@
+export { default as LayoutSecondMain } from './SecondMain';

package/dist/index.css

@@ -1 +1 @@
-[type=radio]:checked{background-image:url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2016%2016'%20fill%3D'%232C6ECB'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Ccircle%20cx%3D'8'%20cy%3D'8'%20r%3D'4'%2F%3E%3C%2Fsvg%3E")}[type=radio]:checked:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:disabled{background-image:url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%224%22%20fill%3D%22white%22%20fill-opacity%3D%220.01%22%2F%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_1575_10817)%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.72%206.23998C14.8872%206.4057%2014.9862%206.62814%2014.9973%206.8633C15.0084%207.09847%2014.9309%207.32924%2014.78%207.50998L9.41%2013.71C9.33315%2013.797%209.23949%2013.8675%209.13466%2013.9174C9.02982%2013.9672%208.91598%2013.9953%208.8%2014C8.68415%2014.0029%208.56899%2013.9813%208.46213%2013.9364C8.35526%2013.8916%208.2591%2013.8247%208.18%2013.74L5.25%2010.64C5.10033%2010.4603%205.01837%2010.2338%205.01837%209.99998C5.01837%209.76613%205.10033%209.53967%205.25%209.35998C5.32761%209.27734%205.42134%209.21148%205.52539%209.16646C5.62945%209.12143%205.74162%209.09821%205.855%209.09821C5.96837%209.09821%206.08055%209.12143%206.1846%209.16646C6.28865%209.21148%206.38238%209.27734%206.46%209.35998L8.75%2011.79L13.52%206.28998C13.5932%206.20432%2013.6834%206.13468%2013.7847%206.0854C13.8861%206.03613%2013.9965%206.00827%2014.1091%206.00358C14.2217%205.99889%2014.3341%206.01746%2014.4392%206.05813C14.5443%206.09881%2014.6399%206.16071%2014.72%206.23998V6.23998Z%22%20fill%3D%22%23D6D6D6%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_1575_10817%22%3E%0A%3Crect%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22white%22%20transform%3D%22translate(5%205)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A%0A")}.ui__spinner{animation:ui__spinner_rotation 1.5s linear infinite}@keyframes ui__spinner_rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.table--tbody tr:first-child>td{border-color:transparent!important}.table--tbody tr:last-child td:first-child{border-radius:0 0 0 10px}.table--tbody tr:last-child td:last-child{border-radius:0 0 10px}
+[type=radio]:checked{background-image:url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2016%2016'%20fill%3D'%232C6ECB'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Ccircle%20cx%3D'8'%20cy%3D'8'%20r%3D'4'%2F%3E%3C%2Fsvg%3E")}[type=radio]:checked:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:disabled{background-image:url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%224%22%20fill%3D%22white%22%20fill-opacity%3D%220.01%22%2F%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_1575_10817)%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.72%206.23998C14.8872%206.4057%2014.9862%206.62814%2014.9973%206.8633C15.0084%207.09847%2014.9309%207.32924%2014.78%207.50998L9.41%2013.71C9.33315%2013.797%209.23949%2013.8675%209.13466%2013.9174C9.02982%2013.9672%208.91598%2013.9953%208.8%2014C8.68415%2014.0029%208.56899%2013.9813%208.46213%2013.9364C8.35526%2013.8916%208.2591%2013.8247%208.18%2013.74L5.25%2010.64C5.10033%2010.4603%205.01837%2010.2338%205.01837%209.99998C5.01837%209.76613%205.10033%209.53967%205.25%209.35998C5.32761%209.27734%205.42134%209.21148%205.52539%209.16646C5.62945%209.12143%205.74162%209.09821%205.855%209.09821C5.96837%209.09821%206.08055%209.12143%206.1846%209.16646C6.28865%209.21148%206.38238%209.27734%206.46%209.35998L8.75%2011.79L13.52%206.28998C13.5932%206.20432%2013.6834%206.13468%2013.7847%206.0854C13.8861%206.03613%2013.9965%206.00827%2014.1091%206.00358C14.2217%205.99889%2014.3341%206.01746%2014.4392%206.05813C14.5443%206.09881%2014.6399%206.16071%2014.72%206.23998V6.23998Z%22%20fill%3D%22%23D6D6D6%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_1575_10817%22%3E%0A%3Crect%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22white%22%20transform%3D%22translate(5%205)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A%0A")}.ui__spinner{animation:ui__spinner_rotation 1.5s linear infinite}@keyframes ui__spinner_rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.table--tbody tr:first-child>td{border-color:transparent!important}.table--tbody tr:last-child td:first-child{border-radius:0 0 0 10px}.table--tbody tr:last-child td:last-child{border-radius:0 0 10px}.scrollStyle-scrollbar-customized-scrollbar::-webkit-scrollbar{background-color:#fff!important;height:8px!important;width:5px!important}.scrollStyle-scrollbar-customized-scrollbar::-webkit-scrollbar-thumb{background:gray!important}.rmdp-day{color:#4a4f54!important}.rmdp-day.rmdp-range.start{background:#007aff!important;border:transparent!important;color:#fff!important}.rmdp-range{background-color:#ddeaf7;border:transparent!important;box-shadow:none!important;color:#4a4f54!important}.rmdp-day.rmdp-range.end{background:#007aff!important;border:transparent!important;color:#fff!important}.rmdp-week-day{color:#797c81!important}.rmdp-day.rmdp-selected span:not(.highlight){border-radius:4px!important}.rmdp-day.rmdp-today span{background-color:var(--colors-action-primary-pressed)!important}

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export * from './components/molecules/DropdownFilterMultiple';
 export * from './components/molecules/Table';
 export * from './components/molecules/Table/atoms/CheckBoxTable';
 export * from './components/molecules/DropdownButton';
+export * from './components/molecules/DateInputPicker';
 export * from './components/molecules/Card/Select';
 export * from './components/molecules/CardHistory';
 export * from './components/molecules/Filter/FilterSearchMultiple';