@swan-io/lake 2.0.0 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "engines": {
     "node": ">=14.0.0",
     "yarn": "^1.20.0"
@@ -40,16 +40,16 @@
     "react-ux-form": "^1.3.0",
     "rifm": "^0.12.1",
     "ts-dedent": "^2.2.0",
-    "ts-pattern": "^4.2.2",
-    "urql": "^4.0.0",
+    "ts-pattern": "^4.3.0",
+    "urql": "^4.0.2",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.0.37",
-    "@types/react-dom": "^18.0.11",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.2.4",
     "@types/react-native": "^0.71.6",
     "@types/uuid": "^9.0.1",
-    "jsdom": "^21.1.1",
-    "type-fest": "^3.8.0"
+    "jsdom": "^22.0.0",
+    "type-fest": "^3.10.0"
   }
 }

package/src/components/AppOpeningAnimation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyleProp, ViewStyle } from "react-native";
 type Props = {
     accentColor: string;
@@ -6,5 +5,5 @@ type Props = {
     playing?: boolean;
     style?: StyleProp<ViewStyle>;
 };
-export declare const AppOpeningAnimation: ({ accentColor, appLogo, playing, style }: Props) => JSX.Element;
+export declare const AppOpeningAnimation: ({ accentColor, appLogo, playing, style }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/AutocompleteSearchInput.d.ts

@@ -21,5 +21,5 @@ type Props<T> = {
     onSuggestion: (suggestion: Suggestion<T>) => void;
     onLoadError?: (error: unknown) => void;
 };
-export declare const AutocompleteSearchInput: <T>({ inputRef, value, onValueChange, disabled, id, placeholder, error, emptyResultText, ListFooterComponent, shouldDisplaySuggestions, loadSuggestions, onSuggestion, onLoadError, }: Props<T>) => JSX.Element;
+export declare const AutocompleteSearchInput: <T>({ inputRef, value, onValueChange, disabled, id, placeholder, error, emptyResultText, ListFooterComponent, shouldDisplaySuggestions, loadSuggestions, onSuggestion, onLoadError, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/BorderedIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorVariants } from "../constants/design";
 import { IconName } from "./Icon";
 import { SpacingValue } from "./Space";
@@ -8,5 +7,5 @@ type Props = {
     padding?: SpacingValue | 0;
     color?: ColorVariants;
 };
-export declare const BorderedIcon: ({ name, size, padding, color }: Props) => JSX.Element;
+export declare const BorderedIcon: ({ name, size, padding, color }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/BottomPanel.d.ts

@@ -5,5 +5,5 @@ type Props = {
     children: ReactNode;
     returnFocus?: boolean;
 };
-export declare const BottomPanel: ({ visible, onPressClose, children, returnFocus }: Props) => JSX.Element | null;
+export declare const BottomPanel: ({ visible, onPressClose, children, returnFocus }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/src/components/Breadcrumbs.d.ts

@@ -12,7 +12,7 @@ type Props = {
     rootLevelCrumbs?: readonly Crumb[];
     children: ReactNode;
 };
-export declare const BreadcrumbsRoot: ({ rootLevelCrumbs, children }: Props) => JSX.Element;
+export declare const BreadcrumbsRoot: ({ rootLevelCrumbs, children }: Props) => import("react/jsx-runtime").JSX.Element;
 export declare const useCrumb: (crumb?: Crumb) => void;
-export declare const Breadcrumbs: () => JSX.Element;
+export declare const Breadcrumbs: () => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/ChoicePicker.d.ts

@@ -7,5 +7,5 @@ type Props<T> = {
     getId?: (item: T) => unknown;
     onChange: (value: T) => void;
 };
-export declare const ChoicePicker: <T>({ items, getId, large, renderItem, value, onChange, }: Props<T>) => JSX.Element;
+export declare const ChoicePicker: <T>({ items, getId, large, renderItem, value, onChange, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/FailureIcon.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { StyleProp, ViewStyle } from "react-native";
 type Props = {
     size: number;
     style?: StyleProp<ViewStyle>;
 };
-export declare const FailureIcon: ({ size, style }: Props) => JSX.Element;
+export declare const FailureIcon: ({ size, style }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/FileTile.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     variant?: "none" | "pending" | "verified" | "refused";
     name: string;
@@ -7,5 +6,5 @@ type Props = {
     title?: string;
     description?: string;
 };
-export declare const FileTile: ({ variant, name, url, onRemove, title, description }: Props) => JSX.Element;
+export declare const FileTile: ({ variant, name, url, onRemove, title, description }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Fill.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { SpacingValue } from "./Space";
 type Props = {
     minHeight?: SpacingValue;
     minWidth?: SpacingValue;
 };
-export declare const Fill: ({ minHeight, minWidth }: Props) => JSX.Element;
+export declare const Fill: ({ minHeight, minWidth }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/FilterChooser.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function FilterChooser<FilterName extends string>({ filters, openFilters, label, title, availableFilters, large, onAddFilter, }: {
     filters: Partial<Record<FilterName, unknown>>;
     openFilters: FilterName[];
@@ -10,4 +9,4 @@ export declare function FilterChooser<FilterName extends string>({ filters, open
     }[];
     large?: boolean;
     onAddFilter: (filterName: FilterName) => void;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/src/components/Filters.d.ts

@@ -59,5 +59,5 @@ type FiltersStackProps<Definition extends FiltersDefinition, State extends Filte
     onChangeOpened: (value: (keyof Definition)[]) => void;
     onChangeFilters: (value: State) => void;
 };
-export declare const FiltersStack: <T extends FiltersDefinition>({ filters, openedFilters, definition, onChangeOpened, onChangeFilters, }: FiltersStackProps<T, { [K in keyof T]: ExtractFilterValue<T[K]> extends infer T_2 ? { [KeyType_2 in keyof T_2]: ExtractFilterValue<T[K]>[KeyType_2]; } : never; } extends infer T_1 ? { [KeyType_1 in keyof T_1]: { [K in keyof T]: ExtractFilterValue<T[K]> extends infer T_2 ? { [KeyType_2 in keyof T_2]: ExtractFilterValue<T[K]>[KeyType_2]; } : never; }[KeyType_1]; } : never>) => JSX.Element | null;
+export declare const FiltersStack: <T extends FiltersDefinition>({ filters, openedFilters, definition, onChangeOpened, onChangeFilters, }: FiltersStackProps<T, { [K in keyof T]: ExtractFilterValue<T[K]> extends infer T_2 ? { [KeyType_2 in keyof T_2]: ExtractFilterValue<T[K]>[KeyType_2]; } : never; } extends infer T_1 ? { [KeyType_1 in keyof T_1]: { [K in keyof T]: ExtractFilterValue<T[K]> extends infer T_2 ? { [KeyType_2 in keyof T_2]: ExtractFilterValue<T[K]>[KeyType_2]; } : never; }[KeyType_1]; } : never>) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/src/components/FixedListView.d.ts

@@ -82,7 +82,7 @@ export type FixedListViewProps<T, ExtraInfo> = {
         count: number;
     };
 };
-export declare const FixedListView: <T, ExtraInfo>({ data: originalData, mode, keyExtractor, highlightedRowId, rowHeight, rowVerticalSpacing, headerHeight, renderThreshold, stickedToStartColumns: initialStickedToStartColumns, columns: initialColumns, stickedToEndColumns: initialStickedToEndColumns, extraInfo, onEndReached, onEndReachedThresholdPx, getRowLink, renderEmptyList, loading, }: FixedListViewProps<T, ExtraInfo>) => JSX.Element;
+export declare const FixedListView: <T, ExtraInfo>({ data: originalData, mode, keyExtractor, highlightedRowId, rowHeight, rowVerticalSpacing, headerHeight, renderThreshold, stickedToStartColumns: initialStickedToStartColumns, columns: initialColumns, stickedToEndColumns: initialStickedToEndColumns, extraInfo, onEndReached, onEndReachedThresholdPx, getRowLink, renderEmptyList, loading, }: FixedListViewProps<T, ExtraInfo>) => import("react/jsx-runtime").JSX.Element;
 type PlaceholderProps = {
     count: number;
     rowHeight: number;
@@ -91,8 +91,8 @@ type PlaceholderProps = {
     headerHeight?: number;
     paddingHorizontal?: number;
 };
-export declare const FixedListViewPlaceholder: ({ count, rowHeight, rowVerticalSpacing, groupHeaderHeight, headerHeight, paddingHorizontal, }: PlaceholderProps) => JSX.Element;
-export declare const PlainListViewPlaceholder: ({ count, rowHeight, rowVerticalSpacing, groupHeaderHeight, headerHeight, paddingHorizontal, }: PlaceholderProps) => JSX.Element;
+export declare const FixedListViewPlaceholder: ({ count, rowHeight, rowVerticalSpacing, groupHeaderHeight, headerHeight, paddingHorizontal, }: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PlainListViewPlaceholder: ({ count, rowHeight, rowVerticalSpacing, groupHeaderHeight, headerHeight, paddingHorizontal, }: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;
 type EmptyProps = {
     icon: IconName;
     borderedIcon?: boolean;
@@ -100,5 +100,5 @@ type EmptyProps = {
     subtitle?: ReactNode;
     children?: ReactNode;
 };
-export declare const FixedListViewEmpty: ({ icon, borderedIcon, title, subtitle, children, }: EmptyProps) => JSX.Element;
+export declare const FixedListViewEmpty: ({ icon, borderedIcon, title, subtitle, children, }: EmptyProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/FixedListViewCells.d.ts

@@ -8,48 +8,52 @@ export declare const SimpleHeaderCell: ({ text, sort, justifyContent, onPress, }
     justifyContent?: Justify | undefined;
     sort?: SortDirection | undefined;
     onPress?: ((direction: SortDirection) => void) | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const ColorPatchCell: ({ isHovered, alternativeText, color, }: {
     isHovered: boolean;
     alternativeText?: string | undefined;
     color: ColorVariants;
-}) => JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export declare const SimpleTitleCell: ({ isHighlighted, text, }: {
     isHighlighted?: boolean | undefined;
     text: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const SimpleRegularTextCell: ({ variant, text, textAlign, }: {
     variant?: "semibold" | "medium" | "regular" | "light" | "smallSemibold" | "smallMedium" | "smallRegular" | undefined;
     text: string;
     textAlign?: "left" | "right" | "center" | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const CopyableRegularTextCell: ({ variant, text, copyWording, copiedWording, }: {
     variant?: "semibold" | "medium" | "regular" | "light" | "smallSemibold" | "smallMedium" | "smallRegular" | undefined;
     text: string;
     copyWording: string;
     copiedWording: string;
-}) => JSX.Element;
-export declare const BalanceCell: ({ value, currency, formatCurrency, textAlign, }: {
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BalanceCell: ({ value, currency, originalValue, formatCurrency, textAlign, }: {
     value: number;
     currency: string;
+    originalValue?: {
+        value: number;
+        currency: string;
+    } | undefined;
     formatCurrency: (value: number, currency: string) => string;
     textAlign?: "left" | "right" | "center" | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const LinkCell: ({ children, external, onPress, }: {
     children: ReactNode;
     onPress: () => void;
     external?: boolean | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const StartAlignedCell: ({ children }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const CenteredCell: ({ children }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const EndAlignedCell: ({ children }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const CellAction: ({ children }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/FixedListViewCells.js

@@ -18,14 +18,15 @@ const styles = StyleSheet.create({
         flexDirection: "row",
         alignItems: "center",
     },
+    balanceCellContainer: {
+        width: "100%",
+    },
     cell: {
         display: "flex",
         paddingHorizontal: spacings[16],
         flexGrow: 1,
         flexDirection: "row",
         alignItems: "center",
-        width: 1,
-        alignSelf: "stretch",
     },
     icon: {
         alignSelf: "stretch",
@@ -123,19 +124,19 @@ export const CopyableRegularTextCell = ({ variant = "regular", text, copyWording
     return (_jsxs(View, { style: styles.cell, children: [_jsx(LakeTooltip, { placement: "top", onHide: () => setVisibleState("copy"), togglableOnFocus: true, content: visibleState === "copy" ? copyWording : copiedWording, containerStyle: styles.iconContainer, children: _jsx(Pressable, { role: "button", "aria-label": copyWording, onPress: onPress, style: ({ hovered }) => [styles.icon, hovered && styles.underline], children: ({ hovered }) => (_jsx(Icon, { name: hovered ? "copy-filled" : "copy-regular", color: "currentColor", size: 14 })) }) }), _jsx(Space, { width: 4 }), _jsx(LakeText, { color: colors.gray[900], style: styles.regularText, variant: variant, children: text })] }));
 };
 // TODO: handle `+` sign properly
-export const BalanceCell = ({ value, currency, formatCurrency, textAlign = "right", }) => {
-    return (_jsx(View, { style: styles.cell, children: _jsxs(LakeText, { align: textAlign, color: colors.gray[900], variant: "medium", style: [
-                styles.mediumText,
-                {
-                    justifyContent: match(textAlign)
-                        .with("left", () => "flex-start")
-                        .with("center", () => "center")
-                        .with("right", () => "flex-end")
-                        .exhaustive(),
-                },
-                value > 0 && { color: colors.positive.primary },
-                value < 0 && { color: colors.negative.primary },
-            ], children: [value > 0 && "+", formatCurrency(value, currency)] }) }));
+export const BalanceCell = ({ value, currency, originalValue, formatCurrency, textAlign = "right", }) => {
+    return (_jsxs(View, { style: styles.balanceCellContainer, children: [_jsx(View, { style: styles.cell, children: _jsxs(LakeText, { align: textAlign, color: colors.gray[900], variant: "medium", style: [
+                        styles.mediumText,
+                        {
+                            justifyContent: match(textAlign)
+                                .with("left", () => "flex-start")
+                                .with("center", () => "center")
+                                .with("right", () => "flex-end")
+                                .exhaustive(),
+                        },
+                        value > 0 && { color: colors.positive.primary },
+                        value < 0 && { color: colors.negative.primary },
+                    ], children: [value > 0 && "+", formatCurrency(value, currency)] }) }), isNotNullish(originalValue) && originalValue.currency !== currency && (_jsx(View, { style: styles.cell, children: _jsxs(LakeText, { style: styles.mediumText, align: textAlign, color: colors.gray[500], variant: "smallRegular", children: [originalValue.value > 0 && "+", formatCurrency(originalValue.value, originalValue.currency)] }) }))] }));
 };
 export const LinkCell = ({ children, external = false, onPress, }) => {
     return (_jsxs(View, { style: styles.cell, children: [_jsx(Pressable, { style: ({ hovered }) => [styles.icon, hovered && styles.underline], onPress: event => {

package/src/components/Flag.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { CountryCCA3 } from "@swan-io/shared-business/src/constants/countries";
 type Props = {
     icon: CountryCCA3;
     width: number;
 };
-export declare const Flag: ({ icon, width }: Props) => JSX.Element;
+export declare const Flag: ({ icon, width }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/FlowPresentation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconName } from "./Icon";
 export type FlowStep = {
     label: string;
@@ -8,5 +7,5 @@ type Props = {
     steps: FlowStep[];
     mode: "desktop" | "mobile";
 };
-export declare const FlowPresentation: ({ steps, mode }: Props) => JSX.Element;
+export declare const FlowPresentation: ({ steps, mode }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/FullViewportLayer.d.ts

@@ -3,5 +3,5 @@ type Props = {
     visible: boolean;
     children: ReactNode;
 };
-export declare const FullViewportLayer: ({ visible, children }: Props) => JSX.Element;
+export declare const FullViewportLayer: ({ visible, children }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Grid.d.ts

@@ -9,5 +9,5 @@ type Props = {
     style?: StyleProp<ViewStyle>;
     verticalSpace?: SpacingValue;
 };
-export declare const Grid: ({ children, horizontalSpace, itemWrapperStyle, numColumns, style, verticalSpace, }: Props) => JSX.Element;
+export declare const Grid: ({ children, horizontalSpace, itemWrapperStyle, numColumns, style, verticalSpace, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/InputError.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { StyleProp, TextStyle } from "react-native";
 type Props = {
     message?: string;
     style?: StyleProp<TextStyle>;
 };
-export declare const InputError: ({ message, style }: Props) => JSX.Element;
+export declare const InputError: ({ message, style }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Label.d.ts

@@ -6,5 +6,5 @@ type Props = Except<TextProps, "role"> & {
     htmlFor?: string;
     id?: string;
 };
-export declare const Label: ({ htmlFor, id, style, ...props }: Props) => JSX.Element;
+export declare const Label: ({ htmlFor, id, style, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/LakeAlert.d.ts

@@ -10,5 +10,5 @@ type Props = {
     subtitle?: string;
     style?: StyleProp<ViewStyle>;
 };
-export declare const LakeAlert: ({ anchored, variant, title, subtitle, children, style, callToAction, }: Props) => JSX.Element;
+export declare const LakeAlert: ({ anchored, variant, title, subtitle, children, style, callToAction, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/LakeButton.d.ts

@@ -32,5 +32,5 @@ type GroupProps = {
     justifyContent?: ViewStyle["justifyContent"];
     paddingBottom?: 0 | Spacings;
 };
-export declare const LakeButtonGroup: ({ children, justifyContent, paddingBottom, }: GroupProps) => JSX.Element;
+export declare const LakeButtonGroup: ({ children, justifyContent, paddingBottom, }: GroupProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/LakeCheckbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorVariants } from "../constants/design";
 export type CheckboxProps = {
     value: boolean | "mixed";
@@ -6,11 +5,11 @@ export type CheckboxProps = {
     disabled?: boolean;
     isError?: boolean;
 };
-export declare const LakeCheckbox: ({ value, color, disabled, isError, }: CheckboxProps) => JSX.Element;
+export declare const LakeCheckbox: ({ value, color, disabled, isError, }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export type LabelledCheckboxProps = CheckboxProps & {
     onValueChange: (value: boolean) => void;
     label: string;
     disabled?: boolean;
     isError?: boolean;
 };
-export declare const LakeLabelledCheckbox: ({ value, color, label, onValueChange, disabled, isError, }: LabelledCheckboxProps) => JSX.Element;
+export declare const LakeLabelledCheckbox: ({ value, color, label, onValueChange, disabled, isError, }: LabelledCheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/LakeCombobox.d.ts

@@ -22,7 +22,7 @@ export type LakeComboboxRef = {
     close: () => void;
     open: () => void;
 };
-declare const LakeComboboxWithRef: <I>({ inputRef, value, items, ListFooterComponent, onValueChange, onSelectItem, renderItem, keyExtractor, icon, placeholder, disabled, emptyResultText, readOnly, id, error, }: LakeComboboxProps<I>, externalRef: ForwardedRef<LakeComboboxRef>) => JSX.Element;
+declare const LakeComboboxWithRef: <I>({ inputRef, value, items, ListFooterComponent, onValueChange, onSelectItem, renderItem, keyExtractor, icon, placeholder, disabled, emptyResultText, readOnly, id, error, }: LakeComboboxProps<I>, externalRef: ForwardedRef<LakeComboboxRef>) => import("react/jsx-runtime").JSX.Element;
 export declare const LakeCombobox: <I>(props: LakeComboboxProps<I> & {
     ref?: RefObject<LakeComboboxRef> | undefined;
 }) => ReturnType<typeof LakeComboboxWithRef>;

package/src/components/LakeCopyButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     valueToCopy: string;
     copyText: string;
@@ -6,5 +5,5 @@ type Props = {
     size?: number;
 };
 export declare const copyButtondefaultSize = 21;
-export declare const LakeCopyButton: ({ valueToCopy, size, copyText, copiedText, }: Props) => JSX.Element;
+export declare const LakeCopyButton: ({ valueToCopy, size, copyText, copiedText, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/LakeDownloadButton.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 type Props = {
     url: string;
     filename: string;
     onError: () => void;
 };
-export declare const LakeDownloadButton: ({ url, filename }: Props) => JSX.Element;
+export declare const LakeDownloadButton: ({ url, filename }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/LakeLabel.d.ts

@@ -15,5 +15,5 @@ type Props = {
     readOnly?: boolean;
     style?: StyleProp<ViewStyle>;
 };
-export declare const LakeLabel: ({ label, optionalLabel, extra, readOnly, color, readOnlyColor, type, help, render, actions, style, }: Props) => JSX.Element;
+export declare const LakeLabel: ({ label, optionalLabel, extra, readOnly, color, readOnlyColor, type, help, render, actions, style, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/LakeModal.d.ts

@@ -11,4 +11,4 @@ export type LakeModalProps = {
     maxWidth?: number;
     onPressClose?: () => void;
 };
-export declare const LakeModal: ({ visible, icon, title, color, children, maxWidth, onPressClose, }: LakeModalProps) => JSX.Element | null;
+export declare const LakeModal: ({ visible, icon, title, color, children, maxWidth, onPressClose, }: LakeModalProps) => import("react/jsx-runtime").JSX.Element | null;

package/src/components/LakeRadio.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { ColorVariants } from "../constants/design";
 type Props = {
     value: boolean;
     disabled?: boolean;
     color?: ColorVariants;
 };
-export declare const LakeRadio: ({ value, disabled, color }: Props) => JSX.Element;
+export declare const LakeRadio: ({ value, disabled, color }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/LakeScrollView.d.ts

@@ -6,5 +6,5 @@ type Props = {
     contentContainerStyle?: ViewProps["style"];
     horizontalSafeArea?: number;
 };
-export declare const LakeScrollView: ({ children, horizontalSafeArea, style, contentContainerStyle, }: Props) => JSX.Element;
+export declare const LakeScrollView: ({ children, horizontalSafeArea, style, contentContainerStyle, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/LakeSearchField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     initialValue: string;
     placeholder: string;
@@ -6,5 +5,5 @@ type Props = {
     debounceDuration?: number;
     maxWidth?: number;
 };
-export declare const LakeSearchField: ({ initialValue, placeholder, onChangeText, debounceDuration, maxWidth, }: Props) => JSX.Element;
+export declare const LakeSearchField: ({ initialValue, placeholder, onChangeText, debounceDuration, maxWidth, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/LakeSelect.d.ts

@@ -27,4 +27,4 @@ export type SelectProps<V> = {
     readOnly?: boolean;
     style?: StyleProp<ViewStyle>;
 };
-export declare function LakeSelect<V>({ title, items, valueStyle, size, color, disabled, mode, placeholder, readOnly, id, matchReferenceWidth, value, error, hideErrors, icon, onValueChange, PopoverFooter, style, }: SelectProps<V>): JSX.Element;
+export declare function LakeSelect<V>({ title, items, valueStyle, size, color, disabled, mode, placeholder, readOnly, id, matchReferenceWidth, value, error, hideErrors, icon, onValueChange, PopoverFooter, style, }: SelectProps<V>): import("react/jsx-runtime").JSX.Element;

package/src/components/LakeSlider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type SliderProps = {
     label: string;
     value: number;
@@ -9,4 +8,4 @@ export type SliderProps = {
     onChange: (value: number) => void;
 };
 export declare const sliderBreakpoint: number;
-export declare const LakeSlider: ({ label, value, min, max, step, unit, onChange }: SliderProps) => JSX.Element;
+export declare const LakeSlider: ({ label, value, min, max, step, unit, onChange }: SliderProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/LakeStepper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyleProp, ViewStyle } from "react-native";
 export type Step = {
     id: string;
@@ -16,6 +15,6 @@ type Props = {
     activeStepId: string;
     style?: StyleProp<ViewStyle>;
 };
-export declare const LakeStepper: ({ steps, activeStepId, style }: Props) => JSX.Element;
-export declare const MobileStepTitle: ({ steps, activeStepId }: Props) => JSX.Element | null;
+export declare const LakeStepper: ({ steps, activeStepId, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileStepTitle: ({ steps, activeStepId }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/src/components/LakeTooltip.d.ts

@@ -20,5 +20,5 @@ type TooltipRef = {
 export declare const LakeTooltip: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<TooltipRef>>>;
 export declare const InformationTooltip: ({ text }: {
     text: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/ListRightPanel.d.ts

@@ -5,7 +5,7 @@ export declare const ListRightPanelContent: ({ children, large, style, }: {
     children: React.ReactNode;
     large: boolean;
     style?: StyleProp<ViewStyle>;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 type Props<T> = {
     items: T[];
     keyExtractor: (item: T) => string;

package/src/components/PlainListView.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from "react";
-import { PressableStateCallbackType } from "react-native";
+import { PressableStateCallbackType, ViewStyle } from "react-native";
 import { ColumnCellConfig, ColumnTitleConfig, LinkConfig } from "./FixedListView";
 export type ColumnConfig<T, ExtraInfo> = {
     id: string;
@@ -20,6 +20,7 @@ type Props<T, ExtraInfo> = {
     smallColumns?: ColumnConfig<T, ExtraInfo>[];
     onEndReached?: () => void;
     onEndReachedThresholdPx?: number;
+    rowStyle?: (item: T, large: boolean) => ViewStyle | null | undefined;
     getRowLink?: (config: LinkConfig<T, ExtraInfo>) => ReactElement<{
         children: (state: PressableStateCallbackType) => React.ReactNode;
     }>;
@@ -35,5 +36,5 @@ type Props<T, ExtraInfo> = {
     withoutScroll?: boolean;
     stickyOffset?: number;
 };
-export declare const PlainListView: <T, ExtraInfo>({ data: originalData, keyExtractor, rowHeight, groupHeaderHeight, headerHeight, columns, smallColumns, extraInfo, onEndReached, onEndReachedThresholdPx, getRowLink, activeRowId, renderEmptyList, onActiveRowChange, groupBy, loading, breakpoint, withoutScroll, stickyOffset, }: Props<T, ExtraInfo>) => JSX.Element;
+export declare const PlainListView: <T, ExtraInfo>({ data: originalData, keyExtractor, rowHeight, groupHeaderHeight, headerHeight, columns, smallColumns, extraInfo, onEndReached, onEndReachedThresholdPx, rowStyle, getRowLink, activeRowId, renderEmptyList, onActiveRowChange, groupBy, loading, breakpoint, withoutScroll, stickyOffset, }: Props<T, ExtraInfo>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/PlainListView.js

@@ -84,7 +84,7 @@ const styles = StyleSheet.create({
 });
 const ONE = 1;
 const ZERO = 0;
-const Row = ({ id, item, index, rowHeight, columns, extraInfo, isActive, isHovered, large, onMouseEnter, onMouseLeave, }) => {
+const Row = ({ id, item, index, rowHeight, columns, extraInfo, isActive, isHovered, large, style, onMouseEnter, onMouseLeave, }) => {
     const containerRef = useRef(null);
     useHover(containerRef, {
         onHoverStart: () => onMouseEnter(id),
@@ -94,6 +94,7 @@ const Row = ({ id, item, index, rowHeight, columns, extraInfo, isActive, isHover
             styles.segment,
             large && styles.segmentLarge,
             styles.row,
+            style?.(item, large),
             isActive && styles.activeRow,
             isHovered && styles.hoveredRow,
             { minHeight: rowHeight },
@@ -105,7 +106,7 @@ const Row = ({ id, item, index, rowHeight, columns, extraInfo, isActive, isHover
                 },
             ], id: columnId, children: renderCell({ columnId, item, index, extraInfo, isHovered }) }, columnId))) }));
 };
-export const PlainListView = ({ data: originalData, keyExtractor, rowHeight, groupHeaderHeight, headerHeight, columns, smallColumns = columns, extraInfo, onEndReached, onEndReachedThresholdPx = 200, getRowLink, activeRowId, renderEmptyList, onActiveRowChange, groupBy, loading, breakpoint = breakpoints.large, withoutScroll = false, stickyOffset = 0, }) => {
+export const PlainListView = ({ data: originalData, keyExtractor, rowHeight, groupHeaderHeight, headerHeight, columns, smallColumns = columns, extraInfo, onEndReached, onEndReachedThresholdPx = 200, rowStyle, getRowLink, activeRowId, renderEmptyList, onActiveRowChange, groupBy, loading, breakpoint = breakpoints.large, withoutScroll = false, stickyOffset = 0, }) => {
     const viewId = useId();
     const scrollTrackerRef = useRef(null);
     const groups = useMemo(() => {
@@ -164,7 +165,7 @@ export const PlainListView = ({ data: originalData, keyExtractor, rowHeight, gro
         ] })), [isLoading, loading?.count, rowHeight, totalHeight, withoutScroll]);
     return (_jsx(ResponsiveContainer, { style: withoutScroll ? (isEmpty ? commonStyles.fill : undefined) : styles.root, breakpoint: breakpoint, children: ({ large }) => {
             const displayColumns = large ? columns : smallColumns;
-            return (_jsxs(_Fragment, { children: [large ? (_jsx(View, { style: [styles.segment, large && styles.segmentLarge], children: displayColumns.map(({ id, width, title, renderTitle }) => {
+            return (_jsxs(_Fragment, { children: [!isEmpty && large ? (_jsx(View, { style: [styles.segment, large && styles.segmentLarge], children: displayColumns.map(({ id, width, title, renderTitle }) => {
                             const columnId = `${viewId}_${id}`;
                             return (_jsx(View, { style: [
                                     styles.segmentHeaderCell,
@@ -193,7 +194,7 @@ export const PlainListView = ({ data: originalData, keyExtractor, rowHeight, gro
                                                     style: { ...styles.rowLink, ...wrapper.props.style },
                                                     key: index,
                                                     ref: isActive ? activeItemRef : null,
-                                                    children: (_jsx(Row, { id: key, rowHeight: rowHeight, columns: displayColumns, item: item, index: index, extraInfo: extraInfo, isActive: isActive, isHovered: isHovered, large: large, onMouseEnter: setHoveredRow, onMouseLeave: removeHoveredRow })),
+                                                    children: (_jsx(Row, { id: key, rowHeight: rowHeight, columns: displayColumns, item: item, index: index, extraInfo: extraInfo, isActive: isActive, isHovered: isHovered, large: large, style: rowStyle, onMouseEnter: setHoveredRow, onMouseLeave: removeHoveredRow })),
                                                 });
                                             })] }, groupName));
                                 }), _jsx(View, { children: _jsx(View, { "aria-busy": isLoading, style: styles.loadingPlaceholder, children: isLoading ? (_jsx(PlainListViewPlaceholder, { count: loading.count, rowHeight: rowHeight, rowVerticalSpacing: 0, paddingHorizontal: 0 })) : null }) }), isEmpty && isNotNullish(renderEmptyList) && !isLoading ? (_jsx(View, { style: styles.emptyListContainer, children: renderEmptyList() })) : null, _jsx(View, { style: [styles.scrollTracker, { height: onEndReachedThresholdPx }], ref: scrollTrackerRef })] })),

package/src/components/PopoverContent.d.ts

@@ -4,5 +4,5 @@ type Props = {
     children: ReactNode;
     style?: StyleProp<ViewStyle>;
 };
-export declare const PopoverContent: ({ style, children }: Props) => JSX.Element;
+export declare const PopoverContent: ({ style, children }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/ProjectEnvTag.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 type Props = {
     projectEnv: "Live" | "Sandbox";
     iconOnly?: boolean;
 };
-export declare const ProjectEnvTag: (props: Props) => JSX.Element;
+export declare const ProjectEnvTag: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/QuickActions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconName } from "./Icon";
 export type QuickAction = {
     icon: IconName;
@@ -11,5 +10,5 @@ export type QuickAction = {
 type Props = {
     actions: QuickAction[];
 };
-export declare const QuickActions: ({ actions }: Props) => JSX.Element;
+export declare const QuickActions: ({ actions }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/RadioGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorVariants } from "../constants/design";
 export type RadioGroupItem<V> = {
     name: string;
@@ -13,4 +12,4 @@ export type RadioGroupProps<V> = {
     value?: V;
     onValueChange: (value: V) => void;
 };
-export declare function RadioGroup<V>({ items, direction, color, disabled, value, onValueChange, }: RadioGroupProps<V>): JSX.Element;
+export declare function RadioGroup<V>({ items, direction, color, disabled, value, onValueChange, }: RadioGroupProps<V>): import("react/jsx-runtime").JSX.Element;

package/src/components/ReadOnlyFieldList.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from "react";
 type Props = {
     children: ReactNode;
 };
-export declare const ReadOnlyFieldList: ({ children }: Props) => JSX.Element;
+export declare const ReadOnlyFieldList: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/ResponsiveContainer.d.ts

@@ -9,5 +9,5 @@ type Props = {
     style?: ViewProps["style"];
     breakpoint?: number;
 };
-export declare const ResponsiveContainer: ({ children, style, breakpoint }: Props) => JSX.Element;
+export declare const ResponsiveContainer: ({ children, style, breakpoint }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Separator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyleProp, ViewStyle } from "react-native";
 import { SpacingValue } from "./Space";
 type Props = {
@@ -6,5 +5,5 @@ type Props = {
     space?: SpacingValue;
     style?: StyleProp<ViewStyle>;
 };
-export declare const Separator: ({ horizontal, space, style }: Props) => JSX.Element;
+export declare const Separator: ({ horizontal, space, style }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/SidebarNavigationTracker.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { ScrollViewProps } from "react-native";
 type Props = {
     style?: ScrollViewProps["style"];
     contentContainerStyle?: ScrollViewProps["style"];
     children: ScrollViewProps["children"];
 };
-export declare const SidebarNavigationTracker: ({ style, contentContainerStyle, children }: Props) => JSX.Element;
+export declare const SidebarNavigationTracker: ({ style, contentContainerStyle, children }: Props) => import("react/jsx-runtime").JSX.Element;
 type MarkerProps = {
     color: string;
 };
-export declare const SidebarNavigationTrackerActiveMarker: ({ color }: MarkerProps) => JSX.Element;
+export declare const SidebarNavigationTrackerActiveMarker: ({ color }: MarkerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Slider.d.ts

@@ -7,5 +7,5 @@ type Props = {
     disabled?: boolean;
     onValueChange?: (value: number) => void;
 };
-export declare const Slider: import("react").MemoExoticComponent<({ value, step, minimum, maximum, disabled, onValueChange }: Props) => JSX.Element>;
+export declare const Slider: import("react").MemoExoticComponent<({ value, step, minimum, maximum, disabled, onValueChange }: Props) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/src/components/SmsOpeningAnimation.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { StyleProp, ViewStyle } from "react-native";
 type Props = {
     playing?: boolean;
     style?: StyleProp<ViewStyle>;
 };
-export declare const SmsOpeningAnimation: ({ playing, style }: Props) => JSX.Element;
+export declare const SmsOpeningAnimation: ({ playing, style }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/SortBottomPanel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type SortDirection = "Asc" | "Desc";
 export type SortField<T> = {
     name: T;
@@ -17,5 +16,5 @@ type Props<T extends string> = {
     onChange: (value: SortValue<T>) => void;
     onClose: () => void;
 };
-export declare const SortBottomPanel: <T extends string>({ visible, title, value, fields, onChange, onClose, }: Props<T>) => JSX.Element;
+export declare const SortBottomPanel: <T extends string>({ visible, title, value, fields, onChange, onClose, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Space.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const spacingValues: readonly [4, 8, 12, 16, 20, 24, 32, 40, 48, 72, 96];
 export type SpacingValue = (typeof spacingValues)[number];
 type Props = {
@@ -6,5 +5,5 @@ type Props = {
     width?: SpacingValue;
     flexGrow?: number;
 };
-export declare const Space: ({ height, width, flexGrow }: Props) => JSX.Element;
+export declare const Space: ({ height, width, flexGrow }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/StepDots.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 type Props<T extends string> = {
     steps: T[];
     currentStep: T;
 };
-export declare const StepDots: <T extends string>({ steps, currentStep }: Props<T>) => JSX.Element;
+export declare const StepDots: <T extends string>({ steps, currentStep }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Stepper.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 type Props = {
     steps: {
         label: string;
     }[];
     activeStep: number;
 };
-export declare const Stepper: ({ steps, activeStep }: Props) => JSX.Element;
+export declare const Stepper: ({ steps, activeStep }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/SuccessIcon.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { StyleProp, ViewStyle } from "react-native";
 type Props = {
     size: number;
     style?: StyleProp<ViewStyle>;
 };
-export declare const SuccessIcon: ({ size, style }: Props) => JSX.Element;
+export declare const SuccessIcon: ({ size, style }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/SwanLogo.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { StyleProp, ViewStyle } from "react-native";
 type Props = {
     color?: string;
     style?: StyleProp<ViewStyle>;
 };
-export declare const SwanLogo: ({ color, style }: Props) => JSX.Element;
+export declare const SwanLogo: ({ color, style }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/TabView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconName } from "./Icon";
 import { SpacingValue } from "./Space";
 export declare const tabsViewHeight: number;
@@ -16,5 +15,5 @@ type Props = {
     padding?: SpacingValue;
     sticky?: boolean;
 };
-export declare const TabView: ({ tabs, otherLabel, hideIfSingleItem, sticky, padding, }: Props) => JSX.Element | null;
+export declare const TabView: ({ tabs, otherLabel, hideIfSingleItem, sticky, padding, }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/src/components/Tag.d.ts

@@ -13,5 +13,5 @@ type Props = {
     style?: StyleProp<ViewStyle>;
     ariaLabel?: string;
 };
-export declare const Tag: ({ children, label, color, size, icon, iconSize, ariaLabel, onPressRemove, style, }: Props) => JSX.Element;
+export declare const Tag: ({ children, label, color, size, icon, iconSize, ariaLabel, onPressRemove, style, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Tile.d.ts

@@ -19,16 +19,16 @@ type Props = {
     selected?: boolean;
     style?: StyleProp<ViewStyle>;
 };
-export declare const Tile: ({ icon, title, description, headerEnd, footer, flexBasis, children, numberOfLines, paddingVertical, paddingHorizontal, hovered, flexGrow, flexShrink, disabled, selected, style, }: Props) => JSX.Element;
+export declare const Tile: ({ icon, title, description, headerEnd, footer, flexBasis, children, numberOfLines, paddingVertical, paddingHorizontal, hovered, flexGrow, flexShrink, disabled, selected, style, }: Props) => import("react/jsx-runtime").JSX.Element;
 export declare const TileFullWidthContent: ({ children, flexGrow, fitToBottom, }: {
     children: ReactNode;
     flexGrow?: number | undefined;
     fitToBottom?: boolean | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 type TileGridProps = {
     breakpoint?: number;
     children: ReactNode;
 };
-export declare const TileGrid: ({ children, breakpoint }: TileGridProps) => JSX.Element;
-export declare const TileRows: ({ children, breakpoint }: TileGridProps) => JSX.Element;
+export declare const TileGrid: ({ children, breakpoint }: TileGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TileRows: ({ children, breakpoint }: TileGridProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/TilePlaceholder.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-export declare const TilePlaceholder: () => JSX.Element;
+export declare const TilePlaceholder: () => import("react/jsx-runtime").JSX.Element;
 export declare const TileGridPlaceholder: ({ numberOfItems, withTabs, }: {
     numberOfItems?: number | undefined;
     withTabs?: boolean | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/src/components/ToastStack.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const ToastStack: () => JSX.Element | null;
+export declare const ToastStack: () => import("react/jsx-runtime").JSX.Element | null;

package/src/components/TransitionGroupView.d.ts

@@ -7,5 +7,5 @@ type Props = {
     childStyle?: StyleProp<ViewStyle>;
     children: ReactNode;
 };
-export declare const TransitionGroupView: ({ children, enter, leave, style, childStyle }: Props) => JSX.Element;
+export declare const TransitionGroupView: ({ children, enter, leave, style, childStyle }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/TransitionView.d.ts

@@ -7,5 +7,5 @@ type Props = {
     children: ReactNode | null;
     onLeave?: () => void;
 };
-export declare const TransitionView: ({ enter, leave, style, children, onLeave }: Props) => JSX.Element | null;
+export declare const TransitionView: ({ enter, leave, style, children, onLeave }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/src/components/WithCurrentColor.d.ts

@@ -8,5 +8,5 @@ type Props = {
 };
 export declare const CurrentColorContext: import("react").Context<"gray" | "live" | "sandbox" | "positive" | "warning" | "negative" | "current" | "partner" | "swan" | "shakespear" | "darkPink" | "sunglow" | "mediumSladeBlue" | undefined>;
 export declare const useCurrentColor: (containerRef: MutableRefObject<HTMLElement | null>, variant: ColorVariants | undefined) => void;
-export declare const WithCurrentColor: ({ variant, style, children }: Props) => JSX.Element;
+export declare const WithCurrentColor: ({ variant, style, children }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/WithPartnerAccentColor.d.ts

@@ -4,5 +4,5 @@ type Props = {
     children: ReactNode;
     scoped?: boolean;
 };
-export declare const WithPartnerAccentColor: ({ color, scoped, children }: Props) => JSX.Element;
+export declare const WithPartnerAccentColor: ({ color, scoped, children }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/utils/function.d.ts

@@ -1,4 +1,6 @@
-export declare const stubTrue: () => true;
 export declare const identity: <T>(value: T) => T;
 export declare const noop: () => void;
+export declare const stubFalse: () => false;
+export declare const stubTrue: () => true;
+export declare const unionToArray: <T extends PropertyKey>(object: Record<T, true>) => T[];
 export declare const memoize: <Input extends unknown[], Output>(func: (...input: Input) => Output, getCacheKey: (...input: Input) => string) => (...input: Input) => Output;

package/src/utils/function.js

@@ -1,10 +1,9 @@
-export const stubTrue = () => {
-    return true;
-};
-export const identity = (value) => {
-    return value;
-};
+import { Dict } from "@swan-io/boxed";
+export const identity = (value) => value;
 export const noop = () => { };
+export const stubFalse = () => false;
+export const stubTrue = () => true;
+export const unionToArray = (object) => Dict.keys(object);
 export const memoize = (func, getCacheKey) => {
     const cache = new Map();
     return (...input) => {

package/src/utils/types.d.ts

@@ -6,8 +6,3 @@ export type GetNode<T extends {
         node: unknown;
     }[];
 }> = GetEdge<T>["node"];
-type Contravariant<T> = T extends unknown ? (_: T) => void : never;
-type InferContravariant<T> = [T] extends [(_: infer I) => void] ? I : never;
-type PickOne<T> = InferContravariant<InferContravariant<Contravariant<Contravariant<T>>>>;
-export type UnionToTuple<T> = PickOne<T> extends infer U ? Exclude<T, U> extends never ? [T] : [...UnionToTuple<Exclude<T, U>>, U] : never;
-export {};