@digigov/react-core 2.0.0-36b707c1 → 2.0.0-49de50c4

package/cjs/AutoCompleteContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/AutoCompleteContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteContainerProps extends BaseProps<'div'> {\n  /**\n   * width is optional.\n   * Use width prop to define a custom width in your component.\n   * @value '25%';\n   * @value '33.3%';\n   * @value '50%';\n   * @value '66.6%';\n   * @value '75%';\n   * @value '100%';\n   * @value 'full';\n   */\n  width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n}\n/**\n * AutoCompleteContainer is a wrapper for autocomplete element.\n * Use AutoCompleteContainer to wrap autocomplete elements.\n */\nexport const AutoCompleteContainer = React.forwardRef<\n  HTMLDivElement,\n  AutoCompleteContainerProps\n>(function AutoCompleteContainer({ className, width, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__container': true,\n        'ds-!-width-one-quarter': width === '25%',\n        'ds-!-width-one-third': width === '33.3%',\n        'ds-!-width-one-half': width === '50%',\n        'ds-!-width-two-thirds': width === '66.6%',\n        'ds-!-width-three-quarters': width === '75%',\n        'ds-!-width-full': width === 'full',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AutoCompleteContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAoBzB,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBAAsB,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9E,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,8BAA8B;AAAA,QAC9B,0BAA0B,UAAU;AAAA,QACpC,wBAAwB,UAAU;AAAA,QAClC,uBAAuB,UAAU;AAAA,QACjC,yBAAyB,UAAU;AAAA,QACnC,6BAA6B,UAAU;AAAA,QACvC,mBAAmB,UAAU;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteContainerProps extends BaseProps<'div'> {\n  /**\n   * width is optional.\n   * Use width prop to define a custom width in your component.\n   * @value '25%';\n   * @value '33.3%';\n   * @value '50%';\n   * @value '66.6%';\n   * @value '75%';\n   * @value '100%';\n   * @value 'full';\n   */\n  width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n}\n/**\n * AutoCompleteContainer is a wrapper for autocomplete element.\n * Use AutoCompleteContainer to wrap autocomplete elements.\n */\nexport const AutoCompleteContainer = React.forwardRef<\n  HTMLDivElement,\n  AutoCompleteContainerProps\n>(function AutoCompleteContainer(\n  { className, width, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__container': true,\n        'ds-!-width-one-quarter': width === '25%',\n        'ds-!-width-one-third': width === '33.3%',\n        'ds-!-width-one-half': width === '50%',\n        'ds-!-width-two-thirds': width === '66.6%',\n        'ds-!-width-three-quarters': width === '75%',\n        'ds-!-width-full': width === 'full',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AutoCompleteContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAoBzB,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBACT,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GACvC,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,8BAA8B;AAAA,QAC9B,0BAA0B,UAAU;AAAA,QACpC,wBAAwB,UAAU;AAAA,QAClC,uBAAuB,UAAU;AAAA,QACjC,yBAAyB,UAAU;AAAA,QACnC,6BAA6B,UAAU;AAAA,QACvC,mBAAmB,UAAU;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
   "names": ["React", "AutoCompleteContainer", "Base", "clsx"]
 }

package/cjs/{AutoCompleteInput → AutoCompleteInputBase}/index.js

@@ -25,16 +25,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var AutoCompleteInput_exports = {};
-__export(AutoCompleteInput_exports, {
-  AutoCompleteInput: () => AutoCompleteInput,
-  default: () => AutoCompleteInput_default
+var AutoCompleteInputBase_exports = {};
+__export(AutoCompleteInputBase_exports, {
+  AutoCompleteInputBase: () => AutoCompleteInputBase,
+  default: () => AutoCompleteInputBase_default
 });
-module.exports = __toCommonJS(AutoCompleteInput_exports);
+module.exports = __toCommonJS(AutoCompleteInputBase_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const AutoCompleteInput = import_react.default.forwardRef(function AutoCompleteInput2({ name, isFocused, className, ...props }, ref) {
+const AutoCompleteInputBase = import_react.default.forwardRef(function AutoCompleteInputBase2({ name, isFocused, className, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -50,9 +50,9 @@ const AutoCompleteInput = import_react.default.forwardRef(function AutoCompleteI
     }
   );
 });
-var AutoCompleteInput_default = AutoCompleteInput;
+var AutoCompleteInputBase_default = AutoCompleteInputBase;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AutoCompleteInput
+  AutoCompleteInputBase
 });
 //# sourceMappingURL=index.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAczB,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBACT,EAAE,MAAM,WAAW,WAAW,GAAG,MAAM,GACvC,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
+  "names": ["React", "AutoCompleteInputBase", "Base", "clsx"]
+}

package/cjs/AutoCompleteInputTypeahead/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/AutoCompleteInputTypeahead/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> { }\n/**\n * AutoCompleteInputTypeahead component is used to display the hole search value\n * in the background.\n *\n */\nexport const AutoCompleteInputTypeahead = React.forwardRef<\n  HTMLInputElement,\n  AutoCompleteInputTypeaheadProps\n>(function AutoCompleteInputTypeahead({ className, ...props }, ref) {\n  return (\n    <span>\n      <Base\n        as=\"input\"\n        type=\"text\"\n        readOnly\n        ref={ref}\n        tabIndex={-1}\n        className={clsx(className, {\n          'ds-autocomplete__hint': true,\n        })}\n        {...props}\n      />\n    </span>\n  );\n});\n\nexport default AutoCompleteInputTypeahead;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> {}\n/**\n * AutoCompleteInputTypeahead component is used to display the hole search value\n * in the background.\n *\n */\nexport const AutoCompleteInputTypeahead = React.forwardRef<\n  HTMLInputElement,\n  AutoCompleteInputTypeaheadProps\n>(function AutoCompleteInputTypeahead({ className, ...props }, ref) {\n  return (\n    <span>\n      <Base\n        as=\"input\"\n        type=\"text\"\n        readOnly\n        ref={ref}\n        tabIndex={-1}\n        className={clsx(className, {\n          'ds-autocomplete__hint': true,\n        })}\n        {...props}\n      />\n    </span>\n  );\n});\n\nexport default AutoCompleteInputTypeahead;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,6BAA6B,aAAAA,QAAM,WAG9C,SAASC,4BAA2B,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,6BAAAD,QAAA,cAAC,cACC,6BAAAA,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,UAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN,CACF;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
   "names": ["React", "AutoCompleteInputTypeahead", "Base", "clsx"]
 }

package/cjs/AutoCompleteMultipleInputContainer/index.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(AutoCompleteMultipleInputContainer_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const AutoCompleteMultipleInputContainer = import_react.default.forwardRef(function AutoCompleteMultipleInputContainer2({ numberOfSelected = "all", open, children, isFocused, className, ...props }, ref) {
+const AutoCompleteMultipleInputContainer = import_react.default.forwardRef(function AutoCompleteMultipleInputContainer2({ numberOfSelected = "all", children, isFocused, className, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAWzB,MAAM,qCAAqC,aAAAA,QAAM,WAGtD,SAASC,oCACT,EAAE,mBAAmB,OAAO,MAAM,UAAU,WAAW,WAAW,GAAG,MAAM,GAC3E,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAWzB,MAAM,qCAAqC,aAAAA,QAAM,WAGtD,SAASC,oCACT,EAAE,mBAAmB,OAAO,UAAU,WAAW,WAAW,GAAG,MAAM,GACrE,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,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": ["React", "AutoCompleteMultipleInputContainer", "Base", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkBzB,MAAM,yBAAyB,aAAAA,QAAM,WAG1C,SAAS,KACT,EAAE,YAAY,OAAO,WAAW,UAAU,GAAG,MAAM,GACnD,KACA;AACA,SACE,6BAAAA,QAAA;AAAA,IAAC,YAAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkBzB,MAAM,yBAAyB,aAAAA,QAAM,WAG1C,SAAS,KAAK,EAAE,YAAY,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACzE,SACE,6BAAAA,QAAA;AAAA,IAAC,YAAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,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": ["React", "Base", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,qBAAqB,aAAAA,QAAM,WAGtC,SAAS,4BAA4B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC7E,SACE,6BAAAA,QAAA;AAAA,IAAC,YAAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,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": ["React", "Base", "clsx"]
 }

package/cjs/BackLinkBase/index.js

@@ -0,0 +1,62 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BackLinkBase_exports = {};
+__export(BackLinkBase_exports, {
+  BackLinkBase: () => BackLinkBase,
+  default: () => BackLinkBase_default
+});
+module.exports = __toCommonJS(BackLinkBase_exports);
+var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_LinkBase = require("@digigov/react-core/LinkBase");
+var import_react_icons = require("@digigov/react-icons");
+const BackLinkBase = import_react.default.forwardRef(function BackLinkBase2({ href, printHidden = true, className, children, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_LinkBase.LinkBase,
+    {
+      href,
+      printHidden,
+      defaultStyle: false,
+      onClick: () => !href && window.history.back(),
+      ref,
+      className: (0, import_clsx.default)(className, {
+        "ds-back-link": true
+      }),
+      tabIndex: 0,
+      ...props
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_react_icons.CaretIcon, { direction: "left" }),
+    children
+  );
+});
+var BackLinkBase_default = BackLinkBase;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BackLinkBase
+});
+//# sourceMappingURL=index.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,sBAAwC;AACxC,yBAA0B;AAMnB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cACT,EAAE,MAAM,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,SAAS,MAAM,CAAC,QAAQ,OAAO,QAAQ,KAAK;AAAA,MAC5C;AAAA,MACA,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,gBAAgB;AAAA,MAClB,CAAC;AAAA,MACD,UAAU;AAAA,MACT,GAAG;AAAA;AAAA,IAEJ,6BAAAF,QAAA,cAAC,gCAAU,WAAW,QAAQ;AAAA,IAC7B;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "names": ["React", "BackLinkBase", "clsx"]
+}

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,yBAA0B;AAMnB,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eACT,EAAE,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GACpD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACD,UAAU;AAAA,MACT,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA,cAAC,gCAAU,WAAW,MAAM,aAAa,GAAG;AAAA,IAC3C;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
   "names": ["React", "BackToTopLink", "Base", "clsx"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAIzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,oBAAoB;AAAA,MACtB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "BannerContainer", "clsx"]
 }

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

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

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAIO;AACP,0BAA0B;AAE1B,yBAA4B;AAQrB,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK;AAC9C,UAAM,kBAAc,yBAAW,8BAAW;AAC1C,WACE,6BAAAD,QAAA;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,aAAAA,QAAM;AAAA,EAChC,SAASE,cAAa,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK;AAChD,WACE,6BAAAF,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,IACP;AAAA,EAEJ;AACF;AAEO,MAAM,SAAS,aAAAA,QAAM;AAAA,EAC1B,SAASG,QAAO,OAAO,KAAK;AAC1B,QAAI,MAAM,QAAQ,CAAC,UAAU,OAAO,EAAE,SAAS,MAAM,IAAI,GAAG;AAC1D,aAAO,6BAAAH,QAAA,cAAC,cAAW,KAAW,GAAG,OAAO;AAAA,IAC1C;AACA,WAAO,6BAAAA,QAAA,cAAC,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAIO;AACP,0BAA0B;AAE1B,yBAA4B;AAQrB,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK;AAC9C,UAAM,kBAAc,yBAAW,8BAAW;AAC1C,WACE,6BAAAD,QAAA;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,aAAAA,QAAM;AAAA,EAChC,SAASE,cAAa,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK;AAChD,WACE,6BAAAF,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,IACP;AAAA,EAEJ;AACF;AAEO,MAAM,SAAS,aAAAA,QAAM;AAAA,EAC1B,SAASG,QAAO,OAAO,KAAK;AAC1B,QAAI,MAAM,QAAQ,CAAC,UAAU,OAAO,EAAE,SAAS,MAAM,IAAI,GAAG;AAC1D,aAAO,6BAAAH,QAAA,cAAC,cAAW,KAAW,GAAG,OAAO;AAAA,IAC1C;AACA,WAAO,6BAAAA,QAAA,cAAC,gBAAa,KAAW,GAAG,OAAO;AAAA,EAC5C;AACF;",
   "names": ["React", "FormButton", "CompatButton", "Button"]
 }

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

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

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMO;AACP,0BAAyD;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,QAAI,uBAAS,IAAI;AAEjD,8BAAU,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,sBAAS,QAAQ,QAAQ;AAErE,QAAM,aACJ,aAAa,WACX,6BAAAA,QAAA,cAAC,gCAAM,aAAa,WAAW,SAAU,IACvC;AAEN;AAAA;AAAA;AAAA,IAGE,6BAAAA,QAAA,cAAC,4BAAM,GAAG,SACR,6BAAAA,QAAA,cAAC,wCAAiB,SAAS,cAAc,OAAO,OAAO,oBACpD,cAAc,YAAY,YAC1B,gBACA,cAAc,WAAW,UAC5B,GACC,cAAc,6BAAAA,QAAA,cAAC,gCAAM,cAAe,CACvC;AAAA;AAEJ;AAEA,MAAM,SAAS,+BAAW,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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMO;AACP,0BAAyD;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,QAAI,uBAAS,IAAI;AAEjD,8BAAU,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,sBAAS,QAAQ,QAAQ;AAErE,QAAM,aACJ,aAAa,WACX,6BAAAA,QAAA,cAAC,4BAAK,WAAW,iBAAgB,aAAa,WAAW,SAAU,IACjE;AAEN;AAAA;AAAA;AAAA,IAGE,6BAAAA,QAAA,cAAC,4BAAM,GAAG,SACR,6BAAAA,QAAA,cAAC,wCAAiB,SAAS,cAAc,OAAO,OAAO,oBACpD,cAAc,YAAY,YAC1B,gBACA,cAAc,WAAW,UAC5B,GACC,cAAc,6BAAAA,QAAA,cAAC,gCAAM,cAAe,CACvC;AAAA;AAEJ;AAEA,MAAM,SAAS,+BAAW,OAAO;AAAA,EAC/B,kBAAkB;AAAA,IAChB,eAAe;AAAA,IACf,YAAY;AAAA,EACd;AACF,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["React"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAqB;AAOd,MAAM,KAAK,CAAC,UAAmB;AACpC,SAAO,6BAAAA,QAAA,cAAC,4BAAM,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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAqB;AAKd,MAAM,KAAK,CAAC,UAAmB;AACpC,SAAO,6BAAAA,QAAA,cAAC,4BAAM,GAAG,OAAO;AAC1B;",
   "names": ["React"]
 }

package/cjs/Base/index.native/index.js

@@ -43,6 +43,7 @@ const BooleanMapper = {
   null: false,
   "": false
 };
+const textHtmlTags = ["h1", "h2", "h3", "h4", "h5", "p", "span"];
 const Base = import_react.default.forwardRef(function Base2({
   as,
   display,
@@ -89,6 +90,47 @@ const Base = import_react.default.forwardRef(function Base2({
   ...props
 }, ref) {
   const classNames = className?.split(" ") || [];
+  let applyBasePropsToWrapper = true;
+  const basePropToClassName = (0, import_utils.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];
   }
@@ -103,11 +145,14 @@ const Base = import_react.default.forwardRef(function Base2({
           return child2;
         });
       } else if (typeof child === "string") {
+        if (as && textHtmlTags.includes(as)) {
+          applyBasePropsToWrapper = false;
+        }
         return /* @__PURE__ */ import_react.default.createElement(
           import_react_native.Text,
           {
             key: index,
-            className: textClassNames,
+            className: applyBasePropsToWrapper ? textClassNames : `${textClassNames} ${basePropToClassName}`,
             ...props.onClick && {
               onPress: props.onClick
             }
@@ -140,47 +185,7 @@ const Base = import_react.default.forwardRef(function Base2({
       ...props,
       ref,
       "aria-expanded": ariaExpanded === "false" ? false : ariaExpanded === true ? true : void 0,
-      className: (0, import_utils.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/cjs/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 } 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 = '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  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": ["React", "Base", "className", "child", "index"]
 }

package/cjs/Base/index.web/index.js

@@ -32,6 +32,7 @@ __export(index_web_exports, {
 });
 module.exports = __toCommonJS(index_web_exports);
 var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
 var import_utils = require("@digigov/react-core/Base/utils");
 const Base = import_react.default.forwardRef(function Base2({
   as,
@@ -78,51 +79,50 @@ const Base = import_react.default.forwardRef(function Base2({
   ...props
 }, ref) {
   const Component = as || "span";
+  const basePropToClassName = (0, import_utils.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__ */ import_react.default.createElement(
     Component,
     {
-      as,
-      className: (0, import_utils.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: (0, import_clsx.default)(basePropToClassName, className),
       ref,
       ...props
     },