react-native-terra-ui 0.5.1 → 0.7.0

package/src/components/page-indicator/variants/DotIndicator/LoadingOrbit.tsx

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect } from "react";
 
 import Animated, {
   Extrapolation,
@@ -8,32 +8,25 @@ import Animated, {
   useAnimatedStyle,
   useFrameCallback,
   useSharedValue,
-} from 'react-native-reanimated';
-import Svg, { Circle } from 'react-native-svg';
+} from "react-native-reanimated";
+import Svg, { Circle } from "react-native-svg";
 
-import { DOT_INDICATOR_GEOMETRY, pageIndicatorDotCenter } from './utils';
+import { DOT_INDICATOR_GEOMETRY, pageIndicatorDotCenter } from "./utils";
 
 const ORBIT_ARCS = [
-  { id: 'arc-1', arcDegrees: 120, duration: 800, delay: 0 },
-  { id: 'arc-2', arcDegrees: 60, duration: 1200, delay: 50 },
-  { id: 'arc-3', arcDegrees: 30, duration: 1600, delay: 200 },
+  { id: "arc-1", arcDegrees: 120, duration: 800, delay: 0 },
+  { id: "arc-2", arcDegrees: 60, duration: 1200, delay: 50 },
+  { id: "arc-3", arcDegrees: 30, duration: 1600, delay: 200 },
 ] as const;
 
-const ORBIT_LOOP_DURATION = Math.max(
-  ...ORBIT_ARCS.map((arc) => arc.delay + arc.duration)
-);
+const ORBIT_LOOP_DURATION = Math.max(...ORBIT_ARCS.map((arc) => arc.delay + arc.duration));
 
 const ORBIT_SETTLE_THRESHOLD = 0.04;
 
 const AnimatedCircle = Animated.createAnimatedComponent(Circle);
 
