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

package/Base/index.web/index.js

@@ -0,0 +1,104 @@
+import React from "react";
+import clsx from "clsx";
+import { basePropGenerator } from "@digigov/react-core/Base/utils";
+const Base = React.forwardRef(function Base2({
+  as,
+  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,
+  children,
+  className,
+  ...props
+}, ref) {
+  const Component = as || "span";
+  const basePropToClassName = 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 /* @__PURE__ */ React.createElement(
+    Component,
+    {
+      className: clsx(basePropToClassName, className),
+      ref,
+      ...props
+    },
+    children
+  );
+});
+var index_web_default = Base;
+export {
+  Base,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/{AutoCompleteInput → Base/index.web}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../cjs/AutoCompleteInput/index.js"
+  "main": "../../cjs/Base/index.web/index.js"
 }

package/Base/index.web.d.ts

@@ -0,0 +1,104 @@
+import React from 'react';
+interface AsProp<C extends React.ElementType> {
+    as?: C | React.ElementType<any>;
+}
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+type PolymorphicComponentProp<C extends React.ElementType, Props = Record<string, unknown>> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProp<C, Props> & {
+    ref?: any;
+};
+/**
+ * This is the updated component props using PolymorphicComponentPropWithRef
+ */
+export type BaseProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, {
+    /** margin is optional. It has not a default value. */
+    margin?: SpacingValues | SpacingMediaValues;
+    /** marginTop is optional. It has not a default value. */
+    marginTop?: SpacingValues | SpacingMediaValues;
+    /** marginBottom is optional. It has not a default value. */
+    marginBottom?: SpacingValues | SpacingMediaValues;
+    /** marginLeft is optional. It has not a default value. */
+    marginLeft?: SpacingValues | SpacingMediaValues;
+    /** marginRight is optional. It has not a default value. */
+    marginRight?: SpacingValues | SpacingMediaValues;
+    /** Alternative for margin. Margin is optional. It has not a default value. */
+    m?: SpacingValues | SpacingMediaValues;
+    /** Alternative for marginTop. MarginTop is optional. It has not a default value. */
+    mt?: SpacingValues | SpacingMediaValues;
+    /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */
+    mb?: SpacingValues | SpacingMediaValues;
+    /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */
+    ml?: SpacingValues | SpacingMediaValues;
+    /** Alternative for marginRight. MarginRight is optional. It has not a default value. */
+    mr?: SpacingValues | SpacingMediaValues;
+    /** Alternative for marginX. MarginX is optional. It has not a default value. */
+    mx?: SpacingValues | SpacingMediaValues;
+    /** Alternative for marginY. MarginY is optional. It has not a default value. */
+    my?: SpacingValues | SpacingMediaValues;
+    /** padding is optional. It has not a default value. */
+    padding?: SpacingValues | SpacingMediaValues;
+    /** paddingTop is optional. It has not a default value. */
+    paddingTop?: SpacingValues | SpacingMediaValues;
+    /** paddingBottom is optional. It has not a default value. */
+    paddingBottom?: SpacingValues | SpacingMediaValues;
+    /** paddingLeft is optional. It has not a default value. */
+    paddingLeft?: SpacingValues | SpacingMediaValues;
+    /** paddingRight is optional. It has not a default value. */
+    paddingRight?: SpacingValues | SpacingMediaValues;
+    /** Alternative for padding. Padding is optional. It has not a default value. */
+    p?: SpacingValues | SpacingMediaValues;
+    /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */
+    pt?: SpacingValues | SpacingMediaValues;
+    /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */
+    pb?: SpacingValues | SpacingMediaValues;
+    /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */
+    pl?: SpacingValues | SpacingMediaValues;
+    /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */
+    pr?: SpacingValues | SpacingMediaValues;
+    /** Alternative for paddingX. PaddingX is optional. It has not a default value. */
+    px?: SpacingValues | SpacingMediaValues;
+    /** Alternative for paddingY. PaddingY is optional. It has not a default value. */
+    py?: SpacingValues | SpacingMediaValues;
+    /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */
+    printHidden?: boolean;
+    /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/
+    printVisible?: 'block' | 'inline';
+    /** Components will be hidden at all screen sizes. */
+    hidden?: boolean;
+    /** Components will be hidden from 'xs' screen size and up. */
+    xsUpHidden?: boolean;
+    /** Components will be hidden from 'sm' screen size and up. */
+    smUpHidden?: boolean;
+    /** Components will be hidden from 'md' screen size and up. */
+    mdUpHidden?: boolean;
+    /** Components will be hidden from 'lg' screen size and up. */
+    lgUpHidden?: boolean;
+    /** Components will be hidden from 'xl' screen size and up. */
+    xlUpHidden?: boolean;
+    /** Components will be hidden between xs and sm screen size. */
+    xsHidden?: boolean;
+    /** Components will be hidden between sm and md screen size. */
+    smHidden?: boolean;
+    /** Components will be hidden between md and lg screen size. */
+    mdHidden?: boolean;
+    /** Components will be hidden between lg and xl screen size. */
+    lgHidden?: boolean;
+    /** Components will be hidden between xl and 2xl screen size. */
+    xlHidden?: boolean;
+    /**  display is optional. It has not a default value. */
+    display?: 'flex' | 'block' | 'none';
+}>;
+export type SpacingValues = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
+export interface SpacingMediaValues {
+    xs?: SpacingValues;
+    sm?: SpacingValues;
+    md?: SpacingValues;
+    lg?: SpacingValues;
+    xl?: SpacingValues;
+}
+/**
+ * This is the type used in the type annotation for the component
+ */
+type BaseComponent = <C extends React.ElementType = 'span'>(props: BaseProps<C>) => React.ReactNode | null;
+export declare const Base: BaseComponent;
+export default Base;

