@hzblj/kara-components 0.0.0-stage → 0.1.0

package/lib/typescript/atoms/scroll-view/scroll-view.types.d.ts

@@ -0,0 +1,25 @@
+import type { ResponsiveSx } from '@hzblj/kara-sx';
+import type { SpaceSize } from '@hzblj/kara-theme';
+import type { ReactNode } from 'react';
+export type ScrollViewAxis = 'horizontal' | 'vertical';
+/**
+ * The `sx` props style the scrolling *content* container, not the viewport — `p` behaves
+ * like React Native's `contentContainerStyle` padding and scrolls with the content.
+ */
+export type ScrollViewProps = ResponsiveSx & {
+    axis?: ScrollViewAxis;
+    children?: ReactNode;
+    /**
+     * Enables pull-to-refresh. Async on purpose: the spinner runs until the promise settles, which is
+     * what SwiftUI's `refreshable` expects and what Compose's controlled indicator is driven from — so
+     * neither platform needs a separate `refreshing` flag to be kept in sync by the caller.
+     *
+     * Only a vertical scroll view can be pulled; on a horizontal one both platforms ignore it.
+     */
+    onRefresh?: () => Promise<void>;
+    /** iOS only — Compose exposes no indicator toggle, so Android always shows the native one. */
+    showsIndicators?: boolean;
+    spacing?: SpaceSize;
+    testID?: string;
+};
+export type ScrollViewComponent = (props: ScrollViewProps) => ReactNode;

package/lib/typescript/atoms/segmented-control/index.d.ts

@@ -0,0 +1,2 @@
+export * from './segmented-control';
+export * from './segmented-control.types';

package/lib/typescript/atoms/segmented-control/segmented-control.d.ts

@@ -0,0 +1,2 @@
+import type { SegmentedControlComponent } from './segmented-control.types';
+export declare const SegmentedControl: SegmentedControlComponent;

package/lib/typescript/atoms/segmented-control/segmented-control.types.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export type SegmentedControlProps = {
+    disabled?: boolean;
+    onChange?: (index: number, value: string) => void;
+    selectedIndex: number;
+    testID?: string;
+    values: string[];
+};
+export type SegmentedControlComponent = (props: SegmentedControlProps) => ReactNode;

package/lib/typescript/atoms/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './skeleton';
+export * from './skeleton.types';

package/lib/typescript/atoms/skeleton/skeleton.d.ts

@@ -0,0 +1,2 @@
+import type { SkeletonComponent } from './skeleton.types';
+export declare const Skeleton: SkeletonComponent;

package/lib/typescript/atoms/skeleton/skeleton.types.d.ts

@@ -0,0 +1,9 @@
+import type { RadiiSize } from '@hzblj/kara-theme';
+import type { ReactNode } from 'react';
+export type SkeletonProps = {
+    borderRadius?: RadiiSize;
+    height: number;
+    testID?: string;
+    width?: number;
+};
+export type SkeletonComponent = (props: SkeletonProps) => ReactNode;

package/lib/typescript/atoms/slider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './slider';
+export * from './slider.types';

package/lib/typescript/atoms/slider/slider.d.ts

@@ -0,0 +1 @@
+export * from './slider.ios';

package/lib/typescript/atoms/slider/slider.ios.d.ts

@@ -0,0 +1,2 @@
+import type { SliderComponent } from './slider.types';
+export declare const Slider: SliderComponent;

package/lib/typescript/atoms/slider/slider.types.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export type SliderProps = {
+    disabled?: boolean;
+    max?: number;
+    min?: number;
+    onValueChange?: (value: number) => void;
+    step?: number;
+    value: number;
+};
+export type SliderComponent = (props: SliderProps) => ReactNode;

package/lib/typescript/atoms/spacer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './spacer';
+export * from './spacer.types';

package/lib/typescript/atoms/spacer/spacer.d.ts

@@ -0,0 +1 @@
+export * from './spacer.ios';

package/lib/typescript/atoms/spacer/spacer.ios.d.ts

@@ -0,0 +1,2 @@
+import type { SpacerComponent } from './spacer.types';
+export declare const Spacer: SpacerComponent;

