panelui-native 0.81.0 → 0.82.0

package/src/index.ts

@@ -334,6 +334,7 @@ export {
 } from './components/radar-chart';
 export {
   Select,
+  useSelectSearch,
   type SelectProps,
   type SelectItemProps,
   type SelectGroupProps,
@@ -514,6 +515,12 @@ export {
   type FormFieldRenderProps,
   type UseFieldOptions,
 } from './components/form';
+export {
+  ImageGeneration,
+  type ImageGenerationProps,
+  type ImageGenerationFieldProps,
+  type ImageGenerationStatus,
+} from './components/image-generation';
 export { Input, type InputProps } from './components/input';
 export {
   InputGroup,
@@ -542,14 +549,26 @@ export {
   type PanelsideItemLabelProps,
   type PanelsideItemBadgeProps,
   type PanelsideActionProps,
+  type PanelsideItemActionsProps,
   type PanelsideFooterProps,
   type PanelsideCtaProps,
   type PanelsideSceneProps,
+  type PanelsidePagesProps,
+  type PanelsidePageProps,
   type PanelsideTriggerProps,
+  type PanelsideSearchTriggerProps,
+  type PanelsideSearchSheetProps,
+  type PanelsideSearchTabsProps,
+  type PanelsideSearchTabProps,
+  type PanelsideSearchResultsProps,
+  type PanelsideSearchResultProps,
+  type PanelsideSearchFieldProps,
   type PanelsideMode,
   type PanelsideSwipeFrom,
   type PanelsideItemSize,
   type PanelsideCtaSize,
+  type PanelsideSurface,
+  type PanelsideControlVariant,
   type UsePanelsideResult,
 } from './components/panelside';
 export {
@@ -1072,6 +1091,15 @@ export {
   type ThinkingOrbState,
 } from './components/thinking-orb';
 export { Skeleton, type SkeletonProps } from './components/skeleton';
+export {
+  SlideButton,
+  useSlideButton,
+  type SlideButtonProps,
+  type SlideButtonLabelProps,
+  type SlideButtonThumbProps,
+  type SlideButtonVariant,
+  type SlideButtonSize,
+} from './components/slide-button';
 export { Slider, type SliderProps } from './components/slider';
 export {
   Sortable,

package/src/primitives/portal.tsx

@@ -75,11 +75,25 @@ export function Portal({ children }: { children: ReactNode }) {
   const store = usePortalStore('Portal');
   const key = useId();
 
+  /*
+   * Two effects, because they answer to different things.
+   *
+   * `children` is a new element on every render of whatever owns the portal,
+   * so an effect that both mounted and unmounted on it ran `unmount` then
+   * `mount` for every one of those renders — deleting the key from the store
+   * and putting it straight back, twice through `emit`, twice through a new
+   * Map, and a full re-render of the host each time. An open sheet re-rendering
+   * as its content changes paid that on every frame it changed on.
+   *
+   * Split, the update is an update and the teardown happens once, when the
+   * portal actually goes away.
+   */
   useEffect(() => {
     store.mount(key, children);
-    return () => store.unmount(key);
   }, [store, key, children]);
 
+  useEffect(() => () => store.unmount(key), [store, key]);
+
   return null;
 }