@digigov/react-core 2.0.0-d57821ba → 2.0.0-e7d30530

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/index.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { TouchableOpacity, View } from "react-native";
+const CheckboxInput = React.forwardRef(function CheckboxInput2({ checked, value, onChange, ...props }, ref) {
+  const handlePress = () => {
+    if (onChange) {
+      const syntheticEvent = {
+        currentTarget: {
+          value,
+          checked: !checked
+        }
+      };
+      onChange(syntheticEvent);
+    }
+  };
+  return (
+    // @ts-ignore
+    /* @__PURE__ */ React.createElement(
+      TouchableOpacity,
+      {
+        ref,
+        onPress: handlePress,
+        ...props
+      },
+      checked && /* @__PURE__ */ React.createElement(View, { className: "ds-checkboxes__input--checked" })
+    )
+  );
+});
+var CheckboxInput_native_default = CheckboxInput;
+export {
+  CheckboxInput,
+  CheckboxInput_native_default as default
+};
+//# sourceMappingURL=CheckboxInput.native.js.map

package/Base/compat/Input/CheckboxInput.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/Base/compat/Input/CheckboxInput.native/index.js"
+}

package/Base/compat/Input/CheckboxInput.native.d.ts

@@ -0,0 +1,4 @@
+import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+export type CheckboxInputProps = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'ref'>;
+export declare const CheckboxInput: React.ForwardRefExoticComponent<CheckboxInputProps & React.RefAttributes<HTMLInputElement>>;
+export default CheckboxInput;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Base/compat/Input/CheckboxInput.native.tsx"],
+  "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/index.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { TouchableOpacity, View } from "react-native";
+const RadioInput = React.forwardRef(
+  function RadioInput2({ value, checked, onChange, ...props }, ref) {
+    const handlePress = () => {
+      if (onChange) {
+        const syntheticEvent = {
+          target: {
+            value,
+            checked: true
+          }
+        };
+        onChange(syntheticEvent);
+      }
+    };
+    return /* @__PURE__ */ React.createElement(
+      TouchableOpacity,
+      {
+        ref,
+        onPress: handlePress,
+        ...props
+      },
+      checked && /* @__PURE__ */ React.createElement(View, { className: "ds-radios__input--checked" })
+    );
+  }
+);
+var RadioInput_native_default = RadioInput;
+export {
+  RadioInput,
+  RadioInput_native_default as default
+};
+//# sourceMappingURL=RadioInput.native.js.map

package/Base/compat/Input/RadioInput.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/Base/compat/Input/RadioInput.native/index.js"
+}

package/Base/compat/Input/RadioInput.native.d.ts

@@ -0,0 +1,4 @@
+import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+export type RadioInputProps = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'ref'>;
+export declare const RadioInput: React.ForwardRefExoticComponent<RadioInputProps & React.RefAttributes<HTMLInputElement>>;
+export default RadioInput;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Base/compat/Input/RadioInput.native.tsx"],
+  "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/Input/StringInput.native/index.js

@@ -0,0 +1,99 @@
+import React, {
+  useEffect,
+  useMemo
+} from "react";
+import { TextInput } from "react-native";
+const StringInput = React.forwardRef(
+  function StringInput2({
+    "data-type": dataType,
+    onChange,
+    onBlur,
+    onFocus,
+    value,
+    maxLength,
+    multiline,
+    rows,
+    disabled,
+    ...props
+  }, ref) {
+    const [currentValue, setValue] = React.useState(value);
+    const keyboardType = useMemo(() => {
+      switch (dataType) {
+        case "afm":
+          return "number-pad";
+        case "phone_number":
+          return "phone-pad";
+        case "mobile_phone":
+          return "phone-pad";
+        case "postal_code":
+          return "number-pad";
+        case "int":
+          return "numeric";
+        case "email":
+          return "email-address";
+        default:
+          return "default";
+      }
+    }, [dataType]);
+    useEffect(() => {
+      if (currentValue !== value) {
+        handleChange();
+      }
+    }, [currentValue]);
+    useEffect(() => {
+      if (currentValue !== value) {
+        setValue(value);
+      }
+    }, [value]);
+    const handleChange = () => {
+      if (onChange) {
+        const syntheticEvent = {
+          target: {
+            value: currentValue
+          }
+        };
+        onChange(syntheticEvent);
+      }
+    };
+    const handleBlur = () => {
+      if (onBlur) {
+        const syntheticEvent = {
+          target: {
+            value: currentValue
+          }
+        };
+        onBlur(syntheticEvent);
+      }
+    };
+    const handleFocus = () => {
+      if (onFocus) {
+        const syntheticEvent = {
+          target: {
+            value: currentValue
+          }
+        };
+        onFocus(syntheticEvent);
+      }
+    };
+    return /* @__PURE__ */ React.createElement(
+      TextInput,
+      {
+        ref,
+        onChangeText: setValue,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
+        value: currentValue,
+        multiline,
+        rows,
+        editable: !disabled,
+        maxLength: Number(maxLength) || void 0,
+        keyboardType,
+        ...props
+      }
+    );
+  }
+);
+export {
+  StringInput
+};
+//# sourceMappingURL=StringInput.native.js.map