package/Base/index.web.js.map

@@ -0,0 +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 | 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,\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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,yBAAyB;AAiK3B,MAAM,OAAsB,MAAM,WAAW,SAASA,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,sBAAsB,kBAAkB;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;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,qBAAqB,SAAS;AAAA,MAC9C;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["Base"]
+}

package/Base/mapping.native/index.js

@@ -0,0 +1,34 @@
+import React from "react";
+import { Link } from "expo-router";
+import { cssInterop } from "nativewind";
+import { Image, View } from "react-native";
+import Svg, { Path, Circle, Rect, G, Polygon } from "react-native-svg";
+import { Button } from "@digigov/react-core/Base/compat/button.native";
+import CompatDetails from "@digigov/react-core/Base/compat/details.native";
+import BaseInput from "@digigov/react-core/Base/compat/Input/index.native";
+import { Ol } from "@digigov/react-core/Base/compat/ol.native";
+const mapping = {
+  a: ({ children, ...props }) => /* @__PURE__ */ React.createElement(Link, { ...props, asChild: true }, /* @__PURE__ */ React.createElement(View, null, children)),
+  img: (props) => /* @__PURE__ */ React.createElement(Image, { ...props }),
+  button: Button,
+  input: BaseInput,
+  textarea: BaseInput,
+  details: CompatDetails,
+  ol: Ol,
+  path: (props) => /* @__PURE__ */ React.createElement(Path, { ...props }),
+  // @ts-ignore
+  svg: cssInterop(Svg, {
+    className: {
+      target: "style",
+      nativeStyleToProp: { width: true, height: true }
+    }
+  }),
+  rect: (props) => /* @__PURE__ */ React.createElement(Rect, { ...props }),
+  circle: (props) => /* @__PURE__ */ React.createElement(Circle, { ...props }),
+  g: (props) => /* @__PURE__ */ React.createElement(G, { ...props }),
+  polygon: (props) => /* @__PURE__ */ React.createElement(Polygon, { ...props })
+};
+export {
+  mapping
+};
+//# sourceMappingURL=mapping.native.js.map

package/Base/mapping.native/package.json

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

package/Base/mapping.native.d.ts

@@ -0,0 +1,6 @@
+import React, { type JSX } from 'react';
+export type MapProps<T extends keyof JSX.IntrinsicElements> = React.ComponentPropsWithoutRef<T>;
+export type MappingType = {
+    [K in keyof JSX.IntrinsicElements]?: (props: any) => JSX.Element | React.ReactNode;
+};
+export declare const mapping: MappingType;

