@delightui/components 0.1.108 → 0.1.109

package/dist/cjs/components/utils/index.d.ts

@@ -1,9 +1,11 @@
 export { ConditionalView } from './ConditionalView';
 export { WrapTextNodes } from './WrapTextNodes';
 export { RenderStateView } from './RenderStateView';
+export { useInflateView } from './useInflateView';
 export type { AccessibilityActions, AccessibilityProps } from './accessibilityUtils';
 export { getClickAccessibilityProps } from './accessibilityUtils';
 export * from './ConditionalView';
 export * from './WrapTextNodes';
 export * from './RenderStateView';
+export * from './useInflateView';
 export * from './utils';

package/dist/cjs/components/utils/useInflateView/index.d.ts

@@ -0,0 +1,2 @@
+export { useInflateView, default } from './useInflateView';
+export type { UseInflateViewReturn, UseInflateViewParams } from './useInflateView.types';

package/dist/cjs/components/utils/useInflateView/useInflateView.d.ts

@@ -0,0 +1,42 @@
+import type { ComponentType, ReactElement } from 'react';
+/**
+ * A hook that takes a component type and props and returns a memoized React element.
+ * This is useful for creating reusable component instances with memoization to prevent
+ * unnecessary re-renders when props haven't changed.
+ *
+ * @template T - The props type for the component
+ * @param Component - React component to render
+ * @param props - Props to pass to the component
+ * @returns Memoized React element
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = ({ title, count }) => (
+ *   <div>
+ *     <h1>{title}</h1>
+ *     <p>Count: {count}</p>
+ *   </div>
+ * );
+ *
+ * function ParentComponent() {
+ *   const [count, setCount] = useState(0);
+ *
+ *   // This view will only re-render when title or count changes
+ *   const inflatedView = useInflateView(MyComponent, {
+ *     title: 'My Title',
+ *     count: count
+ *   });
+ *
+ *   return (
+ *     <div>
+ *       {inflatedView}
+ *       <button onClick={() => setCount(c => c + 1)}>
+ *         Increment
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare const useInflateView: <T extends Record<string, unknown>>(Component: ComponentType<T>, props: T) => ReactElement;
+export default useInflateView;

package/dist/cjs/components/utils/useInflateView/useInflateView.types.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentType, ReactElement } from 'react';
+/**
+ * Return type for the useInflateView hook.
+ */
+export type UseInflateViewReturn = ReactElement;
+/**
+ * Parameters for the useInflateView hook.
+ */
+export type UseInflateViewParams<T extends Record<string, unknown>> = {
+    Component: ComponentType<T>;
+    props: T;
+};