package/Base/compat/Input/StringInput.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/Base/compat/Input/StringInput.native/index.js"
+}

package/Base/compat/Input/StringInput.native.d.ts

@@ -0,0 +1,7 @@
+import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+export interface StringInputProps extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'ref'> {
+    'data-type'?: string;
+    multiline?: boolean;
+    rows?: number;
+}
+export declare const StringInput: React.ForwardRefExoticComponent<StringInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Base/compat/Input/StringInput.native.tsx"],
+  "sourcesContent": ["import React, {\n  DetailedHTMLProps,\n  InputHTMLAttributes,\n  useEffect,\n  useMemo,\n} from 'react';\nimport { TextInput } from 'react-native';\n\nexport interface StringInputProps\n  extends Omit<\n    DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n    'ref'\n  > {\n  'data-type'?: string;\n  multiline?: boolean;\n  rows?: number;\n}\n\nexport const StringInput = React.forwardRef<HTMLInputElement, StringInputProps>(\n  function StringInput(\n    {\n      'data-type': dataType,\n      onChange,\n      onBlur,\n      onFocus,\n      value,\n      maxLength,\n      multiline,\n      rows,\n      disabled,\n      ...props\n    }: StringInputProps,\n    ref\n  ) {\n    const [currentValue, setValue] = React.useState(value);\n\n    const keyboardType = useMemo(() => {\n      switch (dataType) {\n        case 'afm':\n          return 'number-pad';\n        case 'phone_number':\n          return 'phone-pad';\n        case 'mobile_phone':\n          return 'phone-pad';\n        case 'postal_code':\n          return 'number-pad';\n        case 'int':\n          return 'numeric';\n        case 'email':\n          return 'email-address';\n        default:\n          return 'default';\n      }\n    }, [dataType]);\n\n    useEffect(() => {\n      if (currentValue !== value) {\n        handleChange();\n      }\n    }, [currentValue]);\n    useEffect(() => {\n      if (currentValue !== value) {\n        setValue(value);\n      }\n    }, [value]);\n\n    const handleChange = () => {\n      if (onChange) {\n        const syntheticEvent = {\n          target: {\n            value: currentValue,\n          },\n        } as React.ChangeEvent<HTMLInputElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    const handleBlur = () => {\n      if (onBlur) {\n        const syntheticEvent = {\n          target: {\n            value: currentValue,\n          },\n        } as React.FocusEvent<HTMLInputElement>;\n        onBlur(syntheticEvent);\n      }\n    };\n\n    const handleFocus = () => {\n      if (onFocus) {\n        const syntheticEvent = {\n          target: {\n            value: currentValue,\n          },\n        } as React.FocusEvent<HTMLInputElement>;\n        onFocus(syntheticEvent);\n      }\n    };\n    return (\n      <TextInput\n        ref={ref}\n        onChangeText={setValue}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        value={currentValue}\n        multiline={multiline}\n        rows={rows}\n        editable={!disabled}\n        maxLength={Number(maxLength) || undefined}\n        keyboardType={keyboardType}\n        {...(props as any)}\n      />\n    );\n  }\n);\n"],
+  "mappings": "AAAA,OAAO;AAAA,EAGL;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAYnB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aACP;AAAA,IACE,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,CAAC,cAAc,QAAQ,IAAI,MAAM,SAAS,KAAK;AAErD,UAAM,eAAe,QAAQ,MAAM;AACjC,cAAQ,UAAU;AAAA,QAChB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,QAAQ,CAAC;AAEb,cAAU,MAAM;AACd,UAAI,iBAAiB,OAAO;AAC1B,qBAAa;AAAA,MACf;AAAA,IACF,GAAG,CAAC,YAAY,CAAC;AACjB,cAAU,MAAM;AACd,UAAI,iBAAiB,OAAO;AAC1B,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,eAAe,MAAM;AACzB,UAAI,UAAU;AACZ,cAAM,iBAAiB;AAAA,UACrB,QAAQ;AAAA,YACN,OAAO;AAAA,UACT;AAAA,QACF;AACA,iBAAS,cAAc;AAAA,MACzB;AAAA,IACF;AAEA,UAAM,aAAa,MAAM;AACvB,UAAI,QAAQ;AACV,cAAM,iBAAiB;AAAA,UACrB,QAAQ;AAAA,YACN,OAAO;AAAA,UACT;AAAA,QACF;AACA,eAAO,cAAc;AAAA,MACvB;AAAA,IACF;AAEA,UAAM,cAAc,MAAM;AACxB,UAAI,SAAS;AACX,cAAM,iBAAiB;AAAA,UACrB,QAAQ;AAAA,YACN,OAAO;AAAA,UACT;AAAA,QACF;AACA,gBAAQ,cAAc;AAAA,MACxB;AAAA,IACF;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,UAAU,CAAC;AAAA,QACX,WAAW,OAAO,SAAS,KAAK;AAAA,QAChC;AAAA,QACC,GAAI;AAAA;AAAA,IACP;AAAA,EAEJ;AACF;",
+  "names": ["StringInput"]
+}

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

