@digigov/react-core 2.0.0-daaf7bdf → 2.0.0-e20fed09

package/AutoCompleteInputBase/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface AutoCompleteInputBaseProps extends BaseProps<'input'> {
+    /**
+     * isFocused is optional. The default value is false.
+     * isFocused prop is used to focus the list element.
+     * @value true
+     * @value false
+     */
+    isFocused?: boolean;
+}
+/**
+ * AutoCompleteInputBase component is used to display the value that the user is typing.
+ *
+ */
+export declare const AutoCompleteInputBase: React.ForwardRefExoticComponent<Omit<AutoCompleteInputBaseProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default AutoCompleteInputBase;

package/{AutoCompleteInput → AutoCompleteInputBase}/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const AutoCompleteInput = React.forwardRef(function AutoCompleteInput2({ name, isFocused, className, ...props }, ref) {
+const AutoCompleteInputBase = React.forwardRef(function AutoCompleteInputBase2({ name, isFocused, className, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {
@@ -17,9 +17,9 @@ const AutoCompleteInput = React.forwardRef(function AutoCompleteInput2({ name, i
     }
   );
 });
-var AutoCompleteInput_default = AutoCompleteInput;
+var AutoCompleteInputBase_default = AutoCompleteInputBase;
 export {
-  AutoCompleteInput,
-  AutoCompleteInput_default as default
+  AutoCompleteInputBase,
+  AutoCompleteInputBase_default as default
 };
 //# sourceMappingURL=index.js.map

package/AutoCompleteInputBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AutoCompleteInputBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nexport interface AutoCompleteInputBaseProps extends BaseProps<'input'> {\n  /**\n   * isFocused is optional. The default value is false.\n   * isFocused prop is used to focus the list element.\n   * @value true\n   * @value false\n   */\n  isFocused?: boolean;\n}\n/**\n * AutoCompleteInputBase component is used to display the value that the user is typing.\n *\n */\nexport const AutoCompleteInputBase = React.forwardRef<\n  HTMLInputElement,\n  AutoCompleteInputBaseProps\n>(function AutoCompleteInputBase(\n  { name, isFocused, className, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"input\"\n      type=\"text\"\n      name={name}\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__input': true,\n        'ds-autocomplete__input--focused': isFocused,\n      })}\n      {...props}\n    />\n  );\n});\n\nexport default AutoCompleteInputBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAczB,MAAM,wBAAwB,MAAM,WAGzC,SAASA,uBACT,EAAE,MAAM,WAAW,WAAW,GAAG,MAAM,GACvC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
+  "names": ["AutoCompleteInputBase"]
+}

package/AutoCompleteInputBase/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/AutoCompleteInputBase/index.js"
+}

package/AutoCompleteMultipleInputContainer/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const AutoCompleteMultipleInputContainer = React.forwardRef(function AutoCompleteMultipleInputContainer2({ numberOfSelected = "all", open, children, isFocused, className, ...props }, ref) {
+const AutoCompleteMultipleInputContainer = React.forwardRef(function AutoCompleteMultipleInputContainer2({ numberOfSelected = "all", children, isFocused, className, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {

package/AutoCompleteMultipleInputContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AutoCompleteMultipleInputContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteMultipleInputContainerProps\n  extends BaseProps<'div'> {\n  open?: boolean;\n  isFocused?: boolean;\n  numberOfSelected?: 1 | 2 | 3 | 'all';  \n}\n/**\n * Use AutoCompleteMultipleInputContainer to accept multiple values input.\n */\nexport const AutoCompleteMultipleInputContainer = React.forwardRef<\n  HTMLDivElement,\n  AutoCompleteMultipleInputContainerProps\n>(function AutoCompleteMultipleInputContainer(\n  { numberOfSelected = 'all', open, children, isFocused, className, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__multi-input-container': true,\n        'ds-autocomplete__multi-input-container--focused': isFocused,\n        [`ds-autocomplete__multi-input-container--${numberOfSelected}`]: typeof(numberOfSelected) === 'number' \n        \n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AutoCompleteMultipleInputContainer;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAWzB,MAAM,qCAAqC,MAAM,WAGtD,SAASA,oCACT,EAAE,mBAAmB,OAAO,MAAM,UAAU,WAAW,WAAW,GAAG,MAAM,GAC3E,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0CAA0C;AAAA,QAC1C,mDAAmD;AAAA,QACnD,CAAC,2CAA2C,gBAAgB,EAAE,GAAG,OAAO,qBAAsB;AAAA,MAEhG,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6CAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteMultipleInputContainerProps\n  extends BaseProps<'div'> {\n  open?: boolean;\n  isFocused?: boolean;\n  numberOfSelected?: 1 | 2 | 3 | 'all';\n}\n/**\n * Use AutoCompleteMultipleInputContainer to accept multiple values input.\n */\nexport const AutoCompleteMultipleInputContainer = React.forwardRef<\n  HTMLDivElement,\n  AutoCompleteMultipleInputContainerProps\n>(function AutoCompleteMultipleInputContainer(\n  { numberOfSelected = 'all', children, isFocused, className, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__multi-input-container': true,\n        'ds-autocomplete__multi-input-container--focused': isFocused,\n        [`ds-autocomplete__multi-input-container--${numberOfSelected}`]:\n          typeof numberOfSelected === 'number',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AutoCompleteMultipleInputContainer;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAWzB,MAAM,qCAAqC,MAAM,WAGtD,SAASA,oCACT,EAAE,mBAAmB,OAAO,UAAU,WAAW,WAAW,GAAG,MAAM,GACrE,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0CAA0C;AAAA,QAC1C,mDAAmD;AAAA,QACnD,CAAC,2CAA2C,gBAAgB,EAAE,GAC5D,OAAO,qBAAqB;AAAA,MAChC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6CAAQ;",
   "names": ["AutoCompleteMultipleInputContainer"]
 }

package/AutoCompleteResultList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AutoCompleteResultList/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteResultListProps extends BaseProps<'ul'> {\n  /**\n   * isVisible is optional.\n   * Use isVisible prop to make menu visible\n   * default value is false.\n   *\n   * @value true\n   * @value false\n   * @default false\n   */\n  isVisible?: boolean;\n}\n/**\n * AutoCompleteResultList component is used for listing items.\n * This component must contain AutoCompleteResultListItem component.\n */\nexport const AutoCompleteResultList = React.forwardRef<\n  HTMLUListElement,\n  AutoCompleteResultListProps\n>(function List(\n  { isVisible = false, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"ul\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__menu': true,\n        'ds-autocomplete__menu--hidden': isVisible === false,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AutoCompleteResultList;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAkBzB,MAAM,yBAAyB,MAAM,WAG1C,SAAS,KACT,EAAE,YAAY,OAAO,WAAW,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,QACzB,iCAAiC,cAAc;AAAA,MACjD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteResultListProps extends BaseProps<'ul'> {\n  /**\n   * isVisible is optional.\n   * Use isVisible prop to make menu visible\n   * default value is false.\n   *\n   * @value true\n   * @value false\n   * @default false\n   */\n  isVisible?: boolean;\n}\n/**\n * AutoCompleteResultList component is used for listing items.\n * This component must contain AutoCompleteResultListItem component.\n */\nexport const AutoCompleteResultList = React.forwardRef<\n  HTMLUListElement,\n  AutoCompleteResultListProps\n>(function List({ isVisible = false, className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"ul\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__menu': true,\n        'ds-autocomplete__menu--hidden': isVisible === false,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AutoCompleteResultList;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAkBzB,MAAM,yBAAyB,MAAM,WAG1C,SAAS,KAAK,EAAE,YAAY,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,QACzB,iCAAiC,cAAc;AAAA,MACjD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iCAAQ;",
   "names": []
 }

package/AutoCompleteStatus/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AutoCompleteStatus/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteStatusProps extends BaseProps<'div'> { }\n/**\n * AutoCompleteStatus is a div element for displaying the autocomplete status.\n * Use AutoCompleteStatus inside AutoCompleteStatusContainer wrapper.\n */\nexport const AutoCompleteStatus = React.forwardRef<\n  HTMLDivElement,\n  AutoCompleteStatusProps\n>(function AutoCompleteStatusContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__status': true,\n      })}\n      role=\"status\"\n      aria-atomic=\"true\"\n      aria-live=\"polite\"\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AutoCompleteStatus;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteStatusProps extends BaseProps<'div'> {}\n/**\n * AutoCompleteStatus is a div element for displaying the autocomplete status.\n * Use AutoCompleteStatus inside AutoCompleteStatusContainer wrapper.\n */\nexport const AutoCompleteStatus = React.forwardRef<\n  HTMLDivElement,\n  AutoCompleteStatusProps\n>(function AutoCompleteStatusContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__status': true,\n      })}\n      role=\"status\"\n      aria-atomic=\"true\"\n      aria-live=\"polite\"\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AutoCompleteStatus;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,qBAAqB,MAAM,WAGtC,SAAS,4BAA4B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,2BAA2B;AAAA,MAC7B,CAAC;AAAA,MACD,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
   "names": []
 }

package/BackLinkBase/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+export interface BackLinkBaseProps extends LinkBaseProps {
+}
+/**
+ * Use BackLinkBase component to help users go back to the previous page in a multi-page transaction.
+ */
+export declare const BackLinkBase: React.ForwardRefExoticComponent<Omit<BackLinkBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default BackLinkBase;

package/BackLinkBase/index.js

@@ -0,0 +1,29 @@
+import React from "react";
+import clsx from "clsx";
+import { LinkBase } from "@digigov/react-core/LinkBase";
+import { CaretIcon } from "@digigov/react-icons";
+const BackLinkBase = React.forwardRef(function BackLinkBase2({ href, printHidden = true, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    LinkBase,
+    {
+      href,
+      printHidden,
+      defaultStyle: false,
+      onClick: () => !href && window.history.back(),
+      ref,
+      className: clsx(className, {
+        "ds-back-link": true
+      }),
+      tabIndex: 0,
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(CaretIcon, { direction: "left" }),
+    children
+  );
+});
+var BackLinkBase_default = BackLinkBase;
+export {
+  BackLinkBase,
+  BackLinkBase_default as default
+};
+//# sourceMappingURL=index.js.map

package/BackLinkBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/BackLinkBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\nimport { CaretIcon } from '@digigov/react-icons';\n\nexport interface BackLinkBaseProps extends LinkBaseProps {}\n/**\n * Use BackLinkBase component to help users go back to the previous page in a multi-page transaction.\n */\nexport const BackLinkBase = React.forwardRef<\n  HTMLAnchorElement,\n  BackLinkBaseProps\n>(function BackLinkBase(\n  { href, printHidden = true, className, children, ...props },\n  ref\n) {\n  return (\n    <LinkBase\n      href={href}\n      printHidden={printHidden}\n      defaultStyle={false}\n      onClick={() => !href && window.history.back()}\n      ref={ref}\n      className={clsx(className, {\n        'ds-back-link': true,\n      })}\n      tabIndex={0}\n      {...props}\n    >\n      <CaretIcon direction={'left'} />\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default BackLinkBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,gBAA+B;AACxC,SAAS,iBAAiB;AAMnB,MAAM,eAAe,MAAM,WAGhC,SAASA,cACT,EAAE,MAAM,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,SAAS,MAAM,CAAC,QAAQ,OAAO,QAAQ,KAAK;AAAA,MAC5C;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,gBAAgB;AAAA,MAClB,CAAC;AAAA,MACD,UAAU;AAAA,MACT,GAAG;AAAA;AAAA,IAEJ,oCAAC,aAAU,WAAW,QAAQ;AAAA,IAC7B;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "names": ["BackLinkBase"]
+}

package/{FooterLink → BackLinkBase}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../cjs/FooterLink/index.js"
+  "main": "../cjs/BackLinkBase/index.js"
 }

package/BackToTopLink/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/BackToTopLink/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { ArrowIcon } from '@digigov/react-icons';\n\nexport interface BackToTopLinkProps extends BaseProps<'a'> { }\n/**\n * Use BackToTopLink component to help users go to the top of the page.\n */\nexport const BackToTopLink = React.forwardRef<\n  HTMLAnchorElement,\n  BackToTopLinkProps\n>(function BackToTopLink(\n  { printHidden = true, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"a\"\n      printHidden={printHidden}\n      ref={ref}\n      className={clsx(className, {\n        'ds-back-to-top-link': true,\n      })}\n      tabIndex={0}\n      {...props}\n    >\n      <ArrowIcon direction={'up'} marginRight={1} />\n      {children}\n    </Base>\n  );\n});\n\nexport default BackToTopLink;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { ArrowIcon } from '@digigov/react-icons';\n\nexport interface BackToTopLinkProps extends BaseProps<'a'> {}\n/**\n * Use BackToTopLink component to help users go to the top of the page.\n */\nexport const BackToTopLink = React.forwardRef<\n  HTMLAnchorElement,\n  BackToTopLinkProps\n>(function BackToTopLink(\n  { printHidden = true, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"a\"\n      printHidden={printHidden}\n      ref={ref}\n      className={clsx(className, {\n        'ds-back-to-top-link': true,\n      })}\n      tabIndex={0}\n      {...props}\n    >\n      <ArrowIcon direction={'up'} marginRight={1} />\n      {children}\n    </Base>\n  );\n});\n\nexport default BackToTopLink;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,iBAAiB;AAMnB,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eACT,EAAE,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GACpD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACD,UAAU;AAAA,MACT,GAAG;AAAA;AAAA,IAEJ,oCAAC,aAAU,WAAW,MAAM,aAAa,GAAG;AAAA,IAC3C;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
   "names": ["BackToTopLink"]
 }

package/BannerContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/BannerContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface BannerContainerProps extends BaseProps<'div'> { }\n\nexport const BannerContainer = React.forwardRef<\n  HTMLDivElement,\n  BannerContainerProps\n>(function BannerContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-cookie-banner': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default BannerContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface BannerContainerProps extends BaseProps<'div'> {}\n\nexport const BannerContainer = React.forwardRef<\n  HTMLDivElement,\n  BannerContainerProps\n>(function BannerContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-cookie-banner': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default BannerContainer;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,oBAAoB;AAAA,MACtB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["BannerContainer"]
 }

package/Base/compat/Input/CheckboxInput.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/Base/compat/Input/CheckboxInput.native.tsx"],
-  "sourcesContent": ["import React, {\n  DetailedHTMLProps,\n  InputHTMLAttributes,\n  LegacyRef,\n} from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nexport type CheckboxInputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'ref'\n>;\n\nexport const CheckboxInput = React.forwardRef<\n  HTMLInputElement,\n  CheckboxInputProps\n>(function CheckboxInput({ checked, value, onChange, ...props }, ref) {\n  const handlePress = () => {\n    if (onChange) {\n      const syntheticEvent = {\n        currentTarget: {\n          value,\n          checked: !checked,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange(syntheticEvent);\n    }\n  };\n  return (\n    // @ts-ignore\n    <TouchableOpacity\n      ref={ref as LegacyRef<TouchableOpacity>}\n      onPress={handlePress}\n      {...props}\n    >\n      {checked && <View className=\"ds-checkboxes__input--checked\" />}\n    </TouchableOpacity>\n  );\n});\n\nexport default CheckboxInput;\n"],
-  "mappings": "AAAA,OAAO,WAIA;AACP,SAAS,kBAAkB,YAAY;AAOhC,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eAAc,EAAE,SAAS,OAAO,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,QAAM,cAAc,MAAM;AACxB,QAAI,UAAU;AACZ,YAAM,iBAAiB;AAAA,QACrB,eAAe;AAAA,UACb;AAAA,UACA,SAAS,CAAC;AAAA,QACZ;AAAA,MACF;AACA,eAAS,cAAc;AAAA,IACzB;AAAA,EACF;AACA;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAG;AAAA;AAAA,MAEH,WAAW,oCAAC,QAAK,WAAU,iCAAgC;AAAA,IAC9D;AAAA;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
+  "sourcesContent": ["import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nexport type CheckboxInputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'ref'\n>;\n\nexport const CheckboxInput = React.forwardRef<\n  HTMLInputElement,\n  CheckboxInputProps\n>(function CheckboxInput({ checked, value, onChange, ...props }, ref) {\n  const handlePress = () => {\n    if (onChange) {\n      const syntheticEvent = {\n        currentTarget: {\n          value,\n          checked: !checked,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange(syntheticEvent);\n    }\n  };\n  return (\n    // @ts-ignore\n    <TouchableOpacity\n      ref={ref as Ref<TouchableOpacity>}\n      onPress={handlePress}\n      {...props}\n    >\n      {checked && <View className=\"ds-checkboxes__input--checked\" />}\n    </TouchableOpacity>\n  );\n});\n\nexport default CheckboxInput;\n"],
+  "mappings": "AAAA,OAAO,WAA4D;AACnE,SAAS,kBAAkB,YAAY;AAOhC,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eAAc,EAAE,SAAS,OAAO,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,QAAM,cAAc,MAAM;AACxB,QAAI,UAAU;AACZ,YAAM,iBAAiB;AAAA,QACrB,eAAe;AAAA,UACb;AAAA,UACA,SAAS,CAAC;AAAA,QACZ;AAAA,MACF;AACA,eAAS,cAAc;AAAA,IACzB;AAAA,EACF;AACA;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAG;AAAA;AAAA,MAEH,WAAW,oCAAC,QAAK,WAAU,iCAAgC;AAAA,IAC9D;AAAA;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
   "names": ["CheckboxInput"]
 }

package/Base/compat/Input/RadioInput.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/Base/compat/Input/RadioInput.native.tsx"],
-  "sourcesContent": ["import React, {\n  DetailedHTMLProps,\n  InputHTMLAttributes,\n  LegacyRef,\n} from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nexport type RadioInputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'ref'\n>;\n\nexport const RadioInput = React.forwardRef<HTMLInputElement, RadioInputProps>(\n  function RadioInput({ value, checked, onChange, ...props }, ref) {\n    const handlePress = () => {\n      if (onChange) {\n        const syntheticEvent = {\n          target: {\n            value: value,\n            checked: true,\n          },\n        } as React.ChangeEvent<HTMLInputElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    return (\n      <TouchableOpacity\n        ref={ref as LegacyRef<typeof TouchableOpacity>}\n        onPress={handlePress}\n        {...(props as any)}\n      >\n        {checked && <View className=\"ds-radios__input--checked\" />}\n      </TouchableOpacity>\n    );\n  }\n);\n\nexport default RadioInput;\n"],
-  "mappings": "AAAA,OAAO,WAIA;AACP,SAAS,kBAAkB,YAAY;AAOhC,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,OAAO,SAAS,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/D,UAAM,cAAc,MAAM;AACxB,UAAI,UAAU;AACZ,cAAM,iBAAiB;AAAA,UACrB,QAAQ;AAAA,YACN;AAAA,YACA,SAAS;AAAA,UACX;AAAA,QACF;AACA,iBAAS,cAAc;AAAA,MACzB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,MAEJ,WAAW,oCAAC,QAAK,WAAU,6BAA4B;AAAA,IAC1D;AAAA,EAEJ;AACF;AAEA,IAAO,4BAAQ;",
+  "sourcesContent": ["import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nexport type RadioInputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'ref'\n>;\n\nexport const RadioInput = React.forwardRef<HTMLInputElement, RadioInputProps>(\n  function RadioInput({ value, checked, onChange, ...props }, ref) {\n    const handlePress = () => {\n      if (onChange) {\n        const syntheticEvent = {\n          target: {\n            value: value,\n            checked: true,\n          },\n        } as React.ChangeEvent<HTMLInputElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    return (\n      <TouchableOpacity\n        ref={ref as Ref<typeof TouchableOpacity>}\n        onPress={handlePress}\n        {...(props as any)}\n      >\n        {checked && <View className=\"ds-radios__input--checked\" />}\n      </TouchableOpacity>\n    );\n  }\n);\n\nexport default RadioInput;\n"],
+  "mappings": "AAAA,OAAO,WAA4D;AACnE,SAAS,kBAAkB,YAAY;AAOhC,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,OAAO,SAAS,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/D,UAAM,cAAc,MAAM;AACxB,UAAI,UAAU;AACZ,cAAM,iBAAiB;AAAA,UACrB,QAAQ;AAAA,YACN;AAAA,YACA,SAAS;AAAA,UACX;AAAA,QACF;AACA,iBAAS,cAAc;AAAA,MACzB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,MAEJ,WAAW,oCAAC,QAAK,WAAU,6BAA4B;AAAA,IAC1D;AAAA,EAEJ;AACF;AAEA,IAAO,4BAAQ;",
   "names": ["RadioInput"]
 }

package/Base/compat/button.native/index.js

@@ -12,7 +12,7 @@ const FormButton = React.forwardRef(
         ref,
         ...props,
         onClick: () => {
-          onClick && onClick({});
+          if (onClick) onClick({});
           if (props.type) formContext?.[props.type]();
         }
       }

package/Base/compat/button.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Base/compat/button.native.tsx"],
-  "sourcesContent": ["import React, {\n  ButtonHTMLAttributes,\n  DetailedHTMLProps,\n  useContext,\n} from 'react';\nimport { Pressable } from 'react-native';\n// @ts-expect-error - `@digigov/form` is to be removed as a dependency\nimport { FormContext } from '@digigov/form/FormContext';\n\n// TODO: Fix `ButtonProps` type\nexport type ButtonProps = Omit<\n  DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>,\n  'ref'\n>;\n\nexport const FormButton = React.forwardRef<unknown, ButtonProps>(\n  function FormButton({ onClick, ...props }, ref) {\n    const formContext = useContext(FormContext);\n    return (\n      <CompatButton\n        ref={ref}\n        {...props}\n        onClick={() => {\n          onClick && onClick({} as React.MouseEvent<HTMLButtonElement>);\n          if (props.type) formContext?.[props.type]();\n        }}\n      />\n    );\n  }\n);\n\n// TODO: Fix `ref` type\nexport const CompatButton = React.forwardRef<unknown, ButtonProps>(\n  function CompatButton({ onClick, ...props }, ref) {\n    return (\n      <Pressable\n        onPress={onClick as any}\n        ref={ref as any}\n        hitSlop={10}\n        {...(props as any)}\n      />\n    );\n  }\n);\n\nexport const Button = React.forwardRef<unknown, ButtonProps>(\n  function Button(props, ref) {\n    if (props.type && ['submit', 'reset'].includes(props.type)) {\n      return <FormButton ref={ref} {...props} />;\n    }\n    return <CompatButton ref={ref} {...props} />;\n  }\n);\n"],
-  "mappings": "AAAA,OAAO;AAAA,EAGL;AAAA,OACK;AACP,SAAS,iBAAiB;AAE1B,SAAS,mBAAmB;AAQrB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK;AAC9C,UAAM,cAAc,WAAW,WAAW;AAC1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACJ,SAAS,MAAM;AACb,qBAAW,QAAQ,CAAC,CAAwC;AAC5D,cAAI,MAAM,KAAM,eAAc,MAAM,IAAI,EAAE;AAAA,QAC5C;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAGO,MAAM,eAAe,MAAM;AAAA,EAChC,SAASC,cAAa,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK;AAChD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,IACP;AAAA,EAEJ;AACF;AAEO,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASC,QAAO,OAAO,KAAK;AAC1B,QAAI,MAAM,QAAQ,CAAC,UAAU,OAAO,EAAE,SAAS,MAAM,IAAI,GAAG;AAC1D,aAAO,oCAAC,cAAW,KAAW,GAAG,OAAO;AAAA,IAC1C;AACA,WAAO,oCAAC,gBAAa,KAAW,GAAG,OAAO;AAAA,EAC5C;AACF;",
+  "sourcesContent": ["import React, {\n  ButtonHTMLAttributes,\n  DetailedHTMLProps,\n  useContext,\n} from 'react';\nimport { Pressable } from 'react-native';\n// @ts-expect-error - `@digigov/form` is to be removed as a dependency\nimport { FormContext } from '@digigov/form/FormContext';\n\n// TODO: Fix `ButtonProps` type\nexport type ButtonProps = Omit<\n  DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>,\n  'ref'\n>;\n\nexport const FormButton = React.forwardRef<unknown, ButtonProps>(\n  function FormButton({ onClick, ...props }, ref) {\n    const formContext = useContext(FormContext);\n    return (\n      <CompatButton\n        ref={ref}\n        {...props}\n        onClick={() => {\n          if (onClick) onClick({} as React.MouseEvent<HTMLButtonElement>);\n          if (props.type) formContext?.[props.type]();\n        }}\n      />\n    );\n  }\n);\n\n// TODO: Fix `ref` type\nexport const CompatButton = React.forwardRef<unknown, ButtonProps>(\n  function CompatButton({ onClick, ...props }, ref) {\n    return (\n      <Pressable\n        onPress={onClick as any}\n        ref={ref as any}\n        hitSlop={10}\n        {...(props as any)}\n      />\n    );\n  }\n);\n\nexport const Button = React.forwardRef<unknown, ButtonProps>(\n  function Button(props, ref) {\n    if (props.type && ['submit', 'reset'].includes(props.type)) {\n      return <FormButton ref={ref} {...props} />;\n    }\n    return <CompatButton ref={ref} {...props} />;\n  }\n);\n"],
+  "mappings": "AAAA,OAAO;AAAA,EAGL;AAAA,OACK;AACP,SAAS,iBAAiB;AAE1B,SAAS,mBAAmB;AAQrB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK;AAC9C,UAAM,cAAc,WAAW,WAAW;AAC1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACJ,SAAS,MAAM;AACb,cAAI,QAAS,SAAQ,CAAC,CAAwC;AAC9D,cAAI,MAAM,KAAM,eAAc,MAAM,IAAI,EAAE;AAAA,QAC5C;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAGO,MAAM,eAAe,MAAM;AAAA,EAChC,SAASC,cAAa,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK;AAChD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,IACP;AAAA,EAEJ;AACF;AAEO,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASC,QAAO,OAAO,KAAK;AAC1B,QAAI,MAAM,QAAQ,CAAC,UAAU,OAAO,EAAE,SAAS,MAAM,IAAI,GAAG;AAC1D,aAAO,oCAAC,cAAW,KAAW,GAAG,OAAO;AAAA,IAC1C;AACA,WAAO,oCAAC,gBAAa,KAAW,GAAG,OAAO;AAAA,EAC5C;AACF;",
   "names": ["FormButton", "CompatButton", "Button"]
 }

package/Base/compat/details.native/index.js

@@ -10,6 +10,7 @@ const CompatDetails = ({
   placement,
   closeIcon,
   openIcon,
+  iconClassName,
   ...props
 }) => {
   const [isExpanded, setIsExpanded] = useState(open);
@@ -20,7 +21,7 @@ const CompatDetails = ({
     setIsExpanded(!isExpanded);
   };
   const [summaryContent, ...detailsContent] = Children.toArray(children);
-  const toggleIcon = closeIcon && openIcon ? /* @__PURE__ */ React.createElement(Text, null, isExpanded ? openIcon : closeIcon) : null;
+  const toggleIcon = closeIcon && openIcon ? /* @__PURE__ */ React.createElement(Text, { className: iconClassName }, isExpanded ? openIcon : closeIcon) : null;
   return (
     // TODO: Fix `props` type
     // @ts-expect-error - `props` type is not compatible with `View` props

package/Base/compat/details.native.d.ts

@@ -2,7 +2,8 @@ import React, { DetailedHTMLProps, DetailsHTMLAttributes } from 'react';
 type HTMLElementProps = Omit<DetailedHTMLProps<DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, 'ref'> & {
     closeIcon?: string;
     openIcon?: string;
+    iconClassName?: string;
     placement?: 'before' | 'after';
 };
-declare const CompatDetails: ({ children, open, placement, closeIcon, openIcon, ...props }: HTMLElementProps) => React.JSX.Element;
+declare const CompatDetails: ({ children, open, placement, closeIcon, openIcon, iconClassName, ...props }: HTMLElementProps) => React.JSX.Element;
 export default CompatDetails;

package/Base/compat/details.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Base/compat/details.native.tsx"],
-  "sourcesContent": ["import React, {\n  useEffect,\n  useState,\n  Children,\n  DetailedHTMLProps,\n  DetailsHTMLAttributes,\n} from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet } from 'react-native';\n\ntype HTMLElementProps = Omit<\n  DetailedHTMLProps<\n    DetailsHTMLAttributes<HTMLDetailsElement>,\n    HTMLDetailsElement\n  >,\n  'ref'\n> & {\n  closeIcon?: string;\n  openIcon?: string;\n  placement?: 'before' | 'after';\n};\n\nconst CompatDetails = ({\n  children,\n  open = false,\n  placement,\n  closeIcon,\n  openIcon,\n  ...props\n}: HTMLElementProps) => {\n  const [isExpanded, setIsExpanded] = useState(open);\n\n  useEffect(() => {\n    setIsExpanded(open);\n  }, [open]);\n\n  const toggleExpand = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const [summaryContent, ...detailsContent] = Children.toArray(children);\n\n  const toggleIcon =\n    closeIcon && openIcon ? (\n      <Text>{isExpanded ? openIcon : closeIcon}</Text>\n    ) : null;\n\n  return (\n    // TODO: Fix `props` type\n    // @ts-expect-error - `props` type is not compatible with `View` props\n    <View {...props}>\n      <TouchableOpacity onPress={toggleExpand} style={styles.summaryContainer}>\n        {placement === 'before' && toggleIcon}\n        {summaryContent}\n        {placement === 'after' && toggleIcon}\n      </TouchableOpacity>\n      {isExpanded && <View>{detailsContent}</View>}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  summaryContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\n\nexport default CompatDetails;\n"],
-  "mappings": "AAAA,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,MAAM,MAAM,kBAAkB,kBAAkB;AAczD,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,IAAI;AAEjD,YAAU,MAAM;AACd,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,eAAe,MAAM;AACzB,kBAAc,CAAC,UAAU;AAAA,EAC3B;AAEA,QAAM,CAAC,gBAAgB,GAAG,cAAc,IAAI,SAAS,QAAQ,QAAQ;AAErE,QAAM,aACJ,aAAa,WACX,oCAAC,YAAM,aAAa,WAAW,SAAU,IACvC;AAEN;AAAA;AAAA;AAAA,IAGE,oCAAC,QAAM,GAAG,SACR,oCAAC,oBAAiB,SAAS,cAAc,OAAO,OAAO,oBACpD,cAAc,YAAY,YAC1B,gBACA,cAAc,WAAW,UAC5B,GACC,cAAc,oCAAC,YAAM,cAAe,CACvC;AAAA;AAEJ;AAEA,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,kBAAkB;AAAA,IAChB,eAAe;AAAA,IACf,YAAY;AAAA,EACd;AACF,CAAC;AAED,IAAO,yBAAQ;",
+  "sourcesContent": ["import React, {\n  useEffect,\n  useState,\n  Children,\n  DetailedHTMLProps,\n  DetailsHTMLAttributes,\n} from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet } from 'react-native';\n\ntype HTMLElementProps = Omit<\n  DetailedHTMLProps<\n    DetailsHTMLAttributes<HTMLDetailsElement>,\n    HTMLDetailsElement\n  >,\n  'ref'\n> & {\n  closeIcon?: string;\n  openIcon?: string;\n  iconClassName?: string;\n  placement?: 'before' | 'after';\n};\n\nconst CompatDetails = ({\n  children,\n  open = false,\n  placement,\n  closeIcon,\n  openIcon,\n  iconClassName,\n  ...props\n}: HTMLElementProps) => {\n  const [isExpanded, setIsExpanded] = useState(open);\n\n  useEffect(() => {\n    setIsExpanded(open);\n  }, [open]);\n\n  const toggleExpand = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const [summaryContent, ...detailsContent] = Children.toArray(children);\n\n  const toggleIcon =\n    closeIcon && openIcon ? (\n      <Text className={iconClassName}>{isExpanded ? openIcon : closeIcon}</Text>\n    ) : null;\n\n  return (\n    // TODO: Fix `props` type\n    // @ts-expect-error - `props` type is not compatible with `View` props\n    <View {...props}>\n      <TouchableOpacity onPress={toggleExpand} style={styles.summaryContainer}>\n        {placement === 'before' && toggleIcon}\n        {summaryContent}\n        {placement === 'after' && toggleIcon}\n      </TouchableOpacity>\n      {isExpanded && <View>{detailsContent}</View>}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  summaryContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\n\nexport default CompatDetails;\n"],
+  "mappings": "AAAA,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,MAAM,MAAM,kBAAkB,kBAAkB;AAezD,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,IAAI;AAEjD,YAAU,MAAM;AACd,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,eAAe,MAAM;AACzB,kBAAc,CAAC,UAAU;AAAA,EAC3B;AAEA,QAAM,CAAC,gBAAgB,GAAG,cAAc,IAAI,SAAS,QAAQ,QAAQ;AAErE,QAAM,aACJ,aAAa,WACX,oCAAC,QAAK,WAAW,iBAAgB,aAAa,WAAW,SAAU,IACjE;AAEN;AAAA;AAAA;AAAA,IAGE,oCAAC,QAAM,GAAG,SACR,oCAAC,oBAAiB,SAAS,cAAc,OAAO,OAAO,oBACpD,cAAc,YAAY,YAC1B,gBACA,cAAc,WAAW,UAC5B,GACC,cAAc,oCAAC,YAAM,cAAe,CACvC;AAAA;AAEJ;AAEA,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,kBAAkB;AAAA,IAChB,eAAe;AAAA,IACf,YAAY;AAAA,EACd;AACF,CAAC;AAED,IAAO,yBAAQ;",
   "names": []
 }

package/Base/compat/li.native.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-interface LiProps {
-    [key: string]: any;
-}
+type LiProps = Record<string, any>;
 export declare const Li: (props: LiProps) => React.JSX.Element;
 export {};

package/Base/compat/li.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Base/compat/li.native.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { View } from 'react-native';\n\n// TODO: Fix `props` type\ninterface LiProps {\n  [key: string]: any;\n}\n\nexport const Li = (props: LiProps) => {\n  return <View {...props} />;\n};\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AAOd,MAAM,KAAK,CAAC,UAAmB;AACpC,SAAO,oCAAC,QAAM,GAAG,OAAO;AAC1B;",
+  "sourcesContent": ["import React from 'react';\nimport { View } from 'react-native';\n\n// TODO: Fix `props` type\ntype LiProps = Record<string, any>;\n\nexport const Li = (props: LiProps) => {\n  return <View {...props} />;\n};\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AAKd,MAAM,KAAK,CAAC,UAAmB;AACpC,SAAO,oCAAC,QAAM,GAAG,OAAO;AAC1B;",
   "names": []
 }

package/Base/index.native/index.js

@@ -10,6 +10,7 @@ const BooleanMapper = {
   null: false,
   "": false
 };
+const textHtmlTags = ["h1", "h2", "h3", "h4", "h5", "p", "span"];
 const Base = React.forwardRef(function Base2({
   as,
   display,
@@ -56,6 +57,47 @@ const Base = React.forwardRef(function Base2({
   ...props
 }, ref) {
   const classNames = className?.split(" ") || [];
+  let applyBasePropsToWrapper = true;
+  const basePropToClassName = basePropGenerator({
+    display,
+    margin,
+    marginTop,
+    marginBottom,
+    marginLeft,
+    marginRight,
+    m,
+    mt,
+    mb,
+    ml,
+    mr,
+    mx,
+    my,
+    padding,
+    paddingTop,
+    paddingBottom,
+    paddingLeft,
+    paddingRight,
+    p,
+    pt,
+    pb,
+    pr,
+    pl,
+    px,
+    py,
+    printHidden,
+    printVisible,
+    hidden,
+    xsUpHidden,
+    smUpHidden,
+    mdUpHidden,
+    lgUpHidden,
+    xlUpHidden,
+    xsHidden,
+    smHidden,
+    mdHidden,
+    lgHidden,
+    xlHidden
+  });
   if (typeof children === "string") {
     children = [children];
   }
@@ -70,11 +112,14 @@ const Base = React.forwardRef(function Base2({
           return child2;
         });
       } else if (typeof child === "string") {
+        if (as && textHtmlTags.includes(as)) {
+          applyBasePropsToWrapper = false;
+        }
         return /* @__PURE__ */ React.createElement(
           Text,
           {
             key: index,
-            className: textClassNames,
+            className: applyBasePropsToWrapper ? textClassNames : `${textClassNames} ${basePropToClassName}`,
             ...props.onClick && {
               onPress: props.onClick
             }
@@ -107,47 +152,7 @@ const Base = React.forwardRef(function Base2({
       ...props,
       ref,
       "aria-expanded": ariaExpanded === "false" ? false : ariaExpanded === true ? true : void 0,
-      className: basePropGenerator({
-        display,
-        margin,
-        marginTop,
-        marginBottom,
-        marginLeft,
-        marginRight,
-        m,
-        mt,
-        mb,
-        ml,
-        mr,
-        mx,
-        my,
-        padding,
-        paddingTop,
-        paddingBottom,
-        paddingLeft,
-        paddingRight,
-        p,
-        pt,
-        pb,
-        pr,
-        pl,
-        px,
-        py,
-        printHidden,
-        printVisible,
-        hidden,
-        xsUpHidden,
-        smUpHidden,
-        mdUpHidden,
-        lgUpHidden,
-        xlUpHidden,
-        xsHidden,
-        smHidden,
-        mdHidden,
-        lgHidden,
-        xlHidden,
-        className
-      })
+      className: applyBasePropsToWrapper ? `${basePropToClassName} ${className}` : className
     },
     children
   );

package/Base/index.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Base/index.native.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { Text, View, ViewProps } from 'react-native';\nimport { BaseProps as CoreBaseProps } from '@digigov/react-core/Base/index.web';\nimport { mapping } from '@digigov/react-core/Base/mapping.native';\nimport { basePropGenerator } from '@digigov/react-core/Base/utils';\nimport { wrap } from '@digigov/react-core/Base/wrap.native';\n\nexport type BaseProps<C extends React.ElementType> = CoreBaseProps<C> &\n  ViewProps;\nexport type BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nconst BooleanMapper = {\n  true: true,\n  false: false,\n  undefined: false,\n  null: false,\n  '': false,\n};\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType = 'span',\n>(\n  {\n    as,\n    display,\n    children,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    className,\n    'aria-expanded': ariaExpanded,\n    ...props\n  }: BaseProps<C>,\n  ref: React.ComponentPropsWithRef<C>['ref']\n) {\n  const classNames = className?.split(' ') || [];\n  if (typeof children === 'string') {\n    children = [children];\n  }\n  if (Array.isArray(children)) {\n    const textClassNames = classNames\n      ?.map((className) => `${className}__text`)\n      .join(' ');\n    children = children.map((child, index) => {\n      if (Array.isArray(child)) {\n        return child.map((child, index) => {\n          if (typeof child === 'string') {\n            return (\n              <Text key={index} className={textClassNames}>\n                {child}\n              </Text>\n            );\n          }\n          return child;\n        });\n      } else if (typeof child === 'string') {\n        return (\n          <Text\n            key={index}\n            className={textClassNames}\n            {...(props.onClick && {\n              onPress: props.onClick,\n            })}\n          >\n            {child}\n          </Text>\n        );\n      }\n      return child;\n    });\n  }\n  const Component = useMemo(() => {\n    const C = mapping[as as keyof JSX.IntrinsicElements] || View;\n    if (\n      classNames.find((className) =>\n        className.match(/__wrapper|__before|__after$/)\n      )\n    ) {\n      return wrap(C);\n    }\n    return C;\n  }, [className]);\n\n  Object.keys(props).forEach((k) => {\n    if (k.startsWith('aria')) {\n      if (BooleanMapper[props[k as keyof typeof props]] !== undefined) {\n        props[k as keyof typeof props] =\n          BooleanMapper[props[k as keyof typeof props]];\n      }\n    }\n  });\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      aria-expanded={\n        (ariaExpanded as unknown as string) === 'false'\n          ? false\n          : ariaExpanded === true\n            ? true\n            : undefined\n      }\n      className={basePropGenerator({\n        display,\n        margin,\n        marginTop,\n        marginBottom,\n        marginLeft,\n        marginRight,\n        m,\n        mt,\n        mb,\n        ml,\n        mr,\n        mx,\n        my,\n        padding,\n        paddingTop,\n        paddingBottom,\n        paddingLeft,\n        paddingRight,\n        p,\n        pt,\n        pb,\n        pr,\n        pl,\n        px,\n        py,\n        printHidden,\n        printVisible,\n        hidden,\n        xsUpHidden,\n        smUpHidden,\n        mdUpHidden,\n        lgUpHidden,\n        xlUpHidden,\n        xsHidden,\n        smHidden,\n        mdHidden,\n        lgHidden,\n        xlHidden,\n        className,\n      })}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useMemo, type JSX } from 'react';\nimport { Text, View, ViewProps } from 'react-native';\nimport { BaseProps as CoreBaseProps } from '@digigov/react-core/Base/index.web';\nimport { mapping } from '@digigov/react-core/Base/mapping.native';\nimport { basePropGenerator } from '@digigov/react-core/Base/utils';\nimport { wrap } from '@digigov/react-core/Base/wrap.native';\n\nexport type BaseProps<C extends React.ElementType> = CoreBaseProps<C> &\n  ViewProps;\nexport type BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nconst BooleanMapper = {\n  true: true,\n  false: false,\n  undefined: false,\n  null: false,\n  '': false,\n};\n\nconst textHtmlTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'p', 'span'];\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType,\n>(\n  {\n    as,\n    display,\n    children,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    className,\n    'aria-expanded': ariaExpanded,\n    ...props\n  }: BaseProps<C>,\n  ref: React.ComponentPropsWithRef<C>['ref']\n) {\n  const classNames = className?.split(' ') || [];\n  let applyBasePropsToWrapper = true;\n\n  const basePropToClassName = basePropGenerator({\n    display,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n  });\n\n  if (typeof children === 'string') {\n    children = [children];\n  }\n  if (Array.isArray(children)) {\n    const textClassNames = classNames\n      ?.map((className) => `${className}__text`)\n      .join(' ');\n    children = children.map((child, index) => {\n      if (Array.isArray(child)) {\n        return child.map((child, index) => {\n          if (typeof child === 'string') {\n            return (\n              <Text key={index} className={textClassNames}>\n                {child}\n              </Text>\n            );\n          }\n          return child;\n        });\n      } else if (typeof child === 'string') {\n        if (as && textHtmlTags.includes(as as string)) {\n          applyBasePropsToWrapper = false;\n        }\n        return (\n          <Text\n            key={index}\n            className={\n              applyBasePropsToWrapper\n                ? textClassNames\n                : `${textClassNames} ${basePropToClassName}`\n            }\n            {...(props.onClick && {\n              onPress: props.onClick,\n            })}\n          >\n            {child}\n          </Text>\n        );\n      }\n      return child;\n    });\n  }\n  const Component = useMemo(() => {\n    const C = mapping[as as keyof JSX.IntrinsicElements] || View;\n    if (\n      classNames.find((className) =>\n        className.match(/__wrapper|__before|__after$/)\n      )\n    ) {\n      return wrap(C);\n    }\n    return C;\n  }, [className]);\n\n  Object.keys(props).forEach((k) => {\n    if (k.startsWith('aria')) {\n      if (BooleanMapper[props[k as keyof typeof props]] !== undefined) {\n        props[k as keyof typeof props] =\n          BooleanMapper[props[k as keyof typeof props]];\n      }\n    }\n  });\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      aria-expanded={\n        (ariaExpanded as unknown as string) === 'false'\n          ? false\n          : ariaExpanded === true\n            ? true\n            : undefined\n      }\n      className={\n        applyBasePropsToWrapper\n          ? `${basePropToClassName} ${className}`\n          : className\n      }\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
+  "mappings": "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",
   "names": ["Base", "className", "child", "index"]
 }

package/Base/index.web/index.js

@@ -1,4 +1,5 @@
 import React from "react";
+import clsx from "clsx";
 import { basePropGenerator } from "@digigov/react-core/Base/utils";
 const Base = React.forwardRef(function Base2({
   as,
@@ -45,51 +46,50 @@ const Base = React.forwardRef(function Base2({
   ...props
 }, ref) {
   const Component = as || "span";
+  const basePropToClassName = basePropGenerator({
+    display,
+    margin,
+    marginTop,
+    marginBottom,
+    marginLeft,
+    marginRight,
+    m,
+    mt,
+    mb,
+    ml,
+    mr,
+    mx,
+    my,
+    padding,
+    paddingTop,
+    paddingBottom,
+    paddingLeft,
+    paddingRight,
+    p,
+    pt,
+    pb,
+    pr,
+    pl,
+    px,
+    py,
+    printHidden,
+    printVisible,
+    hidden,
+    xsUpHidden,
+    smUpHidden,
+    mdUpHidden,
+    lgUpHidden,
+    xlUpHidden,
+    xsHidden,
+    smHidden,
+    mdHidden,
+    lgHidden,
+    xlHidden
+  });
   return /* @__PURE__ */ React.createElement(
     Component,
     {
-      as,
-      className: basePropGenerator({
-        display,
-        margin,
-        marginTop,
-        marginBottom,
-        marginLeft,
-        marginRight,
-        m,
-        mt,
-        mb,
-        ml,
-        mr,
-        mx,
-        my,
-        padding,
-        paddingTop,
-        paddingBottom,
-        paddingLeft,
-        paddingRight,
-        p,
-        pt,
-        pb,
-        pr,
-        pl,
-        px,
-        py,
-        printHidden,
-        printVisible,
-        hidden,
-        xsUpHidden,
-        smUpHidden,
-        mdUpHidden,
-        lgUpHidden,
-        xlUpHidden,
-        xsHidden,
-        smHidden,
-        mdHidden,
-        lgHidden,
-        xlHidden,
-        className
-      }),
+      className: clsx(basePropToClassName, className),
       ref,
       ...props
     },