fluent-styles 1.54.0 → 1.55.0

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

@@ -0,0 +1,144 @@
+/**
+ * StyledRadio.tsx
+ * ───────────────
+ * Production-ready radio button components for fluent-styles.
+ *
+ * Exports:
+ *  • StyledRadio        — single radio dot (controlled or uncontrolled)
+ *  • StyledRadioOption  — row layout: radio + label + optional right content
+ *  • StyledRadioCard    — full card with border highlight when selected
+ *  • StyledRadioGroup   — manages a list of StyledRadioOptions or StyledRadioCards
+ *
+ * Variants:
+ *  • 'list'   — vertical rows (billing period, payment method rows)
+ *  • 'card'   — horizontal grid cards (delivery method)
+ *  • 'boxed'  — full-width card with inner row options (billing period card)
+ *
+ * Sizes:  sm | md | lg
+ */
+import React from 'react';
+export type RadioSize = 'sm' | 'md' | 'lg';
+export type RadioVariant = 'list' | 'card' | 'boxed';
+export interface RadioOption<T extends string | number = string> {
+    /** Unique value for this option */
+    value: T;
+    /** Primary label */
+    label: string;
+    color?: string;
+    /** Secondary line below the label */
+    subtitle?: string;
+    /** Content shown on the right side (price, description, etc.) */
+    rightContent?: React.ReactNode;
+    /** Leading content (card logo, icon, etc.) */
+    leadingContent?: React.ReactNode;
+    /** Badge shown inline after the label (e.g. "SAVE 33%") */
+    badge?: React.ReactNode;
+    /** Disable this specific option */
+    disabled?: boolean;
+}
+export interface StyledRadioColors {
+    /** Active dot + border colour. Default: theme.colors.gray[900] */
+    active?: string;
+    /** Inactive ring colour. Default: theme.colors.gray[300] */
+    inactive?: string;
+    /** Selected card background. Default: transparent tint of `active` */
+    selectedCardBg?: string;
+    /** Selected card border. Default: `active` */
+    selectedCardBorder?: string;
+    /** Unselected card border. Default: theme.colors.gray[200] */
+    unselectedCardBorder?: string;
+    /** Label colour. Default: theme.colors.gray[900] */
+    label?: string;
+    /** Subtitle colour. Default: theme.colors.gray[400] */
+    subtitle?: string;
+}
+export interface StyledRadioGroupProps<T extends string | number = string> {
+    /** Array of options to render */
+    options: RadioOption<T>[];
+    /** Controlled selected value */
+    value?: T;
+    /** Initial value for uncontrolled mode */
+    defaultValue?: T;
+    /** Called when selection changes */
+    onChange?: (value: T) => void;
+    /** Visual layout variant. Default: 'list' */
+    variant?: RadioVariant;
+    /** Dot size preset. Default: 'md' */
+    size?: RadioSize;
+    /** Section title shown above the group (for 'boxed' variant) */
+    title?: string;
+    /** Colour overrides */
+    colors?: StyledRadioColors;
+    /** Number of columns for 'card' variant. Default: 3 */
+    columns?: number;
+    /** Gap between card items. Default: 10 */
+    gap?: number;
+}
+/**
+ * The raw animated radio dot — use this directly if you need
+ * a custom layout, or use StyledRadioGroup for the full component.
+ *
+ * @example
+ * <StyledRadio selected={isSelected} color="#2563eb" size="md" />
+ */
+export declare const StyledRadio: React.FC<{
+    selected: boolean;
+    color?: string;
+    inactive?: string;
+    size?: RadioSize;
+    onPress?: () => void;
+    disabled?: boolean;
+}>;
+/**
+ * StyledRadioGroup — fully managed radio selection group.
+ *
+ * @example Vertical list (billing period rows)
+ * ```tsx
+ * <StyledRadioGroup
+ *   options={[
+ *     { value: 'monthly', label: 'Monthly', rightContent: <StyledText>$9.99/month</StyledText> },
+ *     { value: 'yearly',  label: 'Yearly',  rightContent: <StyledText>$12.99/month</StyledText> },
+ *   ]}
+ *   defaultValue="monthly"
+ *   variant="list"
+ * />
+ * ```
+ *
+ * @example Boxed card with title
+ * ```tsx
+ * <StyledRadioGroup
+ *   title="Billing Period"
+ *   options={billingOptions}
+ *   defaultValue="monthly"
+ *   variant="boxed"
+ * />
+ * ```
+ *
+ * @example Horizontal cards (delivery method)
+ * ```tsx
+ * <StyledRadioGroup
+ *   options={deliveryOptions}
+ *   defaultValue="express"
+ *   variant="card"
+ *   columns={3}
+ *   colors={{ active: '#2563eb', selectedCardBg: '#eff6ff' }}
+ * />
+ * ```
+ *
+ * @example Custom colours (blue theme)
+ * ```tsx
+ * <StyledRadioGroup
+ *   options={paymentOptions}
+ *   defaultValue="visa"
+ *   variant="list"
+ *   colors={{
+ *     active:             '#2563eb',
+ *     selectedCardBg:     '#eff6ff',
+ *     selectedCardBorder: '#2563eb',
+ *   }}
+ * />
+ * ```
+ */
+export declare function StyledRadioGroup<T extends string | number = string>({ options, value: controlledValue, defaultValue, onChange, variant, size, title, colors: colorsProp, columns, gap, }: StyledRadioGroupProps<T>): React.JSX.Element;
+export default StyledRadioGroup;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SafeAreaProviderProps } from 'react-native-safe-area-context';
+type StyledSafeAreaProviderProps = SafeAreaProviderProps;
+declare const StyledSafeAreaProvider: import("react").ForwardRefExoticComponent<SafeAreaProviderProps & import("react").RefAttributes<any>>;
+export { StyledSafeAreaProvider };
+export type { StyledSafeAreaProviderProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/safeAreaProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/safeAreaProvider/index.ts"],"names":[],"mappings":";AACA,OAAO,EAEH,qBAAqB,EACxB,MAAM,gCAAgC,CAAC;AAGxC,KAAK,2BAA2B,GAAG,qBAAqB,CAAC;AAEzD,QAAA,MAAM,sBAAsB,uGAG1B,CAAC;AAEH,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EAAE,2BAA2B,EAAE,CAAC"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SafeAreaViewProps } from 'react-native-safe-area-context';
+import { ViewStyleProps } from '../utiles/viewStyleProps';
+type StyledSafeAreaViewProps = SafeAreaViewProps & ViewStyleProps;
+declare const StyledSafeAreaView: import("react").ForwardRefExoticComponent<import("react-native-safe-area-context").NativeSafeAreaViewProps & ViewStyleProps & import("react").RefAttributes<any>>;
+export { StyledSafeAreaView };
+export type { StyledSafeAreaViewProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/safeAreaView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/safeAreaView/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEH,iBAAiB,EACpB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,uBAAuB,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAElE,QAAA,MAAM,kBAAkB,mKAItB,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,uBAAuB,EAAE,CAAC"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ScrollViewProps } from 'react-native';
+import { ViewStyleProps } from '../utiles/viewStyleProps';
+type StyledScrollViewProps = ScrollViewProps & ViewStyleProps;
+declare const StyledScrollView: import("react").ForwardRefExoticComponent<ScrollViewProps & ViewStyleProps & import("react").RefAttributes<any>>;
+export { StyledScrollView };
+export type { StyledScrollViewProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/scrollView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scrollView/index.ts"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,qBAAqB,GAAG,eAAe,GAAG,cAAc,CAAC;AAE9D,QAAA,MAAM,gBAAgB,kHAIpB,CAAC;AAEH,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}

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

@@ -0,0 +1,70 @@
+/**
+ * StyledSearchBar
+ *
+ * A polished animated search input with:
+ * - 4 variants: outline | filled | ghost | floating
+ * - 3 sizes: sm | md | lg
+ * - Animated focus ring & clear button
+ * - Optional left icon / right action slot
+ * - Suggestion list with keyboard-aware dismiss
+ * - Cancel button (mobile pattern)
+ * - Voice / filter button slots
+ * - Full colour token overrides
+ *
+ * Rules:
+ * - Uses Stack, StyledText, StyledPressable — no bare View/Text
+ * - No StyleSheet.create — flat style props only
+ * - All colours from theme.colors / palettes
+ * - Children typed as CompatNode
+ */
+import React, { type ReactNode } from 'react';
+import { type TextInputProps } from 'react-native';
+type CompatNode = ReactNode;
+export interface SearchBarColors {
+    background: string;
+    border: string;
+    focusBorder: string;
+    placeholder: string;
+    text: string;
+    icon: string;
+    clearBg: string;
+    clearIcon: string;
+    cancelText: string;
+    suggestionBg: string;
+    suggestionText: string;
+    suggestionBorder: string;
+    divider: string;
+}
+export interface SearchSuggestion {
+    id: string;
+    label: string;
+    subtitle?: string;
+    icon?: CompatNode;
+}
+export type SearchBarVariant = 'outline' | 'filled' | 'ghost' | 'floating';
+export type SearchBarSize = 'sm' | 'md' | 'lg';
+export interface StyledSearchBarProps extends Omit<TextInputProps, 'style'> {
+    variant?: SearchBarVariant;
+    size?: SearchBarSize;
+    placeholder?: string;
+    value?: string;
+    onChangeText?: (text: string) => void;
+    onSubmit?: (text: string) => void;
+    onCancel?: () => void;
+    onClear?: () => void;
+    showCancel?: boolean;
+    cancelLabel?: string;
+    leftIcon?: CompatNode;
+    rightAction?: CompatNode;
+    suggestions?: SearchSuggestion[];
+    onSuggestionPress?: (item: SearchSuggestion) => void;
+    loading?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    colors?: Partial<SearchBarColors>;
+    /** borderRadius override */
+    borderRadius?: number;
+}
+export declare const StyledSearchBar: React.FC<StyledSearchBarProps>;
+export default StyledSearchBar;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/searchBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/searchBar/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAIZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AACd,OAAO,EAIL,KAAK,cAAc,EAEpB,MAAM,cAAc,CAAA;AAIrB,KAAK,UAAU,GAAG,SAAS,CAAA;AAG3B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAO,MAAM,CAAA;IACvB,MAAM,EAAW,MAAM,CAAA;IACvB,WAAW,EAAM,MAAM,CAAA;IACvB,WAAW,EAAM,MAAM,CAAA;IACvB,IAAI,EAAa,MAAM,CAAA;IACvB,IAAI,EAAa,MAAM,CAAA;IACvB,OAAO,EAAU,MAAM,CAAA;IACvB,SAAS,EAAQ,MAAM,CAAA;IACvB,UAAU,EAAO,MAAM,CAAA;IACvB,YAAY,EAAK,MAAM,CAAA;IACvB,cAAc,EAAG,MAAM,CAAA;IACvB,gBAAgB,EAAE,MAAM,CAAA;IACxB,OAAO,EAAU,MAAM,CAAA;CACxB;AA0BD,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAQ,MAAM,CAAA;IAChB,KAAK,EAAK,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAK,UAAU,CAAA;CACrB;AAGD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAA;AAC1E,MAAM,MAAM,aAAa,GAAM,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACzE,OAAO,CAAC,EAAW,gBAAgB,CAAA;IACnC,IAAI,CAAC,EAAc,aAAa,CAAA;IAChC,WAAW,CAAC,EAAO,MAAM,CAAA;IACzB,KAAK,CAAC,EAAa,MAAM,CAAA;IACzB,YAAY,CAAC,EAAM,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAU,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAU,MAAM,IAAI,CAAA;IAC7B,OAAO,CAAC,EAAW,MAAM,IAAI,CAAA;IAC7B,UAAU,CAAC,EAAQ,OAAO,CAAA;IAC1B,WAAW,CAAC,EAAO,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAU,UAAU,CAAA;IAC7B,WAAW,CAAC,EAAO,UAAU,CAAA;IAC7B,WAAW,CAAC,EAAO,gBAAgB,EAAE,CAAA;IACrC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACpD,OAAO,CAAC,EAAW,OAAO,CAAA;IAC1B,QAAQ,CAAC,EAAU,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAS,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAY,OAAO,CAAC,eAAe,CAAC,CAAA;IAC3C,4BAA4B;IAC5B,YAAY,CAAC,EAAM,MAAM,CAAA;CAC1B;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0Q1D,CAAA;AAED,eAAe,eAAe,CAAA"}

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

@@ -0,0 +1,13 @@
+import { StackProps } from "../stack";
+import { StyledText } from "../text";
+import React from "react";
+interface SeperatorProps extends StackProps {
+    leftLabel: string;
+    leftLabelProps?: React.ComponentProps<typeof StyledText>;
+    rightLabel?: string;
+    rightLabelProps?: React.ComponentProps<typeof StyledText>;
+}
+declare const StyledSeperator: React.ForwardRefExoticComponent<SeperatorProps & React.RefAttributes<any>>;
+export { StyledSeperator };
+export type { SeperatorProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/seperator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/seperator/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,cAAe,SAAQ,UAAU;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CAC7D;AAED,QAAA,MAAM,eAAe,4EAyCpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,56 @@
+/**
+ * Imperative portal services — usable from outside the React tree.
+ * Prerequisite: wrap your app root with `<GlobalPortalProvider>`.
+ */
+import React from 'react';
+import { ToastProps } from '../toast';
+import { NotificationProps } from '../notification';
+import { LoaderProps } from '../loading/loader';
+import { DialogueAction, DialogueProps } from '../dialog/dialogue';
+import { ActionSheetProps } from '../actionSheet';
+export type ToastOptions = Omit<ToastProps, 'onDismiss'>;
+export declare const toastService: {
+    show: (options: ToastOptions) => number;
+    success: (message: string, description?: string) => number;
+    error: (message: string, description?: string) => number;
+    warning: (message: string, description?: string) => number;
+    info: (message: string, description?: string) => number;
+    dismiss: (id: number) => void;
+};
+export type NotificationOptions = Omit<NotificationProps, 'onDismiss'>;
+export declare const notificationService: {
+    show: (options: NotificationOptions) => number;
+    dismiss: (id: number) => void;
+};
+export type LoaderOptions = LoaderProps;
+export declare const loaderService: {
+    show: (options?: LoaderOptions) => number;
+    hide: (id: number) => void;
+    wrap: <T>(fn: () => Promise<T>, options?: LoaderOptions) => Promise<T>;
+};
+export type DialogueOptions = Omit<DialogueProps, 'onDismiss'> & {
+    actions?: DialogueAction[];
+};
+export type ConfirmOptions = {
+    title: string;
+    message?: string;
+    icon?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+    theme?: DialogueProps['theme'];
+    colors?: DialogueProps['colors'];
+};
+export declare const dialogueService: {
+    show: (options: DialogueOptions) => number;
+    dismiss: (id: number) => void;
+    confirm: (options: ConfirmOptions) => Promise<boolean>;
+    alert: (title: string, message?: string, icon?: string) => Promise<void>;
+};
+export type ActionSheetOptions = Omit<ActionSheetProps, 'onDismiss'>;
+export declare const actionSheetService: {
+    show: (options: ActionSheetOptions) => number;
+    present: (children: React.ReactNode, options?: Omit<ActionSheetOptions, 'children'>) => number;
+    dismiss: (id: number) => void;
+};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/services/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/services/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAS,UAAU,EAAE,MAAO,UAAU,CAAA;AAC7C,OAAO,EAAgB,iBAAiB,EAAE,MAAO,iBAAiB,CAAA;AAClE,OAAO,EAAU,WAAW,EAAE,MAAmB,mBAAmB,CAAA;AACpE,OAAO,EAAY,cAAc,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAe,gBAAgB,EAAE,MAAS,gBAAgB,CAAA;AAkBjE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;AAExD,eAAO,MAAM,YAAY;oBACP,YAAY,KAAG,MAAM;uBAKlB,MAAM,gBAAgB,MAAM,KAAG,MAAM;qBAEvC,MAAM,gBAAgB,MAAM,KAAG,MAAM;uBAEnC,MAAM,gBAAgB,MAAM,KAAG,MAAM;oBAExC,MAAM,gBAAgB,MAAM,KAAG,MAAM;kBAEvC,MAAM,KAAG,IAAI;CAC5B,CAAA;AAID,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAA;AAEtE,eAAO,MAAM,mBAAmB;oBACd,mBAAmB,KAAG,MAAM;kBAK9B,MAAM,KAAG,IAAI;CAC5B,CAAA;AAID,MAAM,MAAM,aAAa,GAAG,WAAW,CAAA;AAEvC,eAAO,MAAM,aAAa;qBACR,aAAa,KAAQ,MAAM;eAKhC,MAAM,KAAG,IAAI;8CACuB,aAAa;CAI7D,CAAA;AAID,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;CAAE,CAAA;AAE/F,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAU,MAAM,CAAA;IACrB,OAAO,CAAC,EAAO,MAAM,CAAA;IACrB,IAAI,CAAC,EAAU,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAG,MAAM,CAAA;IACrB,WAAW,CAAC,EAAG,OAAO,CAAA;IACtB,KAAK,CAAC,EAAS,aAAa,CAAC,OAAO,CAAC,CAAA;IACrC,MAAM,CAAC,EAAQ,aAAa,CAAC,QAAQ,CAAC,CAAA;CACvC,CAAA;AAiBD,eAAO,MAAM,eAAe;oBACP,eAAe,KAAG,MAAM;kBAC7B,MAAM,KAAG,IAAI;uBACR,cAAc,KAAG,QAAQ,OAAO,CAAC;mBAWrC,MAAM,YAAY,MAAM,SAAS,MAAM,KAAG,QAAQ,IAAI,CAAC;CAIvE,CAAA;AAID,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAA;AAapE,eAAO,MAAM,kBAAkB;oBACV,kBAAkB,KAAG,MAAM;wBAC1B,MAAM,SAAS,YAAW,KAAK,kBAAkB,EAAE,UAAU,CAAC,KAAQ,MAAM;kBAElF,MAAM,KAAG,IAAI;CAC5B,CAAA"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ViewProps, ViewStyle } from 'react-native';
+type ShapeVariants = {
+    cycle?: boolean | [boolean, ViewStyle];
+    size?: string | number | [string | number, ViewStyle];
+};
+type ShapeProps = ShapeVariants & ViewProps & ViewStyle;
+declare const StyleShape: import("react").ForwardRefExoticComponent<ShapeVariants & ViewProps & ViewStyle & import("react").RefAttributes<any>>;
+export { StyleShape };
+export type { ShapeProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/shape/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shape/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,KAAK,aAAa,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,CAAC,CAAC;CACzD,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD,QAAA,MAAM,UAAU,uHAuBd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,63 @@
+/**
+ * StyledSkeleton
+ *
+ * An animated loading placeholder with:
+ * - 2 animation types: shimmer | pulse
+ * - Primitive shapes: rect | circle | text | rounded
+ * - Pre-built layout templates: card | list-item | profile | article | grid
+ * - Composable: nest <Skeleton.Row> / <Skeleton.Group> for custom layouts
+ * - Speed + colour token overrides
+ *
+ * Rules:
+ * - Stack / StyledText — no bare View/Text
+ * - No StyleSheet.create
+ * - Colours from theme.colors / palettes
+ * - Children typed as CompatNode
+ */
+import React, { type ReactNode } from 'react';
+import { type ViewStyle } from 'react-native';
+type CompatNode = ReactNode;
+export interface SkeletonColors {
+    base: string;
+    highlight: string;
+    shimmer: string;
+}
+declare const LIGHT_COLORS: SkeletonColors;
+declare const DARK_COLORS: SkeletonColors;
+export type SkeletonAnimation = 'shimmer' | 'pulse' | 'none';
+export type SkeletonShape = 'rect' | 'circle' | 'text' | 'rounded';
+export type SkeletonTemplate = 'card' | 'list-item' | 'profile' | 'article' | 'grid';
+export type SkeletonTheme = 'light' | 'dark';
+export interface StyledSkeletonProps {
+    /** Primitive: render a single bone */
+    width?: number | `${number}%`;
+    height?: number;
+    shape?: SkeletonShape;
+    borderRadius?: number;
+    /** Template: render a composed layout */
+    template?: SkeletonTemplate;
+    /** Repeat template N times */
+    repeat?: number;
+    animation?: SkeletonAnimation;
+    speed?: number;
+    skeletonTheme?: SkeletonTheme;
+    colors?: Partial<SkeletonColors>;
+    style?: ViewStyle;
+    children?: CompatNode;
+}
+interface BoneProps {
+    width?: number | string;
+    height?: number;
+    shape?: SkeletonShape;
+    borderRadius?: number;
+    colors: SkeletonColors;
+    animation: SkeletonAnimation;
+    speed: number;
+    style?: ViewStyle;
+}
+declare const Bone: React.FC<BoneProps>;
+export declare const StyledSkeleton: React.FC<StyledSkeletonProps>;
+export { Bone as SkeletonBone };
+export { LIGHT_COLORS as SKELETON_LIGHT, DARK_COLORS as SKELETON_DARK };
+export default StyledSkeleton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/skeleton/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAGZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AACd,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,cAAc,CAAA;AAIrB,KAAK,UAAU,GAAG,SAAS,CAAA;AAK3B,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAO,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAI,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,YAAY,EAAE,cAInB,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,cAIlB,CAAA;AAGD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAC5D,MAAM,MAAM,aAAa,GAAO,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;AACtE,MAAM,MAAM,gBAAgB,GAAI,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;AACrF,MAAM,MAAM,aAAa,GAAO,OAAO,GAAG,MAAM,CAAA;AAEhD,MAAM,WAAW,mBAAmB;IAClC,sCAAsC;IACtC,KAAK,CAAC,EAAO,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAClC,MAAM,CAAC,EAAM,MAAM,CAAA;IACnB,KAAK,CAAC,EAAO,aAAa,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,yCAAyC;IACzC,QAAQ,CAAC,EAAI,gBAAgB,CAAA;IAC7B,8BAA8B;IAC9B,MAAM,CAAC,EAAM,MAAM,CAAA;IAEnB,SAAS,CAAC,EAAG,iBAAiB,CAAA;IAC9B,KAAK,CAAC,EAAO,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,MAAM,CAAC,EAAM,OAAO,CAAC,cAAc,CAAC,CAAA;IAEpC,KAAK,CAAC,EAAO,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAI,UAAU,CAAA;CACxB;AAkCD,UAAU,SAAS;IACjB,KAAK,CAAC,EAAS,MAAM,GAAG,MAAM,CAAA;IAC9B,MAAM,CAAC,EAAQ,MAAM,CAAA;IACrB,KAAK,CAAC,EAAS,aAAa,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,EAAS,cAAc,CAAA;IAC7B,SAAS,EAAM,iBAAiB,CAAA;IAChC,KAAK,EAAU,MAAM,CAAA;IACrB,KAAK,CAAC,EAAS,SAAS,CAAA;CACzB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6E7B,CAAA;AAsFD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuDxD,CAAA;AAKD,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,CAAA;AAC/B,OAAO,EAAE,YAAY,IAAI,cAAc,EAAE,WAAW,IAAI,aAAa,EAAE,CAAA;AACvE,eAAe,cAAc,CAAA"}

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

@@ -0,0 +1,60 @@
+/**
+ * StyledSlider.tsx
+ * ─────────────────
+ * Production-ready animated slider component for fluent-styles apps.
+ *
+ * Variants:
+ *  • default    — single thumb, fill left of thumb
+ *  • range      — two thumbs, fill between them
+ *  • stepped    — snaps to discrete tick marks
+ *  • gradient   — gradient-filled track
+ *  • buffer     — primary thumb + secondary buffer fill (media player style)
+ *
+ * Tooltip fix (three-layer layout):
+ *  • Track fill lives in its own overflow:hidden View
+ *  • Thumbs + tooltips live in a sibling overflow:visible wrapper
+ *  • SVG <Path> triangle pointer — never clips, always sharp
+ *  • useNativeDriver: false for tooltipAnim so text colour renders correctly on iOS
+ */
+import React from "react";
+export type SliderVariant = "default" | "range" | "stepped" | "gradient" | "buffer";
+export type SliderSize = "sm" | "md" | "lg";
+export interface StyledSliderColors {
+    fill?: string;
+    track?: string;
+    buffer?: string;
+    thumb?: string;
+    thumbBorder?: string;
+    gradFrom?: string;
+    gradTo?: string;
+    tooltipBg?: string;
+    tooltipText?: string;
+    rangeLabel?: string;
+    tick?: string;
+    tickActive?: string;
+}
+export interface StyledSliderProps {
+    value: number;
+    valueHigh?: number;
+    bufferValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    variant?: SliderVariant;
+    size?: SliderSize;
+    showTooltip?: boolean;
+    alwaysShowTooltip?: boolean;
+    showMinMax?: boolean;
+    steps?: number;
+    formatLabel?: (value: number) => string;
+    width?: number;
+    disabled?: boolean;
+    colors?: StyledSliderColors;
+    onValueChange?: (value: number) => void;
+    onSlidingComplete?: (value: number) => void;
+    onRangeChange?: (low: number, high: number) => void;
+    onRangeComplete?: (low: number, high: number) => void;
+}
+export declare const StyledSlider: React.FC<StyledSliderProps>;
+export default StyledSlider;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/slider/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAaxE,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU,GACV,QAAQ,CAAC;AACb,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAiSD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6QpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ViewProps } from 'react-native';
+import { ViewStyleProps } from '../utiles/viewStyleProps';
+type SpacerProps = ViewProps & (Pick<ViewStyleProps, 'margin' | 'marginTop' | 'marginBottom' | 'marginLeft' | 'marginRight' | 'marginHorizontal' | 'marginVertical' | 'backgroundColor' | 'borderRadius' | 'borderWidth' | 'borderColor' | 'flex' | 'width' | 'height'>);
+declare const StyledSpacer: import("react").ForwardRefExoticComponent<ViewProps & Pick<ViewStyleProps, "flex" | "backgroundColor" | "borderColor" | "borderRadius" | "borderWidth" | "height" | "margin" | "marginBottom" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginTop" | "marginVertical" | "width"> & import("react").RefAttributes<any>>;
+export { StyledSpacer };
+export type { SpacerProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spacer/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAa,MAAM,0BAA0B,CAAC;AAErE,KAAK,WAAW,GAAI,SAAS,GAAG,CAAC,IAAI,CAAC,cAAc,EAChD,QAAQ,GACR,WAAW,GACX,cAAc,GACd,YAAY,GACZ,aAAa,GACb,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,cAAc,GACd,aAAa,GACb,aAAa,GACb,MAAM,GACN,OAAO,GACP,QAAQ,CAAC,CAAC,CAAC;AAEf,QAAA,MAAM,YAAY,qUAIhB,CAAC;AAEH,OAAO,EAAG,YAAY,EAAE,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { ViewProps, ViewStyle } from 'react-native';
+/**
+ * Stack-specific layout variants for flex direction
+ * Supports dual-level customization:
+ * - Variant level: horizontal={[true, { gap: 10 }]}
+ * - Component level: horizontal={true} gap={15}
+ */
+type StackVariants = {
+    horizontal?: boolean | [boolean, ViewStyle];
+    vertical?: boolean | [boolean, ViewStyle];
+};
+type StackProps = StackVariants & ViewProps & ViewStyle;
+/**
+ * Base Stack component - flexible layout container
+ * Default: neutral layout (no flex direction preset)
+ * Use horizontal or vertical variants to set flex direction
+ */
+declare const Stack: import("react").ForwardRefExoticComponent<StackVariants & ViewProps & ViewStyle & import("react").RefAttributes<any>>;
+declare const XStack: import("react").ForwardRefExoticComponent<Omit<StackProps, "horizontal" | "vertical"> & import("react").RefAttributes<any>>;
+declare const YStack: import("react").ForwardRefExoticComponent<Omit<StackProps, "horizontal" | "vertical"> & import("react").RefAttributes<any>>;
+export { Stack, XStack, YStack };
+export type { StackProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/stack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stack/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D;;;;;GAKG;AACH,KAAK,aAAa,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;CAC7C,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD;;;;GAIG;AACH,QAAA,MAAM,KAAK,uHAkBT,CAAC;AAEH,QAAA,MAAM,MAAM,6HAKV,CAAC;AAEH,QAAA,MAAM,MAAM,6HAKV,CAAC;AAEH,OAAO,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type SwitchProps } from './interface';
+declare function SwitchInner<ActiveValueT = boolean, InactiveValueT = boolean>(props: SwitchProps<ActiveValueT, InactiveValueT>): React.JSX.Element;
+export declare const Switch: typeof SwitchInner;
+export {};
+//# sourceMappingURL=Switch.d.ts.map

package/lib/typescript/switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAUd,OAAO,EAIL,KAAK,WAAW,EAEjB,MAAM,aAAa,CAAA;AA2CpB,iBAAS,WAAW,CAAC,YAAY,GAAG,OAAO,EAAE,cAAc,GAAG,OAAO,EACnE,KAAK,EAAE,WAAW,CAAC,YAAY,EAAE,cAAc,CAAC,qBAyOjD;AAGD,eAAO,MAAM,MAAM,oBAA0C,CAAA"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface ToggleSwitchProps {
+    initialValue?: boolean;
+    onToggle?: (value: boolean) => void;
+    width?: number;
+    height?: number;
+}
+declare function StyledSwitch({ initialValue, onToggle, width, height, }: ToggleSwitchProps): React.JSX.Element;
+export { StyledSwitch };
+export type { ToggleSwitchProps as StyledSwitchProps };
+//# sourceMappingURL=_index.d.ts.map

package/lib/typescript/switch/_index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_index.d.ts","sourceRoot":"","sources":["../../../src/switch/_index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACA,iBAAS,YAAY,CAAC,EACrB,YAAoB,EACpB,QAAQ,EACR,KAAW,EACX,MAAW,GACZ,EAAE,iBAAiB,qBAkFnB;AA8BD,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,IAAI,iBAAiB,EAAE,CAAA"}

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

@@ -0,0 +1,62 @@
+/**
+ * @module Switch
+ *
+ * ─── Basic ───────────────────────────────────────────────────────────────────
+ * ```tsx
+ * import { Switch } from './switch'
+ *
+ * // Uncontrolled
+ * <Switch defaultValue onChange={v => console.log(v)} />
+ *
+ * // Controlled
+ * <Switch value={isOn} onChange={setIsOn} />
+ * ```
+ *
+ * ─── Sizes ───────────────────────────────────────────────────────────────────
+ * ```tsx
+ * <Switch size="sm" />
+ * <Switch size="md" />   // default
+ * <Switch size="lg" />
+ * <Switch customSize={40} />  // arbitrary pixel height
+ * ```
+ *
+ * ─── Labels ──────────────────────────────────────────────────────────────────
+ * ```tsx
+ * <Switch activeLabel="ON" inactiveLabel="OFF" />
+ * <Switch activeLabel={<Icon name="check" />} inactiveLabel={<Icon name="x" />} />
+ * ```
+ *
+ * ─── Custom values (non-boolean) ─────────────────────────────────────────────
+ * ```tsx
+ * <Switch
+ *   activeValue="yes"
+ *   inactiveValue="no"
+ *   defaultValue="no"
+ *   onChange={(v: 'yes' | 'no') => console.log(v)}
+ * />
+ * ```
+ *
+ * ─── Guard (beforeChange) ────────────────────────────────────────────────────
+ * ```tsx
+ * <Switch
+ *   beforeChange={async next => {
+ *     const ok = await confirmDialog()
+ *     return ok
+ *   }}
+ * />
+ * ```
+ *
+ * ─── Colors ──────────────────────────────────────────────────────────────────
+ * ```tsx
+ * <Switch
+ *   colors={{ activeTrack: '#22c55e', thumb: '#fff' }}
+ *   // or per-prop shortcuts:
+ *   activeColor="#22c55e"
+ *   inactiveColor="#f4f4f5"
+ * />
+ * ```
+ */
+export { Switch } from './Switch';
+export type { SwitchProps, SwitchColors, SwitchSize } from './interface';
+export { SWITCH_COLORS_DEFAULT, SWITCH_SIZES } from './interface';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/switch/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAgC,UAAU,CAAA;AAC3D,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAa,aAAa,CAAA"}