@digigov/react-core 2.0.0-85c27c19 → 2.0.0-8e254888

package/cjs/Base/utils/index.js

@@ -0,0 +1,126 @@
+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 utils_exports = {};
+__export(utils_exports, {
+  basePropGenerator: () => basePropGenerator
+});
+module.exports = __toCommonJS(utils_exports);
+var import_clsx = __toESM(require("clsx"));
+const generateSpacingClasses = (prefix, spacing) => {
+  if (typeof spacing === "object") {
+    return {
+      [`${prefix}-xs-${spacing?.xs}`]: spacing?.xs !== void 0,
+      [`${prefix}-sm-${spacing?.sm}`]: spacing?.sm !== void 0,
+      [`${prefix}-md-${spacing?.md}`]: spacing?.md !== void 0,
+      [`${prefix}-lg-${spacing?.lg}`]: spacing?.lg !== void 0,
+      [`${prefix}-xl-${spacing?.xl}`]: spacing?.xl !== void 0
+    };
+  } else if (spacing !== void 0) {
+    return {
+      [`${prefix}-${spacing}`]: true
+    };
+  }
+  return {};
+};
+const basePropGenerator = ({
+  display,
+  margin,
+  marginTop,
+  marginBottom,
+  marginLeft,
+  marginRight,
+  m,
+  mt,
+  mb,
+  ml,
+  mr,
+  mx,
+  my,
+  padding,
+  paddingTop,
+  paddingBottom,
+  paddingLeft,
+  paddingRight,
+  p,
+  pt,
+  pb,
+  pr,
+  pl,
+  px,
+  py,
+  printHidden,
+  printVisible,
+  hidden,
+  xsUpHidden,
+  smUpHidden,
+  mdUpHidden,
+  lgUpHidden,
+  xlUpHidden,
+  xsHidden,
+  smHidden,
+  mdHidden,
+  lgHidden,
+  xlHidden
+}) => {
+  return (0, import_clsx.default)({
+    [`ds-display-${display}`]: display !== void 0,
+    ...generateSpacingClasses("ds-m", m ?? margin),
+    ...generateSpacingClasses("ds-mt", mt ?? marginTop),
+    ...generateSpacingClasses("ds-mb", mb ?? marginBottom),
+    ...generateSpacingClasses("ds-mr", mr ?? marginRight),
+    ...generateSpacingClasses("ds-ml", ml ?? marginLeft),
+    ...generateSpacingClasses("ds-mx", mx),
+    ...generateSpacingClasses("ds-my", my),
+    ...generateSpacingClasses("ds-p", p ?? padding),
+    ...generateSpacingClasses("ds-pt", pt ?? paddingTop),
+    ...generateSpacingClasses("ds-pb", pb ?? paddingBottom),
+    ...generateSpacingClasses("ds-pr", pr ?? paddingRight),
+    ...generateSpacingClasses("ds-pl", pl ?? paddingLeft),
+    ...generateSpacingClasses("ds-px", px),
+    ...generateSpacingClasses("ds-py", py),
+    "ds-print-hidden": !!printHidden,
+    "ds-print-visible-block": printVisible === "block",
+    "ds-print-visible-inline": printVisible === "inline",
+    "ds-hidden": !!hidden,
+    "ds-hidden-xs-up": !!xsUpHidden,
+    "ds-hidden-sm-up": !!smUpHidden,
+    "ds-hidden-md-up": !!mdUpHidden,
+    "ds-hidden-lg-up": !!lgUpHidden,
+    "ds-hidden-xl-up": !!xlUpHidden,
+    "ds-hidden-xs": !!xsHidden,
+    "ds-hidden-sm": !!smHidden,
+    "ds-hidden-md": !!mdHidden,
+    "ds-hidden-lg": !!lgHidden,
+    "ds-hidden-xl": !!xlHidden
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  basePropGenerator
+});
+//# sourceMappingURL=utils.js.map

package/cjs/Base/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Base/utils.ts"],
+  "sourcesContent": ["import clsx from 'clsx';\n\n// Helper function to handle both SpacingValues and SpacingMediaValues\nconst generateSpacingClasses = (prefix, spacing) => {\n  if (typeof spacing === 'object') {\n    // It's a SpacingMediaValues (media-specific)\n    return {\n      [`${prefix}-xs-${spacing?.xs}`]: spacing?.xs !== undefined,\n      [`${prefix}-sm-${spacing?.sm}`]: spacing?.sm !== undefined,\n      [`${prefix}-md-${spacing?.md}`]: spacing?.md !== undefined,\n      [`${prefix}-lg-${spacing?.lg}`]: spacing?.lg !== undefined,\n      [`${prefix}-xl-${spacing?.xl}`]: spacing?.xl !== undefined,\n    };\n  } else if (spacing !== undefined) {\n    // It's a regular SpacingValues\n    return {\n      [`${prefix}-${spacing}`]: true,\n    };\n  }\n  return {};\n};\n\nexport const 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  return clsx({\n    [`ds-display-${display}`]: display !== undefined,\n    ...generateSpacingClasses('ds-m', m ?? margin),\n    ...generateSpacingClasses('ds-mt', mt ?? marginTop),\n    ...generateSpacingClasses('ds-mb', mb ?? marginBottom),\n    ...generateSpacingClasses('ds-mr', mr ?? marginRight),\n    ...generateSpacingClasses('ds-ml', ml ?? marginLeft),\n    ...generateSpacingClasses('ds-mx', mx),\n    ...generateSpacingClasses('ds-my', my),\n    ...generateSpacingClasses('ds-p', p ?? padding),\n    ...generateSpacingClasses('ds-pt', pt ?? paddingTop),\n    ...generateSpacingClasses('ds-pb', pb ?? paddingBottom),\n    ...generateSpacingClasses('ds-pr', pr ?? paddingRight),\n    ...generateSpacingClasses('ds-pl', pl ?? paddingLeft),\n    ...generateSpacingClasses('ds-px', px),\n    ...generateSpacingClasses('ds-py', py),\n    'ds-print-hidden': !!printHidden,\n    'ds-print-visible-block': printVisible === 'block',\n    'ds-print-visible-inline': printVisible === 'inline',\n    'ds-hidden': !!hidden,\n    'ds-hidden-xs-up': !!xsUpHidden,\n    'ds-hidden-sm-up': !!smUpHidden,\n    'ds-hidden-md-up': !!mdUpHidden,\n    'ds-hidden-lg-up': !!lgUpHidden,\n    'ds-hidden-xl-up': !!xlUpHidden,\n    'ds-hidden-xs': !!xsHidden,\n    'ds-hidden-sm': !!smHidden,\n    'ds-hidden-md': !!mdHidden,\n    'ds-hidden-lg': !!lgHidden,\n    'ds-hidden-xl': !!xlHidden,\n  });\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AAGjB,MAAM,yBAAyB,CAAC,QAAQ,YAAY;AAClD,MAAI,OAAO,YAAY,UAAU;AAE/B,WAAO;AAAA,MACL,CAAC,GAAG,MAAM,OAAO,SAAS,EAAE,EAAE,GAAG,SAAS,OAAO;AAAA,MACjD,CAAC,GAAG,MAAM,OAAO,SAAS,EAAE,EAAE,GAAG,SAAS,OAAO;AAAA,MACjD,CAAC,GAAG,MAAM,OAAO,SAAS,EAAE,EAAE,GAAG,SAAS,OAAO;AAAA,MACjD,CAAC,GAAG,MAAM,OAAO,SAAS,EAAE,EAAE,GAAG,SAAS,OAAO;AAAA,MACjD,CAAC,GAAG,MAAM,OAAO,SAAS,EAAE,EAAE,GAAG,SAAS,OAAO;AAAA,IACnD;AAAA,EACF,WAAW,YAAY,QAAW;AAEhC,WAAO;AAAA,MACL,CAAC,GAAG,MAAM,IAAI,OAAO,EAAE,GAAG;AAAA,IAC5B;AAAA,EACF;AACA,SAAO,CAAC;AACV;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC;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;AACF,MAAM;AACJ,aAAO,YAAAA,SAAK;AAAA,IACV,CAAC,cAAc,OAAO,EAAE,GAAG,YAAY;AAAA,IACvC,GAAG,uBAAuB,QAAQ,KAAK,MAAM;AAAA,IAC7C,GAAG,uBAAuB,SAAS,MAAM,SAAS;AAAA,IAClD,GAAG,uBAAuB,SAAS,MAAM,YAAY;AAAA,IACrD,GAAG,uBAAuB,SAAS,MAAM,WAAW;AAAA,IACpD,GAAG,uBAAuB,SAAS,MAAM,UAAU;AAAA,IACnD,GAAG,uBAAuB,SAAS,EAAE;AAAA,IACrC,GAAG,uBAAuB,SAAS,EAAE;AAAA,IACrC,GAAG,uBAAuB,QAAQ,KAAK,OAAO;AAAA,IAC9C,GAAG,uBAAuB,SAAS,MAAM,UAAU;AAAA,IACnD,GAAG,uBAAuB,SAAS,MAAM,aAAa;AAAA,IACtD,GAAG,uBAAuB,SAAS,MAAM,YAAY;AAAA,IACrD,GAAG,uBAAuB,SAAS,MAAM,WAAW;AAAA,IACpD,GAAG,uBAAuB,SAAS,EAAE;AAAA,IACrC,GAAG,uBAAuB,SAAS,EAAE;AAAA,IACrC,mBAAmB,CAAC,CAAC;AAAA,IACrB,0BAA0B,iBAAiB;AAAA,IAC3C,2BAA2B,iBAAiB;AAAA,IAC5C,aAAa,CAAC,CAAC;AAAA,IACf,mBAAmB,CAAC,CAAC;AAAA,IACrB,mBAAmB,CAAC,CAAC;AAAA,IACrB,mBAAmB,CAAC,CAAC;AAAA,IACrB,mBAAmB,CAAC,CAAC;AAAA,IACrB,mBAAmB,CAAC,CAAC;AAAA,IACrB,gBAAgB,CAAC,CAAC;AAAA,IAClB,gBAAgB,CAAC,CAAC;AAAA,IAClB,gBAAgB,CAAC,CAAC;AAAA,IAClB,gBAAgB,CAAC,CAAC;AAAA,IAClB,gBAAgB,CAAC,CAAC;AAAA,EACpB,CAAC;AACH;",
+  "names": ["clsx"]
+}

package/cjs/Base/wrap.native/index.js

@@ -0,0 +1,100 @@
+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 wrap_native_exports = {};
+__export(wrap_native_exports, {
+  wrap: () => wrap
+});
+module.exports = __toCommonJS(wrap_native_exports);
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+const WrapperContext = import_react.default.createContext(
+  (cls) => {
+    return cls;
+  }
+);
+const Wrapper = import_react.default.memo(function Wrapper2({
+  children
+}) {
+  const [className, setClassName] = (0, import_react.useState)("");
+  return /* @__PURE__ */ import_react.default.createElement(WrapperContext.Provider, { value: setClassName }, /* @__PURE__ */ import_react.default.createElement(import_react_native.View, { className, focusable: false }, children));
+});
+Wrapper.displayName = "Wrapper";
+const wrap = (Component) => {
+  const WrappedComponent = import_react.default.forwardRef(function InnerComponent({ className, onBlur, onFocus, ...props }, ref) {
+    const setClassName = (0, import_react.useContext)(WrapperContext);
+    const wrapperClassNames = [];
+    const beforeClassNames = [];
+    const afterClassNames = [];
+    const focusedWrapperClassNames = [];
+    const classNames = (0, import_react.useMemo)(
+      () => (className?.split(" ") || []).filter((cls) => {
+        if (cls.endsWith("__wrapper")) {
+          wrapperClassNames.push(cls);
+          focusedWrapperClassNames.push(`${cls}--focus`);
+          return false;
+        } else if (cls.endsWith("__before")) {
+          beforeClassNames.push(cls);
+          return false;
+        } else if (cls.endsWith("__after")) {
+          afterClassNames.push(cls);
+          return false;
+        }
+        return true;
+      }),
+      [className]
+    );
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, beforeClassNames.length ? /* @__PURE__ */ import_react.default.createElement(import_react_native.View, { focusable: false, className: beforeClassNames.join(" ") }) : "", /* @__PURE__ */ import_react.default.createElement(
+      Component,
+      {
+        ref,
+        onFocus: (e) => {
+          setClassName(focusedWrapperClassNames.join(" "));
+          if (onFocus) onFocus(e);
+        },
+        onBlur: (e) => {
+          setClassName(wrapperClassNames.join(" "));
+          if (onBlur) onBlur(e);
+        },
+        className: classNames.join(" "),
+        ...props
+      }
+    ), afterClassNames.length ? /* @__PURE__ */ import_react.default.createElement(import_react_native.View, { focusable: false, className: afterClassNames.join(" ") }) : "");
+  });
+  return import_react.default.forwardRef(function Wrapped(props, ref) {
+    const children = (0, import_react.useMemo)(
+      () => /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...props, ref }),
+      []
+    );
+    return /* @__PURE__ */ import_react.default.createElement(Wrapper, null, children);
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  wrap
+});
+//# sourceMappingURL=wrap.native.js.map

