@digigov/react-core 2.0.0-13876dba → 2.0.0-16fbe090

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.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.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 };

package/Blockquote/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface BlockquoteProps extends BaseProps<'blockquote'> {
     /**
      * dense is optional.

package/Blockquote/index.js

@@ -1,26 +1,16 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const Blockquote = React.forwardRef(
-  function Blockquote2({ className, dense, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
+import Base from "../Base/index.js";
+const Blockquote_Blockquote = /*#__PURE__*/ react.forwardRef(function({ className, dense, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
         as: "blockquote",
-        ref,
+        ref: ref,
         className: clsx(className, {
-          "ds-blockquote": true,
-          "ds-blockquote--dense": dense
+            'ds-blockquote': true,
+            'ds-blockquote--dense': dense
         }),
         ...props
-      },
-      children
-    );
-  }
-);
-var Blockquote_default = Blockquote;
-export {
-  Blockquote,
-  Blockquote_default as default
-};
-//# sourceMappingURL=index.js.map
+    }, children);
+});
+const src_Blockquote = Blockquote_Blockquote;
+export { Blockquote_Blockquote as Blockquote, src_Blockquote as default };

package/Bottom/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface BottomProps extends BaseProps<'div'> {
 }
 /**

package/Bottom/index.js

@@ -1,25 +1,15 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const Bottom = React.forwardRef(
-  function Bottom2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
+import Base from "../Base/index.js";
+const Bottom_Bottom = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
         as: "div",
-        ref,
+        ref: ref,
         className: clsx(className, {
-          "ds-bottom": true
+            'ds-bottom': true
         }),
         ...props
-      },
-      children
-    );
-  }
-);
-var Bottom_default = Bottom;
-export {
-  Bottom,
-  Bottom_default as default
-};
-//# sourceMappingURL=index.js.map
+    }, children);
+});
+const src_Bottom = Bottom_Bottom;
+export { Bottom_Bottom as Bottom, src_Bottom as default };

package/BottomInfo/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContainerProps } from '@digigov/react-core/Container';
+import { ContainerProps } from '../Container/index.js';
 export interface BottomInfoProps extends ContainerProps {
 }
 /**

package/BottomInfo/index.js

@@ -1,24 +1,14 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Container from "@digigov/react-core/Container";
-const BottomInfo = React.forwardRef(
-  function BottomInfo2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Container,
-      {
-        ref,
+import Container from "../Container/index.js";
+const BottomInfo_BottomInfo = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Container, {
+        ref: ref,
         className: clsx(className, {
-          "ds-bottom-info": true
+            'ds-bottom-info': true
         }),
         ...props
-      },
-      children
-    );
-  }
-);
-var BottomInfo_default = BottomInfo;
-export {
-  BottomInfo,
-  BottomInfo_default as default
-};
-//# sourceMappingURL=index.js.map
+    }, children);
+});
+const src_BottomInfo = BottomInfo_BottomInfo;
+export { BottomInfo_BottomInfo as BottomInfo, src_BottomInfo as default };

package/BottomInfoContainer/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContainerProps } from '@digigov/react-core/Container';
+import { ContainerProps } from '../Container/index.js';
 export interface BottomInfoContainerProps extends ContainerProps {
 }
 /**

package/BottomInfoContainer/index.js

@@ -1,22 +1,14 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Container from "@digigov/react-core/Container";
-const BottomInfoContainer = React.forwardRef(function BottomInfoContainer2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Container,
-    {
-      ref,
-      className: clsx(className, {
-        "ds-bottom-info__container": true
-      }),
-      ...props
-    },
-    children
-  );
+import Container from "../Container/index.js";
+const BottomInfoContainer_BottomInfoContainer = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Container, {
+        ref: ref,
+        className: clsx(className, {
+            'ds-bottom-info__container': true
+        }),
+        ...props
+    }, children);
 });
-var BottomInfoContainer_default = BottomInfoContainer;
-export {
-  BottomInfoContainer,
-  BottomInfoContainer_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_BottomInfoContainer = BottomInfoContainer_BottomInfoContainer;
+export { BottomInfoContainer_BottomInfoContainer as BottomInfoContainer, src_BottomInfoContainer as default };

package/BottomInfoContent/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GridProps } from '@digigov/react-core/Grid';
+import { GridProps } from '../Grid/index.js';
 export interface BottomInfoContentProps extends GridProps {
 }
 /**

package/BottomInfoContent/index.js

@@ -1,24 +1,16 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Grid from "@digigov/react-core/Grid";
-const BottomInfoContent = React.forwardRef(function BottomInfoContent2({ className, xs = 12, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      item: true,
-      xs,
-      ref,
-      className: clsx(className, {
-        "ds-bottom-info__content": true
-      }),
-      ...props
-    },
-    children
-  );
+import Grid from "../Grid/index.js";
+const BottomInfoContent_BottomInfoContent = /*#__PURE__*/ react.forwardRef(function({ className, xs = 12, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Grid, {
+        item: true,
+        xs: xs,
+        ref: ref,
+        className: clsx(className, {
+            'ds-bottom-info__content': true
+        }),
+        ...props
+    }, children);
 });