package/lib/typescript/atoms/spacer/spacer.types.d.ts

@@ -0,0 +1,7 @@
+import type { SpaceSize } from '@hzblj/kara-theme';
+import type { ReactNode } from 'react';
+export type SpacerProps = {
+    min?: SpaceSize;
+    testID?: string;
+};
+export type SpacerComponent = (props: SpacerProps) => ReactNode;

package/lib/typescript/atoms/surface/index.d.ts

@@ -0,0 +1,2 @@
+export * from './surface';
+export * from './surface.types';

package/lib/typescript/atoms/surface/surface.d.ts

@@ -0,0 +1 @@
+export * from './surface.ios';

package/lib/typescript/atoms/surface/surface.ios.d.ts

@@ -0,0 +1,2 @@
+import type { SurfaceComponent } from './surface.types';
+export declare const Surface: SurfaceComponent;

package/lib/typescript/atoms/surface/surface.types.d.ts

@@ -0,0 +1,8 @@
+import type { ResponsiveSx } from '@hzblj/kara-sx';
+import type { ReactNode } from 'react';
+export type SurfaceProps = ResponsiveSx & {
+    children?: ReactNode;
+    glass?: boolean;
+    testID?: string;
+};
+export type SurfaceComponent = (props: SurfaceProps) => ReactNode;

package/lib/typescript/atoms/switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './switch';
+export * from './switch.types';

package/lib/typescript/atoms/switch/switch.d.ts

@@ -0,0 +1 @@
+export * from './switch.ios';

package/lib/typescript/atoms/switch/switch.ios.d.ts

@@ -0,0 +1,2 @@
+import type { SwitchComponent } from './switch.types';
+export declare const Switch: SwitchComponent;

package/lib/typescript/atoms/switch/switch.types.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export type SwitchProps = {
+    disabled?: boolean;
+    label?: string;
+    onValueChange?: (value: boolean) => void;
+    value: boolean;
+};
+export type SwitchComponent = (props: SwitchProps) => ReactNode;

package/lib/typescript/atoms/text/index.d.ts

@@ -0,0 +1,2 @@
+export * from './text';
+export * from './text.types';

package/lib/typescript/atoms/text/text.d.ts

@@ -0,0 +1 @@
+export * from './text.ios';

package/lib/typescript/atoms/text/text.ios.d.ts

@@ -0,0 +1,2 @@
+import type { TextComponent } from './text.types';
+export declare const Text: TextComponent;

package/lib/typescript/atoms/text/text.types.d.ts

@@ -0,0 +1,16 @@
+import type { ColorToken, TextVariant } from '@hzblj/kara-theme';
+import type { ReactNode } from 'react';
+export type TextAlign = 'center' | 'left' | 'right';
+export type TextDecoration = 'none' | 'strikethrough' | 'underline';
+export type TextTransform = 'lowercase' | 'uppercase';
+export type TextProps = {
+    align?: TextAlign;
+    children?: ReactNode;
+    color?: ColorToken;
+    decoration?: TextDecoration;
+    numberOfLines?: number;
+    testID?: string;
+    transform?: TextTransform;
+    variant?: TextVariant;
+};
+export type TextComponent = (props: TextProps) => ReactNode;

package/lib/typescript/atoms/text-field/index.d.ts

@@ -0,0 +1,2 @@
+export * from './text-field';
+export * from './text-field.types';

package/lib/typescript/atoms/text-field/text-field.d.ts

@@ -0,0 +1 @@
+export * from './text-field.ios';

package/lib/typescript/atoms/text-field/text-field.ios.d.ts

@@ -0,0 +1,2 @@
+import type { TextFieldComponent } from './text-field.types';
+export declare const TextField: TextFieldComponent;

package/lib/typescript/atoms/text-field/text-field.types.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+export type TextFieldProps = {
+    defaultValue?: string;
+    disabled?: boolean;
+    error?: boolean;
+    label?: string;
+    multiline?: boolean;
+    onChangeText?: (text: string) => void;
+    secure?: boolean;
+    testID?: string;
+};
+export type TextFieldComponent = (props: TextFieldProps) => ReactNode;

