@digigov/react-core 2.0.8 → 2.0.9-platform-196.17-02-26-12-34

package/Base/compat/Input/index.native.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { CheckboxInputProps } from './CheckboxInput.native.js';
-import { RadioInputProps } from './RadioInput.native.js';
-import { StringInputProps } from './StringInput.native.js';
-type InputProps = RadioInputProps | CheckboxInputProps | StringInputProps;
-export declare const BaseInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export default BaseInput;

package/Base/compat/Input/index.native.js

@@ -1,25 +0,0 @@
-import react from "react";
-import CheckboxInput_native from "./CheckboxInput.native.js";
-import RadioInput_native from "./RadioInput.native.js";
-import { StringInput } from "./StringInput.native.js";
-const index_native_BaseInput = /*#__PURE__*/ react.forwardRef(function(props, ref) {
-    switch(props.type){
-        case 'radio':
-            return /*#__PURE__*/ react.createElement(RadioInput_native, {
-                ref: ref,
-                ...props
-            });
-        case 'checkbox':
-            return /*#__PURE__*/ react.createElement(CheckboxInput_native, {
-                ref: ref,
-                ...props
-            });
-        default:
-            return /*#__PURE__*/ react.createElement(StringInput, {
-                ref: ref,
-                ...props
-            });
-    }
-});
-const index_native = index_native_BaseInput;
-export { index_native_BaseInput as BaseInput, index_native as default };

package/Base/compat/button.native.d.ts

@@ -1,5 +0,0 @@
-import React, { ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
-export type ButtonProps = Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'ref'>;
-export declare const FormButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;
-export declare const CompatButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;

package/Base/compat/button.native.js

@@ -1,36 +0,0 @@
-import react, { useContext } from "react";
-import { Pressable } from "react-native";
-import { FormContext } from "@digigov/form/FormContext";
-const button_native_FormButton = /*#__PURE__*/ react.forwardRef(function({ onClick, ...props }, ref) {
-    const formContext = useContext(FormContext);
-    return /*#__PURE__*/ react.createElement(button_native_CompatButton, {
-        ref: ref,
-        ...props,
-        onClick: ()=>{
-            if (onClick) onClick({});
-            if (props.type) formContext?.[props.type]();
-        }
-    });
-});
-const button_native_CompatButton = /*#__PURE__*/ react.forwardRef(function({ onClick, ...props }, ref) {
-    return /*#__PURE__*/ react.createElement(Pressable, {
-        onPress: onClick,
-        ref: ref,
-        hitSlop: 10,
-        ...props
-    });
-});
-const button_native_Button = /*#__PURE__*/ react.forwardRef(function(props, ref) {
-    if (props.type && [
-        'submit',
-        'reset'
-    ].includes(props.type)) return /*#__PURE__*/ react.createElement(button_native_FormButton, {
-        ref: ref,
-        ...props
-    });
-    return /*#__PURE__*/ react.createElement(button_native_CompatButton, {
-        ref: ref,
-        ...props
-    });
-});
-export { button_native_Button as Button, button_native_CompatButton as CompatButton, button_native_FormButton as FormButton };

package/Base/compat/details.native.d.ts

@@ -1,9 +0,0 @@
-import React, { DetailedHTMLProps, DetailsHTMLAttributes } from 'react';
-type HTMLElementProps = Omit<DetailedHTMLProps<DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, 'ref'> & {
-    closeIcon?: string;
-    openIcon?: string;
-    iconClassName?: string;
-    placement?: 'before' | 'after';
-};
-declare const CompatDetails: ({ children, open, placement, closeIcon, openIcon, iconClassName, ...props }: HTMLElementProps) => React.JSX.Element;
-export default CompatDetails;

package/Base/compat/details.native.js

@@ -1,29 +0,0 @@
-import react, { Children, useEffect, useState } from "react";
-import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
-const CompatDetails = ({ children, open = false, placement, closeIcon, openIcon, iconClassName, ...props })=>{
-    const [isExpanded, setIsExpanded] = useState(open);
-    useEffect(()=>{
-        setIsExpanded(open);
-    }, [
-        open
-    ]);
-    const toggleExpand = ()=>{
-        setIsExpanded(!isExpanded);
-    };
-    const [summaryContent, ...detailsContent] = Children.toArray(children);
-    const toggleIcon = closeIcon && openIcon ? /*#__PURE__*/ react.createElement(Text, {
-        className: iconClassName
-    }, isExpanded ? openIcon : closeIcon) : null;
-    return /*#__PURE__*/ react.createElement(View, props, /*#__PURE__*/ react.createElement(TouchableOpacity, {
-        onPress: toggleExpand,
-        style: styles.summaryContainer
-    }, 'before' === placement && toggleIcon, summaryContent, 'after' === placement && toggleIcon), isExpanded && /*#__PURE__*/ react.createElement(View, null, detailsContent));
-};
-const styles = StyleSheet.create({
-    summaryContainer: {
-        flexDirection: 'row',
-        alignItems: 'center'
-    }
-});
-const details_native = CompatDetails;
-export { details_native as default };

package/Base/compat/li.native.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-type LiProps = Record<string, any>;
-export declare const Li: (props: LiProps) => React.JSX.Element;
-export {};

package/Base/compat/li.native.js

@@ -1,4 +0,0 @@
-import react from "react";
-import { View } from "react-native";
-const Li = (props)=>/*#__PURE__*/ react.createElement(View, props);
-export { Li };

package/Base/compat/ol.native.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const Ol: ({ children, className, ...props }: {
-    [x: string]: any;
-    children: any;
-    className: any;
-}) => React.JSX.Element;

package/Base/compat/ol.native.js

@@ -1,24 +0,0 @@
-import react from "react";
-import { Text, View } from "react-native";
-const Ol = ({ children, className, ...props })=>{
-    let listStyle = 'none';
-    if (className.includes('ds-list--bullet')) listStyle = 'bullet';
-    if (className.includes('ds-list--number')) listStyle = 'number';
-    return /*#__PURE__*/ react.createElement(View, {
-        ...props,
-        className: className
-    }, Array.isArray(children) ? children.map((child, index)=>{
-        const counter = 'number' === listStyle ? index + 1 : 'bullet' === listStyle ? '•' : null;
-        return /*#__PURE__*/ react.createElement(View, {
-            key: index,
-            style: {
-                display: 'flex',
-                flexDirection: 'row',
-                flexWrap: 'nowrap',
-                gap: 8,
-                width: '100%'
-            }
-        }, /*#__PURE__*/ react.createElement(Text, null, counter), child);
-    }) : children);
-};
-export { Ol };

package/Base/index.d.ts

@@ -1,2 +0,0 @@
-export * from './index.web.js';
-export { default as default } from './index.web.js';

package/Base/index.js

@@ -1,3 +0,0 @@
-import index_web from "./index.web.js";
-export * from "./index.web.js";
-export { index_web as default };

package/Base/index.native.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,111 +0,0 @@
-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

@@ -1,104 +0,0 @@
-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

@@ -1,53 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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

@@ -1,40 +0,0 @@
-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

@@ -1,46 +0,0 @@
-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

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

package/Base/wrap.native.js

@@ -1,67 +0,0 @@
-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 };