@digigov/react-core 2.0.0-6c42d5eb → 2.0.0-6e3977bc

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Base/index.native.tsx"],
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { Text, View, ViewProps } from 'react-native';\nimport { BaseProps as CoreBaseProps } from '@digigov/react-core/Base/index.web';\nimport { mapping } from '@digigov/react-core/Base/mapping.native';\nimport { basePropGenerator } from '@digigov/react-core/Base/utils';\nimport { wrap } from '@digigov/react-core/Base/wrap.native';\n\nexport type BaseProps<C extends React.ElementType> = CoreBaseProps<C> &\n  ViewProps;\nexport type BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nconst BooleanMapper = {\n  true: true,\n  false: false,\n  undefined: false,\n  null: false,\n  '': false,\n};\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType = 'span',\n>(\n  {\n    as,\n    display,\n    children,\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    className,\n    'aria-expanded': ariaExpanded,\n    ...props\n  }: BaseProps<C>,\n  ref: React.ComponentPropsWithRef<C>['ref']\n) {\n  const classNames = className?.split(' ') || [];\n  if (typeof children === 'string') {\n    children = [children];\n  }\n  if (Array.isArray(children)) {\n    const textClassNames = classNames\n      ?.map((className) => `${className}__text`)\n      .join(' ');\n    children = children.map((child, index) => {\n      if (Array.isArray(child)) {\n        return child.map((child, index) => {\n          if (typeof child === 'string') {\n            return (\n              <Text key={index} className={textClassNames}>\n                {child}\n              </Text>\n            );\n          }\n          return child;\n        });\n      } else if (typeof child === 'string') {\n        return (\n          <Text\n            key={index}\n            className={textClassNames}\n            {...(props.onClick && {\n              onPress: props.onClick,\n            })}\n          >\n            {child}\n          </Text>\n        );\n      }\n      return child;\n    });\n  }\n  const Component = useMemo(() => {\n    const C = mapping[as as keyof JSX.IntrinsicElements] || View;\n    if (\n      classNames.find((className) =>\n        className.match(/__wrapper|__before|__after$/)\n      )\n    ) {\n      return wrap(C);\n    }\n    return C;\n  }, [className]);\n\n  Object.keys(props).forEach((k) => {\n    if (k.startsWith('aria')) {\n      if (BooleanMapper[props[k as keyof typeof props]] !== undefined) {\n        props[k as keyof typeof props] =\n          BooleanMapper[props[k as keyof typeof props]];\n      }\n    }\n  });\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      aria-expanded={\n        (ariaExpanded as unknown as string) === 'false'\n          ? false\n          : ariaExpanded === true\n            ? true\n            : undefined\n      }\n      className={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        className,\n      })}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,0BAAsC;AAEtC,qBAAwB;AACxB,mBAAkC;AAClC,kBAAqB;AAQrB,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,IAAI;AACN;AACO,MAAM,OAAsB,aAAAA,QAAM,WAAW,SAASC,MAG3D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,GAAG;AACL,GACA,KACA;AACA,QAAM,aAAa,WAAW,MAAM,GAAG,KAAK,CAAC;AAC7C,MAAI,OAAO,aAAa,UAAU;AAChC,eAAW,CAAC,QAAQ;AAAA,EACtB;AACA,MAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,UAAM,iBAAiB,YACnB,IAAI,CAACC,eAAc,GAAGA,UAAS,QAAQ,EACxC,KAAK,GAAG;AACX,eAAW,SAAS,IAAI,CAAC,OAAO,UAAU;AACxC,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,eAAO,MAAM,IAAI,CAACC,QAAOC,WAAU;AACjC,cAAI,OAAOD,WAAU,UAAU;AAC7B,mBACE,6BAAAH,QAAA,cAAC,4BAAK,KAAKI,QAAO,WAAW,kBAC1BD,MACH;AAAA,UAEJ;AACA,iBAAOA;AAAA,QACT,CAAC;AAAA,MACH,WAAW,OAAO,UAAU,UAAU;AACpC,eACE,6BAAAH,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAW;AAAA,YACV,GAAI,MAAM,WAAW;AAAA,cACpB,SAAS,MAAM;AAAA,YACjB;AAAA;AAAA,UAEC;AAAA,QACH;AAAA,MAEJ;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACA,QAAM,gBAAY,sBAAQ,MAAM;AAC9B,UAAM,IAAI,uBAAQ,EAAiC,KAAK;AACxD,QACE,WAAW;AAAA,MAAK,CAACE,eACfA,WAAU,MAAM,6BAA6B;AAAA,IAC/C,GACA;AACA,iBAAO,kBAAK,CAAC;AAAA,IACf;AACA,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,MAAM;AAChC,QAAI,EAAE,WAAW,MAAM,GAAG;AACxB,UAAI,cAAc,MAAM,CAAuB,CAAC,MAAM,QAAW;AAC/D,cAAM,CAAuB,IAC3B,cAAc,MAAM,CAAuB,CAAC;AAAA,MAChD;AAAA,IACF;AAAA,EACF,CAAC;AACD,SACE,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,iBACG,iBAAuC,UACpC,QACA,iBAAiB,OACf,OACA;AAAA,MAER,eAAW,gCAAkB;AAAA,QAC3B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA;AAAA,IAEA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "names": ["React", "Base", "className", "child", "index"]
+}

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

