@digigov/react-core 2.0.0-rc.7 → 2.0.2

package/Base/index.d.ts

@@ -1,95 +1,2 @@
-import React from 'react';
-type AsProp<C extends React.ElementType> = {
-    as?: C;
-};
-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;
-    /** marginTop is optional. It has not a default value. */
-    marginTop?: spacingValues;
-    /** marginBottom is optional. It has not a default value. */
-    marginBottom?: spacingValues;
-    /** marginLeft is optional. It has not a default value. */
-    marginLeft?: spacingValues;
-    /** marginRight is optional. It has not a default value. */
-    marginRight?: spacingValues;
-    /** Alternative for margin. Margin is optional. It has not a default value. */
-    m?: spacingValues;
-    /** Alternative for marginTop. MarginTop is optional. It has not a default value. */
-    mt?: spacingValues;
-    /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */
-    mb?: spacingValues;
-    /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */
-    ml?: spacingValues;
-    /** Alternative for marginRight. MarginRight is optional. It has not a default value. */
-    mr?: spacingValues;
-    /** Alternative for marginX. MarginX is optional. It has not a default value. */
-    mx?: spacingValues;
-    /** Alternative for marginY. MarginY is optional. It has not a default value. */
-    my?: spacingValues;
-    /** padding is optional. It has not a default value. */
-    padding?: spacingValues;
-    /** paddingTop is optional. It has not a default value. */
-    paddingTop?: spacingValues;
-    /** paddingBottom is optional. It has not a default value. */
-    paddingBottom?: spacingValues;
-    /** paddingLeft is optional. It has not a default value. */
-    paddingLeft?: spacingValues;
-    /** paddingRight is optional. It has not a default value. */
-    paddingRight?: spacingValues;
-    /** Alternative for padding. Padding is optional. It has not a default value. */
-    p?: spacingValues;
-    /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */
-    pt?: spacingValues;
-    /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */
-    pb?: spacingValues;
-    /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */
-    pl?: spacingValues;
-    /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */
-    pr?: spacingValues;
-    /** Alternative for paddingX. PaddingX is optional. It has not a default value. */
-    px?: spacingValues;
-    /** Alternative for paddingY. PaddingY is optional. It has not a default value. */
-    py?: spacingValues;
-    /**  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;
-}>;
-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;
-/**
- * This is the type used in the type annotation for the component
- */
-type BaseComponent = <C extends React.ElementType = 'span'>(props: BaseProps<C>) => React.ReactElement | null;
-export declare const Base: BaseComponent;
-export default Base;
+export * from './index.web.js';
+export { default as default } from './index.web.js';

package/Base/index.js

