@digigov/react-core 2.0.0-2a26e869 → 2.0.0-44e7106a

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"]
 }

package/cjs/BackLinkBase/index.js

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

package/cjs/BackLinkBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/BackLinkBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\nimport { CaretIcon } from '@digigov/react-icons';\n\nexport interface BackLinkBaseProps extends LinkBaseProps {}\n/**\n * Use BackLinkBase component to help users go back to the previous page in a multi-page transaction.\n */\nexport const BackLinkBase = React.forwardRef<\n  HTMLAnchorElement,\n  BackLinkBaseProps\n>(function BackLinkBase(\n  { href, printHidden = true, className, children, ...props },\n  ref\n) {\n  return (\n    <LinkBase\n      href={href}\n      printHidden={printHidden}\n      defaultStyle={false}\n      onClick={() => !href && window.history.back()}\n      ref={ref}\n      className={clsx(className, {\n        'ds-back-link': true,\n      })}\n      tabIndex={0}\n      {...props}\n    >\n      <CaretIcon direction={'left'} />\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default BackLinkBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,sBAAwC;AACxC,yBAA0B;AAMnB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cACT,EAAE,MAAM,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,SAAS,MAAM,CAAC,QAAQ,OAAO,QAAQ,KAAK;AAAA,MAC5C;AAAA,MACA,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,gBAAgB;AAAA,MAClB,CAAC;AAAA,MACD,UAAU;AAAA,MACT,GAAG;AAAA;AAAA,IAEJ,6BAAAF,QAAA,cAAC,gCAAU,WAAW,QAAQ;AAAA,IAC7B;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "names": ["React", "BackLinkBase", "clsx"]
+}

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/Base/compat/details.native.tsx"],
-  "sourcesContent": ["import React, {\n  useEffect,\n  useState,\n  Children,\n  DetailedHTMLProps,\n  DetailsHTMLAttributes,\n} from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet } from 'react-native';\n\ntype HTMLElementProps = Omit<\n  DetailedHTMLProps<\n    DetailsHTMLAttributes<HTMLDetailsElement>,\n    HTMLDetailsElement\n  >,\n  'ref'\n> & {\n  closeIcon?: string;\n  openIcon?: string;\n  placement?: 'before' | 'after';\n};\n\nconst CompatDetails = ({\n  children,\n  open = false,\n  placement,\n  closeIcon,\n  openIcon,\n  ...props\n}: HTMLElementProps) => {\n  const [isExpanded, setIsExpanded] = useState(open);\n\n  useEffect(() => {\n    setIsExpanded(open);\n  }, [open]);\n\n  const toggleExpand = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const [summaryContent, ...detailsContent] = Children.toArray(children);\n\n  const toggleIcon =\n    closeIcon && openIcon ? (\n      <Text>{isExpanded ? openIcon : closeIcon}</Text>\n    ) : null;\n\n  return (\n    // TODO: Fix `props` type\n    // @ts-expect-error - `props` type is not compatible with `View` props\n    <View {...props}>\n      <TouchableOpacity onPress={toggleExpand} style={styles.summaryContainer}>\n        {placement === 'before' && toggleIcon}\n        {summaryContent}\n        {placement === 'after' && toggleIcon}\n      </TouchableOpacity>\n      {isExpanded && <View>{detailsContent}</View>}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  summaryContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\n\nexport default CompatDetails;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMO;AACP,0BAAyD;AAczD,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,IAAI;AAEjD,8BAAU,MAAM;AACd,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,eAAe,MAAM;AACzB,kBAAc,CAAC,UAAU;AAAA,EAC3B;AAEA,QAAM,CAAC,gBAAgB,GAAG,cAAc,IAAI,sBAAS,QAAQ,QAAQ;AAErE,QAAM,aACJ,aAAa,WACX,6BAAAA,QAAA,cAAC,gCAAM,aAAa,WAAW,SAAU,IACvC;AAEN;AAAA;AAAA;AAAA,IAGE,6BAAAA,QAAA,cAAC,4BAAM,GAAG,SACR,6BAAAA,QAAA,cAAC,wCAAiB,SAAS,cAAc,OAAO,OAAO,oBACpD,cAAc,YAAY,YAC1B,gBACA,cAAc,WAAW,UAC5B,GACC,cAAc,6BAAAA,QAAA,cAAC,gCAAM,cAAe,CACvC;AAAA;AAEJ;AAEA,MAAM,SAAS,+BAAW,OAAO;AAAA,EAC/B,kBAAkB;AAAA,IAChB,eAAe;AAAA,IACf,YAAY;AAAA,EACd;AACF,CAAC;AAED,IAAO,yBAAQ;",
+  "sourcesContent": ["import React, {\n  useEffect,\n  useState,\n  Children,\n  DetailedHTMLProps,\n  DetailsHTMLAttributes,\n} from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet } from 'react-native';\n\ntype HTMLElementProps = Omit<\n  DetailedHTMLProps<\n    DetailsHTMLAttributes<HTMLDetailsElement>,\n    HTMLDetailsElement\n  >,\n  'ref'\n> & {\n  closeIcon?: string;\n  openIcon?: string;\n  iconClassName?: string;\n  placement?: 'before' | 'after';\n};\n\nconst CompatDetails = ({\n  children,\n  open = false,\n  placement,\n  closeIcon,\n  openIcon,\n  iconClassName,\n  ...props\n}: HTMLElementProps) => {\n  const [isExpanded, setIsExpanded] = useState(open);\n\n  useEffect(() => {\n    setIsExpanded(open);\n  }, [open]);\n\n  const toggleExpand = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const [summaryContent, ...detailsContent] = Children.toArray(children);\n\n  const toggleIcon =\n    closeIcon && openIcon ? (\n      <Text className={iconClassName}>{isExpanded ? openIcon : closeIcon}</Text>\n    ) : null;\n\n  return (\n    // TODO: Fix `props` type\n    // @ts-expect-error - `props` type is not compatible with `View` props\n    <View {...props}>\n      <TouchableOpacity onPress={toggleExpand} style={styles.summaryContainer}>\n        {placement === 'before' && toggleIcon}\n        {summaryContent}\n        {placement === 'after' && toggleIcon}\n      </TouchableOpacity>\n      {isExpanded && <View>{detailsContent}</View>}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  summaryContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\n\nexport default CompatDetails;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMO;AACP,0BAAyD;AAezD,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,IAAI;AAEjD,8BAAU,MAAM;AACd,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,eAAe,MAAM;AACzB,kBAAc,CAAC,UAAU;AAAA,EAC3B;AAEA,QAAM,CAAC,gBAAgB,GAAG,cAAc,IAAI,sBAAS,QAAQ,QAAQ;AAErE,QAAM,aACJ,aAAa,WACX,6BAAAA,QAAA,cAAC,4BAAK,WAAW,iBAAgB,aAAa,WAAW,SAAU,IACjE;AAEN;AAAA;AAAA;AAAA,IAGE,6BAAAA,QAAA,cAAC,4BAAM,GAAG,SACR,6BAAAA,QAAA,cAAC,wCAAiB,SAAS,cAAc,OAAO,OAAO,oBACpD,cAAc,YAAY,YAC1B,gBACA,cAAc,WAAW,UAC5B,GACC,cAAc,6BAAAA,QAAA,cAAC,gCAAM,cAAe,CACvC;AAAA;AAEJ;AAEA,MAAM,SAAS,+BAAW,OAAO;AAAA,EAC/B,kBAAkB;AAAA,IAChB,eAAe;AAAA,IACf,YAAY;AAAA,EACd;AACF,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Base/index.web.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { basePropGenerator } from '@digigov/react-core/Base/utils';\ninterface AsProp<C extends React.ElementType> {\n  as?: C;\n}\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);\n\n// This is the first reusable type utility we built\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;\n\n// This is a new type utitlity with ref!\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = PolymorphicComponentProp<C, Props> & { ref?: any };\n\n// This is the type for the \"ref\" only\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref'];\n\n/**\n * This is the updated component props using PolymorphicComponentPropWithRef\n */\nexport type BaseProps<C extends React.ElementType> =\n  PolymorphicComponentPropWithRef<\n    C,\n    {\n      /** margin is optional. It has not a default value. */\n      margin?: SpacingValues | SpacingMediaValues;\n      /** marginTop is optional. It has not a default value. */\n      marginTop?: SpacingValues | SpacingMediaValues;\n      /** marginBottom is optional. It has not a default value. */\n      marginBottom?: SpacingValues | SpacingMediaValues;\n      /** marginLeft is optional. It has not a default value. */\n      marginLeft?: SpacingValues | SpacingMediaValues;\n      /** marginRight is optional. It has not a default value. */\n      marginRight?: SpacingValues | SpacingMediaValues;\n      /** Alternative for margin. Margin is optional. It has not a default value. */\n      m?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginTop. MarginTop is optional. It has not a default value. */\n      mt?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */\n      mb?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */\n      ml?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginRight. MarginRight is optional. It has not a default value. */\n      mr?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginX. MarginX is optional. It has not a default value. */\n      mx?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginY. MarginY is optional. It has not a default value. */\n      my?: SpacingValues | SpacingMediaValues;\n      /** padding is optional. It has not a default value. */\n      padding?: SpacingValues | SpacingMediaValues;\n      /** paddingTop is optional. It has not a default value. */\n      paddingTop?: SpacingValues | SpacingMediaValues;\n      /** paddingBottom is optional. It has not a default value. */\n      paddingBottom?: SpacingValues | SpacingMediaValues;\n      /** paddingLeft is optional. It has not a default value. */\n      paddingLeft?: SpacingValues | SpacingMediaValues;\n      /** paddingRight is optional. It has not a default value. */\n      paddingRight?: SpacingValues | SpacingMediaValues;\n      /** Alternative for padding. Padding is optional. It has not a default value. */\n      p?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */\n      pt?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */\n      pb?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */\n      pl?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */\n      pr?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingX. PaddingX is optional. It has not a default value. */\n      px?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingY. PaddingY is optional. It has not a default value. */\n      py?: SpacingValues | SpacingMediaValues;\n      /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */\n      printHidden?: boolean;\n      /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/\n      printVisible?: 'block' | 'inline';\n      /** Components will be hidden at all screen sizes. */\n      hidden?: boolean;\n      /** Components will be hidden from 'xs' screen size and up. */\n      xsUpHidden?: boolean;\n      /** Components will be hidden from 'sm' screen size and up. */\n      smUpHidden?: boolean;\n      /** Components will be hidden from 'md' screen size and up. */\n      mdUpHidden?: boolean;\n      /** Components will be hidden from 'lg' screen size and up. */\n      lgUpHidden?: boolean;\n      /** Components will be hidden from 'xl' screen size and up. */\n      xlUpHidden?: boolean;\n      /** Components will be hidden between xs and sm screen size. */\n      xsHidden?: boolean;\n      /** Components will be hidden between sm and md screen size. */\n      smHidden?: boolean;\n      /** Components will be hidden between md and lg screen size. */\n      mdHidden?: boolean;\n      /** Components will be hidden between lg and xl screen size. */\n      lgHidden?: boolean;\n      /** Components will be hidden between xl and 2xl screen size. */\n      xlHidden?: boolean;\n      /**  display is optional. It has not a default value. */\n      display?: 'flex' | 'block' | 'none';\n    }\n  >;\n\nexport type SpacingValues =\n  | 0\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 2.5\n  | 3\n  | 3.5\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 14\n  | 16\n  | 20\n  | 24\n  | 28\n  | 32\n  | 36\n  | 40\n  | 44\n  | 48\n  | 52\n  | 56\n  | 60\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport interface SpacingMediaValues {\n  xs?: SpacingValues;\n  sm?: SpacingValues;\n  md?: SpacingValues;\n  lg?: SpacingValues;\n  xl?: SpacingValues;\n}\n\n/**\n * This is the type used in the type annotation for the component\n */\ntype BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType = 'span',\n>(\n  {\n    as,\n    display,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    children,\n    className,\n    ...props\n  }: BaseProps<C>,\n  ref?: PolymorphicRef<C>\n) {\n  const Component = as || 'span';\n\n  const basePropToClassName = basePropGenerator({\n    display,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n  });\n\n  return (\n    <Component\n      className={clsx(basePropToClassName, className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { basePropGenerator } from '@digigov/react-core/Base/utils';\ninterface AsProp<C extends React.ElementType> {\n  as?: C | React.ElementType<any>;\n}\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);\n\n// This is the first reusable type utility we built\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;\n\n// This is a new type utitlity with ref!\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = PolymorphicComponentProp<C, Props> & { ref?: any };\n\n// This is the type for the \"ref\" only\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref'];\n\n/**\n * This is the updated component props using PolymorphicComponentPropWithRef\n */\nexport type BaseProps<C extends React.ElementType> =\n  PolymorphicComponentPropWithRef<\n    C,\n    {\n      /** margin is optional. It has not a default value. */\n      margin?: SpacingValues | SpacingMediaValues;\n      /** marginTop is optional. It has not a default value. */\n      marginTop?: SpacingValues | SpacingMediaValues;\n      /** marginBottom is optional. It has not a default value. */\n      marginBottom?: SpacingValues | SpacingMediaValues;\n      /** marginLeft is optional. It has not a default value. */\n      marginLeft?: SpacingValues | SpacingMediaValues;\n      /** marginRight is optional. It has not a default value. */\n      marginRight?: SpacingValues | SpacingMediaValues;\n      /** Alternative for margin. Margin is optional. It has not a default value. */\n      m?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginTop. MarginTop is optional. It has not a default value. */\n      mt?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */\n      mb?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */\n      ml?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginRight. MarginRight is optional. It has not a default value. */\n      mr?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginX. MarginX is optional. It has not a default value. */\n      mx?: SpacingValues | SpacingMediaValues;\n      /** Alternative for marginY. MarginY is optional. It has not a default value. */\n      my?: SpacingValues | SpacingMediaValues;\n      /** padding is optional. It has not a default value. */\n      padding?: SpacingValues | SpacingMediaValues;\n      /** paddingTop is optional. It has not a default value. */\n      paddingTop?: SpacingValues | SpacingMediaValues;\n      /** paddingBottom is optional. It has not a default value. */\n      paddingBottom?: SpacingValues | SpacingMediaValues;\n      /** paddingLeft is optional. It has not a default value. */\n      paddingLeft?: SpacingValues | SpacingMediaValues;\n      /** paddingRight is optional. It has not a default value. */\n      paddingRight?: SpacingValues | SpacingMediaValues;\n      /** Alternative for padding. Padding is optional. It has not a default value. */\n      p?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */\n      pt?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */\n      pb?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */\n      pl?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */\n      pr?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingX. PaddingX is optional. It has not a default value. */\n      px?: SpacingValues | SpacingMediaValues;\n      /** Alternative for paddingY. PaddingY is optional. It has not a default value. */\n      py?: SpacingValues | SpacingMediaValues;\n      /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */\n      printHidden?: boolean;\n      /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/\n      printVisible?: 'block' | 'inline';\n      /** Components will be hidden at all screen sizes. */\n      hidden?: boolean;\n      /** Components will be hidden from 'xs' screen size and up. */\n      xsUpHidden?: boolean;\n      /** Components will be hidden from 'sm' screen size and up. */\n      smUpHidden?: boolean;\n      /** Components will be hidden from 'md' screen size and up. */\n      mdUpHidden?: boolean;\n      /** Components will be hidden from 'lg' screen size and up. */\n      lgUpHidden?: boolean;\n      /** Components will be hidden from 'xl' screen size and up. */\n      xlUpHidden?: boolean;\n      /** Components will be hidden between xs and sm screen size. */\n      xsHidden?: boolean;\n      /** Components will be hidden between sm and md screen size. */\n      smHidden?: boolean;\n      /** Components will be hidden between md and lg screen size. */\n      mdHidden?: boolean;\n      /** Components will be hidden between lg and xl screen size. */\n      lgHidden?: boolean;\n      /** Components will be hidden between xl and 2xl screen size. */\n      xlHidden?: boolean;\n      /**  display is optional. It has not a default value. */\n      display?: 'flex' | 'block' | 'none';\n    }\n  >;\n\nexport type SpacingValues =\n  | 0\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 2.5\n  | 3\n  | 3.5\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 14\n  | 16\n  | 20\n  | 24\n  | 28\n  | 32\n  | 36\n  | 40\n  | 44\n  | 48\n  | 52\n  | 56\n  | 60\n  | 64\n  | 72\n  | 80\n  | 96;\n\nexport interface SpacingMediaValues {\n  xs?: SpacingValues;\n  sm?: SpacingValues;\n  md?: SpacingValues;\n  lg?: SpacingValues;\n  xl?: SpacingValues;\n}\n\n/**\n * This is the type used in the type annotation for the component\n */\ntype BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType = 'span',\n>(\n  {\n    as,\n    display,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    children,\n    className,\n    ...props\n  }: BaseProps<C>,\n  ref?: PolymorphicRef<C>\n) {\n  const Component = as || 'span';\n\n  const basePropToClassName = basePropGenerator({\n    display,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n  });\n\n  return (\n    <Component\n      className={clsx(basePropToClassName, className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,mBAAkC;AAiK3B,MAAM,OAAsB,aAAAA,QAAM,WAAW,SAASC,MAG3D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,YAAY,MAAM;AAExB,QAAM,0BAAsB,gCAAkB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,YAAAE,SAAK,qBAAqB,SAAS;AAAA,MAC9C;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["React", "Base", "clsx"]
 }

package/cjs/{BreadcrumbsListItemLink → BreadcrumbsListItemLinkBase}/index.js

@@ -25,21 +25,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var BreadcrumbsListItemLink_exports = {};
-__export(BreadcrumbsListItemLink_exports, {
-  BreadcrumbsListItemLink: () => BreadcrumbsListItemLink,
-  default: () => BreadcrumbsListItemLink_default
+var BreadcrumbsListItemLinkBase_exports = {};
+__export(BreadcrumbsListItemLinkBase_exports, {
+  BreadcrumbsListItemLinkBase: () => BreadcrumbsListItemLinkBase,
+  default: () => BreadcrumbsListItemLinkBase_default
 });
-module.exports = __toCommonJS(BreadcrumbsListItemLink_exports);
+module.exports = __toCommonJS(BreadcrumbsListItemLinkBase_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
-var import_LinkBase = __toESM(require("@digigov/react-core/LinkBase"));
-const BreadcrumbsListItemLink = import_react.default.forwardRef(function BreadcrumbsListItemLink2({ href, className, children }, ref) {
+var import_LinkBase = require("@digigov/react-core/LinkBase");
+const BreadcrumbsListItemLinkBase = import_react.default.forwardRef(function BreadcrumbsListItemLinkBase2({ href, className, children }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
-    import_LinkBase.default,
+    import_LinkBase.LinkBase,
     {
       href,
-      defaultStyle: false,
       className: (0, import_clsx.default)(className, {
         "ds-breadcrumbs__link": true,
         "ds-breadcrumbs__link--inactive": href === void 0
@@ -49,9 +48,9 @@ const BreadcrumbsListItemLink = import_react.default.forwardRef(function Breadcr
     children
   );
 });
-var BreadcrumbsListItemLink_default = BreadcrumbsListItemLink;
+var BreadcrumbsListItemLinkBase_default = BreadcrumbsListItemLinkBase;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BreadcrumbsListItemLink
+  BreadcrumbsListItemLinkBase
 });
 //# sourceMappingURL=index.js.map

package/cjs/BreadcrumbsListItemLinkBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/BreadcrumbsListItemLinkBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface BreadcrumbsListItemLinkBaseProps extends LinkBaseProps {}\n/**\n * BreadcrumbsListItemLinkBase creates an anchor link to navigate in different\n * parts of the breadcrumbs.\n * It should be used inside BreadcrumbsListItem as children component. This is\n * the default link component for the BreadcrumbsListItem and it uses the LinkBase\n * component from `@digigov/react-core`. In case you need to use a different Link\n * component from a framework or a custom router, use `@digigov/ui/navigation/BreadcrumbsListItemLinkBase` instead.\n */\nexport const BreadcrumbsListItemLinkBase = React.forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbsListItemLinkBaseProps\n>(function BreadcrumbsListItemLinkBase({ href, className, children }, ref) {\n  return (\n    <LinkBase\n      href={href}\n      className={clsx(className, {\n        'ds-breadcrumbs__link': true,\n        'ds-breadcrumbs__link--inactive': href === undefined,\n      })}\n      ref={ref}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default BreadcrumbsListItemLinkBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,sBAAwC;AAWjC,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASC,6BAA4B,EAAE,MAAM,WAAW,SAAS,GAAG,KAAK;AACzE,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,YAAAE,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,kCAAkC,SAAS;AAAA,MAC7C,CAAC;AAAA,MACD;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,sCAAQ;",
+  "names": ["React", "BreadcrumbsListItemLinkBase", "clsx"]
+}

package/cjs/{BreadcrumbsListItem → BreadcrumbsListItemWrapper}/index.js

@@ -25,16 +25,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var BreadcrumbsListItem_exports = {};
-__export(BreadcrumbsListItem_exports, {
-  BreadcrumbsListItemBase: () => BreadcrumbsListItemBase,
-  default: () => BreadcrumbsListItem_default
+var BreadcrumbsListItemWrapper_exports = {};
+__export(BreadcrumbsListItemWrapper_exports, {
+  BreadcrumbsListItemWrapper: () => BreadcrumbsListItemWrapper,
+  default: () => BreadcrumbsListItemWrapper_default
 });
-module.exports = __toCommonJS(BreadcrumbsListItem_exports);
+module.exports = __toCommonJS(BreadcrumbsListItemWrapper_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const BreadcrumbsListItemBase = import_react.default.forwardRef(function BreadcrumbsListItemBase2({ className, children, ...props }, ref) {
+const BreadcrumbsListItemWrapper = import_react.default.forwardRef(function BreadcrumbsListItemWrapper2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -48,9 +48,9 @@ const BreadcrumbsListItemBase = import_react.default.forwardRef(function Breadcr
     children
   );
 });
-var BreadcrumbsListItem_default = BreadcrumbsListItemBase;
+var BreadcrumbsListItemWrapper_default = BreadcrumbsListItemWrapper;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BreadcrumbsListItemBase
+  BreadcrumbsListItemWrapper
 });
 //# sourceMappingURL=index.js.map

package/cjs/BreadcrumbsListItemWrapper/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/BreadcrumbsListItemWrapper/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsListItemWrapperProps extends BaseProps<'li'> {}\n/**\n * BreadcrumbsListItem creates a list of items with the possibility of navigation.\n * It should be used inside BreadcrumbsList as children component\n */\nexport const BreadcrumbsListItemWrapper = React.forwardRef<\n  HTMLLIElement,\n  BreadcrumbsListItemWrapperProps\n>(function BreadcrumbsListItemWrapper({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-breadcrumbs__list-item': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default BreadcrumbsListItemWrapper;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,6BAA6B,aAAAA,QAAM,WAG9C,SAASC,4BAA2B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5E,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
+  "names": ["React", "BreadcrumbsListItemWrapper", "Base", "clsx"]
+}

package/cjs/Button/index.js

@@ -54,6 +54,8 @@ const Button = import_react.default.forwardRef(
         ref,
         className: (0, import_clsx.default)(className, {
           "ds-link": variant === "link",
+          "ds-link-warning": variant === "link" && color === "warning",
+          "ds-link--disabled": variant === "link" && disabled,
           "ds-btn": variant === "button",
           "ds-btn--dense": dense,
           "ds-btn-primary": variant === "button" && color === "primary",

package/cjs/Button/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Button/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ButtonProps extends BaseProps<'button'> {\n  /**\n   * color is optional.\n   * 'primary' color is used for the main call to action on a page.\n   * 'secondary' color is used for secondary calls to action on a page.\n   * 'warning' color is used to make users think carefully before they use them.\n   * The default value is 'primary'.\n   * @value 'primary'\n   * @value 'secondary'\n   * @value 'warning'\n   * @default 'primary'\n   */\n  color?: 'primary' | 'secondary' | 'warning';\n  /**\n   * variant is optional.\n   * @value 'link'\n   * @value 'button'\n   * @default 'button'\n   */\n  variant?: 'link' | 'button';\n  /**\n   * dense is optional.\n   * @value true Button will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * Use the Button component to help users carry out an action.\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      color = 'primary',\n      variant = 'button',\n      dense,\n      disabled,\n      printHidden = true,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"button\"\n        disabled={disabled}\n        printHidden={printHidden}\n        ref={ref}\n        className={clsx(className, {\n          'ds-link': variant === 'link',\n          'ds-btn': variant === 'button',\n          'ds-btn--dense': dense,\n          'ds-btn-primary': variant === 'button' && color === 'primary',\n          'ds-btn-secondary': variant === 'button' && color === 'secondary',\n          'ds-btn-warning': variant === 'button' && color === 'warning',\n          'ds-btn--disabled': variant === 'button' && disabled,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Button;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAiCzB,MAAM,SAAS,aAAAA,QAAM;AAAA,EAC1B,SAASC,QACP;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;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;AAAA,QACA;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,WAAW,YAAY;AAAA,UACvB,UAAU,YAAY;AAAA,UACtB,iBAAiB;AAAA,UACjB,kBAAkB,YAAY,YAAY,UAAU;AAAA,UACpD,oBAAoB,YAAY,YAAY,UAAU;AAAA,UACtD,kBAAkB,YAAY,YAAY,UAAU;AAAA,UACpD,oBAAoB,YAAY,YAAY;AAAA,QAC9C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ButtonProps extends BaseProps<'button'> {\n  /**\n   * color is optional.\n   * 'primary' color is used for the main call to action on a page.\n   * 'secondary' color is used for secondary calls to action on a page.\n   * 'warning' color is used to make users think carefully before they use them.\n   * The default value is 'primary'.\n   * @value 'primary'\n   * @value 'secondary'\n   * @value 'warning'\n   * @default 'primary'\n   */\n  color?: 'primary' | 'secondary' | 'warning';\n  /**\n   * variant is optional.\n   * @value 'link'\n   * @value 'button'\n   * @default 'button'\n   */\n  variant?: 'link' | 'button';\n  /**\n   * dense is optional.\n   * @value true Button will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * Use the Button component to help users carry out an action.\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      color = 'primary',\n      variant = 'button',\n      dense,\n      disabled,\n      printHidden = true,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"button\"\n        disabled={disabled}\n        printHidden={printHidden}\n        ref={ref}\n        className={clsx(className, {\n          'ds-link': variant === 'link',\n          'ds-link-warning': variant === 'link' && color === 'warning',\n          'ds-link--disabled': variant === 'link' && disabled,\n          'ds-btn': variant === 'button',\n          'ds-btn--dense': dense,\n          'ds-btn-primary': variant === 'button' && color === 'primary',\n          'ds-btn-secondary': variant === 'button' && color === 'secondary',\n          'ds-btn-warning': variant === 'button' && color === 'warning',\n          'ds-btn--disabled': variant === 'button' && disabled,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Button;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAiCzB,MAAM,SAAS,aAAAA,QAAM;AAAA,EAC1B,SAASC,QACP;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;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;AAAA,QACA;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,WAAW,YAAY;AAAA,UACvB,mBAAmB,YAAY,UAAU,UAAU;AAAA,UACnD,qBAAqB,YAAY,UAAU;AAAA,UAC3C,UAAU,YAAY;AAAA,UACtB,iBAAiB;AAAA,UACjB,kBAAkB,YAAY,YAAY,UAAU;AAAA,UACpD,oBAAoB,YAAY,YAAY,UAAU;AAAA,UACtD,kBAAkB,YAAY,YAAY,UAAU;AAAA,UACpD,oBAAoB,YAAY,YAAY;AAAA,QAC9C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
   "names": ["React", "Button", "Base", "clsx"]
 }