@@ -0,0 +1,137 @@
+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 index_web_exports = {};
+__export(index_web_exports, {
+  Base: () => Base,
+  default: () => index_web_default
+});
+module.exports = __toCommonJS(index_web_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@digigov/react-core/Base/utils");
+const Base = import_react.default.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";
+  return /* @__PURE__ */ import_react.default.createElement(
+    Component,
+    {
+      as,
+      className: (0, import_utils.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,
+        className
+      }),
+      ref,
+      ...props
+    },
+    children
+  );
+});
+var index_web_default = Base;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Base
+});
+//# sourceMappingURL=index.web.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Base/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { basePropGenerator } from '@digigov/react-core/Base/utils';\n\ntype AsProp<C extends React.ElementType> = {\n  as?: C;\n};\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);\n\n// This is the first reusable type utility we built\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;\n\n// This is a new type utitlity with ref!\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = PolymorphicComponentProp<C, Props> & { ref?: any };\n\n// This is the type for the \"ref\" only\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref'];\n\n/**\n * This is the updated component props using PolymorphicComponentPropWithRef\n */\nexport type BaseProps<C extends React.ElementType> =\n  PolymorphicComponentPropWithRef<\n    C,\n    {\n      /** margin is optional. It has not a default value. */\n      margin?: spacingValues;\n      /** marginTop is optional. It has not a default value. */\n      marginTop?: spacingValues;\n      /** marginBottom is optional. It has not a default value. */\n      marginBottom?: spacingValues;\n      /** marginLeft is optional. It has not a default value. */\n      marginLeft?: spacingValues;\n      /** marginRight is optional. It has not a default value. */\n      marginRight?: spacingValues;\n      /** Alternative for margin. Margin is optional. It has not a default value. */\n      m?: spacingValues;\n      /** Alternative for marginTop. MarginTop is optional. It has not a default value. */\n      mt?: spacingValues;\n      /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */\n      mb?: spacingValues;\n      /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */\n      ml?: spacingValues;\n      /** Alternative for marginRight. MarginRight is optional. It has not a default value. */\n      mr?: spacingValues;\n      /** Alternative for marginX. MarginX is optional. It has not a default value. */\n      mx?: spacingValues;\n      /** Alternative for marginY. MarginY is optional. It has not a default value. */\n      my?: spacingValues;\n      /** padding is optional. It has not a default value. */\n      padding?: spacingValues;\n      /** paddingTop is optional. It has not a default value. */\n      paddingTop?: spacingValues;\n      /** paddingBottom is optional. It has not a default value. */\n      paddingBottom?: spacingValues;\n      /** paddingLeft is optional. It has not a default value. */\n      paddingLeft?: spacingValues;\n      /** paddingRight is optional. It has not a default value. */\n      paddingRight?: spacingValues;\n      /** Alternative for padding. Padding is optional. It has not a default value. */\n      p?: spacingValues;\n      /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */\n      pt?: spacingValues;\n      /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */\n      pb?: spacingValues;\n      /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */\n      pl?: spacingValues;\n      /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */\n      pr?: spacingValues;\n      /** Alternative for paddingX. PaddingX is optional. It has not a default value. */\n      px?: spacingValues;\n      /** Alternative for paddingY. PaddingY is optional. It has not a default value. */\n      py?: spacingValues;\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\ntype 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\n/**\n * This is the type used in the type annotation for the component\n */\ntype BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType = 'span',\n>(\n  {\n    as,\n    display,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    children,\n    className,\n    ...props\n  }: BaseProps<C>,\n  ref?: PolymorphicRef<C>\n) {\n  const Component = as || 'span';\n\n  return (\n    <Component\n      as={as}\n      className={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        className,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAkC;AA0J3B,MAAM,OAAsB,aAAAA,QAAM,WAAW,SAASC,MAG3D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,YAAY,MAAM;AAExB,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,gCAAkB;AAAA,QAC3B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["React", "Base"]
+}

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