package/Base/mapping.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Base/mapping.native.tsx"],
+  "sourcesContent": ["import React, { type JSX } from 'react';\nimport { Link } from 'expo-router';\nimport { cssInterop } from 'nativewind';\nimport { Image, View } from 'react-native';\nimport Svg, { Path, Circle, Rect, G, Polygon } from 'react-native-svg';\nimport { Button } from '@digigov/react-core/Base/compat/button.native';\nimport CompatDetails from '@digigov/react-core/Base/compat/details.native';\nimport BaseInput from '@digigov/react-core/Base/compat/Input/index.native';\nimport { Ol } from '@digigov/react-core/Base/compat/ol.native';\nexport type MapProps<T extends keyof JSX.IntrinsicElements> =\n  React.ComponentPropsWithoutRef<T>;\n\n// TODO: use MapProps<K> instead of any for props type\nexport type MappingType = {\n  [K in keyof JSX.IntrinsicElements]?: (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    props: any\n  ) => JSX.Element | React.ReactNode;\n};\n\nexport const mapping: MappingType = {\n  a: ({ children, ...props }) => (\n    <Link {...props} asChild>\n      <View>{children}</View>\n    </Link>\n  ),\n  img: (props) => <Image {...props} />,\n  button: Button,\n  input: BaseInput,\n  textarea: BaseInput,\n  details: CompatDetails,\n  ol: Ol,\n  path: (props) => <Path {...props} />,\n  // @ts-ignore\n  svg: cssInterop(Svg, {\n    className: {\n      target: 'style',\n      nativeStyleToProp: { width: true, height: true },\n    },\n  }),\n  rect: (props) => <Rect {...props} />,\n  circle: (props) => <Circle {...props} />,\n  g: (props) => <G {...props} />,\n  polygon: (props) => <Polygon {...props} />,\n};\n"],
+  "mappings": "AAAA,OAAO,WAAyB;AAChC,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,OAAO,YAAY;AAC5B,OAAO,OAAO,MAAM,QAAQ,MAAM,GAAG,eAAe;AACpD,SAAS,cAAc;AACvB,OAAO,mBAAmB;AAC1B,OAAO,eAAe;AACtB,SAAS,UAAU;AAYZ,MAAM,UAAuB;AAAA,EAClC,GAAG,CAAC,EAAE,UAAU,GAAG,MAAM,MACvB,oCAAC,QAAM,GAAG,OAAO,SAAO,QACtB,oCAAC,YAAM,QAAS,CAClB;AAAA,EAEF,KAAK,CAAC,UAAU,oCAAC,SAAO,GAAG,OAAO;AAAA,EAClC,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM,CAAC,UAAU,oCAAC,QAAM,GAAG,OAAO;AAAA;AAAA,EAElC,KAAK,WAAW,KAAK;AAAA,IACnB,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,mBAAmB,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,IACjD;AAAA,EACF,CAAC;AAAA,EACD,MAAM,CAAC,UAAU,oCAAC,QAAM,GAAG,OAAO;AAAA,EAClC,QAAQ,CAAC,UAAU,oCAAC,UAAQ,GAAG,OAAO;AAAA,EACtC,GAAG,CAAC,UAAU,oCAAC,KAAG,GAAG,OAAO;AAAA,EAC5B,SAAS,CAAC,UAAU,oCAAC,WAAS,GAAG,OAAO;AAC1C;",
+  "names": []
+}

package/Base/utils/index.js