@@ -1,69 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "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"];
-import React from 'react';
-import clsx from 'clsx';
-
-// This is the first reusable type utility we built
-
-// This is a new type utitlity with ref!
-
-// This is the type for the "ref" only
-
-/**
- * This is the updated component props using PolymorphicComponentPropWithRef
- */
-
-/**
- * This is the type used in the type annotation for the component
- */
-
-export var Base = /*#__PURE__*/React.forwardRef(function Base(_ref, ref) {
-  var as = _ref.as,
-    margin = _ref.margin,
-    marginTop = _ref.marginTop,
-    marginBottom = _ref.marginBottom,
-    marginLeft = _ref.marginLeft,
-    marginRight = _ref.marginRight,
-    m = _ref.m,
-    mt = _ref.mt,
-    mb = _ref.mb,
-    ml = _ref.ml,
-    mr = _ref.mr,
-    mx = _ref.mx,
-    my = _ref.my,
-    padding = _ref.padding,
-    paddingTop = _ref.paddingTop,
-    paddingBottom = _ref.paddingBottom,
-    paddingLeft = _ref.paddingLeft,
-    paddingRight = _ref.paddingRight,
-    p = _ref.p,
-    pt = _ref.pt,
-    pb = _ref.pb,
-    pr = _ref.pr,
-    pl = _ref.pl,
-    px = _ref.px,
-    py = _ref.py,
-    printHidden = _ref.printHidden,
-    printVisible = _ref.printVisible,
-    hidden = _ref.hidden,
-    xsUpHidden = _ref.xsUpHidden,
-    smUpHidden = _ref.smUpHidden,
-    mdUpHidden = _ref.mdUpHidden,
-    lgUpHidden = _ref.lgUpHidden,
-    xlUpHidden = _ref.xlUpHidden,
-    xsHidden = _ref.xsHidden,
-    smHidden = _ref.smHidden,
-    mdHidden = _ref.mdHidden,
-    lgHidden = _ref.lgHidden,
-    xlHidden = _ref.xlHidden,
-    children = _ref.children,
-    className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var Component = as || 'span';
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    className: clsx(className, (paddingBottom !== undefined ? true : undefined) && "ds-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "ds-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "ds-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "ds-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "ds-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "ds-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "ds-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "ds-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "ds-p-".concat(padding), (margin !== undefined ? true : undefined) && "ds-m-".concat(margin), (mt !== undefined ? true : undefined) && "ds-mt-".concat(mt), (mb !== undefined ? true : undefined) && "ds-mb-".concat(mb), (mr !== undefined ? true : undefined) && "ds-mr-".concat(mr), (ml !== undefined ? true : undefined) && "ds-ml-".concat(ml), (mx !== undefined ? true : undefined) && "ds-mx-".concat(mx), (my !== undefined ? true : undefined) && "ds-my-".concat(my), (pt !== undefined ? true : undefined) && "ds-pt-".concat(pt), (pb !== undefined ? true : undefined) && "ds-pb-".concat(pb), (pr !== undefined ? true : undefined) && "ds-pr-".concat(pr), (pl !== undefined ? true : undefined) && "ds-pl-".concat(pl), (px !== undefined ? true : undefined) && "ds-px-".concat(px), (py !== undefined ? true : undefined) && "ds-py-".concat(py), (m !== undefined ? true : undefined) && "ds-m-".concat(m), (p !== undefined ? true : undefined) && "ds-p-".concat(p), printVisible === 'inline' && 'ds-print-visible-inline', printVisible === 'block' && 'ds-print-visible-block', !!printHidden && 'ds-print-hidden', !!xsUpHidden && 'ds-hidden-xs-up', !!smUpHidden && 'ds-hidden-sm-up', !!mdUpHidden && 'ds-hidden-md-up', !!lgUpHidden && 'ds-hidden-lg-up', !!xlUpHidden && 'ds-hidden-xl-up', !!xsHidden && 'ds-hidden-xs', !!smHidden && 'ds-hidden-sm', !!mdHidden && 'ds-hidden-md', !!lgHidden && 'ds-hidden-lg', !!xlHidden && 'ds-hidden-xl', !!hidden && 'ds-hidden'),
-    ref: ref
-  }, props), children);
-});
-export default Base;
+import index_web from "./index.web.js";
+export * from "./index.web.js";
+export { index_web as default };

package/Base/index.native.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+import { BaseProps as CoreBaseProps } from './index.web.js';
+export type BaseProps<C extends React.ElementType> = CoreBaseProps<C> & ViewProps;
+export type BaseComponent = <C extends React.ElementType = 'span'>(props: BaseProps<C>) => React.ReactNode | null;
+export declare const Base: BaseComponent;
+export default Base;

package/Base/index.native.js