@@ -0,0 +1,24 @@
+import React from "react";
+import CheckboxInput from "@digigov/react-core/Base/compat/Input/CheckboxInput.native";
+import RadioInput from "@digigov/react-core/Base/compat/Input/RadioInput.native";
+import {
+  StringInput
+} from "@digigov/react-core/Base/compat/Input/StringInput.native";
+const BaseInput = React.forwardRef(
+  function BaseInput2(props, ref) {
+    switch (props.type) {
+      case "radio":
+        return /* @__PURE__ */ React.createElement(RadioInput, { ref, ...props });
+      case "checkbox":
+        return /* @__PURE__ */ React.createElement(CheckboxInput, { ref, ...props });
+      default:
+        return /* @__PURE__ */ React.createElement(StringInput, { ref, ...props });
+    }
+  }
+);
+var index_native_default = BaseInput;
+export {
+  BaseInput,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/Base/compat/Input/index.native/package.json

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

package/Base/compat/Input/index.native.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CheckboxInputProps } from '@digigov/react-core/Base/compat/Input/CheckboxInput.native';
+import { RadioInputProps } from '@digigov/react-core/Base/compat/Input/RadioInput.native';
+import { StringInputProps } from '@digigov/react-core/Base/compat/Input/StringInput.native';
+type InputProps = RadioInputProps | CheckboxInputProps | StringInputProps;
+export declare const BaseInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default BaseInput;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Base/compat/Input/index.native.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport CheckboxInput, {\n  CheckboxInputProps,\n} from '@digigov/react-core/Base/compat/Input/CheckboxInput.native';\nimport RadioInput, {\n  RadioInputProps,\n} from '@digigov/react-core/Base/compat/Input/RadioInput.native';\nimport {\n  StringInput,\n  StringInputProps,\n} from '@digigov/react-core/Base/compat/Input/StringInput.native';\n\ntype InputProps = RadioInputProps | CheckboxInputProps | StringInputProps;\n\nexport const BaseInput = React.forwardRef<HTMLInputElement, InputProps>(\n  function BaseInput(props, ref) {\n    switch (props.type) {\n      case 'radio':\n        return <RadioInput ref={ref} {...props} />;\n      case 'checkbox':\n        return <CheckboxInput ref={ref} {...props} />;\n      default:\n        return <StringInput ref={ref} {...props} />;\n    }\n  }\n);\n\nexport default BaseInput;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,mBAEA;AACP,OAAO,gBAEA;AACP;AAAA,EACE;AAAA,OAEK;AAIA,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WAAU,OAAO,KAAK;AAC7B,YAAQ,MAAM,MAAM;AAAA,MAClB,KAAK;AACH,eAAO,oCAAC,cAAW,KAAW,GAAG,OAAO;AAAA,MAC1C,KAAK;AACH,eAAO,oCAAC,iBAAc,KAAW,GAAG,OAAO;AAAA,MAC7C;AACE,eAAO,oCAAC,eAAY,KAAW,GAAG,OAAO;AAAA,IAC7C;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
+  "names": ["BaseInput"]
+}

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

