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

package/Details/index.js

@@ -1,16 +1,22 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const Details = React.forwardRef(function Details2({className, children, ...props}, ref) {
-  return /* @__PURE__ */ React.createElement(Base, {
-    as: "details",
-    ref,
-    className: clsx(className, {
-      "ds-details": true
-    }),
-    ...props
-  }, children);
-});
+const Details = React.forwardRef(
+  function Details2({ className, children, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(
+      Base,
+      {
+        as: "details",
+        ref,
+        className: clsx(className, {
+          "ds-details": true
+        }),
+        ...props
+      },
+      children
+    );
+  }
+);
 var Details_default = Details;
 export {
   Details,

package/Details/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Details/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DetailsProps extends BaseProps<'details'> { }\n/**\n * Details is used to make a page easier to scan when it contains information that only some users will need.\n * Details component wraps DetailsSummary and DetailsContent as children components\n */\nexport const Details = React.forwardRef<HTMLDetailsElement, DetailsProps>(\n  function Details({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"details\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-details': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Details;\n"],
-  "mappings": "AAAA;AACA;AACA;AAOO,MAAM,UAAU,MAAM,WAC3B,kBAAiB,CAAE,WAAW,aAAa,QAAS,KAAK;AACvD,SACE,oCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,MACzB,cAAc;AAAA;AAAA,OAEZ;AAAA,KAEH;AAAA;AAMT,IAAO,kBAAQ;",
-  "names": []
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,UAAU,MAAM;AAAA,EAC3B,SAASA,SAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,cAAc;AAAA,QAChB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,kBAAQ;",
+  "names": ["Details"]
 }

package/DetailsContent/index.d.ts

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

package/DetailsContent/index.js

@@ -1,15 +1,19 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const DetailsContent = React.forwardRef(function DetailsContent2({className, children, ...props}, ref) {
-  return /* @__PURE__ */ React.createElement(Base, {
-    as: "div",
-    ref,
-    className: clsx(className, {
-      "ds-details__content": true
-    }),
-    ...props
-  }, children);
+const DetailsContent = React.forwardRef(function DetailsContent2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "div",
+      ref,
+      className: clsx(className, {
+        "ds-details__content": true
+      }),
+      ...props
+    },
+    children
+  );
 });
 var DetailsContent_default = DetailsContent;
 export {

package/DetailsContent/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DetailsContent/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DetailsContentProps extends BaseProps<'div'> { }\n/**\n *DetailsContent component wraps the content text.\n *It is used inside Details component as children\n */\nexport const DetailsContent = React.forwardRef<\n  HTMLDivElement,\n  DetailsContentProps\n>(function DetailsContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-details__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default DetailsContent;\n"],
-  "mappings": "AAAA;AACA;AACA;AAOO,MAAM,iBAAiB,MAAM,WAGlC,yBAAwB,CAAE,WAAW,aAAa,QAAS,KAAK;AAChE,SACE,oCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,MACzB,uBAAuB;AAAA;AAAA,OAErB;AAAA,KAEH;AAAA;AAKP,IAAO,yBAAQ;",
-  "names": []
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "names": ["DetailsContent"]
 }

package/DetailsSummary/index.d.ts

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

package/DetailsSummary/index.js

@@ -1,16 +1,20 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const DetailsSummary = React.forwardRef(function DetailsSummary2({size, className, children, ...props}, ref) {
-  return /* @__PURE__ */ React.createElement(Base, {
-    as: "summary",
-    ref,
-    className: clsx(className, {
-      "ds-details__summary": true,
-      "ds-details__summary--lg": size === "lg"
-    }),
-    ...props
-  }, children);
+const DetailsSummary = React.forwardRef(function DetailsSummary2({ size, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "summary",
+      ref,
+      className: clsx(className, {
+        "ds-details__summary": true,
+        "ds-details__summary--lg": size === "lg"
+      }),
+      ...props
+    },
+    children
+  );
 });
 var DetailsSummary_default = DetailsSummary;
 export {

package/DetailsSummary/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DetailsSummary/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DetailsSummaryProps extends BaseProps<'summary'> {\n  /*\n   ** size is optional. Default value is 'md'.\n   * @value 'md'\n   * @value 'lg'\n   */\n  size?: 'md' | 'lg';\n}\n/**\n * Use this inside Details.DetailsSummary will be the text to click on.\n */\nexport const DetailsSummary = React.forwardRef<\n  HTMLElement,\n  DetailsSummaryProps\n>(function DetailsSummary({ size, className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"summary\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-details__summary': true,\n        'ds-details__summary--lg': size === 'lg',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default DetailsSummary;\n"],
-  "mappings": "AAAA;AACA;AACA;AAaO,MAAM,iBAAiB,MAAM,WAGlC,yBAAwB,CAAE,MAAM,WAAW,aAAa,QAAS,KAAK;AACtE,SACE,oCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,MACzB,uBAAuB;AAAA,MACvB,2BAA2B,SAAS;AAAA;AAAA,OAElC;AAAA,KAEH;AAAA;AAKP,IAAO,yBAAQ;",
-  "names": []
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAazB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,2BAA2B,SAAS;AAAA,MACtC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "names": ["DetailsSummary"]
 }

package/Drawer/index.d.ts

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

package/Drawer/index.js

@@ -1,31 +1,37 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const Drawer = React.forwardRef(function Drawer2({
-  open,
-  direction = "left",
-  upRelative = "never",
-  bgColor,
-  className,
-  children,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ React.createElement(Base, {
-    as: "div",
-    ref,
-    className: clsx(className, {
-      "ds-drawer": true,
-      "ds-drawer--relative-sm": upRelative === "sm",
-      "ds-drawer--relative-md": upRelative === "md",
-      "ds-drawer--relative-lg": upRelative === "lg",
-      "ds-drawer--closed": !open,
-      "ds-drawer--right": direction === "right",
-      "ds-drawer--left": direction === "left",
-      "ds-drawer--bg-secondary": bgColor === "secondary"
-    }),
+const Drawer = React.forwardRef(
+  function Drawer2({
+    open,
+    direction = "left",
+    upRelative = "never",
+    bgColor,
+    className,
+    children,
     ...props
-  }, children);
-});
+  }, ref) {
+    return /* @__PURE__ */ React.createElement(
+      Base,
+      {
+        as: "div",
+        ref,
+        className: clsx(className, {
+          "ds-drawer": true,
+          "ds-drawer--relative-sm": upRelative === "sm",
+          "ds-drawer--relative-md": upRelative === "md",
+          "ds-drawer--relative-lg": upRelative === "lg",
+          "ds-drawer--closed": !open,
+          "ds-drawer--right": direction === "right",
+          "ds-drawer--left": direction === "left",
+          "ds-drawer--bg-secondary": bgColor === "secondary"
+        }),
+        ...props
+      },
+      children
+    );
+  }
+);
 var Drawer_default = Drawer;
 export {
   Drawer,

package/Drawer/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Drawer/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DrawerProps extends BaseProps<'div'> {\n  /**\n   * open is optional.\n   * This declares if the drawer is open at small screens.\n   * @value true\n   * @value false\n   */\n  open?: boolean;\n\n  /**\n   * direction is optional.\n   * Add the direction of the drawer, when this is open at mobile view.\n   * The default value is 'left'.\n   * @value 'right'\n   * @value 'left'\n   * @default 'left'\n   */\n  direction?: 'right' | 'left';\n\n  /**\n   * upRelative is optional. This declares if the drawer is open at large screens in a relative position.\n   * The default value is never.\n   * * @value 'sm'\n   * @value 'md'\n   * @value 'lg'\n   * @value 'never'\n   * @default 'never'\n   */\n  upRelative?: 'sm' | 'md' | 'lg' | 'never';\n\n  /**\n   * bgColor is optional.\n   * This defines the background color of the drawer.\n   * @value 'base'\n   * @value 'secondary'\n   * @default 'base'\n   */\n  bgColor?: 'base' | 'secondary';\n}\n/**\n * Drawer can be used to provide access to destinations and app functionality.\n * It can either be permanently on-screen or controlled by a navigation menu icon.\n */\nexport const Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(\n  function Drawer(\n    {\n      open,\n      direction = 'left',\n      upRelative = 'never',\n      bgColor,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-drawer': true,\n          'ds-drawer--relative-sm': upRelative === 'sm',\n          'ds-drawer--relative-md': upRelative === 'md',\n          'ds-drawer--relative-lg': upRelative === 'lg',\n          'ds-drawer--closed': !open,\n          'ds-drawer--right': direction === 'right',\n          'ds-drawer--left': direction === 'left',\n          'ds-drawer--bg-secondary': bgColor === 'secondary',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Drawer;\n"],
-  "mappings": "AAAA;AACA;AACA;AA6CO,MAAM,SAAS,MAAM,WAC1B,iBACE;AAAA,EACE;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GAEL,KACA;AACA,SACE,oCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,MACzB,aAAa;AAAA,MACb,0BAA0B,eAAe;AAAA,MACzC,0BAA0B,eAAe;AAAA,MACzC,0BAA0B,eAAe;AAAA,MACzC,qBAAqB,CAAC;AAAA,MACtB,oBAAoB,cAAc;AAAA,MAClC,mBAAmB,cAAc;AAAA,MACjC,2BAA2B,YAAY;AAAA;AAAA,OAErC;AAAA,KAEH;AAAA;AAMT,IAAO,iBAAQ;",
-  "names": []
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6CzB,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASA,QACP;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,aAAa;AAAA,UACb,0BAA0B,eAAe;AAAA,UACzC,0BAA0B,eAAe;AAAA,UACzC,0BAA0B,eAAe;AAAA,UACzC,qBAAqB,CAAC;AAAA,UACtB,oBAAoB,cAAc;AAAA,UAClC,mBAAmB,cAAc;AAAA,UACjC,2BAA2B,YAAY;AAAA,QACzC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
+  "names": ["Drawer"]
 }

package/DrawerHeading/index.d.ts

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

package/DrawerHeading/index.js

@@ -2,20 +2,29 @@ import React from "react";
 import clsx from "clsx";
 import CloseButton from "@digigov/react-core/CloseButton";
 import Stack from "@digigov/react-core/Stack";
-const DrawerHeading = React.forwardRef(function DrawerHeading2({className, children, onClick, closeLabel = "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF", ...props}, ref) {
-  return /* @__PURE__ */ React.createElement(Stack, {
-    direction: "row",
-    alignItems: "baseline",
-    className: clsx(className, {
-      "ds-drawer__heading": true
-    }),
-    ref,
-    ...props
-  }, children, /* @__PURE__ */ React.createElement(CloseButton, {
-    onClick: (e) => {
-      onClick && onClick(e);
-    }
-  }, closeLabel));
+const DrawerHeading = React.forwardRef(function DrawerHeading2({ className, children, onClick, closeLabel = "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF", ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Stack,
+    {
+      direction: "row",
+      alignItems: "baseline",
+      className: clsx(className, {
+        "ds-drawer__heading": true
+      }),
+      ref,
+      ...props
+    },
+    children,
+    /* @__PURE__ */ React.createElement(
+      CloseButton,
+      {
+        onClick: (e) => {
+          onClick && onClick(e);
+        }
+      },
+      closeLabel
+    )
+  );
 });
 var DrawerHeading_default = DrawerHeading;
 export {

package/DrawerHeading/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DrawerHeading/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport CloseButton from '@digigov/react-core/CloseButton';\nimport Stack, { StackProps } from '@digigov/react-core/Stack';\n\nexport interface DrawerHeadingProps extends StackProps {\n  /**\n   * closeLabel is optional.\n   * This declares the label of the close icon.\n   * @default '\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF'\n   */\n  closeLabel?: string;\n}\n/**\n * Use DrawerHeading component inside Drawing\n * for menu heading title and close icon(for mobiles).\n */\n\nexport const DrawerHeading = React.forwardRef<\n  HTMLDivElement,\n  DrawerHeadingProps\n>(function DrawerHeading(\n  { className, children, onClick, closeLabel = '\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF', ...props },\n  ref\n) {\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"baseline\"\n      className={clsx(className, {\n        'ds-drawer__heading': true,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n      <CloseButton\n        onClick={(e) => {\n          onClick && onClick(e as any);\n        }}\n      >\n        {closeLabel}\n      </CloseButton>\n    </Stack>\n  );\n});\n\nexport default DrawerHeading;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAeO,MAAM,gBAAgB,MAAM,WAGjC,wBACA,CAAE,WAAW,UAAU,SAAS,aAAa,uDAAe,QAC5D,KACA;AACA,SACE,oCAAC,OAAD;AAAA,IACE,WAAU;AAAA,IACV,YAAW;AAAA,IACX,WAAW,KAAK,WAAW;AAAA,MACzB,sBAAsB;AAAA;AAAA,IAExB;AAAA,OACI;AAAA,KAEH,UACD,oCAAC,aAAD;AAAA,IACE,SAAS,CAAC,MAAM;AACd,iBAAW,QAAQ;AAAA;AAAA,KAGpB;AAAA;AAMT,IAAO,wBAAQ;",
-  "names": []
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,iBAAiB;AACxB,OAAO,WAA2B;AAe3B,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eACT,EAAE,WAAW,UAAU,SAAS,aAAa,oDAAY,GAAG,MAAM,GAClE,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,YAAW;AAAA,MACX,WAAW,KAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,MACxB,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,qBAAW,QAAQ,CAAQ;AAAA,QAC7B;AAAA;AAAA,MAEC;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
+  "names": ["DrawerHeading"]
 }

package/DropdownBase/index.d.ts

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

package/DropdownBase/index.js

@@ -1,19 +1,23 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const DropdownBase = React.forwardRef(function DropdownBase2({className, dense, children, align = "left", placement, disabled, ...props}, ref) {
-  return /* @__PURE__ */ React.createElement(Base, {
-    as: "details",
-    ref,
-    className: clsx(className, {
-      "ds-dropdown": true,
-      "ds-dropdown--right": align === "right",
-      "ds-dropdown--up": placement === "top",
-      "ds-dropdown--disabled": disabled,
-      "ds-dropdown--dense": dense
-    }),
-    ...props
-  }, children);
+const DropdownBase = React.forwardRef(function DropdownBase2({ className, dense, children, align = "left", placement, disabled, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "details",
+      ref,
+      className: clsx(className, {
+        "ds-dropdown": true,
+        "ds-dropdown--right": align === "right",
+        "ds-dropdown--up": placement === "top",
+        "ds-dropdown--disabled": disabled,
+        "ds-dropdown--dense": dense
+      }),
+      ...props
+    },
+    children
+  );
 });
 var DropdownBase_default = DropdownBase;
 export {

package/DropdownBase/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DropdownBase/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nexport interface DropdownBaseProps extends BaseProps<'details'> {\n  /**\n   * align is optional. The default value is right.\n   * align prop adds DropdownBaseContent right or left.\n   * @value 'right'\n   * @value 'left'\n   * @default 'left'\n   */\n  align?: 'right' | 'left';\n  /**\n   * placement is optional. The default value is bottom.\n   * placement prop adds DropdownBaseContent top or bottom.\n   * @value 'top'\n   * @value 'bottom'\n   */\n  placement?: 'top' | 'bottom';\n  /**\n   * disabled is optional. The default value is false.\n   * disabled prop diables any action for DropdownBase component.\n   * @value true\n   * @value false\n   */\n  disabled?: boolean;\n  /**\n   * dense is optional.\n   * @value true DropdownBase and its children will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * DropdownBase is the main component for a dropdownBase.\n * Inside this component must be DropdownBaseButton and DropdownBaseContent components.\n */\nexport const DropdownBase = React.forwardRef<\n  HTMLDetailsElement,\n  DropdownBaseProps\n>(function DropdownBase(\n  { className, dense, children, align = 'left', placement, disabled, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"details\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-dropdown': true,\n        'ds-dropdown--right': align === 'right',\n        'ds-dropdown--up': placement === 'top',\n        'ds-dropdown--disabled': disabled,\n        'ds-dropdown--dense': dense,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default DropdownBase;\n"],
-  "mappings": "AAAA;AACA;AACA;AAoCO,MAAM,eAAe,MAAM,WAGhC,uBACA,CAAE,WAAW,OAAO,UAAU,QAAQ,QAAQ,WAAW,aAAa,QACtE,KACA;AACA,SACE,oCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,MACzB,eAAe;AAAA,MACf,sBAAsB,UAAU;AAAA,MAChC,mBAAmB,cAAc;AAAA,MACjC,yBAAyB;AAAA,MACzB,sBAAsB;AAAA;AAAA,OAEpB;AAAA,KAEH;AAAA;AAKP,IAAO,uBAAQ;",
-  "names": []
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAoCzB,MAAM,eAAe,MAAM,WAGhC,SAASA,cACT,EAAE,WAAW,OAAO,UAAU,QAAQ,QAAQ,WAAW,UAAU,GAAG,MAAM,GAC5E,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,eAAe;AAAA,QACf,sBAAsB,UAAU;AAAA,QAChC,mBAAmB,cAAc;AAAA,QACjC,yBAAyB;AAAA,QACzB,sBAAsB;AAAA,MACxB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "names": ["DropdownBase"]
 }

package/DropdownButton/index.d.ts

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

package/DropdownButton/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-import {ChevronIcon} from "@digigov/react-icons";
+import { ChevronIcon } from "@digigov/react-icons";
 const DropdownButton = React.forwardRef(function DropdownButton2({
   className,
   children,
@@ -12,24 +12,27 @@ const DropdownButton = React.forwardRef(function DropdownButton2({
   underline,
   ...props
 }, ref) {
-  return /* @__PURE__ */ React.createElement(Base, {
-    as: "summary",
-    ref,
-    tabIndex,
-    className: clsx(className, {
-      "ds-dropdown__button": true,
-      "ds-link": variant === "link",
-      "ds-btn": variant === "button",
-      "ds-dropdown__button--chevron": arrow,
-      "ds-dropdown__button--underline": underline,
-      "ds-btn-primary": variant === "button" && color === "primary",
-      "ds-btn-secondary": variant === "button" && color === "secondary",
-      "ds-btn-warning": variant === "button" && color === "warning"
-    }),
-    ...props
-  }, children, arrow && /* @__PURE__ */ React.createElement(ChevronIcon, {
-    direction: "down"
-  }));
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "summary",
+      ref,
+      tabIndex,
+      className: clsx(className, {
+        "ds-dropdown__button": true,
+        "ds-link": variant === "link",
+        "ds-btn": variant === "button",
+        "ds-dropdown__button--chevron": arrow,
+        "ds-dropdown__button--underline": underline,
+        "ds-btn-primary": variant === "button" && color === "primary",
+        "ds-btn-secondary": variant === "button" && color === "secondary",
+        "ds-btn-warning": variant === "button" && color === "warning"
+      }),
+      ...props
+    },
+    children,
+    arrow && /* @__PURE__ */ React.createElement(ChevronIcon, { direction: "down" })
+  );
 });
 var DropdownButton_default = DropdownButton;
 export {

package/DropdownButton/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DropdownButton/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { ChevronIcon } from '@digigov/react-icons';\nexport interface DropdownButtonProps extends BaseProps<'summary'> {\n  /**\n   * color is optional.\n   * 'primary' color gives DropdownButton the primary green color.\n   * 'secondary' color gives DropdownButton the secondary gray color.\n   * 'warning' color gives DropdownButton the warning red color.\n   * The default value is 'primary'.\n   * @value 'primary'\n   * @value 'secondary'\n   * @value 'warning'\n   * @default 'primary'\n   */\n  color?: 'primary' | 'secondary' | 'warning';\n  /**\n   * variant is optional.\n   * variant prop changes DropdownButton to button or link.\n   * @value 'link'\n   * @value 'button'\n   * @default 'button'\n   */\n  variant?: 'link' | 'button';\n  /**\n   * arrow is optional.\n   * arrow prop adds checkIcon component inside DropdownButton.\n   * arrow prop is false by default\n   * @value true\n   * @value false\n   * @default false\n   */\n  arrow?: boolean;\n  /**\n   * underline is optional.\n   * Use this prop when you want to use Dropdown button as \\<th\\> header in sorted table.\n   * @value true\n   * @value false\n   */\n  underline?: boolean;\n}\n/**\n * DropdownButton it should be inside the Dropdown and it is used for opening or closing dropdown.\n */\nexport const DropdownButton = React.forwardRef<\n  HTMLElement,\n  DropdownButtonProps\n>(function DropdownButton(\n  {\n    className,\n    children,\n    color = 'primary',\n    variant = 'button',\n    arrow = false,\n    tabIndex = 0,\n    underline,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"summary\"\n      ref={ref}\n      tabIndex={tabIndex}\n      className={clsx(className, {\n        'ds-dropdown__button': true,\n        'ds-link': variant === 'link',\n        'ds-btn': variant === 'button',\n        'ds-dropdown__button--chevron': arrow,\n        'ds-dropdown__button--underline': underline,\n        'ds-btn-primary': variant === 'button' && color === 'primary',\n        'ds-btn-secondary': variant === 'button' && color === 'secondary',\n        'ds-btn-warning': variant === 'button' && color === 'warning',\n      })}\n      {...props}\n    >\n      {children}\n      {arrow && <ChevronIcon direction=\"down\" />}\n    </Base>\n  );\n});\n\nexport default DropdownButton;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AA0CO,MAAM,iBAAiB,MAAM,WAGlC,yBACA;AAAA,EACE;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,KACG;AAAA,GAEL,KACA;AACA,SACE,oCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,MACzB,uBAAuB;AAAA,MACvB,WAAW,YAAY;AAAA,MACvB,UAAU,YAAY;AAAA,MACtB,gCAAgC;AAAA,MAChC,kCAAkC;AAAA,MAClC,kBAAkB,YAAY,YAAY,UAAU;AAAA,MACpD,oBAAoB,YAAY,YAAY,UAAU;AAAA,MACtD,kBAAkB,YAAY,YAAY,UAAU;AAAA;AAAA,OAElD;AAAA,KAEH,UACA,SAAS,oCAAC,aAAD;AAAA,IAAa,WAAU;AAAA;AAAA;AAKvC,IAAO,yBAAQ;",
-  "names": []
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,mBAAmB;AA0CrB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBACT;AAAA,EACE;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,WAAW,YAAY;AAAA,QACvB,UAAU,YAAY;AAAA,QACtB,gCAAgC;AAAA,QAChC,kCAAkC;AAAA,QAClC,kBAAkB,YAAY,YAAY,UAAU;AAAA,QACpD,oBAAoB,YAAY,YAAY,UAAU;AAAA,QACtD,kBAAkB,YAAY,YAAY,UAAU;AAAA,MACtD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,IACA,SAAS,oCAAC,eAAY,WAAU,QAAO;AAAA,EAC1C;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "names": ["DropdownButton"]
 }

package/DropdownContent/index.d.ts

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