jfs-components 0.0.1

package/lib/typescript/components/MediaCard/MediaCard.d.ts

@@ -0,0 +1,81 @@
+import React from 'react';
+import { type ViewStyle, type TextStyle, type StyleProp } from 'react-native';
+export interface MediaCardProps {
+    /**
+     * The background media content (e.g. an Image).
+     * It will be positioned absolutely to cover the card.
+     */
+    media?: React.ReactNode;
+    /**
+     * Content to render inside the card (e.g. MediaCard.Title, MediaCard.Footer).
+     */
+    children?: React.ReactNode;
+    /**
+     * Modes object for token resolution.
+     */
+    modes?: Record<string, any>;
+    /**
+     * Style overrides for the card container.
+     */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * MediaCard component implementation from Figma node 1241:4140.
+ *
+ * Features a background media slot, a large title, and a glass-morphism footer.
+ */
+export declare function MediaCard({ media, children, modes, style, }: MediaCardProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MediaCard {
+    var Header: typeof import("./MediaCard").Header;
+    var Title: typeof import("./MediaCard").Title;
+    var Footer: typeof import("./MediaCard").Footer;
+    var FooterTitle: typeof import("./MediaCard").FooterTitle;
+    var FooterSubtitle: typeof import("./MediaCard").FooterSubtitle;
+}
+/**
+ * Header/Title Wrapper
+ * It seems the title is just floating at the top with padding.
+ * Figma: "title wrap" p-[16px]
+ */
+export declare function Header({ children, style }: {
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Title component.
+ * Tokens: cardMedia/title/*
+ */
+export declare function Title({ children, style, modes: propModes }: {
+    children?: React.ReactNode;
+    style?: StyleProp<TextStyle>;
+    modes?: Record<string, any>;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Glass Footer Component
+ * Tokens: cardMedia/footer/*, glass/minimal, blur/minimal
+ */
+export declare function Footer({ children, style, modes: propModes }: {
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    modes?: Record<string, any>;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Footer Title
+ * Tokens: cardMedia/footer/title/*
+ */
+export declare function FooterTitle({ children, style, modes: propModes }: {
+    children?: React.ReactNode;
+    style?: StyleProp<TextStyle>;
+    modes?: Record<string, any>;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Footer Subtitle
+ * Tokens: cardMedia/footer/subtitle/*
+ */
+export declare function FooterSubtitle({ children, style, modes: propModes }: {
+    children?: React.ReactNode;
+    style?: StyleProp<TextStyle>;
+    modes?: Record<string, any>;
+}): import("react/jsx-runtime").JSX.Element;
+export default MediaCard;
+//# sourceMappingURL=MediaCard.d.ts.map

package/lib/typescript/components/MediaCard/MediaCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCard.d.ts","sourceRoot":"","sources":["../../../../src/components/MediaCard/MediaCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAmB,MAAM,cAAc,CAAC;AAUvH,MAAM,WAAW,cAAc;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,KAAU,EACV,KAAK,GACR,EAAE,cAAc,2CAoChB;yBAzCe,SAAS;;;;;;;AA+CzB;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,2CAMvG;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,2CAmBrJ;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,2CAiCtJ;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,2CAe3J;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,2CAe9J;AASD,eAAe,SAAS,CAAC"}

package/lib/typescript/components/MoneyValue/MoneyValue.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { View, type StyleProp, type ViewStyle, type TextStyle } from 'react-native';
+type MoneyValueProps = {
+    value?: string | number;
+    currency?: string;
+    modes?: Record<string, any>;
+    style?: StyleProp<ViewStyle>;
+    valueStyle?: StyleProp<TextStyle>;
+    currencyStyle?: StyleProp<TextStyle>;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+} & React.ComponentProps<typeof View>;
+/**
+ * MoneyValue component that mirrors the Figma MoneyValue design.
+ *
+ * The styling is fully resolved from Figma design tokens using `getVariableByName`
+ * and an optional `modes` configuration, consistent with other components in this library.
+ *
+ * Currency can be provided either as a symbol (e.g. "₹") or as an ISO code
+ * (e.g. "INR", "USD"). When an ISO code is provided, it will be mapped to the
+ * appropriate symbol, with special care to support INR and other major currencies.
+ *
+ * @component
+ * @param {Object} props
+ * @param {string|number} [props.value="500"] - Monetary value to display.
+ * @param {string} [props.currency="₹"] - Currency symbol or ISO code (e.g. "INR").
+ * @param {Object} [props.modes={}] - Modes object passed directly to `getVariableByName`.
+ *                                   Example: {"MoneyValue / Theme": "Default"}
+ * @param {Object} [props.style] - Optional container style overrides.
+ * @param {Object} [props.valueStyle] - Optional value text style overrides.
+ * @param {Object} [props.currencyStyle] - Optional currency text style overrides.
+ * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, generates from value and currency
+ * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
+ */
+declare function MoneyValue({ value, currency, modes, style, valueStyle, currencyStyle, accessibilityLabel, accessibilityHint, ...rest }: MoneyValueProps): import("react/jsx-runtime").JSX.Element;
+export default MoneyValue;
+//# sourceMappingURL=MoneyValue.d.ts.map

package/lib/typescript/components/MoneyValue/MoneyValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoneyValue.d.ts","sourceRoot":"","sources":["../../../../src/components/MoneyValue/MoneyValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAsCzF,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,UAAU,CAAC,EAClB,KAAa,EACb,QAAc,EACd,KAAU,EACV,KAAK,EACL,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,eAAe,2CAoEjB;AAED,eAAe,UAAU,CAAA"}

package/lib/typescript/components/PageTitle/PageTitle.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { View, type StyleProp, type ViewStyle, type TextStyle } from 'react-native';
+type PageTitleProps = {
+    title?: string;
+    modes?: Record<string, any>;
+    style?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    numberOfLines?: number;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+} & React.ComponentProps<typeof View>;
+/**
+ * PageTitle component that mirrors the Figma "Page Title" component.
+ *
+ * This component displays a page title with design-token driven styling
+ * via `getVariableByName` and `modes`.
+ *
+ * @component
+ * @param {Object} props
+ * @param {string} [props.title='Page Title'] - Title text to display
+ * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens
+ * @param {Object} [props.style] - Optional container style overrides
+ * @param {Object} [props.textStyle] - Optional text style overrides
+ * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, uses title
+ * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
+ */
+declare function PageTitle({ title, modes, style, textStyle, numberOfLines, accessibilityLabel, accessibilityHint, ...rest }: PageTitleProps): import("react/jsx-runtime").JSX.Element;
+export default PageTitle;
+//# sourceMappingURL=PageTitle.d.ts.map

package/lib/typescript/components/PageTitle/PageTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/PageTitle/PageTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAGzF,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;GAcG;AACH,iBAAS,SAAS,CAAC,EACjB,KAAoB,EACpB,KAAU,EACV,KAAK,EACL,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,cAAc,2CA4DhB;AAED,eAAe,SAAS,CAAA"}

package/lib/typescript/components/Section/Section.d.ts

@@ -0,0 +1,83 @@
+import React from 'react';
+import { View, type StyleProp, type ViewStyle } from 'react-native';
+import { type WebAccessibilityProps } from '../../utils/web-platform-utils';
+type SectionProps = {
+    title?: string;
+    supportText?: string;
+    showSupportText?: boolean;
+    slot?: React.ReactNode;
+    modes?: Record<string, any>;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    /**
+     * Web-specific accessibility props (only used on web platform)
+     */
+    webAccessibilityProps?: WebAccessibilityProps;
+} & React.ComponentProps<typeof View>;
+/**
+ * Section component that mirrors the Figma "Section" component.
+ *
+ * This component supports:
+ *  - **header** with title, support text, and optional chevron icon
+ *  - **slot** for custom content (typically ListItem components)
+ *  - **design-token driven styling** via `getVariableByName` and `modes`
+ *
+ * Wherever the Figma layer name contains "Slot", this component exposes a
+ * dedicated React "slot" prop:
+ *  - Slot "slot" → `slot`
+ *
+ * @component
+ * @param {Object} props
+ * @param {string} [props.title='Section title'] - Section title text
+ * @param {string} [props.supportText='Section support text'] - Section support text
+ * @param {boolean} [props.showSupportText=true] - Toggles rendering of the support text
+ * @param {React.ReactNode} [props.slot] - Optional custom slot for content area (Figma Slot "slot")
+ * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens
+ * @param {Function} [props.onPress] - Callback function called when the header is pressed
+ * @param {Object} [props.style] - Optional container style overrides
+ * @param {string} [props.accessibilityLabel] - Accessibility label for the section. If not provided, uses title
+ * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
+ */
+declare function Section({ title, supportText, showSupportText, slot, modes, onPress, style, accessibilityLabel, accessibilityHint, webAccessibilityProps, ...rest }: SectionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Section {
+    var Bento: typeof SectionBento;
+}
+type SectionBentoProps = {
+    navSlot?: React.ReactNode;
+    upiSlot?: React.ReactNode;
+    modes?: Record<string, any>;
+    style?: StyleProp<ViewStyle>;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    /**
+     * Web-specific accessibility props (only used on web platform)
+     */
+    webAccessibilityProps?: WebAccessibilityProps;
+} & React.ComponentProps<typeof View>;
+/**
+ * Section.Bento component that mirrors the Figma "Section.Bento" component.
+ *
+ * This component supports:
+ *  - **navSlot** for navigation items (typically ListItem components in vertical layout)
+ *  - **upiSlot** for UPI handles (typically UpiHandle components)
+ *  - **design-token driven styling** via `getVariableByName` and `modes`
+ *
+ * Wherever the Figma layer name contains "Slot", this component exposes a
+ * dedicated React "slot" prop:
+ *  - Slot "Nav wrap" → `navSlot`
+ *  - Slot "UPI wrap" → `upiSlot`
+ *
+ * @component
+ * @param {Object} props
+ * @param {React.ReactNode} [props.navSlot] - Optional custom slot for navigation items (Figma Slot "Nav wrap")
+ * @param {React.ReactNode} [props.upiSlot] - Optional custom slot for UPI handles (Figma Slot "UPI wrap")
+ * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens
+ * @param {Object} [props.style] - Optional container style overrides
+ * @param {string} [props.accessibilityLabel] - Accessibility label for the section
+ * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
+ */
+declare function SectionBento({ navSlot, upiSlot, modes, style, accessibilityLabel, accessibilityHint, ...rest }: SectionBentoProps): import("react/jsx-runtime").JSX.Element;
+export default Section;
+//# sourceMappingURL=Section.d.ts.map

package/lib/typescript/components/Section/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAmC,MAAM,cAAc,CAAA;AAGrH,OAAO,EAA0B,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AAEnG,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,iBAAS,OAAO,CAAC,EACf,KAAuB,EACvB,WAAoC,EACpC,eAAsB,EACtB,IAAI,EACJ,KAAU,EACV,OAAO,EACP,KAAK,EACL,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,GAAG,IAAI,EACR,EAAE,YAAY,2CAqLd;kBAjMQ,OAAO;;;AAmMhB,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,OAAO,EACP,KAAU,EACV,KAAK,EACL,kBAAoC,EACpC,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAyEnB;AAKD,eAAe,OAAO,CAAA"}

package/lib/typescript/components/Stepper/Step.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+export type StepStatus = 'number' | 'complete' | 'error' | 'warning';
+export type StepProps = {
+    children?: React.ReactNode;
+    modes?: Record<string, any>;
+    style?: ViewStyle;
+    index?: number;
+    connectorStyle?: ViewStyle;
+    title?: string;
+    supportingText?: string;
+    subtitle?: boolean;
+    status?: StepStatus;
+};
+export declare function Step({ children, modes, style, index, connectorStyle, title, supportingText, subtitle, status, }: StepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Step.d.ts.map

package/lib/typescript/components/Stepper/Step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAc,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAA;AAKzE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAA;AAEpE,MAAM,MAAM,SAAS,GAAG;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,cAAc,CAAC,EAAE,SAAS,CAAA;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;CACtB,CAAA;AAED,wBAAgB,IAAI,CAAC,EACjB,QAAQ,EACR,KAAU,EACV,KAAK,EACL,KAAS,EACT,cAAc,EACd,KAAK,EACL,cAAc,EACd,QAAe,EACf,MAAiB,GACpB,EAAE,SAAS,2CA4JX"}

package/lib/typescript/components/Stepper/StepLabel.d.ts

@@ -0,0 +1,9 @@
+import { type ViewStyle } from 'react-native';
+export type StepLabelProps = {
+    title?: string;
+    supportingText?: string;
+    modes?: Record<string, any>;
+    style?: ViewStyle;
+};
+export declare function StepLabel({ title, supportingText, modes, style, }: StepLabelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepLabel.d.ts.map

package/lib/typescript/components/Stepper/StepLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/StepLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAA;AAGzE,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,wBAAgB,SAAS,CAAC,EACtB,KAAsB,EACtB,cAAc,EACd,KAAU,EACV,KAAK,GACR,EAAE,cAAc,2CA8DhB"}

package/lib/typescript/components/Stepper/Stepper.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+import { Step } from './Step';
+import { StepLabel } from './StepLabel';
+export { Step, StepLabel };
+type StepperProps = {
+    children?: React.ReactNode;
+    modes?: Record<string, any>;
+    style?: ViewStyle;
+};
+export default function Stepper({ children, modes, style, }: StepperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Stepper.d.ts.map

package/lib/typescript/components/Stepper/Stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAA;AAE1B,KAAK,YAAY,GAAG;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC5B,QAAQ,EACR,KAAU,EACV,KAAK,GACR,EAAE,YAAY,2CAgCd"}

package/lib/typescript/components/TextInput/TextInput.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle, type TextInputProps as RNTextInputProps, type TextStyle } from 'react-native';
+type TextInputProps = {
+    placeholder?: string;
+    value?: string;
+    onChangeText?: (text: string) => void;
+    leadingIconName?: string;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    modes?: Record<string, any>;
+    style?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+    onFocus?: (e: any) => void;
+    onBlur?: (e: any) => void;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+} & Omit<RNTextInputProps, 'style' | 'onChangeText' | 'onFocus' | 'onBlur' | 'placeholder' | 'value'>;
+declare function TextInput({ placeholder, value, onChangeText, leadingIconName, leading, trailing, modes, style, inputStyle, onFocus, onBlur, accessibilityLabel, accessibilityHint, ...rest }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TextInput {
+    var Search: typeof TextInputSearch;
+}
+/**
+ * TextInput.Search component that mirrors the Figma "textInput.search" component.
+ *
+ * This is a convenience variant that pre-configures the TextInput with:
+ *  - Default search icon in the leading slot
+ *  - No trailing slot
+ *  - Default placeholder text "Search"
+ *
+ * @component
+ * @param {Object} props
+ * @param {string} [props.placeholder='Search'] - Placeholder text (defaults to "Search")
+ * @param {string} [props.value=''] - Current value of the input
+ * @param {Function} [props.onChangeText] - Callback function called when text changes
+ * @param {React.ReactNode} [props.leading] - Optional leading slot (defaults to search icon)
+ * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens
+ * @param {Object} [props.style] - Optional container style overrides
+ * @param {Object} [props.inputStyle] - Optional text input style overrides
+ * @param {Object} [props.rest] - Additional props passed to the underlying TextInput
+ */
+type TextInputSearchProps = {
+    placeholder?: string;
+    value?: string;
+    onChangeText?: (text: string) => void;
+    leading?: React.ReactNode;
+    modes?: Record<string, any>;
+    style?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    onFocus?: (e: any) => void;
+    onBlur?: (e: any) => void;
+} & Omit<RNTextInputProps, 'style' | 'onChangeText' | 'onFocus' | 'onBlur' | 'placeholder' | 'value'>;
+declare function TextInputSearch({ placeholder, value, onChangeText, leading, modes, style, inputStyle, accessibilityLabel, accessibilityHint, onFocus, onBlur, ...rest }: TextInputSearchProps): import("react/jsx-runtime").JSX.Element;
+export default TextInput;
+//# sourceMappingURL=TextInput.d.ts.map

package/lib/typescript/components/TextInput/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAA6C,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,IAAI,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAyIjK,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,OAAO,CAAC,CAAC;AAEtG,iBAAS,SAAS,CAAC,EACjB,WAAgB,EAChB,KAAU,EACV,YAAY,EACZ,eAA6B,EAC7B,OAAO,EACP,QAAQ,EACR,KAAU,EACV,KAAK,EACL,UAAU,EACV,OAAO,EACP,MAAM,EACN,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,cAAc,2CAsIhB;kBArJQ,SAAS;;;AAuJlB;;;;;;;;;;;;;;;;;;GAkBG;AACH,KAAK,oBAAoB,GAAG;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,OAAO,CAAC,CAAC;AAEtG,iBAAS,eAAe,CAAC,EACvB,WAAsB,EACtB,KAAU,EACV,YAAY,EACZ,OAAO,EACP,KAAU,EACV,KAAK,EACL,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACR,EAAE,oBAAoB,2CA0CtB;AAKD,eAAe,SAAS,CAAA"}

package/lib/typescript/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+import { Pressable } from 'react-native';
+export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export type TooltipProps = {
+    children: ReactNode;
+    modes?: Record<string, any>;
+    /** Initial visibility state (controlled) */
+    open?: boolean;
+    /** Callback when visibility changes */
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    /** Preferred placement of the tooltip */
+    placement?: Placement;
+};
+export declare function Tooltip({ children, modes, open, onOpenChange, defaultOpen, placement, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export type TooltipTriggerProps = {
+    children: React.ReactElement;
+    asChild?: boolean;
+} & React.ComponentProps<typeof Pressable>;
+export declare function TooltipTrigger({ children, asChild, ...props }: TooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
+export type TooltipContentProps = {
+    children: ReactNode;
+    sideOffset?: number;
+};
+export declare function TooltipContent({ children, sideOffset }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

package/lib/typescript/components/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,EAIL,SAAS,EAMV,MAAM,cAAc,CAAA;AAOrB,MAAM,MAAM,SAAS,GACjB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAA;AA0Cf,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yCAAyC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAU,EACV,IAAI,EACJ,YAAY,EACZ,WAAmB,EACnB,SAAiB,GAClB,EAAE,YAAY,2CA6Ed;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAA;AAE1C,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAmDlF;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,UAAc,EAAE,EAAE,mBAAmB,2CAyU/E"}

package/lib/typescript/components/UpiHandle/UpiHandle.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { View } from 'react-native';
+type UpiHandleProps = {
+    label?: string;
+    modes?: Record<string, any>;
+    showIcon?: boolean;
+    iconName?: string;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    onPress?: () => void;
+    disabled?: boolean;
+} & Omit<React.ComponentProps<typeof View>, 'style' | 'accessibilityRole' | 'accessibilityLabel' | 'accessibilityHint'>;
+/**
+ * UpiHandle pill that mirrors the Figma "UPI Handle" component.
+ *
+ * Layout:
+ *  - Circular image/avatar on the left
+ *  - Label text in the center
+ *  - Optional QR-code style icon on the right
+ *
+ * All visual styling is resolved from Figma variables via `getVariableByName`
+ * using a `modes` configuration object, matching the rest of this library.
+ *
+ * @component
+ * @param {Object} props
+ * @param {string} [props.label="Label"] - UPI handle text to display.
+ * @param {Object} [props.modes={}] - Modes object passed directly to `getVariableByName`.
+ * @param {boolean} [props.showIcon=true] - Toggles the trailing icon visibility.
+ * @param {string} [props.iconName='ic_scan_qr_code'] - Icon name from the actions set (e.g. 'ic_qr_code', 'ic_scan_qr_code').
+ * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, uses label
+ * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
+ */
+declare function UpiHandle({ label, modes, showIcon, iconName, onPress, disabled, accessibilityLabel, accessibilityHint, ...rest }: UpiHandleProps): import("react/jsx-runtime").JSX.Element;
+export default UpiHandle;
+//# sourceMappingURL=UpiHandle.d.ts.map

package/lib/typescript/components/UpiHandle/UpiHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpiHandle.d.ts","sourceRoot":"","sources":["../../../../src/components/UpiHandle/UpiHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAa,IAAI,EAAgE,MAAM,cAAc,CAAA;AAQ5G,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAExH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,SAAS,CAAC,EACjB,KAAe,EACf,KAAU,EACV,QAAe,EACf,QAA4B,EAC5B,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,cAAc,2CAwIhB;AAED,eAAe,SAAS,CAAA"}

package/lib/typescript/components/docs/DocSections.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type SectionProps = {
+    title: string;
+    id?: string;
+    items?: string[];
+    children?: React.ReactNode;
+};
+declare function Section({ title, id, items, children }: SectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccessibilitySection(props: Omit<SectionProps, 'title'>): import("react/jsx-runtime").JSX.Element;
+export declare function AnatomySection(props: Omit<SectionProps, 'title'>): import("react/jsx-runtime").JSX.Element;
+export declare function UsageConstraintsSection(props: Omit<SectionProps, 'title'>): import("react/jsx-runtime").JSX.Element;
+export default Section;
+//# sourceMappingURL=DocSections.d.ts.map

package/lib/typescript/components/docs/DocSections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocSections.d.ts","sourceRoot":"","sources":["../../../../src/components/docs/DocSections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAA;AAED,iBAAS,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAU,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAgBjE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,2CAEtE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,2CAEhE;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,2CAEzE;AAED,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,28 @@
+export { default as AppBar } from './AppBar/AppBar';
+export { default as Avatar, type AvatarProps } from './Avatar/Avatar';
+export { default as AvatarGroup } from './AvatarGroup/AvatarGroup';
+export { default as Badge } from './Badge/Badge';
+export { default as BottomNav } from './BottomNav/BottomNav';
+export { default as BottomNavItem } from './BottomNavItem/BottomNavItem';
+export { default as Button, type ButtonProps } from './Button/Button';
+export { default as Card } from './Card/Card';
+export { default as CardFeedback } from './CardFeedback/CardFeedback';
+export { default as Disclaimer } from './Disclaimer/Disclaimer';
+export { default as Drawer } from './Drawer/Drawer';
+export { default as FilterBar } from './FilterBar/FilterBar';
+export { default as IconButton } from './IconButton/IconButton';
+export { default as IconCapsule } from './IconCapsule/IconCapsule';
+export { default as LazyList } from './LazyList/LazyList';
+export { default as ListGroup } from './ListGroup/ListGroup';
+export { default as ListItem } from './ListItem/ListItem';
+export { default as MediaCard } from './MediaCard/MediaCard';
+export { default as MoneyValue } from './MoneyValue/MoneyValue';
+export { default as PageTitle } from './PageTitle/PageTitle';
+export { default as Section } from './Section/Section';
+export { default as Stepper } from './Stepper/Stepper';
+export { Step } from './Stepper/Step';
+export { StepLabel } from './Stepper/StepLabel';
+export { default as TextInput } from './TextInput/TextInput';
+export { Tooltip } from './Tooltip/Tooltip';
+export { default as UpiHandle } from './UpiHandle/UpiHandle';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/typescript/design-tokens/figma-variables-resolver.d.ts

@@ -0,0 +1,11 @@
+declare const variableMap: Map<any, any>;
+declare const collectionMap: Map<any, any>;
+declare const modeMap: Map<any, any>;
+declare const keyMap: Map<any, any>;
+declare function getAvailableCollections(): {};
+declare function resolveVariable(variableId: any, modesByCollectionName?: {}): any;
+declare function getVariableByName(name: any, modesByCollectionName?: {}): any;
+declare function findVariablesByPattern(pattern: any): any[];
+declare function traceVariableCollections(variableName: any): any[];
+export { resolveVariable, getVariableByName, getAvailableCollections, findVariablesByPattern, traceVariableCollections, variableMap, collectionMap, modeMap, keyMap };
+//# sourceMappingURL=figma-variables-resolver.d.ts.map

package/lib/typescript/design-tokens/figma-variables-resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"figma-variables-resolver.d.ts","sourceRoot":"","sources":["../../../src/design-tokens/figma-variables-resolver.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,WAAW,eAAY,CAAC;AAC9B,QAAA,MAAM,aAAa,eAAY,CAAC;AAChC,QAAA,MAAM,OAAO,eAAY,CAAC;AAE1B,QAAA,MAAM,MAAM,eAAY,CAAC;AA8CzB,iBAAS,uBAAuB,OAW/B;AAgED,iBAAS,eAAe,CAAC,UAAU,KAAA,EAAE,qBAAqB,KAAK,OAyD9D;AAaD,iBAAS,iBAAiB,CAAC,IAAI,KAAA,EAAE,qBAAqB,KAAK,OAgC1D;AAGD,iBAAS,sBAAsB,CAAC,OAAO,KAAA,SAatC;AAID,iBAAS,wBAAwB,CAAC,YAAY,KAAA,SA8E7C;AAED,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,EACxB,WAAW,EACX,aAAa,EACb,OAAO,EACP,MAAM,EACP,CAAC"}

package/lib/typescript/design-tokens/index.d.ts

@@ -0,0 +1,2 @@
+export * from './figma-variables-resolver';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/design-tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-tokens/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}

package/lib/typescript/icons/Icon.d.ts

@@ -0,0 +1,29 @@
+import { AccessibilityProps } from 'react-native';
+type IconProps = AccessibilityProps & {
+    name: string;
+    size?: number;
+    color?: string;
+    style?: any;
+};
+/**
+ * Generic Icon Component
+ *
+ * Renders an icon from the registry by name with customizable size and color.
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {string} props.name - Icon name from the registry (e.g., 'ic_ccv', 'ic_card')
+ * @param {number} [props.size=24] - Icon size in pixels (width and height)
+ * @param {string} [props.color='#141414'] - Icon color (hex, rgb, or named color)
+ * @param {Object} [props.style] - Additional styles for the container View
+ *
+ * @example
+ * ```jsx
+ * <Icon name="ic_ccv" size={24} color="#141414" />
+ * <Icon name="ic_card" size={32} color="#5c00b5" />
+ * <Icon name="ic_cart" size={20} color="red" />
+ * ```
+ */
+declare function Icon({ name, size, color, style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default Icon;
+//# sourceMappingURL=Icon.d.ts.map

package/lib/typescript/icons/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/icons/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIxD,KAAK,SAAS,GAAG,kBAAkB,GAAG;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,IAAI,CAAC,EACZ,IAAI,EACJ,IAAS,EACT,KAAiB,EACjB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,SAAS,2CAoEX;AAED,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * Icon System Exports
+ *
+ * Central export point for the icon system.
+ * Use: import { Icon, iconRegistry, getIconNames } from './icons';
+ */
+export { default as Icon } from './Icon';
+export { iconRegistry, getIconNames, hasIcon, getIcon } from './registry';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/lib/typescript/icons/registry.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Icon Registry
+ *
+ * Auto-generated from SVG files in src/icons/
+ * DO NOT EDIT MANUALLY - Run "npm run icons:generate" to regenerate
+ *
+ * Generated: 2026-01-13T18:37:08.057Z
+ */
+export declare const iconRegistry: Record<string, {
+    path: string;
+    viewBox: string;
+    fillRule?: string;
+}>;
+/**
+ * Get all available icon names
+ * @returns {string[]} Array of icon names
+ */
+export declare const getIconNames: () => string[];
+/**
+ * Check if an icon name exists in the registry
+ * @param {string} name - Icon name to check
+ * @returns {boolean} True if icon exists
+ */
+export declare const hasIcon: (name: string) => boolean;
+/**
+ * Get icon data by name
+ * @param {string} name - Icon name
+ * @returns {{path: string, viewBox: string, fillRule?: string} | undefined} Icon data or undefined
+ */
+export declare const getIcon: (name: string) => {
+    path: string;
+    viewBox: string;
+    fillRule?: string;
+};
+//# sourceMappingURL=registry.d.ts.map

package/lib/typescript/icons/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../src/icons/registry.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAyuF7F,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,QAAO,MAAM,EAA+B,CAAC;AAEtE;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,KAAG,OAA+B,CAAC;AAEvE;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM;UA7vFc,MAAM;aAAW,MAAM;eAAa,MAAM;CA6vFjC,CAAC"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * as Icons from './icons';
+export * from './design-tokens';
+export * from './Containers';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC"}