-var BottomInfoContent_default = BottomInfoContent;
-export {
-  BottomInfoContent,
-  BottomInfoContent_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_BottomInfoContent = BottomInfoContent_BottomInfoContent;
+export { BottomInfoContent_BottomInfoContent as BottomInfoContent, src_BottomInfoContent as default };

package/Breadcrumbs/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface BreadcrumbsProps extends BaseProps<'div'> {
 }
 /**

package/Breadcrumbs/index.js

@@ -1,26 +1,16 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const Breadcrumbs = React.forwardRef(
-  function Breadcrumbs2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
+import Base from "../Base/index.js";
+const Breadcrumbs_Breadcrumbs = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
         as: "nav",
         "aria-label": "Breadcrumb",
-        ref,
+        ref: ref,
         className: clsx(className, {
-          "ds-breadcrumbs": true
+            'ds-breadcrumbs': true
         }),
         ...props
-      },
-      children
-    );
-  }
-);
-var Breadcrumbs_default = Breadcrumbs;
-export {
-  Breadcrumbs,
-  Breadcrumbs_default as default
-};
-//# sourceMappingURL=index.js.map
+    }, children);
+});
+const src_Breadcrumbs = Breadcrumbs_Breadcrumbs;
+export { Breadcrumbs_Breadcrumbs as Breadcrumbs, src_Breadcrumbs as default };

package/BreadcrumbsList/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface BreadcrumbsListProps extends BaseProps<'ol'> {
 }
 /**

package/BreadcrumbsList/index.js

@@ -1,23 +1,15 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const BreadcrumbsList = React.forwardRef(function BreadcrumbsList2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "ol",
-      ref,
-      className: clsx(className, {
-        "ds-breadcrumbs__list": true
-      }),
-      ...props
-    },
-    children
-  );
+import Base from "../Base/index.js";
+const BreadcrumbsList_BreadcrumbsList = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
+        as: "ol",
+        ref: ref,
+        className: clsx(className, {
+            'ds-breadcrumbs__list': true
+        }),
+        ...props
+    }, children);
 });
-var BreadcrumbsList_default = BreadcrumbsList;
-export {
-  BreadcrumbsList,
-  BreadcrumbsList_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_BreadcrumbsList = BreadcrumbsList_BreadcrumbsList;
+export { BreadcrumbsList_BreadcrumbsList as BreadcrumbsList, src_BreadcrumbsList as default };

package/BreadcrumbsListItemLinkBase/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+import { LinkBaseProps } from '../LinkBase/index.js';
 export interface BreadcrumbsListItemLinkBaseProps extends LinkBaseProps {
 }
 /**

package/BreadcrumbsListItemLinkBase/index.js

@@ -1,23 +1,15 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import { LinkBase } from "@digigov/react-core/LinkBase";
-const BreadcrumbsListItemLinkBase = React.forwardRef(function BreadcrumbsListItemLinkBase2({ href, className, children }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    LinkBase,
-    {
-      href,
-      className: clsx(className, {
-        "ds-breadcrumbs__link": true,
-        "ds-breadcrumbs__link--inactive": href === void 0
-      }),
-      ref
-    },
-    children
-  );
+import { LinkBase } from "../LinkBase/index.js";
+const BreadcrumbsListItemLinkBase_BreadcrumbsListItemLinkBase = /*#__PURE__*/ react.forwardRef(function({ href, className, children }, ref) {
+    return /*#__PURE__*/ react.createElement(LinkBase, {
+        href: href,
+        className: clsx(className, {
+            'ds-breadcrumbs__link': true,
+            'ds-breadcrumbs__link--inactive': void 0 === href
+        }),
+        ref: ref
+    }, children);
 });
-var BreadcrumbsListItemLinkBase_default = BreadcrumbsListItemLinkBase;
-export {
-  BreadcrumbsListItemLinkBase,
-  BreadcrumbsListItemLinkBase_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_BreadcrumbsListItemLinkBase = BreadcrumbsListItemLinkBase_BreadcrumbsListItemLinkBase;
+export { BreadcrumbsListItemLinkBase_BreadcrumbsListItemLinkBase as BreadcrumbsListItemLinkBase, src_BreadcrumbsListItemLinkBase as default };

package/BreadcrumbsListItemWrapper/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface BreadcrumbsListItemWrapperProps extends BaseProps<'li'> {
 }
 /**

package/BreadcrumbsListItemWrapper/index.js

@@ -1,23 +1,15 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const BreadcrumbsListItemWrapper = React.forwardRef(function BreadcrumbsListItemWrapper2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "li",
-      ref,
-      className: clsx(className, {
-        "ds-breadcrumbs__list-item": true
-      }),
-      ...props
-    },
-    children
-  );
+import Base from "../Base/index.js";
+const BreadcrumbsListItemWrapper_BreadcrumbsListItemWrapper = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
+        as: "li",
+        ref: ref,
+        className: clsx(className, {
+            'ds-breadcrumbs__list-item': true
+        }),
+        ...props
+    }, children);
 });
-var BreadcrumbsListItemWrapper_default = BreadcrumbsListItemWrapper;
-export {
-  BreadcrumbsListItemWrapper,
-  BreadcrumbsListItemWrapper_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_BreadcrumbsListItemWrapper = BreadcrumbsListItemWrapper_BreadcrumbsListItemWrapper;
+export { BreadcrumbsListItemWrapper_BreadcrumbsListItemWrapper as BreadcrumbsListItemWrapper, src_BreadcrumbsListItemWrapper as default };

package/Button/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface ButtonProps extends BaseProps<'button'> {
     /**
      * color is optional.

package/Button/index.js

@@ -1,43 +1,25 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const Button = React.forwardRef(
-  function Button2({
-    color = "primary",
-    variant = "button",
-    dense,
-    disabled,
-    printHidden = true,
-    className,
-    children,
-    ...props
-  }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
+import Base from "../Base/index.js";
+const Button_Button = /*#__PURE__*/ react.forwardRef(function({ color = 'primary', variant = 'button', dense, disabled, printHidden = true, className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
         as: "button",
-        disabled,
-        printHidden,
-        ref,
+        disabled: disabled,
+        printHidden: printHidden,
+        ref: ref,
         className: clsx(className, {
-          "ds-link": variant === "link",
-          "ds-link-warning": variant === "link" && color === "warning",
-          "ds-btn": variant === "button",
-          "ds-btn--dense": dense,
-          "ds-btn-primary": variant === "button" && color === "primary",
-          "ds-btn-secondary": variant === "button" && color === "secondary",
-          "ds-btn-warning": variant === "button" && color === "warning",
-          "ds-btn--disabled": variant === "button" && disabled
+            'ds-link': 'link' === variant,
+            'ds-link-warning': 'link' === variant && 'warning' === color,
+            'ds-link--disabled': 'link' === variant && disabled,
+            'ds-btn': 'button' === variant,
+            'ds-btn--dense': dense,
+            'ds-btn-primary': 'button' === variant && 'primary' === color,
+            'ds-btn-secondary': 'button' === variant && 'secondary' === color,
+            'ds-btn-warning': 'button' === variant && 'warning' === color,
+            'ds-btn--disabled': 'button' === variant && disabled
         }),
         ...props
-      },
-      children
-    );
-  }
-);
-var Button_default = Button;
-export {
-  Button,
-  Button_default as default
-};
-//# sourceMappingURL=index.js.map
+    }, children);
+});
+const src_Button = Button_Button;
+export { Button_Button as Button, src_Button as default };

package/ButtonGroup/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface ButtonGroupProps extends BaseProps<'div'> {
 }
 /**