-function computeSweepArcState(
-  clock: number,
-  delay: number,
-  duration: number,
-  arcDegrees: number
-) {
-  'worklet';
+function computeSweepArcState(clock: number, delay: number, duration: number, arcDegrees: number) {
+  "worklet";
   const elapsed = clock * ORBIT_LOOP_DURATION;
   const localProgress = Math.min(Math.max((elapsed - delay) / duration, 0), 1);
   const leadTravel = 360 + arcDegrees;
@@ -53,23 +46,11 @@ interface SweepArcProps {
   clock: SharedValue<number>;
 }
 
-function SweepArc({
-  color,
-  arcDegrees,
-  duration,
-  delay,
-  clock,
-}: SweepArcProps) {
-  const { ringSize, ringStroke, ringRadius, ringCircumference } =
-    DOT_INDICATOR_GEOMETRY;
+function SweepArc({ color, arcDegrees, duration, delay, clock }: SweepArcProps) {
+  const { ringSize, ringStroke, ringRadius, ringCircumference } = DOT_INDICATOR_GEOMETRY;
 
   const containerStyle = useAnimatedStyle(() => {
-    const { tailVisible, visibleDegrees } = computeSweepArcState(
-      clock.value,
-      delay,
-      duration,
-      arcDegrees
-    );
+    const { tailVisible, visibleDegrees } = computeSweepArcState(clock.value, delay, duration, arcDegrees);
 
     return {
       opacity: visibleDegrees > 0.01 ? 1 : 0,
@@ -78,12 +59,7 @@ function SweepArc({
   });
 
   const animatedProps = useAnimatedProps(() => {
-    const { visibleDegrees } = computeSweepArcState(
-      clock.value,
-      delay,
-      duration,
-      arcDegrees
-    );
+    const { visibleDegrees } = computeSweepArcState(clock.value, delay, duration, arcDegrees);
     const dash = (ringCircumference * visibleDegrees) / 360;
 
     return { strokeDasharray: [dash, ringCircumference] };
@@ -92,10 +68,7 @@ function SweepArc({
   return (
     <Animated.View
       pointerEvents="none"
-      style={[
-        { position: 'absolute', width: ringSize, height: ringSize },
-        containerStyle,
-      ]}
+      style={[{ position: "absolute", width: ringSize, height: ringSize }, containerStyle]}
     >
       <Svg width={ringSize} height={ringSize}>
         <AnimatedCircle
@@ -121,13 +94,7 @@ interface LoadingOrbitProps {
   vertical: boolean;
 }
 
-export function LoadingOrbit({
-  color,
-  count,
-  loading,
-  progress,
-  vertical,
-}: LoadingOrbitProps) {
+export function LoadingOrbit({ color, count, loading, progress, vertical }: LoadingOrbitProps) {
   const { dotSize, slot, crossSize, ringSize } = DOT_INDICATOR_GEOMETRY;
   const crossOffset = (crossSize - ringSize) / 2;
   const clock = useSharedValue(0);
@@ -140,10 +107,7 @@ export function LoadingOrbit({
   const frameCallback = useFrameCallback((frame) => {
     if (!loadingActive.value) return;
 
-    const activeIndex = Math.min(
-      Math.max(Math.round(progress.value), 0),
-      count - 1
-    );
+    const activeIndex = Math.min(Math.max(Math.round(progress.value), 0), count - 1);
     const settleDistance = Math.abs(progress.value - activeIndex);
 
     if (settleDistance >= ORBIT_SETTLE_THRESHOLD) return;
@@ -157,19 +121,13 @@ export function LoadingOrbit({
   }, [frameCallback, loading]);
 
   const containerStyle = useAnimatedStyle(() => {
-    const activeIndex = Math.min(
-      Math.max(Math.round(progress.value), 0),
-      count - 1
-    );
+    const activeIndex = Math.min(Math.max(Math.round(progress.value), 0), count - 1);
     const settleDistance = Math.abs(progress.value - activeIndex);
-    const mainOffset =
-      pageIndicatorDotCenter(activeIndex, slot, dotSize) - ringSize / 2;
+    const mainOffset = pageIndicatorDotCenter(activeIndex, slot, dotSize) - ringSize / 2;
 
     return {
       ...(vertical ? { top: mainOffset } : { left: mainOffset }),
-      opacity: loadingActive.value
-        ? interpolate(settleDistance, [0, 0.12], [1, 0], Extrapolation.CLAMP)
-        : 0,
+      opacity: loadingActive.value ? interpolate(settleDistance, [0, 0.12], [1, 0], Extrapolation.CLAMP) : 0,
     };
   });
 
@@ -178,7 +136,7 @@ export function LoadingOrbit({
       pointerEvents="none"
       style={[
         {
-          position: 'absolute',
+          position: "absolute",
           ...(vertical
             ? { left: crossOffset, width: ringSize, height: ringSize }
             : { top: crossOffset, width: ringSize, height: ringSize }),

package/src/components/page-indicator/variants/DotIndicator/TravelingPill.tsx

@@ -3,9 +3,9 @@ import Animated, {
   interpolate,
   type SharedValue,
   useAnimatedStyle,
-} from 'react-native-reanimated';
+} from "react-native-reanimated";
 
-import { DOT_INDICATOR_GEOMETRY, pageIndicatorDotCenter } from './utils';
+import { DOT_INDICATOR_GEOMETRY, pageIndicatorDotCenter } from "./utils";
 
 interface TravelingPillProps {
   activeColor: string;
@@ -19,21 +19,13 @@ interface TravelingPillProps {
  * its leading edge advances first (stretch), then its trailing edge catches up
  * (collapse).
  */
-export function TravelingPill({
-  activeColor,
-  count,
-  progress,
-  vertical,
-}: TravelingPillProps) {
+export function TravelingPill({ activeColor, count, progress, vertical }: TravelingPillProps) {
   const { dotSize, slot, crossSize } = DOT_INDICATOR_GEOMETRY;
   const crossOffset = (crossSize - dotSize) / 2;
 
   const animatedStyle = useAnimatedStyle(() => {
     const maxSegment = Math.max(0, count - 2);
-    const segment = Math.min(
-      Math.max(Math.floor(progress.value), 0),
-      maxSegment
-    );
+    const segment = Math.min(Math.max(Math.floor(progress.value), 0), maxSegment);
     const frac = progress.value - segment;
 
     const from = pageIndicatorDotCenter(segment, slot, dotSize);
@@ -65,10 +57,8 @@ export function TravelingPill({
       pointerEvents="none"
       style={[
         {
-          position: 'absolute',
-          ...(vertical
-            ? { left: crossOffset, width: dotSize }
-            : { top: crossOffset, height: dotSize }),
+          position: "absolute",
+          ...(vertical ? { left: crossOffset, width: dotSize } : { top: crossOffset, height: dotSize }),
           borderRadius: 999,
           backgroundColor: activeColor,
           zIndex: 2,

package/src/components/page-indicator/variants/DotIndicator/index.tsx

@@ -1,13 +1,12 @@
-import { useMemo } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
+import { useMemo } from "react";
+import type { StyleProp, ViewStyle } from "react-native";
 
-import type { SharedValue } from 'react-native-reanimated';
-import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import type { SharedValue } from "react-native-reanimated";
+import Animated, { useAnimatedStyle } from "react-native-reanimated";
 
-import type { ColorToken } from '#theme/types';
-
-import { usePageIndicatorCore } from '../../hooks/use-page-indicator-core';
-import { PageIndicatorRoot } from '../../PageIndicatorRoot';
+import type { ColorToken } from "#theme/types";
+import { usePageIndicatorCore } from "../../hooks/use-page-indicator-core";
+import { PageIndicatorRoot } from "../../PageIndicatorRoot";
 import {
   computePageIndicatorWindowTranslate,
   DEFAULT_PAGE_INDICATOR_MAX_VISIBLE,
@@ -15,12 +14,11 @@ import {
   pageIndicatorAxisTranslateStyle,
   pageIndicatorTrackMainSize,
   pageIndicatorViewportMainSize,
-} from '../../utils';
-
-import { InactiveDot } from './InactiveDot';
-import { LoadingOrbit } from './LoadingOrbit';
-import { TravelingPill } from './TravelingPill';
-import { DOT_INDICATOR_GEOMETRY } from './utils';
+} from "../../utils";
+import { InactiveDot } from "./InactiveDot";
+import { LoadingOrbit } from "./LoadingOrbit";
+import { TravelingPill } from "./TravelingPill";
+import { DOT_INDICATOR_GEOMETRY } from "./utils";
 
 export interface DotIndicatorProps {
   /** Number of pages represented by the indicator. */
@@ -62,37 +60,21 @@ export function DotIndicator({
   maxVisible = DEFAULT_PAGE_INDICATOR_MAX_VISIBLE,
   style,
 }: DotIndicatorProps) {
-  const { colors, progress } = usePageIndicatorCore(
-    count,
-    current,
-    'dot',
-    duration,
-    { activeColor, inactiveColor, loadingColor }
-  );
+  const { colors, progress } = usePageIndicatorCore(count, current, "dot", duration, {
+    activeColor,
+    inactiveColor,
+    loadingColor,
+  });
 
   const { dotSize, slot, crossSize, inactiveOpacity } = DOT_INDICATOR_GEOMETRY;
-  const viewportMainSize = pageIndicatorViewportMainSize(
-    count,
-    slot,
-    dotSize,
-    maxVisible
-  );
+  const viewportMainSize = pageIndicatorViewportMainSize(count, slot, dotSize, maxVisible);
   const fullTrackMainSize = pageIndicatorTrackMainSize(count, slot, dotSize);
   const overflows = count > maxVisible;
 
-  const indices = useMemo(
-    () => Array.from({ length: count }, (_, index) => index),
-    [count]
-  );
+  const indices = useMemo(() => Array.from({ length: count }, (_, index) => index), [count]);
 
   const trackStyle = useAnimatedStyle(() => {
-    const translate = computePageIndicatorWindowTranslate(
-      count,
-      progress.value,
-      slot,
-      dotSize,
-      maxVisible
-    );
+    const translate = computePageIndicatorWindowTranslate(count, progress.value, slot, dotSize, maxVisible);
 
     return pageIndicatorAxisTranslateStyle(vertical, translate);
   });

package/src/components/page-indicator/variants/DotIndicator/utils.ts

@@ -18,11 +18,7 @@ export const DOT_INDICATOR_GEOMETRY = {
 } as const;
 
 /** Main-axis center of dot `index` within the track. */
-export function pageIndicatorDotCenter(
-  index: number,
-  slot: number,
-  dotSize: number
-): number {
-  'worklet';
+export function pageIndicatorDotCenter(index: number, slot: number, dotSize: number): number {
+  "worklet";
   return index * slot + dotSize / 2;
 }

package/src/components/page-indicator/variants/PillIndicator/PillIndicatorDot.tsx

@@ -4,17 +4,16 @@ import Animated, {
   interpolateColor,
   type SharedValue,
   useAnimatedStyle,
-} from 'react-native-reanimated';
-
-import type { PillJumpState } from '../../hooks/use-page-indicator-progress';
-import { pageIndicatorWindowScale } from '../../utils';
+} from "react-native-reanimated";
 
+import type { PillJumpState } from "../../hooks/use-page-indicator-progress";
+import { pageIndicatorWindowScale } from "../../utils";
 import {
   PILL_INDICATOR_GEOMETRY,
   pillIndicatorDotDistance,
   pillIndicatorJumpDisplayProgress,
   readPillJumpState,
-} from './utils';
+} from "./utils";
 
 interface PillIndicatorDotProps {
   activeColor: string;
@@ -39,8 +38,7 @@ export function PillIndicatorDot({
   progress,
   vertical,
 }: PillIndicatorDotProps) {
-  const { dotSize, activeWidth, inactiveOpacity, inactiveScale, slot } =
-    PILL_INDICATOR_GEOMETRY;
+  const { dotSize, activeWidth, inactiveOpacity, inactiveScale, slot } = PILL_INDICATOR_GEOMETRY;
 
   const animatedStyle = useAnimatedStyle(() => {
     const jump = readPillJumpState(pillJump);
@@ -51,55 +49,19 @@ export function PillIndicatorDot({
       jump.to,
       jump.t
     );
-    const distance = pillIndicatorDotDistance(
-      index,
-      progress.value,
-      jump.active,
-      jump.from,
-      jump.to,
-      jump.t
-    );
+    const distance = pillIndicatorDotDistance(index, progress.value, jump.active, jump.from, jump.to, jump.t);
 
-    const mainSize = interpolate(
-      distance,
-      [0, 1],
-      [activeWidth, dotSize],
-      Extrapolation.CLAMP
-    );
-    const activeScale = interpolate(
-      distance,
-      [0, 1],
-      [1, inactiveScale],
-      Extrapolation.CLAMP
-    );
+    const mainSize = interpolate(distance, [0, 1], [activeWidth, dotSize], Extrapolation.CLAMP);
+    const activeScale = interpolate(distance, [0, 1], [1, inactiveScale], Extrapolation.CLAMP);
     const edgeScale = overflows
-      ? pageIndicatorWindowScale(
-          index,
-          displayProgress,
-          count,
-          slot,
-          dotSize,
-          maxVisible,
-          activeWidth
-        )
+      ? pageIndicatorWindowScale(index, displayProgress, count, slot, dotSize, maxVisible, activeWidth)
       : 1;
 
     return {
-      ...(vertical
-        ? { width: dotSize, height: mainSize }
-        : { width: mainSize, height: dotSize }),
-      opacity: interpolate(
-        distance,
-        [0, 1],
-        [1, inactiveOpacity],
-        Extrapolation.CLAMP
-      ),
+      ...(vertical ? { width: dotSize, height: mainSize } : { width: mainSize, height: dotSize }),
+      opacity: interpolate(distance, [0, 1], [1, inactiveOpacity], Extrapolation.CLAMP),
       transform: [{ scale: activeScale * edgeScale }],
-      backgroundColor: interpolateColor(
-        distance,
-        [0, 1],
-        [activeColor, inactiveColor]
-      ),
+      backgroundColor: interpolateColor(distance, [0, 1], [activeColor, inactiveColor]),
     };
   });
 

package/src/components/page-indicator/variants/PillIndicator/index.tsx

@@ -1,13 +1,12 @@
-import { useMemo } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
+import { useMemo } from "react";
+import type { StyleProp, ViewStyle } from "react-native";
 
-import type { SharedValue } from 'react-native-reanimated';
-import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import type { SharedValue } from "react-native-reanimated";
+import Animated, { useAnimatedStyle } from "react-native-reanimated";
 
-import type { ColorToken } from '#theme/types';
-
-import { usePageIndicatorCore } from '../../hooks/use-page-indicator-core';
-import { PageIndicatorRoot } from '../../PageIndicatorRoot';
+import type { ColorToken } from "#theme/types";
+import { usePageIndicatorCore } from "../../hooks/use-page-indicator-core";
+import { PageIndicatorRoot } from "../../PageIndicatorRoot";
 import {
   computePageIndicatorWindowTranslate,
   DEFAULT_PAGE_INDICATOR_MAX_VISIBLE,
@@ -15,13 +14,9 @@ import {
   pageIndicatorAxisTranslateStyle,
   pageIndicatorTrackMainSize,
   pageIndicatorViewportMainSize,
-} from '../../utils';
-
-import { PillIndicatorDot } from './PillIndicatorDot';
-import {
-  PILL_INDICATOR_GEOMETRY,
-  pillIndicatorJumpDisplayProgress,
-} from './utils';
+} from "../../utils";
+import { PillIndicatorDot } from "./PillIndicatorDot";
+import { PILL_INDICATOR_GEOMETRY, pillIndicatorJumpDisplayProgress } from "./utils";
 
 export interface PillIndicatorProps {
   /** Number of pages represented by the indicator. */
@@ -57,34 +52,17 @@ export function PillIndicator({
   maxVisible = DEFAULT_PAGE_INDICATOR_MAX_VISIBLE,
   style,
 }: PillIndicatorProps) {
-  const { colors, pillJump, progress } = usePageIndicatorCore(
-    count,
-    current,
-    'pill',
-    duration,
-    { activeColor, inactiveColor }
-  );
+  const { colors, pillJump, progress } = usePageIndicatorCore(count, current, "pill", duration, {
+    activeColor,
+    inactiveColor,
+  });
 
   const { dotSize, gap, slot, activeWidth } = PILL_INDICATOR_GEOMETRY;
-  const viewportMainSize = pageIndicatorViewportMainSize(
-    count,
-    slot,
-    dotSize,
-    maxVisible,
-    activeWidth
-  );
-  const fullTrackMainSize = pageIndicatorTrackMainSize(
-    count,
-    slot,
-    dotSize,
-    activeWidth
-  );
+  const viewportMainSize = pageIndicatorViewportMainSize(count, slot, dotSize, maxVisible, activeWidth);
+  const fullTrackMainSize = pageIndicatorTrackMainSize(count, slot, dotSize, activeWidth);
   const overflows = count > maxVisible;
 
-  const indices = useMemo(
-    () => Array.from({ length: count }, (_, index) => index),
-    [count]
-  );
+  const indices = useMemo(() => Array.from({ length: count }, (_, index) => index), [count]);
 
   const trackStyle = useAnimatedStyle(() => {
     const displayProgress = pillIndicatorJumpDisplayProgress(
@@ -117,8 +95,8 @@ export function PillIndicator({
       <Animated.View
         style={[
           {
-            flexDirection: vertical ? 'column' : 'row',
-            alignItems: 'center',
+            flexDirection: vertical ? "column" : "row",
+            alignItems: "center",
             gap,
             ...(overflows
               ? vertical

package/src/components/page-indicator/variants/PillIndicator/utils.ts

@@ -1,4 +1,4 @@
-import type { PillJumpState } from '../../hooks/use-page-indicator-progress';
+import type { PillJumpState } from "../../hooks/use-page-indicator-progress";
 
 const DOT_SIZE = 8;
 const GAP = 8;
@@ -16,7 +16,7 @@ export const PILL_INDICATOR_GEOMETRY = {
 export type PillIndicatorGeometry = typeof PILL_INDICATOR_GEOMETRY;
 
 export function readPillJumpState(jump: PillJumpState) {
-  'worklet';
+  "worklet";
   return {
     active: jump.active.value,
     from: jump.from.value,
@@ -33,7 +33,7 @@ export function pillIndicatorDotDistance(
   jumpTo: number,
   jumpT: number
 ): number {
-  'worklet';
+  "worklet";
   if (!jumpActive) {
     return Math.min(Math.abs(progress - index), 1);
   }
@@ -57,7 +57,7 @@ export function pillIndicatorJumpDisplayProgress(
   jumpTo: number,
   jumpT: number
 ): number {
-  'worklet';
+  "worklet";
   if (!jumpActive) return progress;
   return jumpFrom + jumpT * (jumpTo - jumpFrom);
 }

package/src/components/portal/Portal.tsx

@@ -1,8 +1,8 @@
-import { type FC, type ReactNode, useContext, useEffect, useRef } from 'react';
+import { type FC, type ReactNode, useContext, useEffect, useRef } from "react";
 
-import { PortalContext } from './PortalContext';
-import { PortalHost, type PortalHostProps } from './PortalHost';
-import { PortalProvider, type PortalProviderProps } from './PortalProvider';
+import { PortalContext } from "./PortalContext";
+import { PortalHost, type PortalHostProps } from "./PortalHost";
+import { PortalProvider, type PortalProviderProps } from "./PortalProvider";
 
 let nextPortalKey = 1;
 

package/src/components/portal/PortalContext.tsx

@@ -1,4 +1,4 @@
-import { createContext, type ReactNode } from 'react';
+import { createContext, type ReactNode } from "react";
 
 export interface PortalEntry {
   key: number;

package/src/components/portal/PortalHost.tsx

@@ -1,9 +1,9 @@
-import { Fragment, useContext } from 'react';
-import { View, type ViewProps } from 'react-native';
+import { Fragment, useContext } from "react";
+import { View, type ViewProps } from "react-native";
 
-import { PortalContext } from './PortalContext';
+import { PortalContext } from "./PortalContext";
 
-export type PortalHostProps = Omit<ViewProps, 'children'> & {
+export type PortalHostProps = Omit<ViewProps, "children"> & {
   /** Renders every `Portal` registered under this host name, in insertion order. */
   name: string;
 };

package/src/components/portal/PortalProvider.tsx

@@ -1,10 +1,6 @@
-import { type ReactNode, useCallback, useMemo, useState } from 'react';
+import { type ReactNode, useCallback, useMemo, useState } from "react";
 
-import {
-  PortalContext,
-  type PortalContextValue,
-  type PortalStore,
-} from './PortalContext';
+import { PortalContext, type PortalContextValue, type PortalStore } from "./PortalContext";
 
 export interface PortalProviderProps {
   children: ReactNode;
@@ -18,36 +14,31 @@ export interface PortalProviderProps {
 export function PortalProvider({ children }: PortalProviderProps) {
   const [portals, setPortals] = useState<PortalStore>({});
 
-  const upsertPortal = useCallback(
-    (hostName: string, key: number, node: ReactNode) => {
-      setPortals((prev) => {
-        const hostPortals = prev[hostName] ?? [];
-        const existingIndex = hostPortals.findIndex(
-          (entry) => entry.key === key
-        );
-
-        if (existingIndex === -1) {
-          return {
-            ...prev,
-            [hostName]: [...hostPortals, { key, node }],
-          };
-        }
-
-        if (hostPortals[existingIndex]?.node === node) {
-          return prev;
-        }
-
-        const nextHostPortals = [...hostPortals];
-        nextHostPortals[existingIndex] = { key, node };
+  const upsertPortal = useCallback((hostName: string, key: number, node: ReactNode) => {
+    setPortals((prev) => {
+      const hostPortals = prev[hostName] ?? [];
+      const existingIndex = hostPortals.findIndex((entry) => entry.key === key);
 
+      if (existingIndex === -1) {
         return {
           ...prev,
-          [hostName]: nextHostPortals,
+          [hostName]: [...hostPortals, { key, node }],
         };
-      });
-    },
-    []
-  );
+      }
+
+      if (hostPortals[existingIndex]?.node === node) {
+        return prev;
+      }
+
+      const nextHostPortals = [...hostPortals];
+      nextHostPortals[existingIndex] = { key, node };
+
+      return {
+        ...prev,
+        [hostName]: nextHostPortals,
+      };
+    });
+  }, []);
 
   const removePortal = useCallback((hostName: string, key: number) => {
     setPortals((prev) => {
@@ -75,7 +66,5 @@ export function PortalProvider({ children }: PortalProviderProps) {
     [portals, removePortal, upsertPortal]
   );
 
-  return (
-    <PortalContext.Provider value={value}>{children}</PortalContext.Provider>
-  );
+  return <PortalContext.Provider value={value}>{children}</PortalContext.Provider>;
 }

package/src/components/portal/index.ts

@@ -1,7 +1,7 @@
-export type { PortalProps } from './Portal';
-export { Portal } from './Portal';
-export type { PortalContextValue, PortalEntry } from './PortalContext';
-export type { PortalHostProps } from './PortalHost';
-export { PortalHost } from './PortalHost';
-export type { PortalProviderProps } from './PortalProvider';
-export { PortalProvider } from './PortalProvider';
+export type { PortalProps } from "./Portal";
+export { Portal } from "./Portal";
+export type { PortalContextValue, PortalEntry } from "./PortalContext";
+export type { PortalHostProps } from "./PortalHost";
+export { PortalHost } from "./PortalHost";
+export type { PortalProviderProps } from "./PortalProvider";
+export { PortalProvider } from "./PortalProvider";