@@ -0,0 +1,67 @@
+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 mapping_native_exports = {};
+__export(mapping_native_exports, {
+  mapping: () => mapping
+});
+module.exports = __toCommonJS(mapping_native_exports);
+var import_react = __toESM(require("react"));
+var import_expo_router = require("expo-router");
+var import_react_native = require("react-native");
+var import_react_native_svg = __toESM(require("react-native-svg"));
+var import_button = require("@digigov/react-core/Base/compat/button.native");
+var import_details = __toESM(require("@digigov/react-core/Base/compat/details.native"));
+var import_Input = __toESM(require("@digigov/react-core/Base/compat/Input/index.native"));
+var import_ol = require("@digigov/react-core/Base/compat/ol.native");
+var import_nativewind = require("nativewind");
+const mapping = {
+  a: ({ children, ...props }) => /* @__PURE__ */ import_react.default.createElement(import_expo_router.Link, { ...props, asChild: true }, /* @__PURE__ */ import_react.default.createElement(import_react_native.View, null, children)),
+  img: (props) => /* @__PURE__ */ import_react.default.createElement(import_react_native.Image, { ...props }),
+  button: import_button.Button,
+  input: import_Input.default,
+  textarea: import_Input.default,
+  details: import_details.default,
+  ol: import_ol.Ol,
+  path: (props) => /* @__PURE__ */ import_react.default.createElement(import_react_native_svg.Path, { ...props }),
+  // @ts-ignore
+  svg: (0, import_nativewind.cssInterop)(import_react_native_svg.default, {
+    className: {
+      target: "style",
+      nativeStyleToProp: { width: true, height: true }
+    }
+  }),
+  rect: (props) => /* @__PURE__ */ import_react.default.createElement(import_react_native_svg.Rect, { ...props }),
+  circle: (props) => /* @__PURE__ */ import_react.default.createElement(import_react_native_svg.Circle, { ...props }),
+  g: (props) => /* @__PURE__ */ import_react.default.createElement(import_react_native_svg.G, { ...props }),
+  polygon: (props) => /* @__PURE__ */ import_react.default.createElement(import_react_native_svg.Polygon, { ...props })
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  mapping
+});
+//# sourceMappingURL=mapping.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Base/mapping.native.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Link } from 'expo-router';\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';\nimport { cssInterop } from 'nativewind'\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 }) => <Link {...props} asChild ><View>{children}</View></Link>,\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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,yBAAqB;AACrB,0BAA4B;AAC5B,8BAAoD;AACpD,oBAAuB;AACvB,qBAA0B;AAC1B,mBAAsB;AACtB,gBAAmB;AACnB,wBAA2B;AAYpB,MAAM,UAAuB;AAAA,EAClC,GAAG,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM,6BAAAA,QAAA,cAAC,2BAAM,GAAG,OAAO,SAAO,QAAE,6BAAAA,QAAA,cAAC,gCAAM,QAAS,CAAO;AAAA,EAChF,KAAK,CAAC,UAAU,6BAAAA,QAAA,cAAC,6BAAO,GAAG,OAAO;AAAA,EAClC,QAAQ;AAAA,EACR,OAAO,aAAAC;AAAA,EACP,UAAU,aAAAA;AAAA,EACV,SAAS,eAAAC;AAAA,EACT,IAAI;AAAA,EACJ,MAAM,CAAC,UAAU,6BAAAF,QAAA,cAAC,gCAAM,GAAG,OAAO;AAAA;AAAA,EAElC,SAAK,8BAAW,wBAAAG,SAAK;AAAA,IACnB,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,mBAAmB,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,IACjD;AAAA,EACF,CAAC;AAAA,EACD,MAAM,CAAC,UAAU,6BAAAH,QAAA,cAAC,gCAAM,GAAG,OAAO;AAAA,EAClC,QAAQ,CAAC,UAAU,6BAAAA,QAAA,cAAC,kCAAQ,GAAG,OAAO;AAAA,EACtC,GAAG,CAAC,UAAU,6BAAAA,QAAA,cAAC,6BAAG,GAAG,OAAO;AAAA,EAC5B,SAAS,CAAC,UAAU,6BAAAA,QAAA,cAAC,mCAAS,GAAG,OAAO;AAC1C;",
+  "names": ["React", "BaseInput", "CompatDetails", "Svg"]
+}