@@ -0,0 +1,48 @@
+import React, {
+  useContext
+} from "react";
+import { Pressable } from "react-native";
+import { FormContext } from "@digigov/form/FormContext";
+const FormButton = React.forwardRef(
+  function FormButton2({ onClick, ...props }, ref) {
+    const formContext = useContext(FormContext);
+    return /* @__PURE__ */ React.createElement(
+      CompatButton,
+      {
+        ref,
+        ...props,
+        onClick: () => {
+          if (onClick) onClick({});
+          if (props.type) formContext?.[props.type]();
+        }
+      }
+    );
+  }
+);
+const CompatButton = React.forwardRef(
+  function CompatButton2({ onClick, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(
+      Pressable,
+      {
+        onPress: onClick,
+        ref,
+        hitSlop: 10,
+        ...props
+      }
+    );
+  }
+);
+const Button = React.forwardRef(
+  function Button2(props, ref) {
+    if (props.type && ["submit", "reset"].includes(props.type)) {
+      return /* @__PURE__ */ React.createElement(FormButton, { ref, ...props });
+    }
+    return /* @__PURE__ */ React.createElement(CompatButton, { ref, ...props });
+  }
+);
+export {
+  Button,
+  CompatButton,
+  FormButton
+};
+//# sourceMappingURL=button.native.js.map

package/Base/compat/button.native/package.json

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

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

@@ -0,0 +1,5 @@
+import React, { ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
+export type ButtonProps = Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'ref'>;
+export declare const FormButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;
+export declare const CompatButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;

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

@@ -0,0 +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          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

@@ -0,0 +1,41 @@
+import React, {
+  useEffect,
+  useState,
+  Children
+} from "react";
+import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
+const CompatDetails = ({
+  children,
+  open = false,
+  placement,
+  closeIcon,
+  openIcon,
+  iconClassName,
+  ...props
+}) => {
+  const [isExpanded, setIsExpanded] = useState(open);
+  useEffect(() => {
+    setIsExpanded(open);
+  }, [open]);
+  const toggleExpand = () => {
+    setIsExpanded(!isExpanded);
+  };
+  const [summaryContent, ...detailsContent] = Children.toArray(children);
+  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
+    /* @__PURE__ */ React.createElement(View, { ...props }, /* @__PURE__ */ React.createElement(TouchableOpacity, { onPress: toggleExpand, style: styles.summaryContainer }, placement === "before" && toggleIcon, summaryContent, placement === "after" && toggleIcon), isExpanded && /* @__PURE__ */ React.createElement(View, null, detailsContent))
+  );
+};
+const styles = StyleSheet.create({
+  summaryContainer: {
+    flexDirection: "row",
+    alignItems: "center"
+  }
+});
+var details_native_default = CompatDetails;
+export {
+  details_native_default as default
+};
+//# sourceMappingURL=details.native.js.map

package/Base/compat/details.native/package.json

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

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

@@ -0,0 +1,9 @@
+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, iconClassName, ...props }: HTMLElementProps) => React.JSX.Element;
+export default CompatDetails;