panelui-native 0.80.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 {
@@ -833,6 +852,8 @@ export {
   type PlannerNavProps,
   type PlannerActionProps,
   type PlannerGridProps,
+  type PlannerScrollerProps,
+  type PlannerVariant,
   type PlannerDayProps,
   type PlannerDayState,
   type PlannerDayRenderer,
@@ -1070,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;
 }
 

package/src/utils/date.ts

@@ -535,13 +535,23 @@ export function monthNames(locale: DateLocale, style: 'long' | 'short' = 'long')
 }
 
 /** Column headings, rotated so the first one is `weekStartsOn`. */
-export function weekdayNames(locale: DateLocale, weekStartsOn: number): string[] {
+export function weekdayNames(
+  locale: DateLocale,
+  weekStartsOn: number,
+  /*
+   * `narrow` is a single letter in most locales, and several of them repeat —
+   * English has T twice and S twice. That is only safe where the column it
+   * heads is already unambiguous by position, which is why it is a caller's
+   * choice rather than the default.
+   */
+  width: 'short' | 'narrow' = 'short'
+): string[] {
   const first = normalizeWeekStart(weekStartsOn);
   // 2021-08-01 was a Sunday, so adding the index lands on each weekday in turn.
   return Array.from({ length: 7 }, (_unused, day) => {
     const index = (day + first) % 7;
-    const formatted = formatGregory(new Date(2021, 7, 1 + index), locale, { weekday: 'short' });
-    return formatted ?? WEEKDAYS_EN[index]!;
+    const formatted = formatGregory(new Date(2021, 7, 1 + index), locale, { weekday: width });
+    return formatted ?? (width === 'narrow' ? WEEKDAYS_EN[index]![0]! : WEEKDAYS_EN[index]!);
   });
 }