@@ -0,0 +1,93 @@
+import clsx from "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 clsx({
+    [`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
+  });
+};
+export {
+  basePropGenerator
+};
+//# sourceMappingURL=utils.js.map

package/{ButtonLink → Base/utils}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../cjs/ButtonLink/index.js"
+  "main": "../../cjs/Base/utils/index.js"
 }

package/Base/utils.d.ts

@@ -0,0 +1,40 @@
+export declare 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, }: {
+    display: any;
+    margin: any;
+    marginTop: any;
+    marginBottom: any;
+    marginLeft: any;
+    marginRight: any;
+    m: any;
+    mt: any;
+    mb: any;
+    ml: any;
+    mr: any;
+    mx: any;
+    my: any;
+    padding: any;
+    paddingTop: any;
+    paddingBottom: any;
+    paddingLeft: any;
+    paddingRight: any;
+    p: any;
+    pt: any;
+    pb: any;
+    pr: any;
+    pl: any;
+    px: any;
+    py: any;
+    printHidden: any;
+    printVisible: any;
+    hidden: any;
+    xsUpHidden: any;
+    smUpHidden: any;
+    mdUpHidden: any;
+    lgUpHidden: any;
+    xlUpHidden: any;
+    xsHidden: any;
+    smHidden: any;
+    mdHidden: any;
+    lgHidden: any;
+    xlHidden: any;
+}) => string;

package/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,OAAO,UAAU;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,SAAO,KAAK;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": []
+}

package/Base/wrap.native/index.js

@@ -0,0 +1,67 @@
+import React, { useContext, useMemo, useState } from "react";
+import { View } from "react-native";
+const WrapperContext = React.createContext(
+  (cls) => {
+    return cls;
+  }
+);
+const Wrapper = React.memo(function Wrapper2({
+  children
+}) {
+  const [className, setClassName] = useState("");
+  return /* @__PURE__ */ React.createElement(WrapperContext.Provider, { value: setClassName }, /* @__PURE__ */ React.createElement(View, { className, focusable: false }, children));
+});
+Wrapper.displayName = "Wrapper";
+const wrap = (Component) => {
+  const WrappedComponent = React.forwardRef(function InnerComponent({ className, onBlur, onFocus, ...props }, ref) {
+    const setClassName = useContext(WrapperContext);
+    const wrapperClassNames = [];
+    const beforeClassNames = [];
+    const afterClassNames = [];
+    const focusedWrapperClassNames = [];
+    const classNames = 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__ */ React.createElement(React.Fragment, null, beforeClassNames.length ? /* @__PURE__ */ React.createElement(View, { focusable: false, className: beforeClassNames.join(" ") }) : "", /* @__PURE__ */ React.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__ */ React.createElement(View, { focusable: false, className: afterClassNames.join(" ") }) : "");
+  });
+  return React.forwardRef(function Wrapped(props, ref) {
+    const children = useMemo(
+      () => /* @__PURE__ */ React.createElement(WrappedComponent, { ...props, ref }),
+      []
+    );
+    return /* @__PURE__ */ React.createElement(Wrapper, null, children);
+  });
+};
+export {
+  wrap
+};
+//# sourceMappingURL=wrap.native.js.map

package/{BreadcrumbsListItem → Base/wrap.native}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../cjs/BreadcrumbsListItem/index.js"
+  "main": "../../cjs/Base/wrap.native/index.js"
 }

package/Base/wrap.native.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const wrap: (Component: React.ElementType) => React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/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,OAAO,SAAS,YAAY,SAAS,gBAAgB;AACrD,SAAS,YAAY;AAIrB,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,QAAgB;AACf,WAAO;AAAA,EACT;AACF;AAEA,MAAM,UAAU,MAAM,KAAK,SAASA,SAAQ;AAAA,EAC1C;AACF,GAEG;AACD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAC7C,SACE,oCAAC,eAAe,UAAf,EAAwB,OAAO,gBAC9B,oCAAC,QAAK,WAAsB,WAAW,SACpC,QACH,CACF;AAEJ,CAAC;AACD,QAAQ,cAAc;AAQf,MAAM,OAAO,CAAC,cAAiC;AACpD,QAAM,mBAAmB,MAAM,WAAW,SAAS,eACjD,EAAE,WAAW,QAAQ,SAAS,GAAG,MAAM,GACvC,KACA;AACA,UAAM,eAAe,WAAW,cAAc;AAC9C,UAAM,oBAA8B,CAAC;AACrC,UAAM,mBAA6B,CAAC;AACpC,UAAM,kBAA4B,CAAC;AACnC,UAAM,2BAAqC,CAAC;AAC5C,UAAM,aAAa;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,0DACG,iBAAiB,SAChB,oCAAC,QAAK,WAAW,OAAO,WAAW,iBAAiB,KAAK,GAAG,GAAG,IAE/D,IAEF;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,oCAAC,QAAK,WAAW,OAAO,WAAW,gBAAgB,KAAK,GAAG,GAAG,IAE9D,EAEJ;AAAA,EAEJ,CAAC;AACD,SAAO,MAAM,WAAW,SAAS,QAAQ,OAAO,KAAK;AACnD,UAAM,WAAW;AAAA,MACf,MAAM,oCAAC,oBAAkB,GAAG,OAAO,KAAU;AAAA,MAC7C,CAAC;AAAA,IACH;AACA,WAAO,oCAAC,eAAS,QAAS;AAAA,EAC5B,CAAC;AACH;",
+  "names": ["Wrapper"]
+}

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASA,QAAO,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,aAAa;AAAA,QACf,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
   "names": ["Bottom"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,eAAmC;AAMnC,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,kBAAkB;AAAA,QACpB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
   "names": ["BottomInfo"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,eAAmC;AAMnC,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBAAoB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
   "names": ["BottomInfoContainer"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBAAkB,EAAE,WAAW,KAAK,IAAI,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,2BAA2B;AAAA,MAC7B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
   "names": ["BottomInfoContent"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,cAAW;AAAA,QACX;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,kBAAkB;AAAA,QACpB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["Breadcrumbs"]
 }

package/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["BreadcrumbsList"]
 }