@@ -0,0 +1,111 @@
+import react, { useMemo } from "react";
+import { Text, View } from "react-native";
+import { mapping } from "./mapping.native.js";
+import { basePropGenerator } from "./utils.js";
+import { wrap } from "./wrap.native.js";
+const BooleanMapper = {
+    true: true,
+    false: false,
+    undefined: false,
+    null: false,
+    '': false
+};
+const textHtmlTags = [
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'p',
+    'span'
+];
+const index_native_Base = /*#__PURE__*/ react.forwardRef(function({ as, display, children, 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, 'aria-expanded': ariaExpanded, ...props }, ref) {
+    const classNames = className?.split(' ') || [];
+    let applyBasePropsToWrapper = true;
+    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
+    });
+    if ('string' == typeof children) children = [
+        children
+    ];
+    if (Array.isArray(children)) {
+        const textClassNames = classNames?.map((className)=>`${className}__text`).join(' ');
+        children = children.map((child, index)=>{
+            if (Array.isArray(child)) return child.map((child, index)=>{
+                if ('string' == typeof child) return /*#__PURE__*/ react.createElement(Text, {
+                    key: index,
+                    className: textClassNames
+                }, child);
+                return child;
+            });
+            if ('string' == typeof child) {
+                if (as && textHtmlTags.includes(as)) applyBasePropsToWrapper = false;
+                return /*#__PURE__*/ react.createElement(Text, {
+                    key: index,
+                    className: applyBasePropsToWrapper ? textClassNames : `${textClassNames} ${basePropToClassName}`,
+                    ...props.onClick && {
+                        onPress: props.onClick
+                    }
+                }, child);
+            }
+            return child;
+        });
+    }
+    const Component = useMemo(()=>{
+        const C = mapping[as] || View;
+        if (classNames.find((className)=>className.match(/__wrapper|__before|__after$/))) return wrap(C);
+        return C;
+    }, [
+        className
+    ]);
+    Object.keys(props).forEach((k)=>{
+        if (k.startsWith('aria')) {
+            if (void 0 !== BooleanMapper[props[k]]) props[k] = BooleanMapper[props[k]];
+        }
+    });
+    return /*#__PURE__*/ react.createElement(Component, {
+        ...props,
+        ref: ref,
+        "aria-expanded": 'false' === ariaExpanded ? false : true === ariaExpanded ? true : void 0,
+        className: applyBasePropsToWrapper ? `${basePropToClassName} ${className}` : className
+    }, children);
+});
+const index_native = index_native_Base;
+export { index_native_Base as Base, index_native as default };

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

@@ -0,0 +1,53 @@
+import react from "react";
+import clsx from "clsx";
+import { basePropGenerator } from "./utils.js";
+const index_web_Base = /*#__PURE__*/ react.forwardRef(function({ 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: ref,
+        ...props
+    }, children);
+});
+const index_web = index_web_Base;
+export { index_web_Base as Base, index_web as default };

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

@@ -0,0 +1,36 @@
+import react from "react";
+import { Link } from "expo-router";
+import { cssInterop } from "nativewind";
+import { Image, View } from "react-native";
+import react_native_svg, { Circle, G, Path, Polygon, Rect } from "react-native-svg";
+import { Button } from "./compat/button.native.js";
+import details_native from "./compat/details.native.js";
+import index_native from "./compat/Input/index.native.js";
+import { Ol } from "./compat/ol.native.js";
+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: index_native,
+    textarea: index_native,
+    details: details_native,
+    ol: Ol,
+    path: (props)=>/*#__PURE__*/ react.createElement(Path, props),
+    svg: cssInterop(react_native_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 };

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

@@ -0,0 +1,46 @@
+import clsx from "clsx";
+const generateSpacingClasses = (prefix, spacing)=>{
+    if ('object' == typeof spacing) 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
+    };
+    if (void 0 !== spacing) 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 })=>clsx({
+        [`ds-display-${display}`]: void 0 !== display,
+        ...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': 'block' === printVisible,
+        'ds-print-visible-inline': 'inline' === printVisible,
+        '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 };

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

@@ -0,0 +1,67 @@
+import react, { useContext, useMemo, useState } from "react";
+import { View } from "react-native";
+const WrapperContext = /*#__PURE__*/ react.createContext((cls)=>cls);
+const wrap_native_Wrapper = /*#__PURE__*/ react.memo(function({ children }) {
+    const [className, setClassName] = useState('');
+    return /*#__PURE__*/ react.createElement(WrapperContext.Provider, {
+        value: setClassName
+    }, /*#__PURE__*/ react.createElement(View, {
+        className: className,
+        focusable: false
+    }, children));
+});
+wrap_native_Wrapper.displayName = 'Wrapper';
+const wrap = (Component)=>{
+    const WrappedComponent = /*#__PURE__*/ react.forwardRef(function({ 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;
+                }
+                if (cls.endsWith('__before')) {
+                    beforeClassNames.push(cls);
+                    return false;
+                }
+                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: 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 /*#__PURE__*/ react.forwardRef(function(props, ref) {
+        const children = useMemo(()=>/*#__PURE__*/ react.createElement(WrappedComponent, {
+                ...props,
+                ref: ref
+            }), []);
+        return /*#__PURE__*/ react.createElement(wrap_native_Wrapper, null, children);
+    });
+};
+export { wrap };