@digigov/react-core 2.0.0-2445d5cb → 2.0.0-298cfc51

package/RadioItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/RadioItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface RadioItemProps extends BaseProps<'input'> {\n  /**\n   * dividerText is optional.\n   * Add this prop to add a choice dividerText on top of a radio item.\n   * The string is the text that it will appear above this radio item.\n   */\n  dividerText?: string;\n}\n/**\n * RadioItem component is used for display radio buttons.\n * RadioItem component must be included inside Radio component, as a children component.\n */\nexport const RadioItem = React.forwardRef<HTMLInputElement, RadioItemProps>(\n  function RadioItem(\n    {\n      dividerText,\n      name,\n      value,\n      className,\n      disabled = false,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <>\n        {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}\n        <div\n          className={clsx(className, {\n            'ds-radios__item': true,\n          })}\n        >\n          <LabelContainer\n            className={clsx({\n              'ds-radios__label': true,\n              'ds-radios__label--disabled': disabled,\n            })}\n          >\n            {children}\n            <Base\n              as=\"input\"\n              ref={ref}\n              type=\"radio\"\n              name={name}\n              value={value}\n              className={clsx({\n                'ds-radios__input': true,\n              })}\n              disabled={disabled}\n              {...props}\n            />\n          </LabelContainer>\n        </div>\n      </>\n    );\n  }\n);\n\nexport default RadioItem;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,uBAAuB;AAC9B,OAAO,oBAAoB;AAcpB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,0DACG,eAAe,oCAAC,yBAAmB,WAAY,GAChD;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK;AAAA,YACd,oBAAoB;AAAA,YACpB,8BAA8B;AAAA,UAChC,CAAC;AAAA;AAAA,QAEA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH;AAAA,YACA,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,WAAW,KAAK;AAAA,cACd,oBAAoB;AAAA,YACtB,CAAC;AAAA,YACD;AAAA,YACC,GAAG;AAAA;AAAA,QACN;AAAA,MACF;AAAA,IACF,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface RadioItemProps extends BaseProps<'input'> {\n  /**\n   * dividerText is optional.\n   * Add this prop to add a choice dividerText on top of a radio item.\n   * The string is the text that it will appear above this radio item.\n   */\n  dividerText?: string;\n}\n/**\n * RadioItem component is used for display radio buttons.\n * RadioItem component must be included inside Radio component, as a children component.\n */\nexport const RadioItem = React.forwardRef<HTMLInputElement, RadioItemProps>(\n  function RadioItem(\n    {\n      dividerText,\n      name,\n      value,\n      className,\n      disabled = false,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <>\n        {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}\n        <Base as='div'\n          className={clsx(className, {\n            'ds-radios__item': true,\n          })}\n        >\n          <LabelContainer\n            className={clsx({\n              'ds-radios__label': true,\n              'ds-radios__label--disabled': disabled,\n            })}\n          >\n            {children}\n            <Base\n              as=\"input\"\n              ref={ref}\n              type=\"radio\"\n              name={name}\n              value={value}\n              className={clsx({\n                'ds-radios__input': true,\n              })}\n              disabled={disabled}\n              {...props}\n            />\n          </LabelContainer>\n        </Base>\n      </>\n    );\n  }\n);\n\nexport default RadioItem;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,uBAAuB;AAC9B,OAAO,oBAAoB;AAcpB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,0DACG,eAAe,oCAAC,yBAAmB,WAAY,GAChD;AAAA,MAAC;AAAA;AAAA,QAAK,IAAG;AAAA,QACP,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK;AAAA,YACd,oBAAoB;AAAA,YACpB,8BAA8B;AAAA,UAChC,CAAC;AAAA;AAAA,QAEA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH;AAAA,YACA,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,WAAW,KAAK;AAAA,cACd,oBAAoB;AAAA,YACtB,CAAC;AAAA,YACD;AAAA,YACC,GAAG;AAAA;AAAA,QACN;AAAA,MACF;AAAA,IACF,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["RadioItem"]
 }

package/ResultsHeadingActions/index.js

@@ -1,8 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-import Button from "@digigov/react-core/Button";
-const ResultsHeadingActions = React.forwardRef(function ResultsHeadingActions2({ className, onClick, children, ...props }, ref) {
+const ResultsHeadingActions = React.forwardRef(function ResultsHeadingActions2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {
@@ -13,8 +12,7 @@ const ResultsHeadingActions = React.forwardRef(function ResultsHeadingActions2({
       }),
       ...props
     },
-    children,
-    /* @__PURE__ */ React.createElement(Button, { className: "ds-link-filters" }, "\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1")
+    children
   );
 });
 var ResultsHeadingActions_default = ResultsHeadingActions;

package/ResultsHeadingActions/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ResultsHeadingActions/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport Button from '@digigov/react-core/Button';\n\nexport interface ResultsHeadingActionsProps extends BaseProps<'div'> { }\n/**\n * Use ResultsHeadingActions component to wrap result actions.\n * ResultsHeadingActions component inside ResultsHeading component.\n */\nexport const ResultsHeadingActions = React.forwardRef<\n  HTMLDivElement,\n  ResultsHeadingActionsProps\n>(function ResultsHeadingActions(\n  { className, onClick, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-results__actions': true,\n      })}\n      {...props}\n    >\n      {children}\n      <Button className=\"ds-link-filters\">\u03A6\u03AF\u03BB\u03C4\u03C1\u03B1</Button>\n    </Base>\n  );\n});\n\nexport default ResultsHeadingActions;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,YAAY;AAOZ,MAAM,wBAAwB,MAAM,WAGzC,SAASA,uBACT,EAAE,WAAW,SAAS,UAAU,GAAG,MAAM,GACzC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,IACD,oCAAC,UAAO,WAAU,qBAAkB,sCAAM;AAAA,EAC5C;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 ResultsHeadingActionsProps extends BaseProps<'div'> {}\n/**\n * Use ResultsHeadingActions component to wrap result actions.\n * ResultsHeadingActions component inside ResultsHeading component.\n */\nexport const ResultsHeadingActions = React.forwardRef<\n  HTMLDivElement,\n  ResultsHeadingActionsProps\n>(function ResultsHeadingActions({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-results__actions': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ResultsHeadingActions;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,wBAAwB,MAAM,WAGzC,SAASA,uBAAsB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
   "names": ["ResultsHeadingActions"]
 }

package/Stack/index.d.ts

@@ -20,12 +20,20 @@ export interface StackProps extends BaseProps<'div'> {
     /**
      * spacing is optional. Set to the number you want the space to be.
      */
-    spacing?: 1 | 2 | 4 | 6 | 8 | 10 | 12;
+    spacing?: SpacingValues | SpacingMediaValues;
     /**
      * flexWrap is optional. The default value is 'wrap'.
      */
     flexWrap?: 'wrap' | 'nowrap';
 }
+type SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;
+type SpacingMediaValues = {
+    xs?: SpacingValues;
+    sm?: SpacingValues;
+    md?: SpacingValues;
+    lg?: SpacingValues;
+    xl?: SpacingValues;
+};
 /**
  * ...
  */

package/Stack/index.js

@@ -25,7 +25,12 @@ const Stack = React.forwardRef(
           [`ds-stack--align-${alignItems}`]: alignItems,
           [`ds-stack--content-${alignContent}`]: alignContent,
           "ds-stack--nowrap": flexWrap === "nowrap",
-          [`ds-gap-${spacing}`]: spacing !== void 0
+          [`ds-gap-${spacing}`]: spacing !== void 0,
+          [`ds-gap-xs-${spacing?.xs}`]: spacing?.xs !== void 0,
+          [`ds-gap-sm-${spacing?.sm}`]: spacing?.sm !== void 0,
+          [`ds-gap-md-${spacing?.md}`]: spacing?.md !== void 0,
+          [`ds-gap-lg-${spacing?.lg}`]: spacing?.lg !== void 0,
+          [`ds-gap-xl-${spacing?.xl}`]: spacing?.xl !== void 0
         }),
         ...props
       },

package/Stack/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Stack/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StackProps extends BaseProps<'div'> {\n  /**\n   * direction is optional. Set to control the direction of flex items.\n   */\n  direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  /**\n   * justifyContent is optional. Set to control how items are positioned along Stack's main axis .\n   */\n  justifyContent?:\n  | 'flex-start'\n  | 'flex-end'\n  | 'center'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly';\n  /**\n   * alignItems is optional. Set to control how items are positioned along Stack's cross axis.\n   */\n  alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';\n  /**\n   * alignContent is optional. Set to control how rows are positioned in multi-row Stack container.\n   */\n  alignContent?:\n  | 'flex-start'\n  | 'flex-end'\n  | 'center'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly';\n  /**\n   * spacing is optional. Set to the number you want the space to be.\n   */\n  spacing?: 1 | 2 | 4 | 6 | 8 | 10 | 12;\n  /**\n   * flexWrap is optional. The default value is 'wrap'.\n   */\n  flexWrap?: 'wrap' | 'nowrap';\n}\n/**\n * ...\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  function Stack(\n    {\n      direction = 'column',\n      justifyContent,\n      alignItems,\n      alignContent,\n      spacing,\n      flexWrap,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-stack': true,\n          [`ds-stack--${direction}`]: direction,\n          [`ds-stack--justify-${justifyContent}`]: justifyContent,\n          [`ds-stack--align-${alignItems}`]: alignItems,\n          [`ds-stack--content-${alignContent}`]: alignContent,\n          'ds-stack--nowrap': flexWrap === 'nowrap',\n          [`ds-gap-${spacing}`]: spacing !== undefined,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Stack;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA2CzB,MAAM,QAAQ,MAAM;AAAA,EACzB,SAASA,OACP;AAAA,IACE,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,YAAY;AAAA,UACZ,CAAC,aAAa,SAAS,EAAE,GAAG;AAAA,UAC5B,CAAC,qBAAqB,cAAc,EAAE,GAAG;AAAA,UACzC,CAAC,mBAAmB,UAAU,EAAE,GAAG;AAAA,UACnC,CAAC,qBAAqB,YAAY,EAAE,GAAG;AAAA,UACvC,oBAAoB,aAAa;AAAA,UACjC,CAAC,UAAU,OAAO,EAAE,GAAG,YAAY;AAAA,QACrC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface StackProps extends BaseProps<'div'> {\n  /**\n   * direction is optional. Set to control the direction of flex items.\n   */\n  direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  /**\n   * justifyContent is optional. Set to control how items are positioned along Stack's main axis .\n   */\n  justifyContent?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly';\n  /**\n   * alignItems is optional. Set to control how items are positioned along Stack's cross axis.\n   */\n  alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';\n  /**\n   * alignContent is optional. Set to control how rows are positioned in multi-row Stack container.\n   */\n  alignContent?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly';\n  /**\n   * spacing is optional. Set to the number you want the space to be.\n   */\n  spacing?: SpacingValues | SpacingMediaValues;\n  /**\n   * flexWrap is optional. The default value is 'wrap'.\n   */\n  flexWrap?: 'wrap' | 'nowrap';\n}\n\ntype SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;\ntype SpacingMediaValues = {\n  xs?: SpacingValues;\n  sm?: SpacingValues;\n  md?: SpacingValues;\n  lg?: SpacingValues;\n  xl?: SpacingValues;\n};\n/**\n * ...\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  function Stack(\n    {\n      direction = 'column',\n      justifyContent,\n      alignItems,\n      alignContent,\n      spacing,\n      flexWrap,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-stack': true,\n          [`ds-stack--${direction}`]: direction,\n          [`ds-stack--justify-${justifyContent}`]: justifyContent,\n          [`ds-stack--align-${alignItems}`]: alignItems,\n          [`ds-stack--content-${alignContent}`]: alignContent,\n          'ds-stack--nowrap': flexWrap === 'nowrap',\n          [`ds-gap-${spacing}`]: spacing !== undefined,\n          [`ds-gap-xs-${(spacing as SpacingMediaValues)?.xs}`]:\n            (spacing as SpacingMediaValues)?.xs !== undefined,\n          [`ds-gap-sm-${(spacing as SpacingMediaValues)?.sm}`]:\n            (spacing as SpacingMediaValues)?.sm !== undefined,\n          [`ds-gap-md-${(spacing as SpacingMediaValues)?.md}`]:\n            (spacing as SpacingMediaValues)?.md !== undefined,\n          [`ds-gap-lg-${(spacing as SpacingMediaValues)?.lg}`]:\n            (spacing as SpacingMediaValues)?.lg !== undefined,\n          [`ds-gap-xl-${(spacing as SpacingMediaValues)?.xl}`]:\n            (spacing as SpacingMediaValues)?.xl !== undefined,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Stack;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAoDzB,MAAM,QAAQ,MAAM;AAAA,EACzB,SAASA,OACP;AAAA,IACE,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,YAAY;AAAA,UACZ,CAAC,aAAa,SAAS,EAAE,GAAG;AAAA,UAC5B,CAAC,qBAAqB,cAAc,EAAE,GAAG;AAAA,UACzC,CAAC,mBAAmB,UAAU,EAAE,GAAG;AAAA,UACnC,CAAC,qBAAqB,YAAY,EAAE,GAAG;AAAA,UACvC,oBAAoB,aAAa;AAAA,UACjC,CAAC,UAAU,OAAO,EAAE,GAAG,YAAY;AAAA,UACnC,CAAC,aAAc,SAAgC,EAAE,EAAE,GAChD,SAAgC,OAAO;AAAA,UAC1C,CAAC,aAAc,SAAgC,EAAE,EAAE,GAChD,SAAgC,OAAO;AAAA,UAC1C,CAAC,aAAc,SAAgC,EAAE,EAAE,GAChD,SAAgC,OAAO;AAAA,UAC1C,CAAC,aAAc,SAAgC,EAAE,EAAE,GAChD,SAAgC,OAAO;AAAA,UAC1C,CAAC,aAAc,SAAgC,EAAE,EAAE,GAChD,SAAgC,OAAO;AAAA,QAC5C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,gBAAQ;",
   "names": ["Stack"]
 }

package/SummaryList/index.d.ts

@@ -21,7 +21,7 @@ export interface SummaryListProps extends BaseProps<'dl'> {
     noLastBorder?: boolean;
 }
 /**
- * SummaryList used as a table with summary informations.
+ * SummaryList used as a table with summary information.
  * It must contain a list of SummaryListItem components.
  */
 export declare const SummaryList: React.ForwardRefExoticComponent<Omit<SummaryListProps, "ref"> & React.RefAttributes<HTMLDListElement>>;

package/SummaryList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SummaryList/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListProps extends BaseProps<'dl'> {\n  /**\n   * border is optional.\n   * By default, SummaryList has borders. You can remove borders by using border prop.\n   * By default is true\n   * @value true\n   * @value false\n   * @default true\n   */\n  border?: boolean;\n  /**\n   * noLastBorder is optional.\n   * By default, SummaryList has borders. You can remove last border by using noLastBorder prop.\n   * By default is true\n   * @value true\n   * @value false\n   * @default false\n   */\n  noLastBorder?: boolean\n\n}\n/**\n * SummaryList used as a table with summary informations.\n * It must contain a list of SummaryListItem components.\n */\nexport const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(\n  function SummaryList({ className, noLastBorder = false, border = true, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"dl\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-summary-list': true,\n          'ds-summary-list--no-border': !border,\n          'ds-summary-list--no-last-border': noLastBorder\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SummaryList;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA2BzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,eAAe,OAAO,SAAS,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK;AAChG,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,8BAA8B,CAAC;AAAA,UAC/B,mCAAmC;AAAA,QACrC,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 Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListProps extends BaseProps<'dl'> {\n  /**\n   * border is optional.\n   * By default, SummaryList has borders. You can remove borders by using border prop.\n   * By default is true\n   * @value true\n   * @value false\n   * @default true\n   */\n  border?: boolean;\n  /**\n   * noLastBorder is optional.\n   * By default, SummaryList has borders. You can remove last border by using noLastBorder prop.\n   * By default is true\n   * @value true\n   * @value false\n   * @default false\n   */\n  noLastBorder?: boolean;\n}\n/**\n * SummaryList used as a table with summary information.\n * It must contain a list of SummaryListItem components.\n */\nexport const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(\n  function SummaryList(\n    { className, noLastBorder = false, border = true, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"dl\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-summary-list': true,\n          'ds-summary-list--no-border': !border,\n          'ds-summary-list--no-last-border': noLastBorder,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default SummaryList;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA0BzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aACP,EAAE,WAAW,eAAe,OAAO,SAAS,MAAM,UAAU,GAAG,MAAM,GACrE,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,8BAA8B,CAAC;AAAA,UAC/B,mCAAmC;AAAA,QACrC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["SummaryList"]
 }

package/SummaryListItemKey/index.d.ts

@@ -1,7 +1,21 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface SummaryListItemKeyProps extends BaseProps<'dt'> {
+    /**
+     * sm shows the width of the key column for small screens.
+     * @default 3
+     */
+    sm?: WidthValues;
+    /**
+     * md shows the width of the key column for medium screens.
+     */
+    md?: WidthValues;
+    /**
+     * lg shows the width of the key column for large screens.
+     */
+    lg?: WidthValues;
 }
+export type WidthValues = 3 | 4 | 5 | 6 | 7 | 8 | 9;
 /**
  * SummaryListItemKey is used within the SummaryListItem component.
  * In this column we place the key information for the row (ex. "Name", "Address", etc).

package/SummaryListItemKey/index.js

@@ -1,14 +1,17 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const SummaryListItemKey = React.forwardRef(function SummaryListItemKey2({ className, children, ...props }, ref) {
+const SummaryListItemKey = React.forwardRef(function SummaryListItemKey2({ sm = 3, md, lg, className, children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {
       as: "dt",
       ref,
       className: clsx(className, {
-        "ds-summary-list__key": true
+        "ds-summary-list__key": true,
+        [`ds-summary-list__key--sm-${sm}`]: sm !== void 0,
+        [`ds-summary-list__key--md-${md}`]: md !== void 0,
+        [`ds-summary-list__key--lg-${lg}`]: lg !== void 0
       }),
       ...props
     },

package/SummaryListItemKey/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SummaryListItemKey/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListItemKeyProps extends BaseProps<'dt'> { }\n/**\n * SummaryListItemKey is used within the SummaryListItem component.\n * In this column we place the key information for the row (ex. \"Name\", \"Address\", etc).\n */\nexport const SummaryListItemKey = React.forwardRef<\n  HTMLElement,\n  SummaryListItemKeyProps\n>(function SummaryListItemKey({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"dt\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__key': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItemKey;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,qBAAqB,MAAM,WAGtC,SAASA,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface SummaryListItemKeyProps extends BaseProps<'dt'> {\n  /**\n   * sm shows the width of the key column for small screens.\n   * @default 3\n   */\n  sm?: WidthValues;\n  /**\n   * md shows the width of the key column for medium screens.\n   */\n  md?: WidthValues;\n  /**\n   * lg shows the width of the key column for large screens.\n   */\n  lg?: WidthValues;\n}\n\nexport type WidthValues = 3 | 4 | 5 | 6 | 7 | 8 | 9;\n/**\n * SummaryListItemKey is used within the SummaryListItem component.\n * In this column we place the key information for the row (ex. \"Name\", \"Address\", etc).\n */\nexport const SummaryListItemKey = React.forwardRef<\n  HTMLElement,\n  SummaryListItemKeyProps\n>(function SummaryListItemKey(\n  { sm = 3, md, lg, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"dt\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-summary-list__key': true,\n        [`ds-summary-list__key--sm-${sm}`]: sm !== undefined,\n        [`ds-summary-list__key--md-${md}`]: md !== undefined,\n        [`ds-summary-list__key--lg-${lg}`]: lg !== undefined,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default SummaryListItemKey;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAuBzB,MAAM,qBAAqB,MAAM,WAGtC,SAASA,oBACT,EAAE,KAAK,GAAG,IAAI,IAAI,WAAW,UAAU,GAAG,MAAM,GAChD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,QAC3C,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,QAC3C,CAAC,4BAA4B,EAAE,EAAE,GAAG,OAAO;AAAA,MAC7C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
   "names": ["SummaryListItemKey"]
 }

package/TextArea/index.d.ts

@@ -1,24 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface TextAreaProps extends BaseProps<'textarea'> {
-    /**
-     * error is optional. The default value is false.
-     * Use this prop when there is an error at the input.
-     * @value true
-     * @value false
-     */
-    error?: boolean;
-    /**
-     * dense is optional.
-     * @value true TextArea will be dense.
-     * @value false
-     * @default false
-     */
-    dense?: boolean;
-}
-/**
- * Textarea component is used when you need to let users enter an
- * amount of text that’s longer than a single line.
- */
-export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;
+export * from '@digigov/react-core/TextArea/index.web';
+export { default as default } from '@digigov/react-core/TextArea/index.web';

package/TextArea/index.js

@@ -1,30 +1,6 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const TextArea = React.forwardRef(
-  function TextArea2({ name, rows, error, dense, className, children, ...props }, ref) {
-    const defaultRows = dense ? 3 : 6;
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as: "textarea",
-        name,
-        rows: rows || defaultRows,
-        ref,
-        className: clsx(className, {
-          "ds-textarea": true,
-          "ds-textarea--dense": dense,
-          "ds-input--error": error
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
-var TextArea_default = TextArea;
+export * from "@digigov/react-core/TextArea/index.web";
+import { default as default2 } from "@digigov/react-core/TextArea/index.web";
 export {
-  TextArea,
-  TextArea_default as default
+  default2 as default
 };
 //# sourceMappingURL=index.js.map

package/TextArea/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TextArea/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TextAreaProps extends BaseProps<'textarea'> {\n  /**\n   * error is optional. The default value is false.\n   * Use this prop when there is an error at the input.\n   * @value true\n   * @value false\n   */\n  error?: boolean;\n  /**\n   * dense is optional.\n   * @value true TextArea will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * Textarea component is used when you need to let users enter an\n * amount of text that\u2019s longer than a single line.\n */\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    { name, rows, error, dense, className, children, ...props },\n    ref\n  ) {\n    const defaultRows = dense ? 3 : 6;\n    return (\n      <Base\n        as=\"textarea\"\n        name={name}\n        rows={rows || defaultRows}\n        ref={ref}\n        className={clsx(className, {\n          'ds-textarea': true,\n          'ds-textarea--dense': dense,\n          'ds-input--error': error,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TextArea;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAsBzB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UACP,EAAE,MAAM,MAAM,OAAO,OAAO,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,UAAM,cAAc,QAAQ,IAAI;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,MAAM,QAAQ;AAAA,QACd;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,eAAe;AAAA,UACf,sBAAsB;AAAA,UACtB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
-  "names": ["TextArea"]
+  "sourcesContent": ["export * from '@digigov/react-core/TextArea/index.web';\nexport {default as default} from '@digigov/react-core/TextArea/index.web';"],
+  "mappings": "AAAA,cAAc;AACd,SAAmB,WAAXA,gBAAyB;",
+  "names": ["default"]
 }

package/TextArea/index.native/index.js

@@ -0,0 +1,16 @@
+import clsx from "clsx";
+import CoreTextArea from "@digigov/react-core/TextArea/index.web";
+import extend from "@digigov/react-core/utils/extend.native";
+const TextArea = extend(CoreTextArea, ({ className, ...props }) => ({
+  ...props,
+  multiline: true,
+  className: clsx(className, {
+    "ds-textarea__wrapper": true
+  })
+}));
+var index_native_default = TextArea;
+export {
+  TextArea,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/TextArea/index.native/package.json

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

package/TextArea/index.native.d.ts

@@ -0,0 +1,4 @@
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/TextArea/index.web").TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement> & {
+    className?: string;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export default TextArea;

package/TextArea/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TextArea/index.native.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport CoreTextArea from '@digigov/react-core/TextArea/index.web';\nimport extend from '@digigov/react-core/utils/extend.native';\nexport const TextArea = extend(CoreTextArea, ({ className, ...props }) => ({\n  ...props,\n  multiline: true,\n  className: clsx(className, {\n    'ds-textarea__wrapper': true,\n  }),\n}));\nexport default TextArea;\n"],
+  "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,kBAAkB;AACzB,OAAO,YAAY;AACZ,MAAM,WAAW,OAAO,cAAc,CAAC,EAAE,WAAW,GAAG,MAAM,OAAO;AAAA,EACzE,GAAG;AAAA,EACH,WAAW;AAAA,EACX,WAAW,KAAK,WAAW;AAAA,IACzB,wBAAwB;AAAA,EAC1B,CAAC;AACH,EAAE;AACF,IAAO,uBAAQ;",
+  "names": []
+}

package/TextArea/index.web/index.js

@@ -0,0 +1,29 @@
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const TextArea = React.forwardRef(
+  function TextArea2({ name, rows, error, dense, className, ...props }, ref) {
+    const defaultRows = dense ? 3 : 6;
+    return /* @__PURE__ */ React.createElement(
+      Base,
+      {
+        as: "textarea",
+        name,
+        rows: rows || defaultRows,
+        ref,
+        className: clsx(className, {
+          "ds-textarea": true,
+          "ds-textarea--dense": dense,
+          "ds-input--error": error
+        }),
+        ...props
+      }
+    );
+  }
+);
+var index_web_default = TextArea;
+export {
+  TextArea,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/TextArea/index.web/package.json

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

package/TextArea/index.web.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface TextAreaProps extends BaseProps<'textarea'> {
+    /**
+     * error is optional. The default value is false.
+     * Use this prop when there is an error at the input.
+     * @value true
+     * @value false
+     */
+    error?: boolean;
+    /**
+     * dense is optional.
+     * @value true TextArea will be dense.
+     * @value false
+     * @default false
+     */
+    dense?: boolean;
+}
+/**
+ * Textarea component is used when you need to let users enter an
+ * amount of text that’s longer than a single line.
+ */
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

package/TextArea/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TextArea/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TextAreaProps extends BaseProps<'textarea'> {\n  /**\n   * error is optional. The default value is false.\n   * Use this prop when there is an error at the input.\n   * @value true\n   * @value false\n   */\n  error?: boolean;\n  /**\n   * dense is optional.\n   * @value true TextArea will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * Textarea component is used when you need to let users enter an\n * amount of text that\u2019s longer than a single line.\n */\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    { name, rows, error, dense, className, ...props },\n    ref\n  ) {\n    const defaultRows = dense ? 3 : 6;\n    return (\n      <Base\n        as=\"textarea\"\n        name={name}\n        rows={rows || defaultRows}\n        ref={ref}\n        className={clsx(className, {\n          'ds-textarea': true,\n          'ds-textarea--dense': dense,\n          'ds-input--error': error,\n        })}\n        {...props}\n      />\n    );\n  }\n);\n\nexport default TextArea;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAsBzB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UACP,EAAE,MAAM,MAAM,OAAO,OAAO,WAAW,GAAG,MAAM,GAChD,KACA;AACA,UAAM,cAAc,QAAQ,IAAI;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,MAAM,QAAQ;AAAA,QACd;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,eAAe;AAAA,UACf,sBAAsB;AAAA,UACtB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "names": ["TextArea"]
+}

package/TextInput/index.d.ts

@@ -1,46 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface TextInputProps extends BaseProps<'input'> {
-    /**
-     * maxWidth is optional.
-     * @value '2-char';
-     * @value '3-char';
-     * @value '4-char';
-     * @value '5-char';
-     * @value '10-char';
-     * @value '20-char';
-     */
-    maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';
-    /**
-     * width is optional.
-     * Use width prop to define a custom width in your component.
-     * @value '25%';
-     * @value '33.3%';
-     * @value '50%';
-     * @value '66.6%';
-     * @value '75%';
-     * @value '100%';
-     * @value 'full';
-     */
-    width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
-    /**
-     * error is optional. The default value is false.
-     * Use this prop when there is an error at the input.
-     * @value true
-     * @value false
-     */
-    error?: boolean;
-    /**
-     * dense is optional.
-     * @value true TextInput will be dense.
-     * @value false
-     * @default false
-     */
-    dense?: boolean;
-}
-/**
- * TextInput component when you need to let users enter text that’s no
- * longer than a single line, such as their name or phone number.
- */
-export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default TextInput;
+export * from '@digigov/react-core/TextInput/index.web';
+export { default as default } from '@digigov/react-core/TextInput/index.web';

package/TextInput/index.js

@@ -1,43 +1,6 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const TextInput = React.forwardRef(
-  function TextInput2({
-    type = "text",
-    maxWidth,
-    width,
-    error,
-    dense,
-    className,
-    children,
-    ...props
-  }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as: "input",
-        type,
-        ref,
-        className: clsx(className, {
-          "ds-input": true,
-          "ds-input--error": error,
-          "ds-input--dense": dense,
-          [`ds-input--width-${maxWidth}`]: maxWidth !== void 0,
-          "ds-!-width-one-quarter": width === "25%",
-          "ds-!-width-one-third": width === "33.3%",
-          "ds-!-width-one-half": width === "50%",
-          "ds-!-width-two-thirds": width === "66.6%",
-          "ds-!-width-three-quarters": width === "75%"
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
-var TextInput_default = TextInput;
+export * from "@digigov/react-core/TextInput/index.web";
+import { default as default2 } from "@digigov/react-core/TextInput/index.web";
 export {
-  TextInput,
-  TextInput_default as default
+  default2 as default
 };
 //# sourceMappingURL=index.js.map

package/TextInput/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TextInput/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TextInputProps extends BaseProps<'input'> {\n  /**\n   * maxWidth is optional.\n   * @value '2-char';\n   * @value '3-char';\n   * @value '4-char';\n   * @value '5-char';\n   * @value '10-char';\n   * @value '20-char';\n   */\n  maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';\n\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   * error is optional. The default value is false.\n   * Use this prop when there is an error at the input.\n   * @value true\n   * @value false\n   */\n  error?: boolean;\n  /**\n   * dense is optional.\n   * @value true TextInput will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * TextInput component when you need to let users enter text that\u2019s no\n * longer than a single line, such as their name or phone number.\n */\nexport const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n  function TextInput(\n    {\n      type = 'text',\n      maxWidth,\n      width,\n      error,\n      dense,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"input\"\n        type={type}\n        ref={ref}\n        className={clsx(className, {\n          'ds-input': true,\n          'ds-input--error': error,\n          'ds-input--dense': dense,\n          [`ds-input--width-${maxWidth}`]: maxWidth !== undefined,\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        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default TextInput;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA8CzB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP;AAAA,IACE,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,YAAY;AAAA,UACZ,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,CAAC,mBAAmB,QAAQ,EAAE,GAAG,aAAa;AAAA,UAC9C,0BAA0B,UAAU;AAAA,UACpC,wBAAwB,UAAU;AAAA,UAClC,uBAAuB,UAAU;AAAA,UACjC,yBAAyB,UAAU;AAAA,UACnC,6BAA6B,UAAU;AAAA,QACzC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
-  "names": ["TextInput"]
+  "sourcesContent": ["export * from '@digigov/react-core/TextInput/index.web';\nexport { default as default } from '@digigov/react-core/TextInput/index.web';"],
+  "mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
+  "names": ["default"]
 }

package/TextInput/index.native/index.js

@@ -0,0 +1,19 @@
+import clsx from "clsx";
+import CoreTextInput from "@digigov/react-core/TextInput/index.web";
+import extend from "@digigov/react-core/utils/extend.native";
+const TextInput = extend(CoreTextInput, ({ className, ...props }) => {
+  return {
+    ...props,
+    className: clsx(className, {
+      "ds-input__wrapper": true,
+      "ds-input--disabled": props.disabled,
+      [`ds-input--width-${props.maxWidth}__wrapper`]: props.maxWidth !== void 0
+    })
+  };
+});
+var index_native_default = TextInput;
+export {
+  TextInput,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/TextInput/index.native/package.json

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

package/TextInput/index.native.d.ts

@@ -0,0 +1,4 @@
+export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/TextInput/index.web").TextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
+    className?: string;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export default TextInput;

package/TextInput/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TextInput/index.native.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport CoreTextInput from '@digigov/react-core/TextInput/index.web';\nimport extend from '@digigov/react-core/utils/extend.native';\nexport const TextInput = extend(CoreTextInput, ({ className, ...props }) => {\n  return {\n    ...props,\n    className: clsx(className, {\n      'ds-input__wrapper': true,\n      'ds-input--disabled': props.disabled,\n      [`ds-input--width-${props.maxWidth}__wrapper`]:\n        props.maxWidth !== undefined,\n    }),\n  };\n});\nexport default TextInput;\n"],
+  "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,mBAAmB;AAC1B,OAAO,YAAY;AACZ,MAAM,YAAY,OAAO,eAAe,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AAC1E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,KAAK,WAAW;AAAA,MACzB,qBAAqB;AAAA,MACrB,sBAAsB,MAAM;AAAA,MAC5B,CAAC,mBAAmB,MAAM,QAAQ,WAAW,GAC3C,MAAM,aAAa;AAAA,IACvB,CAAC;AAAA,EACH;AACF,CAAC;AACD,IAAO,uBAAQ;",
+  "names": []
+}

package/TextInput/index.web/index.js

@@ -0,0 +1,43 @@
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const TextInput = React.forwardRef(
+  function TextInput2({
+    type = "text",
+    maxWidth,
+    width,
+    error,
+    dense,
+    className,
+    children,
+    ...props
+  }, ref) {
+    return /* @__PURE__ */ React.createElement(
+      Base,
+      {
+        as: "input",
+        type,
+        ref,
+        className: clsx(className, {
+          "ds-input": true,
+          "ds-input--error": error,
+          "ds-input--dense": dense,
+          [`ds-input--width-${maxWidth}`]: maxWidth !== void 0,
+          "ds-!-width-one-quarter": width === "25%",
+          "ds-!-width-one-third": width === "33.3%",
+          "ds-!-width-one-half": width === "50%",
+          "ds-!-width-two-thirds": width === "66.6%",
+          "ds-!-width-three-quarters": width === "75%"
+        }),
+        ...props
+      },
+      children
+    );
+  }
+);
+var index_web_default = TextInput;
+export {
+  TextInput,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/TextInput/index.web/package.json

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