@delightui/components 0.1.21 → 0.1.22

package/dist/esm/components/atoms/ResponsiveComponent/ResponsiveComponent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BreakpointProps, ResponsiveComponentProps } from './ResponsiveComponent.types';
+export declare const Breakpoint: <T>({ children }: BreakpointProps<T>) => React.JSX.Element;
+declare const ResponsiveComponent: <T>(props: ResponsiveComponentProps<T>) => React.JSX.Element;
+export default ResponsiveComponent;

package/dist/esm/components/atoms/ResponsiveComponent/ResponsiveComponent.types.d.ts

@@ -0,0 +1,8 @@
+export type ResponsiveComponentProps<T> = {
+    component: React.FC<T>;
+    children: React.ReactElement<BreakpointProps<T>>[];
+};
+export type BreakpointProps<T> = {
+    width: number;
+    children: React.ReactElement<T>;
+};

package/dist/esm/components/atoms/ResponsiveComponent/index.d.ts

@@ -0,0 +1,5 @@
+import ResponsiveComponent, { Breakpoint } from './ResponsiveComponent';
+import type { ResponsiveComponentProps, BreakpointProps } from './ResponsiveComponent.types';
+export type { ResponsiveComponentProps, BreakpointProps };
+export { Breakpoint };
+export default ResponsiveComponent;

package/dist/esm/components/atoms/index.d.ts

@@ -11,6 +11,7 @@ export { default as Password } from './Password';
 export { default as Spinner } from './Spinner';
 export { default as Text } from './Text';
 export { default as TextArea } from './TextArea';
+export { default as ResponsiveComponent } from './ResponsiveComponent';
 export * from './ActionCard';
 export * from './ActionImage';
 export * from './Button';
@@ -24,3 +25,4 @@ export * from './Password';
 export * from './Spinner';
 export * from './Text';
 export * from './TextArea';
+export * from './ResponsiveComponent';