package/lib/typescript/atoms/v-stack/index.d.ts

@@ -0,0 +1,2 @@
+export * from './v-stack';
+export * from './v-stack.types';

package/lib/typescript/atoms/v-stack/v-stack.d.ts

@@ -0,0 +1 @@
+export * from './v-stack.ios';

package/lib/typescript/atoms/v-stack/v-stack.ios.d.ts

@@ -0,0 +1,2 @@
+import type { VStackComponent } from './v-stack.types';
+export declare const VStack: VStackComponent;

package/lib/typescript/atoms/v-stack/v-stack.types.d.ts

@@ -0,0 +1,12 @@
+import type { ResponsiveSx } from '@hzblj/kara-sx';
+import type { SpaceSize } from '@hzblj/kara-theme';
+import type { ReactNode } from 'react';
+export type VStackAlign = 'center' | 'end' | 'start';
+export type VStackProps = ResponsiveSx & {
+    align?: VStackAlign;
+    children?: ReactNode;
+    onPress?: () => void;
+    spacing?: SpaceSize;
+    testID?: string;
+};
+export type VStackComponent = (props: VStackProps) => ReactNode;

package/lib/typescript/atoms/z-stack/index.d.ts

@@ -0,0 +1,2 @@
+export * from './z-stack';
+export * from './z-stack.types';

package/lib/typescript/atoms/z-stack/z-stack.d.ts

@@ -0,0 +1 @@
+export * from './z-stack.ios';

package/lib/typescript/atoms/z-stack/z-stack.ios.d.ts

@@ -0,0 +1,2 @@
+import type { ZStackComponent } from './z-stack.types';
+export declare const ZStack: ZStackComponent;

package/lib/typescript/atoms/z-stack/z-stack.types.d.ts

@@ -0,0 +1,10 @@
+import type { ResponsiveSx } from '@hzblj/kara-sx';
+import type { ReactNode } from 'react';
+export type ZStackAlign = 'bottom' | 'center' | 'top';
+export type ZStackProps = ResponsiveSx & {
+    align?: ZStackAlign;
+    children?: ReactNode;
+    onPress?: () => void;
+    testID?: string;
+};
+export type ZStackComponent = (props: ZStackProps) => ReactNode;

package/lib/typescript/host-context.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from 'react';
+export declare const HostBoundary: ({ children }: {
+    children: ReactNode;
+}) => import("react").JSX.Element;
+export declare const useHostGuard: (atom: string) => void;

package/lib/typescript/index.d.ts

@@ -0,0 +1,4 @@
+export * from './atoms';
+export * from './molecules';
+export * from './organisms';
+export * from './templates';

package/lib/typescript/molecules/collapsible/collapsible.d.ts

@@ -0,0 +1 @@
+export * from './collapsible.ios';

package/lib/typescript/molecules/collapsible/collapsible.ios.d.ts

@@ -0,0 +1,2 @@
+import type { CollapsibleComponent } from './collapsible.types';
+export declare const Collapsible: CollapsibleComponent;

package/lib/typescript/molecules/collapsible/collapsible.types.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export type CollapsibleProps = {
+    children: ReactNode;
+    expanded: boolean;
+    label: string;
+    onExpandedChange: (expanded: boolean) => void;
+};
+export type CollapsibleComponent = (props: CollapsibleProps) => ReactNode;

package/lib/typescript/molecules/collapsible/index.d.ts

@@ -0,0 +1,2 @@
+export * from './collapsible';
+export * from './collapsible.types';

package/lib/typescript/molecules/empty-state/empty-state.d.ts

@@ -0,0 +1,2 @@
+import type { EmptyStateComponent } from './empty-state.types';
+export declare const EmptyState: EmptyStateComponent;

package/lib/typescript/molecules/empty-state/empty-state.types.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type { IconName } from '../../atoms/icon';
+/**
+ * The "nothing here" placeholder for an empty list, a failed search or a cleared inbox.
+ * `action` takes a `Button` so the state can offer a way out.
+ */
+export type EmptyStateProps = {
+    action?: ReactNode;
+    description?: string;
+    icon?: IconName;
+    testID?: string;
+    title: string;
+};
+export type EmptyStateComponent = (props: EmptyStateProps) => ReactNode;