package/cjs/Base/utils/index.js

@@ -0,0 +1,119 @@
+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 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,
+  className
+}) => (0, import_clsx.default)(className, {
+  [`ds-display-${display}`]: display !== void 0 ? true : void 0,
+  [`ds-m-${margin}`]: margin !== void 0 ? true : void 0,
+  [`ds-mt-${marginTop}`]: marginTop !== void 0 ? true : void 0,
+  [`ds-mb-${marginBottom}`]: marginBottom !== void 0 ? true : void 0,
+  [`ds-mr-${marginRight}`]: marginRight !== void 0 ? true : void 0,
+  [`ds-ml-${marginLeft}`]: marginLeft !== void 0 ? true : void 0,
+  [`ds-m-${m}`]: m !== void 0 ? true : void 0,
+  [`ds-mt-${mt}`]: mt !== void 0 ? true : void 0,
+  [`ds-mb-${mb}`]: mb !== void 0 ? true : void 0,
+  [`ds-mr-${mr}`]: mr !== void 0 ? true : void 0,
+  [`ds-ml-${ml}`]: ml !== void 0 ? true : void 0,
+  [`ds-mx-${mx}`]: mx !== void 0 ? true : void 0,
+  [`ds-my-${my}`]: my !== void 0 ? true : void 0,
+  [`ds-p-${padding}`]: padding !== void 0 ? true : void 0,
+  [`ds-pt-${paddingTop}`]: paddingTop !== void 0 ? true : void 0,
+  [`ds-pb-${paddingBottom}`]: paddingBottom !== void 0 ? true : void 0,
+  [`ds-pr-${paddingRight}`]: paddingRight !== void 0 ? true : void 0,
+  [`ds-pl-${paddingLeft}`]: paddingLeft !== void 0 ? true : void 0,
+  [`ds-p-${p}`]: p !== void 0 ? true : void 0,
+  [`ds-pt-${pt}`]: pt !== void 0 ? true : void 0,
+  [`ds-pb-${pb}`]: pb !== void 0 ? true : void 0,
+  [`ds-pr-${pr}`]: pr !== void 0 ? true : void 0,
+  [`ds-pl-${pl}`]: pl !== void 0 ? true : void 0,
+  [`ds-px-${px}`]: px !== void 0 ? true : void 0,
+  [`ds-py-${py}`]: py !== void 0 ? true : void 0,
+  "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\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  className,\n}) =>\n  clsx(className, {\n    [`ds-display-${display}`]: display !== undefined ? true : undefined,\n    [`ds-m-${margin}`]: margin !== undefined ? true : undefined,\n    [`ds-mt-${marginTop}`]: marginTop !== undefined ? true : undefined,\n    [`ds-mb-${marginBottom}`]: marginBottom !== undefined ? true : undefined,\n    [`ds-mr-${marginRight}`]: marginRight !== undefined ? true : undefined,\n    [`ds-ml-${marginLeft}`]: marginLeft !== undefined ? true : undefined,\n    [`ds-m-${m}`]: m !== undefined ? true : undefined,\n    [`ds-mt-${mt}`]: mt !== undefined ? true : undefined,\n    [`ds-mb-${mb}`]: mb !== undefined ? true : undefined,\n    [`ds-mr-${mr}`]: mr !== undefined ? true : undefined,\n    [`ds-ml-${ml}`]: ml !== undefined ? true : undefined,\n    [`ds-mx-${mx}`]: mx !== undefined ? true : undefined,\n    [`ds-my-${my}`]: my !== undefined ? true : undefined,\n    [`ds-p-${padding}`]: padding !== undefined ? true : undefined,\n    [`ds-pt-${paddingTop}`]: paddingTop !== undefined ? true : undefined,\n    [`ds-pb-${paddingBottom}`]: paddingBottom !== undefined ? true : undefined,\n    [`ds-pr-${paddingRight}`]: paddingRight !== undefined ? true : undefined,\n    [`ds-pl-${paddingLeft}`]: paddingLeft !== undefined ? true : undefined,\n    [`ds-p-${p}`]: p !== undefined ? true : undefined,\n    [`ds-pt-${pt}`]: pt !== undefined ? true : undefined,\n    [`ds-pb-${pb}`]: pb !== undefined ? true : undefined,\n    [`ds-pr-${pr}`]: pr !== undefined ? true : undefined,\n    [`ds-pl-${pl}`]: pl !== undefined ? true : undefined,\n    [`ds-px-${px}`]: px !== undefined ? true : undefined,\n    [`ds-py-${py}`]: py !== undefined ? true : undefined,\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"],
+  "mappings": "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",
+  "names": ["clsx"]
+}

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