package/cjs/Base/wrap.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Base/wrap.native.tsx"],
+  "sourcesContent": ["import React, { useContext, useMemo, useState } from 'react';\nimport { View } from 'react-native';\n\ntype WrapperContextType = (cls: string) => void;\n\nconst WrapperContext = React.createContext<WrapperContextType>(\n  (cls: string) => {\n    return cls;\n  }\n);\n\nconst Wrapper = React.memo(function Wrapper({\n  children,\n}: {\n  children?: React.ReactNode;\n}) {\n  const [className, setClassName] = useState('');\n  return (\n    <WrapperContext.Provider value={setClassName}>\n      <View className={className} focusable={false}>\n        {children}\n      </View>\n    </WrapperContext.Provider>\n  );\n});\nWrapper.displayName = 'Wrapper';\n\ninterface WrappedComponentProps {\n  className?: string;\n  onBlur?: (e: unknown) => void;\n  onFocus?: (e: unknown) => void;\n}\n\nexport const wrap = (Component: React.ElementType) => {\n  const WrappedComponent = React.forwardRef(function InnerComponent(\n    { className, onBlur, onFocus, ...props }: WrappedComponentProps,\n    ref\n  ) {\n    const setClassName = useContext(WrapperContext);\n    const wrapperClassNames: string[] = [];\n    const beforeClassNames: string[] = [];\n    const afterClassNames: string[] = [];\n    const focusedWrapperClassNames: string[] = [];\n    const classNames = useMemo(\n      () =>\n        (className?.split(' ') || []).filter((cls) => {\n          if (cls.endsWith('__wrapper')) {\n            wrapperClassNames.push(cls);\n            focusedWrapperClassNames.push(`${cls}--focus`);\n            return false;\n          } else if (cls.endsWith('__before')) {\n            beforeClassNames.push(cls);\n            return false;\n          } else if (cls.endsWith('__after')) {\n            afterClassNames.push(cls);\n            return false;\n          }\n          return true;\n        }),\n      [className]\n    );\n    return (\n      <>\n        {beforeClassNames.length ? (\n          <View focusable={false} className={beforeClassNames.join(' ')} />\n        ) : (\n          ''\n        )}\n        <Component\n          ref={ref}\n          onFocus={(e: unknown) => {\n            setClassName(focusedWrapperClassNames.join(' '));\n            if (onFocus) onFocus(e);\n          }}\n          onBlur={(e: unknown) => {\n            setClassName(wrapperClassNames.join(' '));\n            if (onBlur) onBlur(e);\n          }}\n          className={classNames.join(' ')}\n          {...props}\n        />\n        {afterClassNames.length ? (\n          <View focusable={false} className={afterClassNames.join(' ')} />\n        ) : (\n          ''\n        )}\n      </>\n    );\n  });\n  return React.forwardRef(function Wrapped(props, ref) {\n    const children = useMemo(\n      () => <WrappedComponent {...props} ref={ref} />,\n      []\n    );\n    return <Wrapper>{children}</Wrapper>;\n  });\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AACrD,0BAAqB;AAIrB,MAAM,iBAAiB,aAAAA,QAAM;AAAA,EAC3B,CAAC,QAAgB;AACf,WAAO;AAAA,EACT;AACF;AAEA,MAAM,UAAU,aAAAA,QAAM,KAAK,SAASC,SAAQ;AAAA,EAC1C;AACF,GAEG;AACD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAC7C,SACE,6BAAAD,QAAA,cAAC,eAAe,UAAf,EAAwB,OAAO,gBAC9B,6BAAAA,QAAA,cAAC,4BAAK,WAAsB,WAAW,SACpC,QACH,CACF;AAEJ,CAAC;AACD,QAAQ,cAAc;AAQf,MAAM,OAAO,CAAC,cAAiC;AACpD,QAAM,mBAAmB,aAAAA,QAAM,WAAW,SAAS,eACjD,EAAE,WAAW,QAAQ,SAAS,GAAG,MAAM,GACvC,KACA;AACA,UAAM,mBAAe,yBAAW,cAAc;AAC9C,UAAM,oBAA8B,CAAC;AACrC,UAAM,mBAA6B,CAAC;AACpC,UAAM,kBAA4B,CAAC;AACnC,UAAM,2BAAqC,CAAC;AAC5C,UAAM,iBAAa;AAAA,MACjB,OACG,WAAW,MAAM,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,QAAQ;AAC5C,YAAI,IAAI,SAAS,WAAW,GAAG;AAC7B,4BAAkB,KAAK,GAAG;AAC1B,mCAAyB,KAAK,GAAG,GAAG,SAAS;AAC7C,iBAAO;AAAA,QACT,WAAW,IAAI,SAAS,UAAU,GAAG;AACnC,2BAAiB,KAAK,GAAG;AACzB,iBAAO;AAAA,QACT,WAAW,IAAI,SAAS,SAAS,GAAG;AAClC,0BAAgB,KAAK,GAAG;AACxB,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACT,CAAC;AAAA,MACH,CAAC,SAAS;AAAA,IACZ;AACA,WACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,iBAAiB,SAChB,6BAAAA,QAAA,cAAC,4BAAK,WAAW,OAAO,WAAW,iBAAiB,KAAK,GAAG,GAAG,IAE/D,IAEF,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,CAAC,MAAe;AACvB,uBAAa,yBAAyB,KAAK,GAAG,CAAC;AAC/C,cAAI,QAAS,SAAQ,CAAC;AAAA,QACxB;AAAA,QACA,QAAQ,CAAC,MAAe;AACtB,uBAAa,kBAAkB,KAAK,GAAG,CAAC;AACxC,cAAI,OAAQ,QAAO,CAAC;AAAA,QACtB;AAAA,QACA,WAAW,WAAW,KAAK,GAAG;AAAA,QAC7B,GAAG;AAAA;AAAA,IACN,GACC,gBAAgB,SACf,6BAAAA,QAAA,cAAC,4BAAK,WAAW,OAAO,WAAW,gBAAgB,KAAK,GAAG,GAAG,IAE9D,EAEJ;AAAA,EAEJ,CAAC;AACD,SAAO,aAAAA,QAAM,WAAW,SAAS,QAAQ,OAAO,KAAK;AACnD,UAAM,eAAW;AAAA,MACf,MAAM,6BAAAA,QAAA,cAAC,oBAAkB,GAAG,OAAO,KAAU;AAAA,MAC7C,CAAC;AAAA,IACH;AACA,WAAO,6BAAAA,QAAA,cAAC,eAAS,QAAS;AAAA,EAC5B,CAAC;AACH;",
+  "names": ["React", "Wrapper"]
+}