package/lib/typescript/molecules/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export * from './empty-state';
+export * from './empty-state.types';

package/lib/typescript/molecules/index.d.ts

@@ -0,0 +1,14 @@
+export * from './collapsible';
+export * from './empty-state';
+export * from './label';
+export * from './labeled-content';
+export * from './link';
+export * from './list-item';
+export * from './navigation-bar';
+export * from './pager';
+export * from './radio-group';
+export * from './rn-tooltip';
+export * from './scroll-edge-container';
+export * from './search-bar';
+export * from './stepper';
+export * from './tooltip';

package/lib/typescript/molecules/label/index.d.ts

@@ -0,0 +1,2 @@
+export * from './label';
+export * from './label.types';

package/lib/typescript/molecules/label/label.d.ts

@@ -0,0 +1,2 @@
+import type { LabelComponent } from './label.types';
+export declare const Label: LabelComponent;

package/lib/typescript/molecules/label/label.types.d.ts

@@ -0,0 +1,16 @@
+import type { ColorToken, SpaceSize, TextVariant } from '@hzblj/kara-theme';
+import type { ReactNode } from 'react';
+import type { IconName } from '../../atoms/icon';
+/**
+ * An inline icon + text pair — the thing you put inside a button, a menu row or a section
+ * header. For a full tappable row with a subtitle and chevron, use `ListItem`.
+ */
+export type LabelProps = {
+    color?: ColorToken;
+    icon: IconName;
+    iconSize?: SpaceSize;
+    testID?: string;
+    title: string;
+    variant?: TextVariant;
+};
+export type LabelComponent = (props: LabelProps) => ReactNode;

package/lib/typescript/molecules/labeled-content/index.d.ts

@@ -0,0 +1,2 @@
+export * from './labeled-content';
+export * from './labeled-content.types';

package/lib/typescript/molecules/labeled-content/labeled-content.d.ts

@@ -0,0 +1,2 @@
+import type { LabeledContentComponent } from './labeled-content.types';
+export declare const LabeledContent: LabeledContentComponent;

package/lib/typescript/molecules/labeled-content/labeled-content.types.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { IconName } from '../../atoms/icon';
+/**
+ * A label on the leading edge and its value on the trailing edge — the settings/detail row.
+ * Pass `children` instead of `value` when the trailing side is a control rather than text.
+ */
+export type LabeledContentProps = {
+    children?: ReactNode;
+    icon?: IconName;
+    label: string;
+    onPress?: () => void;
+    testID?: string;
+    value?: string;
+};
+export type LabeledContentComponent = (props: LabeledContentProps) => ReactNode;

package/lib/typescript/molecules/link/index.d.ts

@@ -0,0 +1,2 @@
+export * from './link';
+export * from './link.types';

package/lib/typescript/molecules/link/link.d.ts

@@ -0,0 +1,2 @@
+import type { LinkComponent } from './link.types';
+export declare const Link: LinkComponent;

package/lib/typescript/molecules/link/link.types.d.ts

@@ -0,0 +1,13 @@
+import type { ColorToken, TextVariant } from '@hzblj/kara-theme';
+import type { ReactNode } from 'react';
+import type { IconName } from '../../atoms/icon';
+/** Opens an external URL in the platform browser or the app that claims the scheme. */
+export type LinkProps = {
+    color?: ColorToken;
+    icon?: IconName;
+    label: string;
+    testID?: string;
+    url: string;
+    variant?: TextVariant;
+};
+export type LinkComponent = (props: LinkProps) => ReactNode;

package/lib/typescript/molecules/list-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './list-item';
+export * from './list-item.types';

package/lib/typescript/molecules/list-item/list-item.d.ts

@@ -0,0 +1,2 @@
+import type { ListItemComponent } from './list-item.types';
+export declare const ListItem: ListItemComponent;

