@digigov/react-core 2.0.0-0c4be34e → 2.0.0-107d908d

package/TextArea/index.native.js.map

@@ -1,7 +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"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport CoreTextArea from '@digigov/react-core/TextArea/index.web';\nimport extend from '@digigov/react-core/utils/index.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/TextInput/index.native/index.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import CoreTextInput from "@digigov/react-core/TextInput/index.web";
-import extend from "@digigov/react-core/utils/extend.native";
+import extend from "@digigov/react-core/utils/index.native";
 const TextInput = extend(CoreTextInput, ({ className, ...props }) => {
   return {
     ...props,

package/TextInput/index.native.d.ts

@@ -1,4 +1,2 @@
-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 declare const TextInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/TextInput/index.web").TextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<unknown>>;
 export default TextInput;

package/TextInput/index.native.js.map

@@ -1,7 +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"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport CoreTextInput from '@digigov/react-core/TextInput/index.web';\nimport extend from '@digigov/react-core/utils/index.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/Typography/index.d.ts

@@ -26,5 +26,5 @@ export interface TypographyProps extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | '
  * Typography component is used as generic component for typography.
  * Use Typography component to extend components such as Heading, NormalText Paragraph etc.
  */
-export declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>>;
 export default Typography;

package/Typography/index.js

@@ -1,23 +1,21 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const Typography = React.forwardRef(
-  function Typography2({ as, fontSize, fontWeight, className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as,
-        ref,
-        className: clsx(className, {
-          [`ds-!-font-size-${fontSize}`]: fontSize !== void 0,
-          [`ds-!-font-weight-${fontWeight}`]: fontWeight !== void 0
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
+const Typography = React.forwardRef(function Typography2({ as, fontSize, fontWeight, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as,
+      ref,
+      className: clsx(className, {
+        [`ds-!-font-size-${fontSize}`]: fontSize !== void 0,
+        [`ds-!-font-weight-${fontWeight}`]: fontWeight !== void 0
+      }),
+      ...props
+    },
+    children
+  );
+});
 var Typography_default = Typography;
 export {
   Typography,

package/Typography/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Typography/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TypographyProps\n  extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span' | 'p' | 'code'> {\n  /**\n   * fontSize is optional.\n   * Add this fontSize override prop in order to change the font size.\n   * @value 14\n   * @value 16\n   * @value 19\n   * @value 24\n   * @value 30\n   * @value 36\n   * @value 48\n   * @value 72\n   */\n  fontSize?: 14 | 16 | 19 | 24 | 30 | 36 | 48 | 72;\n  /**\n   * fontWeight is optional.\n   * You can add a fontWeight override prop to change the font weight to regular or bold.\n   * @value 'regular'\n   * @value 'bold'\n   */\n  fontWeight?: 'regular' | 'bold';\n}\n/**\n * Typography component is used as generic component for typography.\n * Use Typography component to extend components such as Heading, NormalText Paragraph etc.\n */\nexport const Typography = React.forwardRef<HTMLHeadingElement, TypographyProps>(\n  function Typography(\n    { as, fontSize, fontWeight, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as={as}\n        ref={ref}\n        className={clsx(className, {\n          [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,\n          [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Typography;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YACP,EAAE,IAAI,UAAU,YAAY,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,CAAC,kBAAkB,QAAQ,EAAE,GAAG,aAAa;AAAA,UAC7C,CAAC,oBAAoB,UAAU,EAAE,GAAG,eAAe;AAAA,QACrD,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TypographyProps\n  extends BaseProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span' | 'p' | 'code'> {\n  /**\n   * fontSize is optional.\n   * Add this fontSize override prop in order to change the font size.\n   * @value 14\n   * @value 16\n   * @value 19\n   * @value 24\n   * @value 30\n   * @value 36\n   * @value 48\n   * @value 72\n   */\n  fontSize?: 14 | 16 | 19 | 24 | 30 | 36 | 48 | 72;\n  /**\n   * fontWeight is optional.\n   * You can add a fontWeight override prop to change the font weight to regular or bold.\n   * @value 'regular'\n   * @value 'bold'\n   */\n  fontWeight?: 'regular' | 'bold';\n}\n/**\n * Typography component is used as generic component for typography.\n * Use Typography component to extend components such as Heading, NormalText Paragraph etc.\n */\nexport const Typography = React.forwardRef<\n  HTMLSpanElement | HTMLParagraphElement | HTMLHeadingElement,\n  TypographyProps\n>(function Typography(\n  { as, fontSize, fontWeight, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as={as}\n      ref={ref}\n      className={clsx(className, {\n        [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,\n        [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default Typography;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,aAAa,MAAM,WAG9B,SAASA,YACT,EAAE,IAAI,UAAU,YAAY,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,CAAC,kBAAkB,QAAQ,EAAE,GAAG,aAAa;AAAA,QAC7C,CAAC,oBAAoB,UAAU,EAAE,GAAG,eAAe;AAAA,MACrD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qBAAQ;",
   "names": ["Typography"]
 }

package/WarningText/index.d.ts

@@ -14,6 +14,13 @@ export interface WarningTextProps extends BaseProps<'div'> {
      * @default false
      * */
     dense?: boolean;
+    /**
+     * strong is optional.
+     * @value true if you want to emphasize importance, conveying meaning to both sighted and screen readers.
+     * @value false WarningText will be a simple div element.
+     * @default true
+     * */
+    strong?: boolean;
 }
 /**
  * WarningText.

package/WarningText/index.js

@@ -3,7 +3,15 @@ import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
 import { WarningTextAssistive } from "@digigov/react-core/WarningTextAssistive";
 const WarningText = React.forwardRef(
-  function WarningText2({ className, assistiveText = "\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE", dense, children, ...props }, ref) {
+  function WarningText2({
+    className,
+    strong = true,
+    assistiveText = "\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE",
+    dense,
+    children,
+    ...props
+  }, ref) {
+    const Component = strong ? "strong" : "div";
     return /* @__PURE__ */ React.createElement(
       Base,
       {
@@ -28,7 +36,7 @@ const WarningText = React.forwardRef(
       /* @__PURE__ */ React.createElement(
         Base,
         {
-          as: "strong",
+          as: Component,
           className: clsx({
             "ds-warning-text__content": true
           })

package/WarningText/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/WarningText/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';\nexport interface WarningTextProps extends BaseProps<'div'> {\n  /**\n   * assistiveText is optional.\n   * Default value is \"\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE\".\n   * assistiveText is used to provide a textual warning for assistive technologies like screen readers.\n   */\n  assistiveText?: string;\n  /**\n   * dense is optional.\n   * @value true WarningText will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * WarningText.\n * Use the WarningText component when you need to warn users about something important.\n * The component is used with a text inside it.\n */\nexport const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(\n  function WarningText(\n    { className, assistiveText = '\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE', dense, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-warning-text': true,\n          'ds-warning-text--dense': dense,\n        })}\n        {...props}\n      >\n        <Base\n          as=\"div\"\n          className={clsx({\n            'ds-warning-text__icon': true,\n          })}\n        >\n          !\n        </Base>\n\n        <Base\n          as=\"strong\"\n          className={clsx({\n            'ds-warning-text__content': true,\n          })}\n        >\n          <WarningTextAssistive>{assistiveText}</WarningTextAssistive>\n          {children}\n        </Base>\n      </Base>\n    );\n  }\n);\n\nexport default WarningText;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,4BAA4B;AAqB9B,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aACP,EAAE,WAAW,gBAAgB,8CAAW,OAAO,UAAU,GAAG,MAAM,GAClE,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,0BAA0B;AAAA,QAC5B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,KAAK;AAAA,YACd,yBAAyB;AAAA,UAC3B,CAAC;AAAA;AAAA,QACF;AAAA,MAED;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,KAAK;AAAA,YACd,4BAA4B;AAAA,UAC9B,CAAC;AAAA;AAAA,QAED,oCAAC,4BAAsB,aAAc;AAAA,QACpC;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';\nexport interface WarningTextProps extends BaseProps<'div'> {\n  /**\n   * assistiveText is optional.\n   * Default value is \"\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE\".\n   * assistiveText is used to provide a textual warning for assistive technologies like screen readers.\n   */\n  assistiveText?: string;\n  /**\n   * dense is optional.\n   * @value true WarningText will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n  /**\n   * strong is optional.\n   * @value true if you want to emphasize importance, conveying meaning to both sighted and screen readers.\n   * @value false WarningText will be a simple div element.\n   * @default true\n   * */\n  strong?: boolean;\n}\n/**\n * WarningText.\n * Use the WarningText component when you need to warn users about something important.\n * The component is used with a text inside it.\n */\nexport const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(\n  function WarningText(\n    {\n      className,\n      strong = true,\n      assistiveText = '\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE',\n      dense,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const Component = strong ? 'strong' : 'div';\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-warning-text': true,\n          'ds-warning-text--dense': dense,\n        })}\n        {...props}\n      >\n        <Base\n          as=\"div\"\n          className={clsx({\n            'ds-warning-text__icon': true,\n          })}\n        >\n          !\n        </Base>\n\n        <Base\n          as={Component}\n          className={clsx({\n            'ds-warning-text__content': true,\n          })}\n        >\n          <WarningTextAssistive>{assistiveText}</WarningTextAssistive>\n          {children}\n        </Base>\n      </Base>\n    );\n  }\n);\n\nexport default WarningText;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,4BAA4B;AA4B9B,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aACP;AAAA,IACE;AAAA,IACA,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,YAAY,SAAS,WAAW;AACtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,0BAA0B;AAAA,QAC5B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,KAAK;AAAA,YACd,yBAAyB;AAAA,UAC3B,CAAC;AAAA;AAAA,QACF;AAAA,MAED;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW,KAAK;AAAA,YACd,4BAA4B;AAAA,UAC9B,CAAC;AAAA;AAAA,QAED,oCAAC,4BAAsB,aAAc;AAAA,QACpC;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["WarningText"]
 }

package/cjs/Accordion/index.js

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -27,44 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Accordion_exports = {};
 __export(Accordion_exports, {
-  Accordion: () => Accordion,
-  default: () => Accordion_default
+  default: () => import_Accordion.default
 });
 module.exports = __toCommonJS(Accordion_exports);
-var import_react = __toESM(require("react"));
-var import_clsx = __toESM(require("clsx"));
-var import_Base = __toESM(require("@digigov/react-core/Base"));
-const Accordion = import_react.default.forwardRef(
-  function Accordion2({
-    className,
-    horizontalBorders = "top",
-    summaryColor = "primary",
-    dense,
-    children,
-    ...props
-  }, ref) {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Base.default,
-      {
-        as: "div",
-        ref,
-        className: (0, import_clsx.default)(className, {
-          "ds-accordion": true,
-          "ds-accordion--no-border": horizontalBorders === "none",
-          "ds-accordion--border-top": horizontalBorders === "top",
-          "ds-accordion--border-bottom": horizontalBorders === "bottom",
-          "ds-accordion--dense": dense,
-          "ds-accordion--secondary": summaryColor === "secondary"
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
-var Accordion_default = Accordion;
+__reExport(Accordion_exports, require("@digigov/react-core/Accordion/index.web"), module.exports);
+var import_Accordion = __toESM(require("@digigov/react-core/Accordion/index.web"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Accordion
+  ...require("@digigov/react-core/Accordion/index.web")
 });
 //# sourceMappingURL=index.js.map

package/cjs/Accordion/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Accordion/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionProps extends BaseProps<'div'> {\n  /*\n   * horizontalBorders is optional.\n   * If 'none', Accordion will have no borders.\n   * If 'top', Accordion will have a border on top.\n   * If 'bottom', Accordion will have a border on bottom.\n   * @value none\n   * @value top\n   * @value bottom\n   * @default top\n   */\n  horizontalBorders?: 'none' | 'top' | 'bottom';\n  /**\n   * summaryColor is optional.\n   * 'primary' color gives AccordionSectionSummary the default color.\n   * 'secondary' color gives AccordionSectionSummary a gray background.\n   * @value primary\n   * @value secondary\n   * @default primary\n   * */\n  summaryColor?: 'primary' | 'secondary';\n  /**\n   * dense is optional.\n   * If true, AccordionSection will have a smaller padding.\n   * @value true\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * Accordion is the main component for an accordion.\n * Inside this component must be a list of AccordionSection components.\n */\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(\n    {\n      className,\n      horizontalBorders = 'top',\n      summaryColor = 'primary',\n      dense,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-accordion': true,\n          'ds-accordion--no-border': horizontalBorders === 'none',\n          'ds-accordion--border-top': horizontalBorders === 'top',\n          'ds-accordion--border-bottom': horizontalBorders === 'bottom',\n          'ds-accordion--dense': dense,\n          'ds-accordion--secondary': summaryColor === 'secondary',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Accordion;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAoCzB,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,WACP;AAAA,IACE;AAAA,IACA,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,gBAAgB;AAAA,UAChB,2BAA2B,sBAAsB;AAAA,UACjD,4BAA4B,sBAAsB;AAAA,UAClD,+BAA+B,sBAAsB;AAAA,UACrD,uBAAuB;AAAA,UACvB,2BAA2B,iBAAiB;AAAA,QAC9C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
-  "names": ["React", "Accordion", "Base", "clsx"]
+  "sourcesContent": ["export * from '@digigov/react-core/Accordion/index.web';\nexport { default as default } from '@digigov/react-core/Accordion/index.web';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAc,oDAAd;AACA,uBAAmC;",
+  "names": []
 }

package/cjs/{utils/extend.native → Accordion/index.native}/index.js

@@ -25,23 +25,29 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var extend_native_exports = {};
-__export(extend_native_exports, {
-  default: () => extend_native_default,
-  extend: () => extend
+var index_native_exports = {};
+__export(index_native_exports, {
+  Accordion: () => Accordion,
+  default: () => index_native_default
 });
-module.exports = __toCommonJS(extend_native_exports);
-var import_react = __toESM(require("react"));
-function extend(Component, propFactory = (props) => props) {
-  const ExtendedComponent = import_react.default.forwardRef(function ExtendedComponent2(props, ref) {
-    const transformedProps = propFactory(props);
-    return /* @__PURE__ */ import_react.default.createElement(Component, { ref, ...transformedProps });
-  });
-  return ExtendedComponent;
-}
-var extend_native_default = extend;
+module.exports = __toCommonJS(index_native_exports);
+var import_Accordion = __toESM(require("@digigov/react-core/Accordion/index.web"));
+var import_utils = __toESM(require("@digigov/react-core/utils/index.native"));
+const Accordion = (0, import_utils.enablePseudoclass)(
+  (0, import_utils.default)(import_Accordion.default, ({ className, ...props }) => ({
+    ...props,
+    multiline: true,
+    className
+  })),
+  {
+    children: {
+      "first-child": ["ds-accordion__section__first-child"]
+    }
+  }
+);
+var index_native_default = Accordion;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  extend
+  Accordion
 });
-//# sourceMappingURL=extend.native.js.map
+//# sourceMappingURL=index.native.js.map

package/cjs/Accordion/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Accordion/index.native.tsx"],
+  "sourcesContent": ["import CoreAccordion from '@digigov/react-core/Accordion/index.web';\nimport extend, {\n  enablePseudoclass,\n} from '@digigov/react-core/utils/index.native';\n\nexport const Accordion = enablePseudoclass(\n  extend(CoreAccordion, ({ className, ...props }) => ({\n    ...props,\n    multiline: true,\n    className,\n  })),\n  {\n    children: {\n      'first-child': ['ds-accordion__section__first-child'],\n    },\n  }\n);\n\nexport default Accordion;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0B;AAC1B,mBAEO;AAEA,MAAM,gBAAY;AAAA,MACvB,aAAAA,SAAO,iBAAAC,SAAe,CAAC,EAAE,WAAW,GAAG,MAAM,OAAO;AAAA,IAClD,GAAG;AAAA,IACH,WAAW;AAAA,IACX;AAAA,EACF,EAAE;AAAA,EACF;AAAA,IACE,UAAU;AAAA,MACR,eAAe,CAAC,oCAAoC;AAAA,IACtD;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
+  "names": ["extend", "CoreAccordion"]
+}

package/cjs/{BackLink → Accordion/index.web}/index.js

@@ -25,40 +25,46 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var BackLink_exports = {};
-__export(BackLink_exports, {
-  BackLink: () => BackLink,
-  default: () => BackLink_default
+var index_web_exports = {};
+__export(index_web_exports, {
+  Accordion: () => Accordion,
+  default: () => index_web_default
 });
-module.exports = __toCommonJS(BackLink_exports);
+module.exports = __toCommonJS(index_web_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-var import_react_icons = require("@digigov/react-icons");
-const BackLink = import_react.default.forwardRef(
-  function BackLink2({ href, printHidden = true, className, children, ...props }, ref) {
+const Accordion = import_react.default.forwardRef(
+  function Accordion2({
+    className,
+    horizontalBorders = "top",
+    summaryColor = "primary",
+    dense,
+    children,
+    ...props
+  }, ref) {
     return /* @__PURE__ */ import_react.default.createElement(
       import_Base.default,
       {
-        as: "a",
-        printHidden,
-        href,
-        onClick: () => !href && window.history.back(),
+        as: "div",
         ref,
         className: (0, import_clsx.default)(className, {
-          "ds-back-link": true
+          "ds-accordion": true,
+          "ds-accordion--no-border": horizontalBorders === "none",
+          "ds-accordion--border-top": horizontalBorders === "top",
+          "ds-accordion--border-bottom": horizontalBorders === "bottom",
+          "ds-accordion--dense": dense,
+          "ds-accordion--secondary": summaryColor === "secondary"
         }),
-        tabIndex: 0,
         ...props
       },
-      /* @__PURE__ */ import_react.default.createElement(import_react_icons.CaretIcon, { direction: "left" }),
       children
     );
   }
 );
-var BackLink_default = BackLink;
+var index_web_default = Accordion;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BackLink
+  Accordion
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.web.js.map

package/cjs/Accordion/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Accordion/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AccordionProps extends BaseProps<'div'> {\n  /*\n   * horizontalBorders is optional.\n   * If 'none', Accordion will have no borders.\n   * If 'top', Accordion will have a border on top.\n   * If 'bottom', Accordion will have a border on bottom.\n   * @value none\n   * @value top\n   * @value bottom\n   * @default top\n   */\n  horizontalBorders?: 'none' | 'top' | 'bottom';\n  /**\n   * summaryColor is optional.\n   * 'primary' color gives AccordionSectionSummary the default color.\n   * 'secondary' color gives AccordionSectionSummary a gray background.\n   * @value primary\n   * @value secondary\n   * @default primary\n   * */\n  summaryColor?: 'primary' | 'secondary';\n  /**\n   * dense is optional.\n   * If true, AccordionSection will have a smaller padding.\n   * @value true\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * Accordion is the main component for an accordion.\n * Inside this component must be a list of AccordionSection components.\n */\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(\n    {\n      className,\n      horizontalBorders = 'top',\n      summaryColor = 'primary',\n      dense,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-accordion': true,\n          'ds-accordion--no-border': horizontalBorders === 'none',\n          'ds-accordion--border-top': horizontalBorders === 'top',\n          'ds-accordion--border-bottom': horizontalBorders === 'bottom',\n          'ds-accordion--dense': dense,\n          'ds-accordion--secondary': summaryColor === 'secondary',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Accordion;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAoCzB,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,WACP;AAAA,IACE;AAAA,IACA,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,gBAAgB;AAAA,UAChB,2BAA2B,sBAAsB;AAAA,UACjD,4BAA4B,sBAAsB;AAAA,UAClD,+BAA+B,sBAAsB;AAAA,UACrD,uBAAuB;AAAA,UACvB,2BAA2B,iBAAiB;AAAA,QAC9C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "names": ["React", "Accordion", "Base", "clsx"]
+}

package/cjs/AccordionSection/index.js

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -27,30 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AccordionSection_exports = {};
 __export(AccordionSection_exports, {
-  AccordionSection: () => AccordionSection,
-  default: () => AccordionSection_default
+  default: () => import_AccordionSection.default
 });
 module.exports = __toCommonJS(AccordionSection_exports);
-var import_react = __toESM(require("react"));
-var import_clsx = __toESM(require("clsx"));
-var import_Base = __toESM(require("@digigov/react-core/Base"));
-const AccordionSection = import_react.default.forwardRef(function AccordionSection2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_Base.default,
-    {
-      as: "details",
-      ref,
-      className: (0, import_clsx.default)(className, {
-        "ds-accordion__section": true
-      }),
-      ...props
-    },
-    children
-  );
-});
-var AccordionSection_default = AccordionSection;
+__reExport(AccordionSection_exports, require("@digigov/react-core/AccordionSection/index.web"), module.exports);
+var import_AccordionSection = __toESM(require("@digigov/react-core/AccordionSection/index.web"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AccordionSection
+  ...require("@digigov/react-core/AccordionSection/index.web")
 });
 //# sourceMappingURL=index.js.map

package/cjs/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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
-  "names": ["React", "AccordionSection", "Base", "clsx"]
+  "sourcesContent": ["export * from '@digigov/react-core/AccordionSection/index.web';\nexport { default as default } from '@digigov/react-core/AccordionSection/index.web';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAc,2DAAd;AACA,8BAAmC;",
+  "names": []
 }

package/cjs/{CheckboxItemInput → AccordionSection}/index.native/index.js

@@ -27,27 +27,28 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_native_exports = {};
 __export(index_native_exports, {
-  CheckboxItemInput: () => CheckboxItemInput,
+  AccordionSection: () => AccordionSection,
   default: () => index_native_default
 });
 module.exports = __toCommonJS(index_native_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_CheckboxItemInput = __toESM(require("@digigov/react-core/CheckboxItemInput/index.web"));
-var import_extend = __toESM(require("@digigov/react-core/utils/extend.native"));
-const CheckboxItemInput = (0, import_extend.default)(
-  import_CheckboxItemInput.default,
+var import_AccordionSection = __toESM(require("@digigov/react-core/AccordionSection/index.web"));
+var import_utils = require("@digigov/react-core/utils/index.native");
+const AccordionSection = (0, import_utils.extend)(
+  import_AccordionSection.default,
   ({ className, ...props }) => {
     return {
-      ...props,
-      className: (0, import_clsx.default)(className, {
-        "ds-checkboxes__input__wrapper": true
-      })
+      className,
+      iconClassName: "ds-accordion__section-button-icon",
+      openIcon: "\u2013",
+      closeIcon: "+",
+      placement: "after",
+      ...props
     };
   }
 );
-var index_native_default = CheckboxItemInput;
+var index_native_default = AccordionSection;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CheckboxItemInput
+  AccordionSection
 });
 //# sourceMappingURL=index.native.js.map

package/cjs/AccordionSection/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/AccordionSection/index.native.tsx"],
+  "sourcesContent": ["import CoreAccordionSection from '@digigov/react-core/AccordionSection/index.web';\nimport { extend } from '@digigov/react-core/utils/index.native';\n\nexport const AccordionSection = extend(\n  CoreAccordionSection,\n  ({ className, ...props }) => {\n    return {\n      className: className,\n      iconClassName: 'ds-accordion__section-button-icon',\n      openIcon: '\u2013',\n      closeIcon: '+',\n      placement: 'after',\n      ...props,\n    };\n  }\n);\n\nexport default AccordionSection;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAiC;AACjC,mBAAuB;AAEhB,MAAM,uBAAmB;AAAA,EAC9B,wBAAAA;AAAA,EACA,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AAC3B,WAAO;AAAA,MACL;AAAA,MACA,eAAe;AAAA,MACf,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,MACX,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
+  "names": ["CoreAccordionSection"]
+}

package/cjs/{HeaderTitle → AccordionSection/index.web}/index.js

@@ -25,33 +25,32 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var HeaderTitle_exports = {};
-__export(HeaderTitle_exports, {
-  HeaderTitle: () => HeaderTitle,
-  default: () => HeaderTitle_default
+var index_web_exports = {};
+__export(index_web_exports, {
+  AccordionSection: () => AccordionSection,
+  default: () => index_web_default
 });
-module.exports = __toCommonJS(HeaderTitle_exports);
+module.exports = __toCommonJS(index_web_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const HeaderTitle = import_react.default.forwardRef(function HeaderTitle2({ href = "/", className, children, ...props }, ref) {
+const AccordionSection = import_react.default.forwardRef(function AccordionSection2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
-      as: "a",
+      as: "details",
       ref,
-      href,
       className: (0, import_clsx.default)(className, {
-        "ds-header__title": true
+        "ds-accordion__section": true
       }),
       ...props
     },
     children
   );
 });
-var HeaderTitle_default = HeaderTitle;
+var index_web_default = AccordionSection;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  HeaderTitle
+  AccordionSection
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.web.js.map

package/cjs/AccordionSection/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/AccordionSection/index.web.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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["React", "AccordionSection", "Base", "clsx"]
+}

package/cjs/AccordionSectionSummaryHeading/index.js

@@ -47,8 +47,9 @@ const AccordionSectionSummaryHeading = import_react.default.forwardRef(function
       role: "button"
     },
     /* @__PURE__ */ import_react.default.createElement(
-      "span",
+      import_Base.default,
       {
+        as: "span",
         className: (0, import_clsx.default)({
           "ds-accordion__section-button": true
         })

package/cjs/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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,iCAAiC,aAAAA,QAAM,WAGlD,SAASC,gCACT,EAAE,WAAW,UAAU,GAAG,MAAM,GAChC,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA,MACJ,MAAK;AAAA;AAAA,IAEL,6BAAAH,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,YAAAG,SAAK;AAAA,UACd,gCAAgC;AAAA,QAClC,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yCAAQ;",
+  "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      <Base\n        as=\"span\"\n        className={clsx({\n          'ds-accordion__section-button': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default AccordionSectionSummaryHeading;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,iCAAiC,aAAAA,QAAM,WAGlD,SAASC,gCACT,EAAE,WAAW,UAAU,GAAG,MAAM,GAChC,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA,MACJ,MAAK;AAAA;AAAA,IAEL,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK;AAAA,UACd,gCAAgC;AAAA,QAClC,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yCAAQ;",
   "names": ["React", "AccordionSectionSummaryHeading", "Base", "clsx"]
 }