@@ -0,0 +1,97 @@
+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(({ 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));
+});
+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(" "));
+          onFocus && onFocus(e);
+        },
+        onBlur: (e) => {
+          setClassName(wrapperClassNames.join(" "));
+          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\ninterface WrapperContextType {\n  (cls: string): void;\n}\n\nconst WrapperContext = React.createContext<WrapperContextType>(\n  (cls: string) => {\n    return cls;\n  }\n);\n\nconst Wrapper = React.memo(({ children }: { children?: React.ReactNode }) => {\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});\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            onFocus && onFocus(e);\n          }}\n          onBlur={(e: unknown) => {\n            setClassName(wrapperClassNames.join(' '));\n            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;AAMrB,MAAM,iBAAiB,aAAAA,QAAM;AAAA,EAC3B,CAAC,QAAgB;AACf,WAAO;AAAA,EACT;AACF;AAEA,MAAM,UAAU,aAAAA,QAAM,KAAK,CAAC,EAAE,SAAS,MAAsC;AAC3E,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAC7C,SACE,6BAAAA,QAAA,cAAC,eAAe,UAAf,EAAwB,OAAO,gBAC9B,6BAAAA,QAAA,cAAC,4BAAK,WAAsB,WAAW,SACpC,QACH,CACF;AAEJ,CAAC;AAQM,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,qBAAW,QAAQ,CAAC;AAAA,QACtB;AAAA,QACA,QAAQ,CAAC,MAAe;AACtB,uBAAa,kBAAkB,KAAK,GAAG,CAAC;AACxC,oBAAU,OAAO,CAAC;AAAA,QACpB;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"]
+}

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

@@ -54,8 +54,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  { 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      <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,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,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"]
 }

package/cjs/CheckboxItem/index.js

@@ -35,11 +35,13 @@ var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
 var import_ChoiceDividerText = __toESM(require("@digigov/react-core/ChoiceDividerText"));
+var import_CheckboxItemInput = __toESM(require("@digigov/react-core/CheckboxItemInput"));
 var import_LabelContainer = __toESM(require("@digigov/react-core/LabelContainer"));
 const CheckboxItem = import_react.default.forwardRef(function CheckboxItem2({ name, value, dividerText, className, disabled, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, dividerText && /* @__PURE__ */ import_react.default.createElement(import_ChoiceDividerText.default, null, dividerText), /* @__PURE__ */ import_react.default.createElement(
-    "div",
+    import_Base.default,
     {
+      as: "div",
       className: (0, import_clsx.default)(className, {
         "ds-checkboxes__item": true
       })
@@ -53,21 +55,7 @@ const CheckboxItem = import_react.default.forwardRef(function CheckboxItem2({ na
         })
       },
       children,
-      /* @__PURE__ */ import_react.default.createElement(
-        import_Base.default,
-        {
-          as: "input",
-          ref,
-          type: "checkbox",
-          name,
-          value,
-          className: (0, import_clsx.default)({
-            "ds-checkboxes__input": true
-          }),
-          disabled,
-          ...props
-        }
-      )
+      /* @__PURE__ */ import_react.default.createElement(import_CheckboxItemInput.default, { ref, name, value, disabled, ...props })
     )
   ));
 });

package/cjs/CheckboxItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CheckboxItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface CheckboxItemProps extends BaseProps<'input'> {\n  /**\n   * dividerText is optional.\n   * Add this prop to add a choice divider on top of a checkbox item.\n   * The string is the text that it will appear above this checkbox item.\n   */\n  dividerText?: string;\n}\n/**\n * Details for the CheckboxItem.\n * CheckboxItem component allows the user to select one or more checkboxes\n * CheckboxItem must be used inside Checkbox component\n */\nexport const CheckboxItem = React.forwardRef<\n  HTMLInputElement,\n  CheckboxItemProps\n>(function CheckboxItem(\n  { name, value, dividerText, className, disabled, children, ...props },\n  ref\n) {\n  return (\n    <>\n      {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}\n      <div\n        className={clsx(className, {\n          'ds-checkboxes__item': true,\n        })}\n      >\n        <LabelContainer\n          className={clsx({\n            'ds-checkboxes__label': true,\n            'ds-checkboxes__label--disabled': disabled,\n          })}\n        >\n          {children}\n          <Base\n            as=\"input\"\n            ref={ref}\n            type=\"checkbox\"\n            name={name}\n            value={value}\n            className={clsx({\n              'ds-checkboxes__input': true,\n            })}\n            disabled={disabled}\n            {...props}\n          />\n        </LabelContainer>\n      </div>\n    </>\n  );\n});\n\nexport default CheckboxItem;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,+BAA8B;AAC9B,4BAA2B;AAepB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cACT,EAAE,MAAM,OAAO,aAAa,WAAW,UAAU,UAAU,GAAG,MAAM,GACpE,KACA;AACA,SACE,6BAAAD,QAAA,2BAAAA,QAAA,gBACG,eAAe,6BAAAA,QAAA,cAAC,yBAAAE,SAAA,MAAmB,WAAY,GAChD,6BAAAF,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,YAAAG,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED,6BAAAH,QAAA;AAAA,MAAC,sBAAAI;AAAA,MAAA;AAAA,QACC,eAAW,YAAAD,SAAK;AAAA,UACd,wBAAwB;AAAA,UACxB,kCAAkC;AAAA,QACpC,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,6BAAAH,QAAA;AAAA,QAAC,YAAAK;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,eAAW,YAAAF,SAAK;AAAA,YACd,wBAAwB;AAAA,UAC1B,CAAC;AAAA,UACD;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF,CACF;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
-  "names": ["React", "CheckboxItem", "ChoiceDividerText", "clsx", "LabelContainer", "Base"]
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';\nimport CheckboxItemInput from '@digigov/react-core/CheckboxItemInput';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface CheckboxItemProps extends BaseProps<'input'> {\n  /**\n   * dividerText is optional.\n   * Add this prop to add a choice divider on top of a checkbox item.\n   * The string is the text that it will appear above this checkbox item.\n   */\n  dividerText?: string;\n}\n/**\n * Details for the CheckboxItem.\n * CheckboxItem component allows the user to select one or more checkboxes\n * CheckboxItem must be used inside Checkbox component\n */\nexport const CheckboxItem = React.forwardRef<\n  HTMLInputElement,\n  CheckboxItemProps\n>(function CheckboxItem(\n  { name, value, dividerText, className, disabled, children, ...props },\n  ref\n) {\n  return (\n    <>\n      {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}\n      <Base as='div'\n        className={clsx(className, {\n          'ds-checkboxes__item': true,\n        })}\n      >\n        <LabelContainer\n          className={clsx({\n            'ds-checkboxes__label': true,\n            'ds-checkboxes__label--disabled': disabled,\n          })}\n        >\n          {children}\n          <CheckboxItemInput ref={ref} name={name} value={value} disabled={disabled} {...props} />\n        </LabelContainer>\n      </Base>\n    </>\n  );\n});\n\nexport default CheckboxItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,+BAA8B;AAC9B,+BAA8B;AAC9B,4BAA2B;AAepB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cACT,EAAE,MAAM,OAAO,aAAa,WAAW,UAAU,UAAU,GAAG,MAAM,GACpE,KACA;AACA,SACE,6BAAAD,QAAA,2BAAAA,QAAA,gBACG,eAAe,6BAAAA,QAAA,cAAC,yBAAAE,SAAA,MAAmB,WAAY,GAChD,6BAAAF,QAAA;AAAA,IAAC,YAAAG;AAAA,IAAA;AAAA,MAAK,IAAG;AAAA,MACP,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED,6BAAAJ,QAAA;AAAA,MAAC,sBAAAK;AAAA,MAAA;AAAA,QACC,eAAW,YAAAD,SAAK;AAAA,UACd,wBAAwB;AAAA,UACxB,kCAAkC;AAAA,QACpC,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,6BAAAJ,QAAA,cAAC,yBAAAM,SAAA,EAAkB,KAAU,MAAY,OAAc,UAAqB,GAAG,OAAO;AAAA,IACxF;AAAA,EACF,CACF;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "names": ["React", "CheckboxItem", "ChoiceDividerText", "Base", "clsx", "LabelContainer", "CheckboxItemInput"]
 }