package/lib/typescript/molecules/list-item/list-item.types.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { IconName } from '../../atoms/icon';
+export type ListItemProps = {
+    icon?: IconName;
+    onPress?: () => void;
+    subtitle?: string;
+    testID?: string;
+    title: string;
+};
+export type ListItemComponent = (props: ListItemProps) => ReactNode;

package/lib/typescript/molecules/navigation-bar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './navigation-bar';
+export * from './navigation-bar.types';

package/lib/typescript/molecules/navigation-bar/navigation-bar.d.ts

@@ -0,0 +1 @@
+export * from './navigation-bar.ios';

package/lib/typescript/molecules/navigation-bar/navigation-bar.ios.d.ts

@@ -0,0 +1,2 @@
+import type { NavigationBarComponent } from './navigation-bar.types';
+export declare const NavigationBar: NavigationBarComponent;

package/lib/typescript/molecules/navigation-bar/navigation-bar.types.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+/**
+ * A title with back and close items, for a sheet that is not a navigation screen. On iOS a standalone
+ * `UINavigationBar`, so the items press and render exactly like a native-stack header's — on iOS 26 they share the
+ * bar's glass instead of swelling as standalone glass buttons do. On Android a Material row of icon buttons. The React
+ * Native tier: it needs no host.
+ */
+export type NavigationBarProps = {
+    /** The back item's accessibility label. `Back` by default. */
+    backLabel?: string;
+    /** iOS: the back item's accessibility identifier. */
+    backTestID?: string;
+    /** The close item's accessibility label. `Close` by default. */
+    closeLabel?: string;
+    /** iOS: the close item's accessibility identifier. */
+    closeTestID?: string;
+    /** Shows the back item. */
+    onBack?: () => void;
+    /** Shows the close item. */
+    onClose?: () => void;
+    testID?: string;
+    title?: string;
+};
+export type NavigationBarComponent = (props: NavigationBarProps) => ReactNode;

package/lib/typescript/molecules/pager/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pager';
+export * from './pager.types';

package/lib/typescript/molecules/pager/pager.d.ts

@@ -0,0 +1 @@
+export * from './pager.ios';

package/lib/typescript/molecules/pager/pager.ios.d.ts

@@ -0,0 +1,2 @@
+import type { PagerComponent } from './pager.types';
+export declare const Pager: PagerComponent;

package/lib/typescript/molecules/pager/pager.types.d.ts

@@ -0,0 +1,32 @@
+import type { SpaceSize } from '@hzblj/kara-theme';
+import type { ReactNode } from 'react';
+/**
+ * A swipeable, snapping pager: SwiftUI's `TabView` in its page style, Compose's `HorizontalPager`.
+ *
+ * Pages are addressed by their index rather than by a name, because Compose's pager is index-native
+ * and SwiftUI's tab values are strings — synthesising the string from the child's position is
+ * lossless, whereas inventing indices for named tabs on Compose would not be. Children are therefore
+ * plain nodes with no `Pager.Page` part to wrap them in: a page carries no props of its own, so the
+ * ceremony would buy nothing.
+ */
+export type PagerProps = {
+    children?: ReactNode;
+    /**
+     * Page dots. iOS draws SwiftUI's own, over the bottom edge; Compose has no built-in indicator, so
+     * Android composes the dots and places them below the pager, which is where Material puts them.
+     */
+    indicators?: boolean;
+    /** Fires once a swipe or a programmatic move has settled, never mid-gesture. */
+    onPageChange?: (page: number) => void;
+    /** Zero-based. Controlled when passed; otherwise the pager just starts at 0 and owns its position. */
+    page?: number;
+    /** Android only — a SwiftUI page-style `TabView` has no gap between pages. */
+    pageSpacing?: SpaceSize;
+    /**
+     * Android only. SwiftUI can only disable a `TabView` as a whole, which would take the pages'
+     * content down with the swipe, so iOS always stays swipeable.
+     */
+    scrollEnabled?: boolean;
+    testID?: string;
+};
+export type PagerComponent = (props: PagerProps) => ReactNode;

package/lib/typescript/molecules/radio-group/index.d.ts

@@ -0,0 +1,2 @@
+export * from './radio-group';
+export * from './radio-group.types';