package/cjs/Bottom/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Bottom/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BottomProps extends BaseProps<'div'> { }\n/**\n * Bottom is used inside the Layout component and it must be the last component in order.\n */\nexport const Bottom = React.forwardRef<HTMLDivElement, BottomProps>(\n  function Bottom({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-bottom': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Bottom;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BottomProps extends BaseProps<'div'> {}\n/**\n * Bottom is used inside the Layout component and it must be the last component in order.\n */\nexport const Bottom = React.forwardRef<HTMLDivElement, BottomProps>(\n  function Bottom({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-bottom': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Bottom;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,SAAS,aAAAA,QAAM;AAAA,EAC1B,SAASC,QAAO,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACtD,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,aAAa;AAAA,QACf,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
   "names": ["React", "Bottom", "Base", "clsx"]
 }

package/cjs/BottomInfo/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/BottomInfo/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Container, { ContainerProps } from '@digigov/react-core/Container';\n\nexport interface BottomInfoProps extends ContainerProps { }\n/**\n * Bottom BottomInfo is used inside the Bottom component and it must be the first component in order.\n */\nexport const BottomInfo = React.forwardRef<HTMLDivElement, BottomInfoProps>(\n  function BottomInfo({ className, children, ...props }, ref) {\n    return (\n      <Container\n        ref={ref}\n        className={clsx(className, {\n          'ds-bottom-info': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Container>\n    );\n  }\n);\n\nexport default BottomInfo;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Container, { ContainerProps } from '@digigov/react-core/Container';\n\nexport interface BottomInfoProps extends ContainerProps {}\n/**\n * Bottom BottomInfo is used inside the Bottom component and it must be the first component in order.\n */\nexport const BottomInfo = React.forwardRef<HTMLDivElement, BottomInfoProps>(\n  function BottomInfo({ className, children, ...props }, ref) {\n    return (\n      <Container\n        ref={ref}\n        className={clsx(className, {\n          'ds-bottom-info': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Container>\n    );\n  }\n);\n\nexport default BottomInfo;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,uBAA0C;AAMnC,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1D,WACE,6BAAAD,QAAA;AAAA,MAAC,iBAAAE;AAAA,MAAA;AAAA,QACC;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,kBAAkB;AAAA,QACpB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
   "names": ["React", "BottomInfo", "Container", "clsx"]
 }

package/cjs/BottomInfoContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/BottomInfoContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Container, { ContainerProps } from '@digigov/react-core/Container';\n\nexport interface BottomInfoContainerProps extends ContainerProps { }\n/**\n * Bottom BottomInfoContainer is used inside the Bottom component and it must be the first component in order.\n */\nexport const BottomInfoContainer = React.forwardRef<\n  HTMLDivElement,\n  BottomInfoContainerProps\n>(function BottomInfoContainer({ className, children, ...props }, ref) {\n  return (\n    <Container\n      ref={ref}\n      className={clsx(className, {\n        'ds-bottom-info__container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Container>\n  );\n});\n\nexport default BottomInfoContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Container, { ContainerProps } from '@digigov/react-core/Container';\n\nexport interface BottomInfoContainerProps extends ContainerProps {}\n/**\n * Bottom BottomInfoContainer is used inside the Bottom component and it must be the first component in order.\n */\nexport const BottomInfoContainer = React.forwardRef<\n  HTMLDivElement,\n  BottomInfoContainerProps\n>(function BottomInfoContainer({ className, children, ...props }, ref) {\n  return (\n    <Container\n      ref={ref}\n      className={clsx(className, {\n        'ds-bottom-info__container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Container>\n  );\n});\n\nexport default BottomInfoContainer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,uBAA0C;AAMnC,MAAM,sBAAsB,aAAAA,QAAM,WAGvC,SAASC,qBAAoB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACrE,SACE,6BAAAD,QAAA;AAAA,IAAC,iBAAAE;AAAA,IAAA;AAAA,MACC;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,8BAAQ;",
   "names": ["React", "BottomInfoContainer", "Container", "clsx"]
 }

package/cjs/BottomInfoContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/BottomInfoContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Grid, { GridProps } from '@digigov/react-core/Grid';\n\nexport interface BottomInfoContentProps extends GridProps { }\n/**\n * BottomInfoContent is used inside the BottomInfoContainer component.\n */\n\nexport const BottomInfoContent = React.forwardRef<\n  HTMLDivElement,\n  BottomInfoContentProps\n>(function BottomInfoContent({ className, xs = 12, children, ...props }, ref) {\n  return (\n    <Grid\n      item\n      xs={xs}\n      ref={ref}\n      className={clsx(className, {\n        'ds-bottom-info__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Grid>\n  );\n});\n\nexport default BottomInfoContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Grid, { GridProps } from '@digigov/react-core/Grid';\n\nexport interface BottomInfoContentProps extends GridProps {}\n/**\n * BottomInfoContent is used inside the BottomInfoContainer component.\n */\n\nexport const BottomInfoContent = React.forwardRef<\n  HTMLDivElement,\n  BottomInfoContentProps\n>(function BottomInfoContent({ className, xs = 12, children, ...props }, ref) {\n  return (\n    <Grid\n      item\n      xs={xs}\n      ref={ref}\n      className={clsx(className, {\n        'ds-bottom-info__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Grid>\n  );\n});\n\nexport default BottomInfoContent;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBAAkB,EAAE,WAAW,KAAK,IAAI,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5E,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,MAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,2BAA2B;AAAA,MAC7B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
   "names": ["React", "BottomInfoContent", "Grid", "clsx"]
 }

package/cjs/Breadcrumbs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Breadcrumbs/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsProps extends BaseProps<'div'> { }\n/**\n * Use Breadcrumbs component when you need to help users understand and move between the multiple levels of a website.\n * The breadcrumb should start with your \u2018home\u2019 page and end with the parent section of the current page.\n */\nexport const Breadcrumbs = React.forwardRef<HTMLDivElement, BreadcrumbsProps>(\n  function Breadcrumbs({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"nav\"\n        aria-label=\"Breadcrumb\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-breadcrumbs': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Breadcrumbs;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsProps extends BaseProps<'div'> {}\n/**\n * Use Breadcrumbs component when you need to help users understand and move between the multiple levels of a website.\n * The breadcrumb should start with your \u2018home\u2019 page and end with the parent section of the current page.\n */\nexport const Breadcrumbs = React.forwardRef<HTMLDivElement, BreadcrumbsProps>(\n  function Breadcrumbs({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"nav\"\n        aria-label=\"Breadcrumb\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-breadcrumbs': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Breadcrumbs;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,cAAW;AAAA,QACX;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,kBAAkB;AAAA,QACpB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["React", "Breadcrumbs", "Base", "clsx"]
 }

package/cjs/BreadcrumbsList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/BreadcrumbsList/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsListProps extends BaseProps<'ol'> { }\n/**\n * BreadcrumbsList is used for providing the items inside Breadcrumbs.\n */\nexport const BreadcrumbsList = React.forwardRef<\n  HTMLOListElement,\n  BreadcrumbsListProps\n>(function BreadcrumbsList({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"ol\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-breadcrumbs__list': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default BreadcrumbsList;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsListProps extends BaseProps<'ol'> {}\n/**\n * BreadcrumbsList is used for providing the items inside Breadcrumbs.\n */\nexport const BreadcrumbsList = React.forwardRef<\n  HTMLOListElement,\n  BreadcrumbsListProps\n>(function BreadcrumbsList({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"ol\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-breadcrumbs__list': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default BreadcrumbsList;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "BreadcrumbsList", "Base", "clsx"]
 }

package/cjs/BreadcrumbsListItemLink/index.js

@@ -0,0 +1,57 @@
+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 BreadcrumbsListItemLink_exports = {};
+__export(BreadcrumbsListItemLink_exports, {
+  BreadcrumbsListItemLink: () => BreadcrumbsListItemLink,
+  default: () => BreadcrumbsListItemLink_default
+});
+module.exports = __toCommonJS(BreadcrumbsListItemLink_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) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_LinkBase.default,
+    {
+      href,
+      defaultStyle: false,
+      className: (0, import_clsx.default)(className, {
+        "ds-breadcrumbs__link": true,
+        "ds-breadcrumbs__link--inactive": href === void 0
+      }),
+      ref
+    },
+    children
+  );
+});
+var BreadcrumbsListItemLink_default = BreadcrumbsListItemLink;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BreadcrumbsListItemLink
+});
+//# sourceMappingURL=index.js.map

package/cjs/BreadcrumbsListItemLink/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/BreadcrumbsListItemLink/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Link, { LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface BreadcrumbsListItemLinkProps extends LinkBaseProps {}\n/**\n * BreadcrumbsListItemLink 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/BreadcrumbsListItemLink` instead.\n */\nexport const BreadcrumbsListItemLink = React.forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbsListItemLinkProps\n>(function BreadcrumbsListItemLink({ href, className, children }, ref) {\n  return (\n    <Link\n      href={href}\n      defaultStyle={false}\n      className={clsx(className, {\n        'ds-breadcrumbs__link': true,\n        'ds-breadcrumbs__link--inactive': href === undefined,\n      })}\n      ref={ref}\n    >\n      {children}\n    </Link>\n  );\n});\n\nexport default BreadcrumbsListItemLink;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,sBAAoC;AAW7B,MAAM,0BAA0B,aAAAA,QAAM,WAG3C,SAASC,yBAAwB,EAAE,MAAM,WAAW,SAAS,GAAG,KAAK;AACrE,SACE,6BAAAD,QAAA;AAAA,IAAC,gBAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,kCAAkC,SAAS;AAAA,MAC7C,CAAC;AAAA,MACD;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,kCAAQ;",
+  "names": ["React", "BreadcrumbsListItemLink", "Link", "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, {
-  BreadcrumbsListItem: () => BreadcrumbsListItem,
-  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 BreadcrumbsListItem = import_react.default.forwardRef(function BreadcrumbsListItem2({ href, 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,
     {
@@ -45,22 +45,12 @@ const BreadcrumbsListItem = import_react.default.forwardRef(function Breadcrumbs
       }),
       ...props
     },
-    /* @__PURE__ */ import_react.default.createElement(
-      "a",
-      {
-        href,
-        className: (0, import_clsx.default)({
-          "ds-breadcrumbs__link": true,
-          "ds-breadcrumbs__link--inactive": href === void 0
-        })
-      },
-      children
-    )
+    children
   );
 });
-var BreadcrumbsListItem_default = BreadcrumbsListItem;
+var BreadcrumbsListItemWrapper_default = BreadcrumbsListItemWrapper;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BreadcrumbsListItem
+  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,7 @@ 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-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-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,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"]
 }

package/cjs/ButtonGroup/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ButtonGroup/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ButtonGroupProps extends BaseProps<'div'> { }\n/**\n * Use a button group when two or more buttons are placed together.\n */\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-btn-group': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ButtonGroup;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ButtonGroupProps extends BaseProps<'div'> {}\n/**\n * Use a button group when two or more buttons are placed together.\n */\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-btn-group': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ButtonGroup;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,cAAc,aAAAA,QAAM;AAAA,EAC/B,SAASC,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,gBAAgB;AAAA,QAClB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["React", "ButtonGroup", "Base", "clsx"]
 }

package/cjs/ButtonLink/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ButtonLink/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ButtonLinkProps extends BaseProps<'a'> {\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  /**\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 ButtonLink = React.forwardRef<HTMLAnchorElement, ButtonLinkProps>(\n  function ButtonLink(\n    { color = 'primary', dense, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-btn': true,\n          'ds-btn--dense': dense,\n          'ds-btn-primary': color === 'primary',\n          'ds-btn-secondary': color === 'secondary',\n          'ds-btn-warning': color === 'warning',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ButtonLink;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ButtonLinkProps extends BaseProps<'a'> {\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  /**\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 ButtonLink = React.forwardRef<HTMLAnchorElement, ButtonLinkProps>(\n  function ButtonLink(\n    { color = 'primary', dense, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-btn': true,\n          'ds-btn--dense': dense,\n          'ds-btn-primary': color === 'primary',\n          'ds-btn-secondary': color === 'secondary',\n          'ds-btn-warning': color === 'warning',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ButtonLink;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA2BzB,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YACP,EAAE,QAAQ,WAAW,OAAO,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,kBAAkB,UAAU;AAAA,UAC5B,oBAAoB,UAAU;AAAA,UAC9B,kBAAkB,UAAU;AAAA,QAC9B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
   "names": ["React", "ButtonLink", "Base", "clsx"]
 }

package/cjs/CallToAction/index.js

@@ -47,7 +47,7 @@ const CallToAction = import_react.default.forwardRef(function CallToAction2({ pr
       ...props
     },
     children,
-    /* @__PURE__ */ import_react.default.createElement(import_react_icons.ChevronIcon, null)
+    /* @__PURE__ */ import_react.default.createElement(import_react_icons.ChevronIcon, { className: "ds-btn-cta__icon" })
   );
 });
 var CallToAction_default = CallToAction;

package/cjs/CallToAction/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CallToAction/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport ButtonLink, { ButtonLinkProps } from '@digigov/react-core/ButtonLink';\nimport { ChevronIcon } from '@digigov/react-icons';\n\nexport interface CallToActionProps extends ButtonLinkProps { }\n/**\n * Use this button for the main call to action on your service\u2019s start page.\n */\nexport const CallToAction = React.forwardRef<\n  HTMLAnchorElement,\n  CallToActionProps\n>(function CallToAction(\n  { printHidden = true, className, children, ...props },\n  ref\n) {\n  return (\n    <ButtonLink\n      ref={ref}\n      printHidden={printHidden}\n      className={clsx(className, {\n        'ds-btn-cta': true,\n      })}\n      {...props}\n    >\n      {children}\n      <ChevronIcon />\n    </ButtonLink>\n  );\n});\n\nexport default CallToAction;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,wBAA4C;AAC5C,yBAA4B;AAMrB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cACT,EAAE,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GACpD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,kBAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,cAAc;AAAA,MAChB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,IACD,6BAAAH,QAAA,cAAC,oCAAY;AAAA,EACf;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport ButtonLink, { ButtonLinkProps } from '@digigov/react-core/ButtonLink';\nimport { ChevronIcon } from '@digigov/react-icons';\n\nexport interface CallToActionProps extends ButtonLinkProps {}\n/**\n * Use this button for the main call to action on your service\u2019s start page.\n */\nexport const CallToAction = React.forwardRef<\n  HTMLAnchorElement,\n  CallToActionProps\n>(function CallToAction(\n  { printHidden = true, className, children, ...props },\n  ref\n) {\n  return (\n    <ButtonLink\n      ref={ref}\n      printHidden={printHidden}\n      className={clsx(className, {\n        'ds-btn-cta': true,\n      })}\n      {...props}\n    >\n      {children}\n      <ChevronIcon className=\"ds-btn-cta__icon\" />\n    </ButtonLink>\n  );\n});\n\nexport default CallToAction;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,wBAA4C;AAC5C,yBAA4B;AAMrB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cACT,EAAE,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GACpD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,kBAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,cAAc;AAAA,MAChB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,IACD,6BAAAH,QAAA,cAAC,kCAAY,WAAU,oBAAmB;AAAA,EAC5C;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["React", "CallToAction", "ButtonLink", "clsx"]
 }

package/cjs/Card/index.js

@@ -34,7 +34,16 @@ module.exports = __toCommonJS(Card_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const Card = import_react.default.forwardRef(function Card2({ variant, borderColor, callToAction, dense, fullHeight, className, children, ...props }, ref) {
+const Card = import_react.default.forwardRef(function Card2({
+  variant,
+  borderColor,
+  callToAction,
+  dense,
+  fullHeight,
+  className,
+  children,
+  ...props
+}, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -54,8 +63,9 @@ const Card = import_react.default.forwardRef(function Card2({ variant, borderCol
       ...props
     },
     /* @__PURE__ */ import_react.default.createElement(
-      "div",
+      import_Base.default,
       {
+        as: "div",
         className: (0, import_clsx.default)({
           "ds-card__body": true
         })

package/cjs/Card/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Card/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardProps extends BaseProps<'div'> {\n  /**\n   * By default, we recommend using Cards without border style. Card border increases the contrast to its background.\n   * divider\n   * `variant` property is optional.\n   * @value 'border'\n   * @value 'divider'\n   * @value 'border-top'\n   */\n  variant?: 'border' | 'divider' | 'border-top';\n\n  /**\n   *borderColor property is optional and it is used to set the color of the Card's border.\n   *\n   *\n   * @value 'light'\n   * @value 'dark'\n   */\n  borderColor?: 'light' | 'dark';\n\n  /**\n   *callToAction property is optional and it is used to set the content of the Card clickable.\n   *\n   *\n   * @value true\n   * @value false\n   */\n  callToAction?: boolean;\n  /**\n   * dense is optional.\n   * @value true Card will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n  /**\n   * fullHeight is optional.\n   * @value true Card will be have it's full height.\n   * @value false\n   * @default false\n   * */\n  fullHeight?: boolean;\n}\n/**\n * Cards can be used to divide and organise interface content for better understandability and readability.\n * Cards can help your users to scan through vast amounts of information quicker.\n * Use Card as parent component to wrap CardHeading, CardContent and CartAction components\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n  { variant, borderColor, callToAction, dense, fullHeight, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-card': true,\n        'ds-card--dense': dense,\n        'ds-card--border': variant === 'border',\n        'ds-card--border-top': variant === 'border-top',\n        'ds-card--divider': variant === 'divider',\n        'ds-card--cta': callToAction,\n        'ds-card--border-light': borderColor === 'light',\n        'ds-card--border-dark': borderColor === 'dark',\n        'ds-card--full-height': fullHeight,\n      })}\n      {...props}\n    >\n      <div\n        className={clsx({\n          'ds-card__body': true,\n        })}\n      >\n        {children}\n      </div>\n    </Base>\n  );\n});\n\nexport default Card;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkDzB,MAAM,OAAO,aAAAA,QAAM,WAAsC,SAASC,MACvE,EAAE,SAAS,aAAa,cAAc,OAAO,YAAY,WAAW,UAAU,GAAG,MAAM,GACvF,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,kBAAkB;AAAA,QAClB,mBAAmB,YAAY;AAAA,QAC/B,uBAAuB,YAAY;AAAA,QACnC,oBAAoB,YAAY;AAAA,QAChC,gBAAgB;AAAA,QAChB,yBAAyB,gBAAgB;AAAA,QACzC,wBAAwB,gBAAgB;AAAA,QACxC,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,YAAAG,SAAK;AAAA,UACd,iBAAiB;AAAA,QACnB,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardProps extends BaseProps<'div'> {\n  /**\n   * By default, we recommend using Cards without border style. Card border increases the contrast to its background.\n   * divider\n   * `variant` property is optional.\n   * @value 'border'\n   * @value 'divider'\n   * @value 'border-top'\n   */\n  variant?: 'border' | 'divider' | 'border-top';\n\n  /**\n   *borderColor property is optional and it is used to set the color of the Card's border.\n   *\n   *\n   * @value 'light'\n   * @value 'dark'\n   */\n  borderColor?: 'light' | 'dark';\n\n  /**\n   *callToAction property is optional and it is used to set the content of the Card clickable.\n   *\n   *\n   * @value true\n   * @value false\n   */\n  callToAction?: boolean;\n  /**\n   * dense is optional.\n   * @value true Card will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n  /**\n   * fullHeight is optional.\n   * @value true Card will be have it's full height.\n   * @value false\n   * @default false\n   * */\n  fullHeight?: boolean;\n}\n/**\n * Cards can be used to divide and organise interface content for better understandability and readability.\n * Cards can help your users to scan through vast amounts of information quicker.\n * Use Card as parent component to wrap CardHeading, CardContent and CartAction components\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n  {\n    variant,\n    borderColor,\n    callToAction,\n    dense,\n    fullHeight,\n    className,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-card': true,\n        'ds-card--dense': dense,\n        'ds-card--border': variant === 'border',\n        'ds-card--border-top': variant === 'border-top',\n        'ds-card--divider': variant === 'divider',\n        'ds-card--cta': callToAction,\n        'ds-card--border-light': borderColor === 'light',\n        'ds-card--border-dark': borderColor === 'dark',\n        'ds-card--full-height': fullHeight,\n      })}\n      {...props}\n    >\n      <Base\n        as=\"div\"\n        className={clsx({\n          'ds-card__body': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default Card;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAkDzB,MAAM,OAAO,aAAAA,QAAM,WAAsC,SAASC,MACvE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,kBAAkB;AAAA,QAClB,mBAAmB,YAAY;AAAA,QAC/B,uBAAuB,YAAY;AAAA,QACnC,oBAAoB,YAAY;AAAA,QAChC,gBAAgB;AAAA,QAChB,yBAAyB,gBAAgB;AAAA,QACzC,wBAAwB,gBAAgB;AAAA,QACxC,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK;AAAA,UACd,iBAAiB;AAAA,QACnB,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,eAAQ;",
   "names": ["React", "Card", "Base", "clsx"]
 }