@digigov/react-core 2.0.0-85c27c19 → 2.0.0-aefd0709

package/AccordionControls/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AccordionControls/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionControlsProps extends BaseProps<'div'> { }\n/**\n * AccordionControls is a component that provides controls for an accordion.\n */\nexport const AccordionControls = React.forwardRef<\n  HTMLDivElement,\n  AccordionControlsProps\n>(function AccordionControls({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, { 'ds-accordion__controls': true })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AccordionControls;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionControlsProps extends BaseProps<'div'> {}\n/**\n * AccordionControls is a component that provides controls for an accordion.\n */\nexport const AccordionControls = React.forwardRef<\n  HTMLDivElement,\n  AccordionControlsProps\n>(function AccordionControls({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, { 'ds-accordion__controls': true })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AccordionControls;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBAAkB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW,EAAE,0BAA0B,KAAK,CAAC;AAAA,MAC5D,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
   "names": ["AccordionControls"]
 }

package/AccordionSection/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AccordionSection/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nexport interface AccordionSectionProps extends BaseProps<'details'> { }\n/**\n * AccordionSection should be inside the Accordion component.\n *\n * Inside this component must place the Accordion and the AccordionSectionContent components.\n */\nexport const AccordionSection = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionProps\n>(function AccordionSection({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"details\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-accordion__section': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AccordionSection;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nexport interface AccordionSectionProps extends BaseProps<'details'> {}\n/**\n * AccordionSection should be inside the Accordion component.\n *\n * Inside this component must place the Accordion and the AccordionSectionContent components.\n */\nexport const AccordionSection = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionProps\n>(function AccordionSection({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"details\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-accordion__section': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AccordionSection;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
   "names": ["AccordionSection"]
 }

package/AccordionSectionContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AccordionSectionContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionSectionContentProps extends BaseProps<'div'> { }\n/**\n * AccordionSectionContent should be inside the AccordionSection and it is the content of the section.\n * The content is only visible when the AccordionSection is 'open'.\n */\nexport const AccordionSectionContent = React.forwardRef<\n  HTMLDivElement,\n  AccordionSectionContentProps\n>(function AccordionSectionContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-accordion__section-content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AccordionSectionContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionSectionContentProps extends BaseProps<'div'> {}\n/**\n * AccordionSectionContent should be inside the AccordionSection and it is the content of the section.\n * The content is only visible when the AccordionSection is 'open'.\n */\nexport const AccordionSectionContent = React.forwardRef<\n  HTMLDivElement,\n  AccordionSectionContentProps\n>(function AccordionSectionContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-accordion__section-content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AccordionSectionContent;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,0BAA0B,MAAM,WAG3C,SAASA,yBAAwB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,kCAAQ;",
   "names": ["AccordionSectionContent"]
 }

package/AccordionSectionSummary/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AccordionSectionSummary/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionSectionSummaryProps extends BaseProps<'summary'> { }\n/**\n * AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.\n */\nexport const AccordionSectionSummary = React.forwardRef<\n  HTMLElement,\n  AccordionSectionSummaryProps\n>(function AccordionSectionSummary({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"summary\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-accordion__section-summary': true,\n      })}\n      role=\"heading\"\n      aria-level={2}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AccordionSectionSummary;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionSectionSummaryProps extends BaseProps<'summary'> {}\n/**\n * AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.\n */\nexport const AccordionSectionSummary = React.forwardRef<\n  HTMLElement,\n  AccordionSectionSummaryProps\n>(function AccordionSectionSummary({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"summary\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-accordion__section-summary': true,\n      })}\n      role=\"heading\"\n      aria-level={2}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AccordionSectionSummary;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,0BAA0B,MAAM,WAG3C,SAASA,yBAAwB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACD,MAAK;AAAA,MACL,cAAY;AAAA,MACX,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,kCAAQ;",
   "names": ["AccordionSectionSummary"]
 }

package/AccordionSectionSummaryHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AccordionSectionSummaryHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> { }\n/**\n * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.\n */\nexport const AccordionSectionSummaryHeading = React.forwardRef<\n  HTMLHeadingElement,\n  AccordionSectionSummaryHeadingProps\n>(function AccordionSectionSummaryHeading(\n  { className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"h2\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-accordion__section-heading': true,\n      })}\n      {...props}\n      role=\"button\"\n    >\n      <span\n        className={clsx({\n          'ds-accordion__section-button': true,\n        })}\n      >\n        {children}\n      </span>\n    </Base>\n  );\n});\n\nexport default AccordionSectionSummaryHeading;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {}\n/**\n * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.\n */\nexport const AccordionSectionSummaryHeading = React.forwardRef<\n  HTMLHeadingElement,\n  AccordionSectionSummaryHeadingProps\n>(function AccordionSectionSummaryHeading(\n  { className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"h2\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-accordion__section-heading': true,\n      })}\n      {...props}\n      role=\"button\"\n    >\n      <span\n        className={clsx({\n          'ds-accordion__section-button': true,\n        })}\n      >\n        {children}\n      </span>\n    </Base>\n  );\n});\n\nexport default AccordionSectionSummaryHeading;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,iCAAiC,MAAM,WAGlD,SAASA,gCACT,EAAE,WAAW,UAAU,GAAG,MAAM,GAChC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA,MACJ,MAAK;AAAA;AAAA,IAEL;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK;AAAA,UACd,gCAAgC;AAAA,QAClC,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yCAAQ;",
   "names": ["AccordionSectionSummaryHeading"]
 }

package/AdminAside/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AdminAside/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Aside, { AsideProps } from '@digigov/react-core/Aside';\n\nexport interface AdminAsideProps extends AsideProps { }\n\n/**\n * Use this inside AdminContainer component for placing the aside content of the page\n */\nexport const AdminAside = React.forwardRef<HTMLElement, AdminAsideProps>(\n  function AdminAside({ className, children, ...props }, ref) {\n    return (\n      <Aside\n        lg={3}\n        sticky={false}\n        ref={ref}\n        className={clsx(className, {\n          'ds-admin-aside': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Aside>\n    );\n  }\n);\n\nexport default AdminAside;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Aside, { AsideProps } from '@digigov/react-core/Aside';\n\nexport interface AdminAsideProps extends AsideProps {}\n\n/**\n * Use this inside AdminContainer component for placing the aside content of the page\n */\nexport const AdminAside = React.forwardRef<HTMLElement, AdminAsideProps>(\n  function AdminAside({ className, children, ...props }, ref) {\n    return (\n      <Aside\n        lg={3}\n        sticky={false}\n        ref={ref}\n        className={clsx(className, {\n          'ds-admin-aside': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Aside>\n    );\n  }\n);\n\nexport default AdminAside;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,WAA2B;AAO3B,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,kBAAkB;AAAA,QACpB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
   "names": ["AdminAside"]
 }

package/AdminContainer/index.js

@@ -1,6 +1,6 @@
 import React from "react";
-import Container from "@digigov/react-core/Container";
 import clsx from "clsx";
+import Container from "@digigov/react-core/Container";
 const AdminContainer = React.forwardRef(function AdminContainer2({ grid = true, className, children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
     Container,

package/AdminContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AdminContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Container, { ContainerProps } from '@digigov/react-core/Container';\nimport clsx from 'clsx';\n\nexport interface AdminContainerProps extends Omit<ContainerProps, 'grid'> {\n  /**\n   * grid is optional. Set to false if you don't need grid layout.\n   * @value true\n   * @value false\n   * @default true\n   */\n  grid?: boolean;\n}\n/**\n * AdminContainer is a wrapper for the content of the page\n * Use AdminContainer inside AdminLayout component\n */\nexport const AdminContainer = React.forwardRef<\n  HTMLDivElement,\n  AdminContainerProps\n>(function AdminContainer({ grid = true, className, children, ...props }, ref) {\n  return (\n    <Container\n      ref={ref}\n      fullWidth={true}\n      grid={grid}\n      className={clsx(className, {\n        'ds-admin-container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Container>\n  );\n});\n\nexport default AdminContainer;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAmC;AAC1C,OAAO,UAAU;AAeV,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,MACxB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Container, { ContainerProps } from '@digigov/react-core/Container';\n\nexport interface AdminContainerProps extends Omit<ContainerProps, 'grid'> {\n  /**\n   * grid is optional. Set to false if you don't need grid layout.\n   * @value true\n   * @value false\n   * @default true\n   */\n  grid?: boolean;\n}\n/**\n * AdminContainer is a wrapper for the content of the page\n * Use AdminContainer inside AdminLayout component\n */\nexport const AdminContainer = React.forwardRef<\n  HTMLDivElement,\n  AdminContainerProps\n>(function AdminContainer({ grid = true, className, children, ...props }, ref) {\n  return (\n    <Container\n      ref={ref}\n      fullWidth={true}\n      grid={grid}\n      className={clsx(className, {\n        'ds-admin-container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Container>\n  );\n});\n\nexport default AdminContainer;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,eAAmC;AAenC,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,MACxB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["AdminContainer"]
 }

package/AdminHeader/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AdminHeader/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Header, { HeaderProps } from '@digigov/react-core/Header';\n\nexport interface AdminHeaderProps extends HeaderProps { }\n/**\n * AdminHeader represents a container for govgr header information.\n * This elements is placed at the top of the page.\n */\nexport const AdminHeader = React.forwardRef<HTMLElement, AdminHeaderProps>(\n  function AdminHeader({ className, children, ...props }, ref) {\n    return (\n      <Header\n        data-module=\"ds-header\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-admin-header': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Header>\n    );\n  }\n);\n\nexport default AdminHeader;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Header, { HeaderProps } from '@digigov/react-core/Header';\n\nexport interface AdminHeaderProps extends HeaderProps {}\n/**\n * AdminHeader represents a container for govgr header information.\n * This elements is placed at the top of the page.\n */\nexport const AdminHeader = React.forwardRef<HTMLElement, AdminHeaderProps>(\n  function AdminHeader({ className, children, ...props }, ref) {\n    return (\n      <Header\n        data-module=\"ds-header\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-admin-header': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Header>\n    );\n  }\n);\n\nexport default AdminHeader;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,YAA6B;AAO7B,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["AdminHeader"]
 }

package/AdminHeaderContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AdminHeaderContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport HeaderContent, { HeaderContentProps } from '@digigov/react-core/HeaderContent';\n\nexport interface AdminHeaderContentProps extends HeaderContentProps { }\n/**\n * AdminAdminHeaderContent is used inside AdminHeader as a container for its items.\n */\nexport const AdminHeaderContent = React.forwardRef<\n  HTMLDivElement,\n  AdminHeaderContentProps\n>(function AdminHeaderContent({ className, children, ...props }, ref) {\n  return (\n    <HeaderContent\n      ref={ref}\n      className={clsx(className, {\n        'ds-admin-header__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </HeaderContent>\n  );\n});\n\nexport default AdminHeaderContent;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,mBAA2C;AAM3C,MAAM,qBAAqB,MAAM,WAGtC,SAASA,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,4BAA4B;AAAA,MAC9B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport HeaderContent, {\n  HeaderContentProps,\n} from '@digigov/react-core/HeaderContent';\n\nexport interface AdminHeaderContentProps extends HeaderContentProps {}\n/**\n * AdminAdminHeaderContent is used inside AdminHeader as a container for its items.\n */\nexport const AdminHeaderContent = React.forwardRef<\n  HTMLDivElement,\n  AdminHeaderContentProps\n>(function AdminHeaderContent({ className, children, ...props }, ref) {\n  return (\n    <HeaderContent\n      ref={ref}\n      className={clsx(className, {\n        'ds-admin-header__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </HeaderContent>\n  );\n});\n\nexport default AdminHeaderContent;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,mBAEA;AAMA,MAAM,qBAAqB,MAAM,WAGtC,SAASA,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,4BAA4B;AAAA,MAC9B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
   "names": ["AdminHeaderContent"]
 }

package/AdminLayout/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AdminLayout/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Layout, { LayoutProps } from '@digigov/react-core/Layout';\n\nexport interface AdminLayoutProps extends LayoutProps {\n}\n/**\n * AdminLayout is the  wrapper component for the entire page except for the header and the footer.\n */\nexport const AdminLayout = React.forwardRef<HTMLDivElement, AdminLayoutProps>(\n  function AdminLayout({ className, children, ...props }, ref) {\n    return (\n      <Layout\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-admin-layout': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Layout>\n    );\n  }\n);\n\nexport default AdminLayout;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,YAA6B;AAO7B,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Layout, { LayoutProps } from '@digigov/react-core/Layout';\n\nexport interface AdminLayoutProps extends LayoutProps {}\n/**\n * AdminLayout is the  wrapper component for the entire page except for the header and the footer.\n */\nexport const AdminLayout = React.forwardRef<HTMLDivElement, AdminLayoutProps>(\n  function AdminLayout({ className, children, ...props }, ref) {\n    return (\n      <Layout\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-admin-layout': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Layout>\n    );\n  }\n);\n\nexport default AdminLayout;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,YAA6B;AAM7B,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["AdminLayout"]
 }

package/AdminMain/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AdminMain/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Main, { MainProps } from '@digigov/react-core/Main';\n\nexport interface AdminMainProps extends MainProps { }\n/**\n * Use this inside AdminContainer component for placing the main content of the page\n */\nexport const AdminMain = React.forwardRef<HTMLDivElement, AdminMainProps>(\n  function AdminMain({ className, children, ...props }, ref) {\n    return (\n      <Main\n        lg={9}\n        ref={ref}\n        className={clsx(className, {\n          'ds-admin-main': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Main>\n    );\n  }\n);\n\nexport default AdminMain;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Main, { MainProps } from '@digigov/react-core/Main';\n\nexport interface AdminMainProps extends MainProps {}\n/**\n * Use this inside AdminContainer component for placing the main content of the page\n */\nexport const AdminMain = React.forwardRef<HTMLDivElement, AdminMainProps>(\n  function AdminMain({ className, children, ...props }, ref) {\n    return (\n      <Main\n        lg={9}\n        ref={ref}\n        className={clsx(className, {\n          'ds-admin-main': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Main>\n    );\n  }\n);\n\nexport default AdminMain;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WAAU,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,iBAAiB;AAAA,QACnB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["AdminMain"]
 }

package/AutoCompleteAssistiveHint/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AutoCompleteAssistiveHint/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteAssistiveHintProps extends BaseProps<'span'> { }\n/**\n * AutoCompleteAssistiveHint is a span element for displaying the autocomplete\n * assistive hint text.\n *\n */\nexport const AutoCompleteAssistiveHint = React.forwardRef<\n  HTMLSpanElement,\n  AutoCompleteAssistiveHintProps\n>(function AutoCompleteAssistiveHint({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__assistive-hint': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AutoCompleteAssistiveHint;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteAssistiveHintProps extends BaseProps<'span'> {}\n/**\n * AutoCompleteAssistiveHint is a span element for displaying the autocomplete\n * assistive hint text.\n *\n */\nexport const AutoCompleteAssistiveHint = React.forwardRef<\n  HTMLSpanElement,\n  AutoCompleteAssistiveHintProps\n>(function AutoCompleteAssistiveHint({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__assistive-hint': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AutoCompleteAssistiveHint;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,4BAA4B,MAAM,WAG7C,SAASA,2BAA0B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
   "names": ["AutoCompleteAssistiveHint"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAoBzB,MAAM,wBAAwB,MAAM,WAGzC,SAASA,uBAAsB,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAoBzB,MAAM,wBAAwB,MAAM,WAGzC,SAASA,uBACT,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GACvC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,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": ["AutoCompleteContainer"]
 }

package/AutoCompleteInputBase/index.d.ts

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

package/{AutoCompleteInput → AutoCompleteInputBase}/index.js

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

package/AutoCompleteInputBase/index.js.map

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

package/AutoCompleteInputBase/package.json

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

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,6BAA6B,MAAM,WAG9C,SAASA,4BAA2B,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,oCAAC,cACC;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,UAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,WAAW,KAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN,CACF;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
   "names": ["AutoCompleteInputTypeahead"]
 }

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

@@ -10,9 +10,7 @@ const BackLink = React.forwardRef(
         as: "a",
         printHidden,
         href,
-        onClick: () => {
-          !href && window.history.back();
-        },
+        onClick: () => !href && window.history.back(),
         ref,
         className: clsx(className, {
           "ds-back-link": true

package/BackLink/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/BackLink/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { CaretIcon } from '@digigov/react-icons';\n\nexport interface BackLinkProps extends BaseProps<'a'> { }\n/**\n * Use BackLink component to help users go back to the previous page in a multi-page transaction.\n */\nexport const BackLink = React.forwardRef<HTMLAnchorElement, BackLinkProps>(\n  function BackLink(\n    { href, printHidden = true, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        printHidden={printHidden}\n        href={href}\n        onClick={() => {\n          !href && window.history.back();\n        }}\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      </Base>\n    );\n  }\n);\n\nexport default BackLink;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,iBAAiB;AAMnB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UACP,EAAE,MAAM,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,SAAS,MAAM;AACb,WAAC,QAAQ,OAAO,QAAQ,KAAK;AAAA,QAC/B;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,gBAAgB;AAAA,QAClB,CAAC;AAAA,QACD,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,MAEJ,oCAAC,aAAU,WAAW,QAAQ;AAAA,MAC7B;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { CaretIcon } from '@digigov/react-icons';\n\nexport interface BackLinkProps extends BaseProps<'a'> {}\n/**\n * Use BackLink component to help users go back to the previous page in a multi-page transaction.\n */\nexport const BackLink = React.forwardRef<HTMLAnchorElement, BackLinkProps>(\n  function BackLink(\n    { href, printHidden = true, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        printHidden={printHidden}\n        href={href}\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      </Base>\n    );\n  }\n);\n\nexport default BackLink;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,iBAAiB;AAMnB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UACP,EAAE,MAAM,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,SAAS,MAAM,CAAC,QAAQ,OAAO,QAAQ,KAAK;AAAA,QAC5C;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,gBAAgB;AAAA,QAClB,CAAC;AAAA,QACD,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,MAEJ,oCAAC,aAAU,WAAW,QAAQ;AAAA,MAC7B;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["BackLink"]
 }

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, {\n  DetailedHTMLProps,\n  InputHTMLAttributes,\n  LegacyRef,\n} from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nexport type CheckboxInputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'ref'\n>;\n\nexport const CheckboxInput = React.forwardRef<\n  HTMLInputElement,\n  CheckboxInputProps\n>(function CheckboxInput({ checked, value, onChange, ...props }, ref) {\n  const handlePress = () => {\n    if (onChange) {\n      const syntheticEvent = {\n        currentTarget: {\n          value,\n          checked: !checked,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange(syntheticEvent);\n    }\n  };\n  return (\n    // @ts-ignore\n    <TouchableOpacity\n      ref={ref as LegacyRef<TouchableOpacity>}\n      onPress={handlePress}\n      {...props}\n    >\n      {checked && <View className=\"ds-checkboxes__input--checked\" />}\n    </TouchableOpacity>\n  );\n});\n\nexport default CheckboxInput;\n"],
+  "mappings": "AAAA,OAAO,WAIA;AACP,SAAS,kBAAkB,YAAY;AAOhC,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eAAc,EAAE,SAAS,OAAO,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,QAAM,cAAc,MAAM;AACxB,QAAI,UAAU;AACZ,YAAM,iBAAiB;AAAA,QACrB,eAAe;AAAA,UACb;AAAA,UACA,SAAS,CAAC;AAAA,QACZ;AAAA,MACF;AACA,eAAS,cAAc;AAAA,IACzB;AAAA,EACF;AACA;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAG;AAAA;AAAA,MAEH,WAAW,oCAAC,QAAK,WAAU,iCAAgC;AAAA,IAC9D;AAAA;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
+  "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, {\n  DetailedHTMLProps,\n  InputHTMLAttributes,\n  LegacyRef,\n} from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nexport type RadioInputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'ref'\n>;\n\nexport const RadioInput = React.forwardRef<HTMLInputElement, RadioInputProps>(\n  function RadioInput({ value, checked, onChange, ...props }, ref) {\n    const handlePress = () => {\n      if (onChange) {\n        const syntheticEvent = {\n          target: {\n            value: value,\n            checked: true,\n          },\n        } as React.ChangeEvent<HTMLInputElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    return (\n      <TouchableOpacity\n        ref={ref as LegacyRef<typeof TouchableOpacity>}\n        onPress={handlePress}\n        {...(props as any)}\n      >\n        {checked && <View className=\"ds-radios__input--checked\" />}\n      </TouchableOpacity>\n    );\n  }\n);\n\nexport default RadioInput;\n"],
+  "mappings": "AAAA,OAAO,WAIA;AACP,SAAS,kBAAkB,YAAY;AAOhC,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,OAAO,SAAS,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/D,UAAM,cAAc,MAAM;AACxB,UAAI,UAAU;AACZ,cAAM,iBAAiB;AAAA,UACrB,QAAQ;AAAA,YACN;AAAA,YACA,SAAS;AAAA,UACX;AAAA,QACF;AACA,iBAAS,cAAc;AAAA,MACzB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,MAEJ,WAAW,oCAAC,QAAK,WAAU,6BAA4B;AAAA,IAC1D;AAAA,EAEJ;AACF;AAEA,IAAO,4BAAQ;",
+  "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"
+}