package/lib/typescript/molecules/radio-group/radio-group.d.ts

@@ -0,0 +1 @@
+export * from './radio-group.ios';

package/lib/typescript/molecules/radio-group/radio-group.ios.d.ts

@@ -0,0 +1,2 @@
+import type { RadioGroupComponent } from './radio-group.types';
+export declare const RadioGroup: RadioGroupComponent;

package/lib/typescript/molecules/radio-group/radio-group.types.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export type RadioOption = {
+    label: string;
+    value: string;
+};
+export type RadioGroupProps = {
+    onValueChange?: (value: string) => void;
+    options: RadioOption[];
+    value: string;
+};
+export type RadioGroupComponent = (props: RadioGroupProps) => ReactNode;

package/lib/typescript/molecules/rn-tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './rn-tooltip';
+export * from './rn-tooltip.types';

package/lib/typescript/molecules/rn-tooltip/rn-tooltip.d.ts

@@ -0,0 +1 @@
+export * from './rn-tooltip.ios';

package/lib/typescript/molecules/rn-tooltip/rn-tooltip.ios.d.ts

@@ -0,0 +1,2 @@
+import type { RnTooltipComponent } from './rn-tooltip.types';
+export declare const RnTooltip: RnTooltipComponent;

package/lib/typescript/molecules/rn-tooltip/rn-tooltip.types.d.ts

@@ -0,0 +1,37 @@
+import type { ReactElement, ReactNode } from 'react';
+export type RnTooltipActionVariant = 'link' | 'primary' | 'secondary';
+export type RnTooltipAction = {
+    label: string;
+    onPress: () => void;
+    /** `link` by default — an underlined text. `primary`/`secondary` are small filled/outlined buttons. */
+    variant?: RnTooltipActionVariant;
+};
+/** `outside`: a touch outside the bubble. `anchorHidden`: the anchor's centre left the visible area. */
+export type RnTooltipDismissReason = 'anchorHidden' | 'outside';
+/**
+ * A rich tooltip — title, message, actions — anchored below a React Native view, and drawn above every sibling.
+ * Controlled: it never hides itself. `onDismiss` reports why it should, and the caller turns `visible` off. The React
+ * Native tier, unlike `Tooltip`, whose anchor is a native view inside a host.
+ */
+export type RnTooltipProps = {
+    actions?: RnTooltipAction[];
+    /** Which end of the bubble the actions sit at. `end` by default. */
+    actionsAlignment?: 'end' | 'start';
+    /**
+     * Insets from the window's top and bottom that the anchor's centre must stay inside — a header or a tab bar over the
+     * content. Past them the tooltip asks to be dismissed with `anchorHidden`.
+     */
+    boundaryInsets?: {
+        bottom?: number;
+        top?: number;
+    };
+    /** The anchor — a single React Native view. */
+    children: ReactElement;
+    message?: string;
+    onDismiss: (reason: RnTooltipDismissReason) => void;
+    /** The appear animation finished. */
+    onShown?: () => void;
+    title?: string;
+    visible: boolean;
+};
+export type RnTooltipComponent = (props: RnTooltipProps) => ReactNode;

package/lib/typescript/molecules/scroll-edge-container/index.d.ts

@@ -0,0 +1,3 @@
+export { isScrollEdgeEffectAvailable } from '@hzblj/kara-native';
+export * from './scroll-edge-container';
+export * from './scroll-edge-container.types';

package/lib/typescript/molecules/scroll-edge-container/scroll-edge-container.d.ts

@@ -0,0 +1 @@
+export * from './scroll-edge-container.ios';

package/lib/typescript/molecules/scroll-edge-container/scroll-edge-container.ios.d.ts

@@ -0,0 +1,6 @@
+import type { ScrollEdgeContainerComponent } from './scroll-edge-container.types';
+/**
+ * Below iOS 26 the native container still lays the bars out as insets, just without the effect — so a bar wants a
+ * background of its own there; `isScrollEdgeEffectAvailable()` says which case applies.
+ */
+export declare const ScrollEdgeContainer: ScrollEdgeContainerComponent;