@digigov/react-core 2.0.0-36b707c1 → 2.0.0-44e7106a

package/cjs/Card/index.js

@@ -34,7 +34,16 @@ module.exports = __toCommonJS(Card_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const Card = import_react.default.forwardRef(function Card2({ variant, borderColor, callToAction, dense, fullHeight, className, children, ...props }, ref) {
+const Card = import_react.default.forwardRef(function Card2({
+  variant,
+  borderColor,
+  callToAction,
+  dense,
+  fullHeight,
+  className,
+  children,
+  ...props
+}, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {

package/cjs/Card/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Card/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardProps extends BaseProps<'div'> {\n  /**\n   * By default, we recommend using Cards without border style. Card border increases the contrast to its background.\n   * divider\n   * `variant` property is optional.\n   * @value 'border'\n   * @value 'divider'\n   * @value 'border-top'\n   */\n  variant?: 'border' | 'divider' | 'border-top';\n\n  /**\n   *borderColor property is optional and it is used to set the color of the Card's border.\n   *\n   *\n   * @value 'light'\n   * @value 'dark'\n   */\n  borderColor?: 'light' | 'dark';\n\n  /**\n   *callToAction property is optional and it is used to set the content of the Card clickable.\n   *\n   *\n   * @value true\n   * @value false\n   */\n  callToAction?: boolean;\n  /**\n   * dense is optional.\n   * @value true Card will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n  /**\n   * fullHeight is optional.\n   * @value true Card will be have it's full height.\n   * @value false\n   * @default false\n   * */\n  fullHeight?: boolean;\n}\n/**\n * Cards can be used to divide and organise interface content for better understandability and readability.\n * Cards can help your users to scan through vast amounts of information quicker.\n * Use Card as parent component to wrap CardHeading, CardContent and CartAction components\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n  { variant, borderColor, callToAction, dense, fullHeight, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-card': true,\n        'ds-card--dense': dense,\n        'ds-card--border': variant === 'border',\n        'ds-card--border-top': variant === 'border-top',\n        'ds-card--divider': variant === 'divider',\n        'ds-card--cta': callToAction,\n        'ds-card--border-light': borderColor === 'light',\n        'ds-card--border-dark': borderColor === 'dark',\n        'ds-card--full-height': fullHeight,\n      })}\n      {...props}\n    >\n      <Base\n        as=\"div\"\n        className={clsx({\n          'ds-card__body': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default Card;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkDzB,MAAM,OAAO,aAAAA,QAAM,WAAsC,SAASC,MACvE,EAAE,SAAS,aAAa,cAAc,OAAO,YAAY,WAAW,UAAU,GAAG,MAAM,GACvF,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,kBAAkB;AAAA,QAClB,mBAAmB,YAAY;AAAA,QAC/B,uBAAuB,YAAY;AAAA,QACnC,oBAAoB,YAAY;AAAA,QAChC,gBAAgB;AAAA,QAChB,yBAAyB,gBAAgB;AAAA,QACzC,wBAAwB,gBAAgB;AAAA,QACxC,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK;AAAA,UACd,iBAAiB;AAAA,QACnB,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardProps extends BaseProps<'div'> {\n  /**\n   * By default, we recommend using Cards without border style. Card border increases the contrast to its background.\n   * divider\n   * `variant` property is optional.\n   * @value 'border'\n   * @value 'divider'\n   * @value 'border-top'\n   */\n  variant?: 'border' | 'divider' | 'border-top';\n\n  /**\n   *borderColor property is optional and it is used to set the color of the Card's border.\n   *\n   *\n   * @value 'light'\n   * @value 'dark'\n   */\n  borderColor?: 'light' | 'dark';\n\n  /**\n   *callToAction property is optional and it is used to set the content of the Card clickable.\n   *\n   *\n   * @value true\n   * @value false\n   */\n  callToAction?: boolean;\n  /**\n   * dense is optional.\n   * @value true Card will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n  /**\n   * fullHeight is optional.\n   * @value true Card will be have it's full height.\n   * @value false\n   * @default false\n   * */\n  fullHeight?: boolean;\n}\n/**\n * Cards can be used to divide and organise interface content for better understandability and readability.\n * Cards can help your users to scan through vast amounts of information quicker.\n * Use Card as parent component to wrap CardHeading, CardContent and CartAction components\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n  {\n    variant,\n    borderColor,\n    callToAction,\n    dense,\n    fullHeight,\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-card': true,\n        'ds-card--dense': dense,\n        'ds-card--border': variant === 'border',\n        'ds-card--border-top': variant === 'border-top',\n        'ds-card--divider': variant === 'divider',\n        'ds-card--cta': callToAction,\n        'ds-card--border-light': borderColor === 'light',\n        'ds-card--border-dark': borderColor === 'dark',\n        'ds-card--full-height': fullHeight,\n      })}\n      {...props}\n    >\n      <Base\n        as=\"div\"\n        className={clsx({\n          'ds-card__body': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default Card;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkDzB,MAAM,OAAO,aAAAA,QAAM,WAAsC,SAASC,MACvE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,kBAAkB;AAAA,QAClB,mBAAmB,YAAY;AAAA,QAC/B,uBAAuB,YAAY;AAAA,QACnC,oBAAoB,YAAY;AAAA,QAChC,gBAAgB;AAAA,QAChB,yBAAyB,gBAAgB;AAAA,QACzC,wBAAwB,gBAAgB;AAAA,QACxC,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK;AAAA,UACd,iBAAiB;AAAA,QACnB,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,eAAQ;",
   "names": ["React", "Card", "Base", "clsx"]
 }

package/cjs/CardAction/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CardAction/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardActionProps extends BaseProps<'div'> { }\n/**\n * CardAction contains the action behavior for Card Component.\n * We can use links, Buttons or ButtonGroup with max of two buttons\n * Use CardAction inside Card component as childern\n */\nexport const CardAction = React.forwardRef<HTMLDivElement, CardActionProps>(\n  function CardAction({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-card__action': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardAction;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardActionProps extends BaseProps<'div'> {}\n/**\n * CardAction contains the action behavior for Card Component.\n * We can use links, Buttons or ButtonGroup with max of two buttons\n * Use CardAction inside Card component as childern\n */\nexport const CardAction = React.forwardRef<HTMLDivElement, CardActionProps>(\n  function CardAction({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-card__action': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardAction;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
   "names": ["React", "CardAction", "Base", "clsx"]
 }

package/cjs/CardContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CardContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardContentProps extends BaseProps<'div'> { }\n/**\n * CardContent contains the text for Card Component\n * Use CardContent inside Card component as children\n */\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  function CardContent({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-card__content': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardContentProps extends BaseProps<'div'> {}\n/**\n * CardContent contains the text for Card Component\n * Use CardContent inside Card component as children\n */\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  function CardContent({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-card__content': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardContent;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,oBAAoB;AAAA,QACtB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["React", "CardContent", "Base", "clsx"]
 }

package/cjs/CardHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CardHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardHeadingProps extends BaseProps<'div'> { }\n/**\n * CardHeading gives header title to Card Component\n * Use CardHeading inside Card component as children\n */\nexport const CardHeading = React.forwardRef<HTMLDivElement, CardHeadingProps>(\n  function CardHeading({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        role=\"heading\"\n        aria-level={2}\n        className={clsx(className, {\n          'ds-card__heading': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardHeading;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardHeadingProps extends BaseProps<'div'> {}\n/**\n * CardHeading gives header title to Card Component\n * Use CardHeading inside Card component as children\n */\nexport const CardHeading = React.forwardRef<HTMLDivElement, CardHeadingProps>(\n  function CardHeading({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        role=\"heading\"\n        aria-level={2}\n        className={clsx(className, {\n          'ds-card__heading': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardHeading;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,oBAAoB;AAAA,QACtB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["React", "CardHeading", "Base", "clsx"]
 }

package/cjs/CheckboxConditional/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CheckboxConditional/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport FieldContainer from '@digigov/react-core/FieldContainer';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface CheckboxConditionalProps extends BaseProps<'div'> { }\n/**\n * CheckboxConditional asks the user a related question when they select a particular checkbox,\n * so they only see the question when it\u2019s relevant to them.\n * CheckboxConditional must be used inside Checkbox component\n */\nexport const CheckboxConditional = React.forwardRef<\n  HTMLDivElement,\n  CheckboxConditionalProps\n>(function CheckboxConditional({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-checkboxes__conditional': true,\n      })}\n      {...props}\n    >\n      <FieldContainer>\n        <LabelContainer>{children}</LabelContainer>\n      </FieldContainer>\n    </Base>\n  );\n});\n\nexport default CheckboxConditional;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport FieldContainer from '@digigov/react-core/FieldContainer';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface CheckboxConditionalProps extends BaseProps<'div'> {}\n/**\n * CheckboxConditional asks the user a related question when they select a particular checkbox,\n * so they only see the question when it\u2019s relevant to them.\n * CheckboxConditional must be used inside Checkbox component\n */\nexport const CheckboxConditional = React.forwardRef<\n  HTMLDivElement,\n  CheckboxConditionalProps\n>(function CheckboxConditional({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-checkboxes__conditional': true,\n      })}\n      {...props}\n    >\n      <FieldContainer>\n        <LabelContainer>{children}</LabelContainer>\n      </FieldContainer>\n    </Base>\n  );\n});\n\nexport default CheckboxConditional;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,4BAA2B;AAC3B,4BAA2B;AAQpB,MAAM,sBAAsB,aAAAA,QAAM,WAGvC,SAASC,qBAAoB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACrE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,8BAA8B;AAAA,MAChC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA,cAAC,sBAAAI,SAAA,MACC,6BAAAJ,QAAA,cAAC,sBAAAK,SAAA,MAAgB,QAAS,CAC5B;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
   "names": ["React", "CheckboxConditional", "Base", "clsx", "FieldContainer", "LabelContainer"]
 }

package/cjs/CheckboxItem/index.js

@@ -34,8 +34,8 @@ module.exports = __toCommonJS(CheckboxItem_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-var import_ChoiceDividerText = __toESM(require("@digigov/react-core/ChoiceDividerText"));
 var import_CheckboxItemInput = __toESM(require("@digigov/react-core/CheckboxItemInput"));
+var import_ChoiceDividerText = __toESM(require("@digigov/react-core/ChoiceDividerText"));
 var import_LabelContainer = __toESM(require("@digigov/react-core/LabelContainer"));
 const CheckboxItem = import_react.default.forwardRef(function CheckboxItem2({ name, value, dividerText, className, disabled, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, dividerText && /* @__PURE__ */ import_react.default.createElement(import_ChoiceDividerText.default, null, dividerText), /* @__PURE__ */ import_react.default.createElement(
@@ -55,7 +55,16 @@ const CheckboxItem = import_react.default.forwardRef(function CheckboxItem2({ na
         })
       },
       children,
-      /* @__PURE__ */ import_react.default.createElement(import_CheckboxItemInput.default, { ref, name, value, disabled, ...props })
+      /* @__PURE__ */ import_react.default.createElement(
+        import_CheckboxItemInput.default,
+        {
+          ref,
+          name,
+          value,
+          disabled,
+          ...props
+        }
+      )
     )
   ));
 });

package/cjs/CheckboxItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CheckboxItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';\nimport CheckboxItemInput from '@digigov/react-core/CheckboxItemInput';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface CheckboxItemProps extends BaseProps<'input'> {\n  /**\n   * dividerText is optional.\n   * Add this prop to add a choice divider on top of a checkbox item.\n   * The string is the text that it will appear above this checkbox item.\n   */\n  dividerText?: string;\n}\n/**\n * Details for the CheckboxItem.\n * CheckboxItem component allows the user to select one or more checkboxes\n * CheckboxItem must be used inside Checkbox component\n */\nexport const CheckboxItem = React.forwardRef<\n  HTMLInputElement,\n  CheckboxItemProps\n>(function CheckboxItem(\n  { name, value, dividerText, className, disabled, children, ...props },\n  ref\n) {\n  return (\n    <>\n      {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}\n      <Base as='div'\n        className={clsx(className, {\n          'ds-checkboxes__item': true,\n        })}\n      >\n        <LabelContainer\n          className={clsx({\n            'ds-checkboxes__label': true,\n            'ds-checkboxes__label--disabled': disabled,\n          })}\n        >\n          {children}\n          <CheckboxItemInput ref={ref} name={name} value={value} disabled={disabled} {...props} />\n        </LabelContainer>\n      </Base>\n    </>\n  );\n});\n\nexport default CheckboxItem;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,+BAA8B;AAC9B,+BAA8B;AAC9B,4BAA2B;AAepB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cACT,EAAE,MAAM,OAAO,aAAa,WAAW,UAAU,UAAU,GAAG,MAAM,GACpE,KACA;AACA,SACE,6BAAAD,QAAA,2BAAAA,QAAA,gBACG,eAAe,6BAAAA,QAAA,cAAC,yBAAAE,SAAA,MAAmB,WAAY,GAChD,6BAAAF,QAAA;AAAA,IAAC,YAAAG;AAAA,IAAA;AAAA,MAAK,IAAG;AAAA,MACP,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED,6BAAAJ,QAAA;AAAA,MAAC,sBAAAK;AAAA,MAAA;AAAA,QACC,eAAW,YAAAD,SAAK;AAAA,UACd,wBAAwB;AAAA,UACxB,kCAAkC;AAAA,QACpC,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,6BAAAJ,QAAA,cAAC,yBAAAM,SAAA,EAAkB,KAAU,MAAY,OAAc,UAAqB,GAAG,OAAO;AAAA,IACxF;AAAA,EACF,CACF;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport CheckboxItemInput from '@digigov/react-core/CheckboxItemInput';\nimport ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface CheckboxItemProps extends BaseProps<'input'> {\n  /**\n   * dividerText is optional.\n   * Add this prop to add a choice divider on top of a checkbox item.\n   * The string is the text that it will appear above this checkbox item.\n   */\n  dividerText?: string;\n}\n/**\n * Details for the CheckboxItem.\n * CheckboxItem component allows the user to select one or more checkboxes\n * CheckboxItem must be used inside Checkbox component\n */\nexport const CheckboxItem = React.forwardRef<\n  HTMLInputElement,\n  CheckboxItemProps\n>(function CheckboxItem(\n  { name, value, dividerText, className, disabled, children, ...props },\n  ref\n) {\n  return (\n    <>\n      {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}\n      <Base\n        as=\"div\"\n        className={clsx(className, {\n          'ds-checkboxes__item': true,\n        })}\n      >\n        <LabelContainer\n          className={clsx({\n            'ds-checkboxes__label': true,\n            'ds-checkboxes__label--disabled': disabled,\n          })}\n        >\n          {children}\n          <CheckboxItemInput\n            ref={ref}\n            name={name}\n            value={value}\n            disabled={disabled}\n            {...props}\n          />\n        </LabelContainer>\n      </Base>\n    </>\n  );\n});\n\nexport default CheckboxItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,+BAA8B;AAC9B,+BAA8B;AAC9B,4BAA2B;AAepB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cACT,EAAE,MAAM,OAAO,aAAa,WAAW,UAAU,UAAU,GAAG,MAAM,GACpE,KACA;AACA,SACE,6BAAAD,QAAA,2BAAAA,QAAA,gBACG,eAAe,6BAAAA,QAAA,cAAC,yBAAAE,SAAA,MAAmB,WAAY,GAChD,6BAAAF,QAAA;AAAA,IAAC,YAAAG;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED,6BAAAJ,QAAA;AAAA,MAAC,sBAAAK;AAAA,MAAA;AAAA,QACC,eAAW,YAAAD,SAAK;AAAA,UACd,wBAAwB;AAAA,UACxB,kCAAkC;AAAA,QACpC,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,6BAAAJ,QAAA;AAAA,QAAC,yBAAAM;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF,CACF;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["React", "CheckboxItem", "ChoiceDividerText", "Base", "clsx", "LabelContainer", "CheckboxItemInput"]
 }

package/cjs/CheckboxItemInput/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CheckboxItemInput/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/CheckboxItemInput/index.web';\nexport { default as default } from '@digigov/react-core/CheckboxItemInput/index.web';"],
+  "sourcesContent": ["export * from '@digigov/react-core/CheckboxItemInput/index.web';\nexport { default as default } from '@digigov/react-core/CheckboxItemInput/index.web';\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAAc,4DAAd;AACA,+BAAmC;",
   "names": []
 }

package/cjs/CheckboxItemInput/index.web/index.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(index_web_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const CheckboxItemInput = import_react.default.forwardRef(function CheckboxItemInput2({ name, value, className, disabled, children, ...props }, ref) {
+const CheckboxItemInput = import_react.default.forwardRef(function CheckboxItemInput2({ name, value, className, disabled, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -43,7 +43,7 @@ const CheckboxItemInput = import_react.default.forwardRef(function CheckboxItemI
       type: "checkbox",
       name,
       value,
-      className: (0, import_clsx.default)({
+      className: (0, import_clsx.default)(className, {
         "ds-checkboxes__input": true
       }),
       disabled,

package/cjs/CheckboxItemInput/index.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CheckboxItemInput/index.web.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CheckboxItemInputProps extends BaseProps<'input'> { }\n/**\n * Details for the CheckboxItem.\n * CheckboxItemInput component is the input component for CheckboxItem.\n */\nexport const CheckboxItemInput = React.forwardRef<\n  HTMLInputElement,\n  CheckboxItemInputProps\n>(function CheckboxItemInput(\n  { name, value, className, disabled, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"input\"\n      ref={ref}\n      type=\"checkbox\"\n      name={name}\n      value={value}\n      className={clsx({\n        'ds-checkboxes__input': true,\n      })}\n      disabled={disabled}\n      {...props}\n    />\n\n  );\n});\n\nexport default CheckboxItemInput;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBACT,EAAE,MAAM,OAAO,WAAW,UAAU,UAAU,GAAG,MAAM,GACvD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK;AAAA,QACd,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAGJ,CAAC;AAED,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CheckboxItemInputProps extends BaseProps<'input'> {}\n/**\n * Details for the CheckboxItem.\n * CheckboxItemInput component is the input component for CheckboxItem.\n */\nexport const CheckboxItemInput = React.forwardRef<\n  HTMLInputElement,\n  CheckboxItemInputProps\n>(function CheckboxItemInput(\n  { name, value, className, disabled, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"input\"\n      ref={ref}\n      type=\"checkbox\"\n      name={name}\n      value={value}\n      className={clsx(className, {\n        'ds-checkboxes__input': true,\n      })}\n      disabled={disabled}\n      {...props}\n    />\n  );\n});\n\nexport default CheckboxItemInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBACT,EAAE,MAAM,OAAO,WAAW,UAAU,GAAG,MAAM,GAC7C,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["React", "CheckboxItemInput", "Base", "clsx"]
 }

package/cjs/Chip/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Chip/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { CloseIcon } from '@digigov/react-icons';\n\nexport interface ChipProps extends BaseProps<'li'> {\n  /**\n\n  */\n  onDelete?: (e: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;\n}\n/**\n * Chips can be used to represent small blocks of information.\n * Chip component must be inside ChipContainer component.\n */\nexport const Chip = React.forwardRef<HTMLLIElement, ChipProps>(function Chip(\n  { className, onDelete, onClick, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-chip': true,\n        'ds-chip--deletable': !!onDelete,\n      })}\n      {...props}\n      onClick={onClick}\n    >\n      <Base as='div'\n        role={onClick && 'button'}\n        tabIndex={onClick && 0}\n        className=\"ds-chip__content\"\n      >\n        {children}\n        {onDelete && (\n          <CloseIcon\n            onClick={(e) => {\n              e.stopPropagation();\n              onDelete(e);\n            }}\n          />\n        )}\n      </Base>\n    </Base>\n  );\n});\n\nexport default Chip;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,yBAA0B;AAYnB,MAAM,OAAO,aAAAA,QAAM,WAAqC,SAASC,MACtE,EAAE,WAAW,UAAU,SAAS,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,sBAAsB,CAAC,CAAC;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA,MACJ;AAAA;AAAA,IAEA,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QAAK,IAAG;AAAA,QACP,MAAM,WAAW;AAAA,QACjB,UAAU,WAAW;AAAA,QACrB,WAAU;AAAA;AAAA,MAET;AAAA,MACA,YACC,6BAAAF,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAM;AACd,cAAE,gBAAgB;AAClB,qBAAS,CAAC;AAAA,UACZ;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { CloseIcon } from '@digigov/react-icons';\n\nexport interface ChipProps extends BaseProps<'li'> {\n  /**\n\n  */\n  onDelete?: (e: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;\n}\n/**\n * Chips can be used to represent small blocks of information.\n * Chip component must be inside ChipContainer component.\n */\nexport const Chip = React.forwardRef<HTMLLIElement, ChipProps>(function Chip(\n  { className, onDelete, onClick, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-chip': true,\n        'ds-chip--deletable': !!onDelete,\n      })}\n      {...props}\n      onClick={onClick}\n    >\n      <Base\n        as=\"div\"\n        role={onClick && 'button'}\n        tabIndex={onClick && 0}\n        className=\"ds-chip__content\"\n      >\n        {children}\n        {onDelete && (\n          <CloseIcon\n            onClick={(e) => {\n              e.stopPropagation();\n              onDelete(e);\n            }}\n          />\n        )}\n      </Base>\n    </Base>\n  );\n});\n\nexport default Chip;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,yBAA0B;AAYnB,MAAM,OAAO,aAAAA,QAAM,WAAqC,SAASC,MACtE,EAAE,WAAW,UAAU,SAAS,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,sBAAsB,CAAC,CAAC;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA,MACJ;AAAA;AAAA,IAEA,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAM,WAAW;AAAA,QACjB,UAAU,WAAW;AAAA,QACrB,WAAU;AAAA;AAAA,MAET;AAAA,MACA,YACC,6BAAAF,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAM;AACd,cAAE,gBAAgB;AAClB,qBAAS,CAAC;AAAA,UACZ;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,eAAQ;",
   "names": ["React", "Chip", "Base", "clsx"]
 }

package/cjs/ChipKeyValue/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ChipKeyValue/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ChipKeyValueProps extends BaseProps<'span'> { }\n/**\n * ChipKeyValue is used to provide key value inside chips.\n * ChipKeyValue component must be wrapped inside Chip component.\n */\nexport const ChipKeyValue = React.forwardRef<\n  HTMLSpanElement,\n  ChipKeyValueProps\n>(function ChipKeyValue({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-chip__key-value': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ChipKeyValue;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ChipKeyValueProps extends BaseProps<'span'> {}\n/**\n * ChipKeyValue is used to provide key value inside chips.\n * ChipKeyValue component must be wrapped inside Chip component.\n */\nexport const ChipKeyValue = React.forwardRef<\n  HTMLSpanElement,\n  ChipKeyValueProps\n>(function ChipKeyValue({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-chip__key-value': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ChipKeyValue;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,MACxB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["React", "ChipKeyValue", "Base", "clsx"]
 }

package/cjs/ChoiceDividerText/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ChoiceDividerText/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ChoiceDividerTextProps extends BaseProps<'div'> { }\n/**\n * ChoiceDivider component adds a text divider on top of a Radio or Checkbox item.\n * It's been used as a prop (\"divider\") inside RadioItem and CheckboxItem.\n */\nexport const ChoiceDividerText = React.forwardRef<\n  HTMLDivElement,\n  ChoiceDividerTextProps\n>(function ChoiceDividerText({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-choice-divider-text': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ChoiceDividerText;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ChoiceDividerTextProps extends BaseProps<'div'> {}\n/**\n * ChoiceDivider component adds a text divider on top of a Radio or Checkbox item.\n * It's been used as a prop (\"divider\") inside RadioItem and CheckboxItem.\n */\nexport const ChoiceDividerText = React.forwardRef<\n  HTMLDivElement,\n  ChoiceDividerTextProps\n>(function ChoiceDividerText({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-choice-divider-text': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ChoiceDividerText;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBAAkB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACnE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,MAC5B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
   "names": ["React", "ChoiceDividerText", "Base", "clsx"]
 }

package/cjs/CodeBlockContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CodeBlockContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockContainerProps extends BaseProps<'div'> { }\n/**\n * CodeBlockContainer is a component for displaying code.\n *\n */\nexport const CodeBlockContainer = React.forwardRef<\n  HTMLDivElement,\n  CodeBlockContainerProps\n>(function CodeBlockContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-code-block__container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default CodeBlockContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockContainerProps extends BaseProps<'div'> {}\n/**\n * CodeBlockContainer is a component for displaying code.\n *\n */\nexport const CodeBlockContainer = React.forwardRef<\n  HTMLDivElement,\n  CodeBlockContainerProps\n>(function CodeBlockContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-code-block__container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default CodeBlockContainer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,qBAAqB,aAAAA,QAAM,WAGtC,SAASC,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,4BAA4B;AAAA,MAC9B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
   "names": ["React", "CodeBlockContainer", "Base", "clsx"]
 }

package/cjs/CodeBlockContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CodeBlockContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockContentProps extends BaseProps<'pre'> { }\n/**\n * CodeBlockContent can be used as content inside the CodeBlockContainer.\n *\n */\nexport const CodeBlockContent = React.forwardRef<\n  HTMLPreElement,\n  CodeBlockContentProps\n>(function CodeBlockContent({ className, children, ...props }, ref) {\n  return (\n    <Base as=\"pre\" ref={ref} className={className} {...props}>\n      <Base\n        as=\"code\"\n        className={clsx({\n          'ds-code-block__content': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default CodeBlockContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockContentProps extends BaseProps<'pre'> {}\n/**\n * CodeBlockContent can be used as content inside the CodeBlockContainer.\n *\n */\nexport const CodeBlockContent = React.forwardRef<\n  HTMLPreElement,\n  CodeBlockContentProps\n>(function CodeBlockContent({ className, children, ...props }, ref) {\n  return (\n    <Base as=\"pre\" ref={ref} className={className} {...props}>\n      <Base\n        as=\"code\"\n        className={clsx({\n          'ds-code-block__content': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default CodeBlockContent;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,IAAG,OAAM,KAAU,WAAuB,GAAG,SACjD,6BAAAF,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK;AAAA,QACd,0BAA0B;AAAA,MAC5B,CAAC;AAAA;AAAA,IAEA;AAAA,EACH,CACF;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
   "names": ["React", "CodeBlockContent", "Base", "clsx"]
 }

package/cjs/CopyToClipboardContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CopyToClipboardContainer/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardContainer/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardContainer/index.web';"],
+  "sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardContainer/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardContainer/index.web';\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAAc,mEAAd;AACA,sCAAmC;",
   "names": []
 }

package/cjs/CopyToClipboardMessage/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CopyToClipboardMessage/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardMessage/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardMessage/index.web';"],
+  "sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardMessage/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardMessage/index.web';\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CAAc,iEAAd;AACA,oCAAmC;",
   "names": []
 }

package/cjs/CopyToClipboardMessage/index.native/index.js

@@ -31,10 +31,10 @@ __export(index_native_exports, {
   default: () => index_native_default
 });
 module.exports = __toCommonJS(index_native_exports);
-var import_CopyToClipboardMessage = __toESM(require("@digigov/react-core/CopyToClipboardMessage/index.web"));
-var import_extend = require("@digigov/react-core/utils/extend.native");
 var import_clsx = __toESM(require("clsx"));
-const CopyToClipboardMessage = (0, import_extend.extend)(import_CopyToClipboardMessage.default, ({ dense, className, ...props }) => {
+var import_CopyToClipboardMessage = __toESM(require("@digigov/react-core/CopyToClipboardMessage/index.web"));
+var import_utils = require("@digigov/react-core/utils/index.native");
+const CopyToClipboardMessage = (0, import_utils.extend)(import_CopyToClipboardMessage.default, ({ dense, className, ...props }) => {
   return {
     className: (0, import_clsx.default)(className, {
       "ds-copy-to-clipboard__before": true,

package/cjs/CopyToClipboardMessage/index.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CopyToClipboardMessage/index.native.tsx"],
-  "sourcesContent": ["import CoreCopyToClipboardMessage, {\n  CopyToClipboardMessageProps,\n} from '@digigov/react-core/CopyToClipboardMessage/index.web';\nimport { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';\nimport { extend } from '@digigov/react-core/utils/extend.native';\nimport clsx from 'clsx';\n\nexport const CopyToClipboardMessage = extend<\n  CopyToClipboardMessageProps,\n  CopyToClipboardContainerProps\n>(CoreCopyToClipboardMessage, ({ dense, className, ...props }) => {\n  return {\n    className: clsx(className, {\n      'ds-copy-to-clipboard__before': true,\n      'ds-copy-to-clipboard__message--dense': dense,\n    }),\n    ...props,\n  };\n});\n\nexport default CopyToClipboardMessage;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAEO;AAEP,oBAAuB;AACvB,kBAAiB;AAEV,MAAM,6BAAyB,sBAGpC,8BAAAA,SAA4B,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,MAAM;AAChE,SAAO;AAAA,IACL,eAAW,YAAAC,SAAK,WAAW;AAAA,MACzB,gCAAgC;AAAA,MAChC,wCAAwC;AAAA,IAC1C,CAAC;AAAA,IACD,GAAG;AAAA,EACL;AACF,CAAC;AAED,IAAO,uBAAQ;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';\nimport CoreCopyToClipboardMessage, {\n  CopyToClipboardMessageProps,\n} from '@digigov/react-core/CopyToClipboardMessage/index.web';\nimport { extend } from '@digigov/react-core/utils/index.native';\n\nexport const CopyToClipboardMessage = extend<\n  CopyToClipboardMessageProps,\n  CopyToClipboardContainerProps\n>(CoreCopyToClipboardMessage, ({ dense, className, ...props }) => {\n  return {\n    className: clsx(className, {\n      'ds-copy-to-clipboard__before': true,\n      'ds-copy-to-clipboard__message--dense': dense,\n    }),\n    ...props,\n  };\n});\n\nexport default CopyToClipboardMessage;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AAEjB,oCAEO;AACP,mBAAuB;AAEhB,MAAM,6BAAyB,qBAGpC,8BAAAA,SAA4B,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,MAAM;AAChE,SAAO;AAAA,IACL,eAAW,YAAAC,SAAK,WAAW;AAAA,MACzB,gCAAgC;AAAA,MAChC,wCAAwC;AAAA,IAC1C,CAAC;AAAA,IACD,GAAG;AAAA,EACL;AACF,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["CoreCopyToClipboardMessage", "clsx"]
 }

package/cjs/CopyrightContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CopyrightContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CopyrightContainerProps extends BaseProps<'p'> { }\n/**\n * CopyrightContainer is used inside the Footer component.\n * CopyrightContainer has no props.\n */\nexport const CopyrightContainer = React.forwardRef<\n  HTMLParagraphElement,\n  CopyrightContainerProps\n>(function CopyrightContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"p\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-footer__copyright': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default CopyrightContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CopyrightContainerProps extends BaseProps<'p'> {}\n/**\n * CopyrightContainer is used inside the Footer component.\n * CopyrightContainer has no props.\n */\nexport const CopyrightContainer = React.forwardRef<\n  HTMLParagraphElement,\n  CopyrightContainerProps\n>(function CopyrightContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"p\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-footer__copyright': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default CopyrightContainer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,qBAAqB,aAAAA,QAAM,WAGtC,SAASC,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
   "names": ["React", "CopyrightContainer", "Base", "clsx"]
 }

package/cjs/DateInputItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/DateInputItem/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/DateInputItem/index.web';\nexport { default as default } from '@digigov/react-core/DateInputItem/index.web';"],
+  "sourcesContent": ["export * from '@digigov/react-core/DateInputItem/index.web';\nexport { default as default } from '@digigov/react-core/DateInputItem/index.web';\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAAc,wDAAd;AACA,2BAAmC;",
   "names": []
 }

package/cjs/DateInputItem/index.native/index.js

@@ -31,17 +31,14 @@ __export(index_native_exports, {
   default: () => index_native_default
 });
 module.exports = __toCommonJS(index_native_exports);
-var import_extend = __toESM(require("@digigov/react-core/utils/extend.native"));
 var import_DateInputItem = __toESM(require("@digigov/react-core/DateInputItem/index.web"));
-const DateInputItem = (0, import_extend.default)(
-  import_DateInputItem.default,
-  ({ className, ...props }) => {
-    return {
-      ...props,
-      onChange: void 0
-    };
-  }
-);
+var import_utils = __toESM(require("@digigov/react-core/utils/index.native"));
+const DateInputItem = (0, import_utils.default)(import_DateInputItem.default, (props) => {
+  return {
+    ...props,
+    onChange: void 0
+  };
+});
 var index_native_default = DateInputItem;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/DateInputItem/index.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/DateInputItem/index.native.tsx"],
-  "sourcesContent": ["import extend from '@digigov/react-core/utils/extend.native';\nimport CoreDateInputItem from '@digigov/react-core/DateInputItem/index.web';\nexport const DateInputItem = extend(\n  CoreDateInputItem,\n  ({ className, ...props }) => {\n    return {\n      ...props,\n      onChange: undefined,\n    };\n  }\n);\nexport default DateInputItem;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmB;AACnB,2BAA8B;AACvB,MAAM,oBAAgB,cAAAA;AAAA,EAC3B,qBAAAC;AAAA,EACA,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AAC3B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AACA,IAAO,uBAAQ;",
+  "sourcesContent": ["import CoreDateInputItem from '@digigov/react-core/DateInputItem/index.web';\nimport extend from '@digigov/react-core/utils/index.native';\nexport const DateInputItem = extend(CoreDateInputItem, (props) => {\n  return {\n    ...props,\n    onChange: undefined,\n  };\n});\nexport default DateInputItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAC9B,mBAAmB;AACZ,MAAM,oBAAgB,aAAAA,SAAO,qBAAAC,SAAmB,CAAC,UAAU;AAChE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU;AAAA,EACZ;AACF,CAAC;AACD,IAAO,uBAAQ;",
   "names": ["extend", "CoreDateInputItem"]
 }

package/cjs/DateInputItem/index.web/index.js

@@ -53,7 +53,17 @@ const DateInputItem = import_react.default.forwardRef(function DateInputItem2({
         })
       },
       children,
-      /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { ref, type: "text", name, maxWidth: `${width}-char`, error, ...props })
+      /* @__PURE__ */ import_react.default.createElement(
+        import_TextInput.TextInput,
+        {
+          ref,
+          type: "text",
+          name,
+          maxWidth: `${width}-char`,
+          error,
+          ...props
+        }
+      )
     )
   );
 });

package/cjs/DateInputItem/index.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/DateInputItem/index.web.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { TextInput } from '@digigov/react-core/TextInput';\n\nexport interface DateInputItemProps extends BaseProps<'input'> {\n  /**\n   * Width property is optional.\n   * Use this property for year field to grow width.\n   * @value 2\n   * @value 4\n   * @default 2\n   */\n  width?: 2 | 4;\n  /**\n   * error is optional. The default value is false.\n   * Use this prop when there is an error at the input.\n   * @value true\n   * @value false\n   */\n  error?: boolean;\n}\n/**\n * Details for the DateInputItem.\n * DateInputItem component is used for displaying date.\n * DateInputItem component must be included inside DateInput component as children component\n */\nexport const DateInputItem = React.forwardRef<\n  HTMLInputElement,\n  DateInputItemProps\n>(function DateInputItem(\n  { name, width = 2, error, className, children, ...props },\n  ref\n) {\n  return (\n    <Base as='div'\n      className={clsx(className, {\n        'ds-date-input__item': true,\n      })}\n    >\n      <Base as='label'\n        className={clsx({\n          'ds-label': true,\n        })}\n      >\n        {children}\n        <TextInput ref={ref} type=\"text\" name={name} maxWidth={`${width}-char`} error={error} {...props} />\n      </Base>\n    </Base>\n  );\n});\n\nexport default DateInputItem;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,uBAA0B;AAwBnB,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eACT,EAAE,MAAM,QAAQ,GAAG,OAAO,WAAW,UAAU,GAAG,MAAM,GACxD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MAAK,IAAG;AAAA,MACP,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QAAK,IAAG;AAAA,QACP,eAAW,YAAAC,SAAK;AAAA,UACd,YAAY;AAAA,QACd,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,6BAAAH,QAAA,cAAC,8BAAU,KAAU,MAAK,QAAO,MAAY,UAAU,GAAG,KAAK,SAAS,OAAe,GAAG,OAAO;AAAA,IACnG;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { TextInput } from '@digigov/react-core/TextInput';\n\nexport interface DateInputItemProps extends BaseProps<'input'> {\n  /**\n   * Width property is optional.\n   * Use this property for year field to grow width.\n   * @value 2\n   * @value 4\n   * @default 2\n   */\n  width?: 2 | 4;\n  /**\n   * error is optional. The default value is false.\n   * Use this prop when there is an error at the input.\n   * @value true\n   * @value false\n   */\n  error?: boolean;\n}\n/**\n * Details for the DateInputItem.\n * DateInputItem component is used for displaying date.\n * DateInputItem component must be included inside DateInput component as children component\n */\nexport const DateInputItem = React.forwardRef<\n  HTMLInputElement,\n  DateInputItemProps\n>(function DateInputItem(\n  { name, width = 2, error, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      className={clsx(className, {\n        'ds-date-input__item': true,\n      })}\n    >\n      <Base\n        as=\"label\"\n        className={clsx({\n          'ds-label': true,\n        })}\n      >\n        {children}\n        <TextInput\n          ref={ref}\n          type=\"text\"\n          name={name}\n          maxWidth={`${width}-char`}\n          error={error}\n          {...props}\n        />\n      </Base>\n    </Base>\n  );\n});\n\nexport default DateInputItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,uBAA0B;AAwBnB,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eACT,EAAE,MAAM,QAAQ,GAAG,OAAO,WAAW,UAAU,GAAG,MAAM,GACxD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK;AAAA,UACd,YAAY;AAAA,QACd,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,6BAAAH,QAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,UAAU,GAAG,KAAK;AAAA,UAClB;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["React", "DateInputItem", "Base", "clsx"]
 }

package/cjs/Details/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Details/index.tsx"],
-  "sourcesContent": ["export * from \"@digigov/react-core/Details/index.web\";\nexport {default as default} from \"@digigov/react-core/Details/index.web\";"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAc,kDAAd;AACA,qBAAiC;",
+  "sourcesContent": ["export * from '@digigov/react-core/Details/index.web';\nexport { default as default } from '@digigov/react-core/Details/index.web';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAc,kDAAd;AACA,qBAAmC;",
   "names": []
 }

package/cjs/Details/index.native/index.js

@@ -32,8 +32,8 @@ __export(index_native_exports, {
 });
 module.exports = __toCommonJS(index_native_exports);
 var import_Details = __toESM(require("@digigov/react-core/Details/index.web"));
-var import_extend = require("@digigov/react-core/utils/extend.native");
-const Details = (0, import_extend.extend)(import_Details.default, ({ className, ...props }) => {
+var import_utils = require("@digigov/react-core/utils/index.native");
+const Details = (0, import_utils.extend)(import_Details.default, ({ className, ...props }) => {
   return {
     className,
     closeIcon: "\u25B6",

package/cjs/Details/index.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Details/index.native.tsx"],
-  "sourcesContent": ["import CoreDetails from '@digigov/react-core/Details/index.web';\nimport { extend } from '@digigov/react-core/utils/extend.native';\n\nexport const Details = extend(CoreDetails, ({ className, ...props }) => {\n  return {\n    className,\n    closeIcon: '\u25B6',\n    openIcon: '\u25BC',\n    placement: 'before',\n    ...props,\n  };\n});\n\nexport default Details;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AACxB,oBAAuB;AAEhB,MAAM,cAAU,sBAAO,eAAAA,SAAa,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AACtE,SAAO;AAAA,IACL;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,GAAG;AAAA,EACL;AACF,CAAC;AAED,IAAO,uBAAQ;",
+  "sourcesContent": ["import CoreDetails from '@digigov/react-core/Details/index.web';\nimport { extend } from '@digigov/react-core/utils/index.native';\n\nexport const Details = extend(CoreDetails, ({ className, ...props }) => {\n  return {\n    className,\n    closeIcon: '\u25B6',\n    openIcon: '\u25BC',\n    placement: 'before',\n    ...props,\n  };\n});\n\nexport default Details;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AACxB,mBAAuB;AAEhB,MAAM,cAAU,qBAAO,eAAAA,SAAa,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AACtE,SAAO;AAAA,IACL;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,GAAG;AAAA,EACL;AACF,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["CoreDetails"]
 }

package/cjs/Details/index.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Details/index.web.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"],
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,SAASC,SAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvD,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,cAAc;AAAA,QAChB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["React", "Details", "Base", "clsx"]
 }

package/cjs/DetailsContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "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"],
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["React", "DetailsContent", "Base", "clsx"]
 }

package/cjs/Drawer/index.js

@@ -49,19 +49,32 @@ const Drawer = import_react.default.forwardRef(
       {
         as: "div",
         ref,
-        className: (0, import_clsx.default)(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
+        className: (0, import_clsx.default)({
+          "ds-drawer-container": true,
+          "ds-drawer-container--relative-sm": upRelative === "sm",
+          "ds-drawer-container--relative-md": upRelative === "md",
+          "ds-drawer-container--relative-lg": upRelative === "lg",
+          "ds-drawer-container--closed": !open
+        })
       },
-      children
+      /* @__PURE__ */ import_react.default.createElement(
+        import_Base.default,
+        {
+          as: "div",
+          className: (0, import_clsx.default)(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
+      )
     );
   }
 );

package/cjs/Drawer/index.js.map

@@ -1,7 +1,7 @@
 {
   "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA6CzB,MAAM,SAAS,aAAAA,QAAM;AAAA,EAC1B,SAASC,QACP;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,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;",
+  "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.\n   * This declares if the drawer is visible at what screens in a relative position.\n   * If not relative, it will be a drawer.\n   * The default value is never.\n   * @value 'sm' The drawer will be visible and relative at small screens and up\n   * @value 'md' The drawer will be visible and relative at medium screens and up\n   * @value 'lg' The drawer will be visible and relative at large screens and up\n   * @value 'never' The drawer will never have relative position in the page\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({\n          'ds-drawer-container': true,\n          'ds-drawer-container--relative-sm': upRelative === 'sm',\n          'ds-drawer-container--relative-md': upRelative === 'md',\n          'ds-drawer-container--relative-lg': upRelative === 'lg',\n          'ds-drawer-container--closed': !open,\n        })}\n      >\n        <Base\n          as=\"div\"\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      </Base>\n    );\n  }\n);\n\nexport default Drawer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA+CzB,MAAM,SAAS,aAAAA,QAAM;AAAA,EAC1B,SAASC,QACP;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK;AAAA,UACd,uBAAuB;AAAA,UACvB,oCAAoC,eAAe;AAAA,UACnD,oCAAoC,eAAe;AAAA,UACnD,oCAAoC,eAAe;AAAA,UACnD,+BAA+B,CAAC;AAAA,QAClC,CAAC;AAAA;AAAA,MAED,6BAAAH,QAAA;AAAA,QAAC,YAAAE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,eAAW,YAAAC,SAAK,WAAW;AAAA,YACzB,aAAa;AAAA,YACb,0BAA0B,eAAe;AAAA,YACzC,0BAA0B,eAAe;AAAA,YACzC,0BAA0B,eAAe;AAAA,YACzC,qBAAqB,CAAC;AAAA,YACtB,oBAAoB,cAAc;AAAA,YAClC,mBAAmB,cAAc;AAAA,YACjC,2BAA2B,YAAY;AAAA,UACzC,CAAC;AAAA,UACA,GAAG;AAAA;AAAA,QAEH;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
   "names": ["React", "Drawer", "Base", "clsx"]
 }

package/cjs/DrawerHeading/index.js

@@ -48,15 +48,7 @@ const DrawerHeading = import_react.default.forwardRef(function DrawerHeading2({
       ...props
     },
     children,
-    /* @__PURE__ */ import_react.default.createElement(
-      import_CloseButton.default,
-      {
-        onClick: (e) => {
-          onClick && onClick(e);
-        }
-      },
-      closeLabel
-    )
+    /* @__PURE__ */ import_react.default.createElement(import_CloseButton.default, { onClick: (e) => onClick && onClick(e) }, closeLabel)
   );
 });
 var DrawerHeading_default = DrawerHeading;