@bacon-pos/ui 0.2.1 → 0.4.0

package/lib/module/components/_internal/ScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","Animated","jsx","_jsx","jsxs","_jsxs","ScrollArea","children","indicatorColor","indicatorWidth","keyboardShouldPersistTaps","keyboardDismissMode","style","contentContainerStyle","viewportH","setViewportH","contentH","setContentH","scrollY","Value","current","opacity","hideTimer","scrollable","thumbH","Math","max","maxScroll","translateY","interpolate","inputRange","outputRange","extrapolate","reveal","timing","toValue","duration","useNativeDriver","start","clearTimeout","setTimeout","View","position","ScrollView","flexShrink","showsVerticalScrollIndicator","scrollEventThrottle","onLayout","e","nativeEvent","layout","height","onContentSizeChange","_w","h","onScroll","event","contentOffset","y","listener","_e","pointerEvents","top","right","width","borderRadius","backgroundColor","transform"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/_internal/ScrollArea.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/index.js

@@ -8,6 +8,7 @@ export * from "./Checkbox/index.js";
 export * from "./Chip/index.js";
 export * from "./CodeField/index.js";
 export * from "./CodeInput/index.js";
+export * from "./Dialog/index.js";
 export * from "./Icon/index.js";
 export * from "./IconButton/index.js";
 export * from "./Input/index.js";
@@ -19,4 +20,5 @@ export * from "./Spinner/index.js";
 export * from "./Surface/index.js";
 export * from "./Switch/index.js";
 export * from "./Text/index.js";
+export * from "./Toast/index.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,sBAAa;AAC3B,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,kBAAS;AACvB,cAAc,uBAAc;AAC5B,cAAc,wBAAe;AAC7B,cAAc,4BAAmB;AACjC,cAAc,kBAAS;AACvB,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,iBAAQ","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,sBAAa;AAC3B,cAAc,sBAAa;AAC3B,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,kBAAS;AACvB,cAAc,uBAAc;AAC5B,cAAc,wBAAe;AAC7B,cAAc,4BAAmB;AACjC,cAAc,kBAAS;AACvB,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,kBAAS","ignoreList":[]}

package/lib/typescript/commonjs/components/Dialog/Dialog.d.ts

@@ -0,0 +1,79 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type ButtonVariant } from '../Button/Button';
+export interface DialogAction {
+    label: string;
+    onPress?: () => void;
+    /** Button variant. Defaults to `default` (lime). Pass another for other colors. */
+    variant?: ButtonVariant;
+    loading?: boolean;
+    disabled?: boolean;
+}
+export interface DialogCancelConfig {
+    /** Cancel label. Defaults to "Cancel". */
+    label?: string;
+    /** Handler. Defaults to `onClose`. */
+    onPress?: () => void;
+    /** Use the destructive style (subtle red) instead of the neutral secondary. */
+    destructive?: boolean;
+}
+export interface DialogProps {
+    /** Whether the dialog is shown. */
+    visible: boolean;
+    /** Called on backdrop press, close button, or Android back. */
+    onClose: () => void;
+    /** Required title. */
+    title: string;
+    /** Optional subtitle. */
+    subtitle?: string;
+    /** Any content — from text to a full form. */
+    children?: ReactNode;
+    /** Primary/secondary action buttons (right side). Keep total buttons ≤ 3. */
+    actions?: DialogAction[];
+    /** Optional cancel button (left side). */
+    cancel?: DialogCancelConfig;
+    /** Show the top-right close (×). Defaults to true. */
+    showClose?: boolean;
+    /** Render the close (×) in the destructive color. */
+    closeDestructive?: boolean;
+    /** Dismiss when the backdrop (overlay) is pressed. Defaults to false. */
+    dismissOnBackdrop?: boolean;
+    /**
+     * `inner` (default): the card caps at the screen height and its content
+     * scrolls inside. `page`: the card grows to its content and the whole modal
+     * scrolls (nothing behind moves) — better for short screens.
+     */
+    scrollMode?: 'inner' | 'page';
+    /** Keep the header pinned while content scrolls (inner mode). Defaults to true. */
+    stickyHeader?: boolean;
+    /** Keep the footer pinned while content scrolls (inner mode). Defaults to true. */
+    stickyFooter?: boolean;
+    /** Inner padding. Defaults to 24. */
+    padding?: number;
+    /** Vertical space between header↔content and content↔footer. Defaults to 24. */
+    contentSpacing?: number;
+    /** Corner radius. Defaults to 24. */
+    radius?: number;
+    /** Max width of the dialog card. Defaults to 560. */
+    maxWidth?: number;
+    /** Fixed card width (overrides `maxWidth`). */
+    width?: number;
+    /** Fill the whole screen — for small devices. Overrides width/maxWidth/scrollMode. */
+    fullscreen?: boolean;
+    /** Fraction of screen height the card may occupy (inner mode). Defaults to 0.9. */
+    maxHeightRatio?: number;
+    /** Scroll indicator color (a design-system color). Defaults to a subtle neutral. */
+    scrollbarColor?: string;
+    /** Override the card style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Dialog — an accessible, keyboard-aware modal that can hold anything from a
+ * short message to a full form (selects, date pickers, etc. keep working thanks
+ * to `keyboardShouldPersistTaps`). Content scrolls with an elegant thin,
+ * auto-hiding indicator. `scrollMode="page"` scrolls the whole modal on short
+ * screens instead of scrolling inside the card. Footer composes the
+ * design-system `Button`.
+ */
+export declare function Dialog({ visible, onClose, title, subtitle, children, actions, cancel, showClose, closeDestructive, dismissOnBackdrop, scrollMode, stickyHeader, stickyFooter, padding, contentSpacing, radius, maxWidth, width, fullscreen, maxHeightRatio, scrollbarColor, style, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

package/lib/typescript/commonjs/components/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EASL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAK9D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mFAAmF;IACnF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAY,EACZ,MAAM,EACN,SAAgB,EAChB,gBAAwB,EACxB,iBAAyB,EACzB,UAAoB,EACpB,YAAmB,EACnB,YAAmB,EACnB,OAAY,EACZ,cAAmB,EACnB,MAAW,EACX,QAAc,EACd,KAAK,EACL,UAAkB,EAClB,cAAoB,EACpB,cAAc,EACd,KAAK,GACN,EAAE,WAAW,2CAmLb"}

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

@@ -0,0 +1,2 @@
+export { Dialog, type DialogProps, type DialogAction, type DialogCancelConfig, } from './Dialog';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,kBAAkB,GACxB,MAAM,UAAU,CAAC"}

package/lib/typescript/commonjs/components/Toast/Toast.d.ts

@@ -0,0 +1,40 @@
+import type { IconName } from '../Icon/icons.generated';
+/** Built-in statuses. More can be added later, or use custom colors. */
+export type ToastStatus = 'success' | 'error' | 'warning' | 'info';
+export interface ToastOptions {
+    /** Message text. Ellipsized on a single line if it overflows. */
+    message: string;
+    /** Visual status. Defaults to `info`. */
+    status?: ToastStatus;
+    /** Optional leading icon. */
+    icon?: IconName;
+    /** Time on screen in ms. `0` keeps it until dismissed. */
+    duration?: number;
+    /** Custom fixed height. */
+    height?: number;
+    /** Custom fixed width. Defaults to full width. */
+    width?: number;
+    /** Show a countdown progress bar for the remaining time (needs duration > 0). */
+    showProgress?: boolean;
+    /** Custom background (overrides status). */
+    backgroundColor?: string;
+    /** Custom text/icon color (overrides status). */
+    color?: string;
+    /** Countdown bar color. Defaults to the status foreground. */
+    progressColor?: string;
+}
+export interface ToastViewProps extends ToastOptions {
+    id: number;
+    position: 'top' | 'bottom';
+    /** When true, the toast animates out and then calls `onRemove`. */
+    leaving: boolean;
+    onRequestClose: (id: number) => void;
+    onRemove: (id: number) => void;
+    maxWidth?: number;
+}
+/**
+ * A single toast with an elegant slide + fade in/out. Self-contained: it runs
+ * its own duration timer and exit animation. Managed by `ToastProvider`.
+ */
+export declare function ToastView({ id, message, status, icon, duration, height, width, showProgress, backgroundColor, color, progressColor, position, leaving, onRequestClose, onRemove, maxWidth, }: ToastViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toast.d.ts.map

package/lib/typescript/commonjs/components/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD,wEAAwE;AACxE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,YAAY;IAC3B,iEAAiE;IACjE,OAAO,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAgBD,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,mEAAmE;IACnE,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,OAAO,EACP,MAAe,EACf,IAAI,EACJ,QAAe,EACf,MAAM,EACN,KAAK,EACL,YAAoB,EACpB,eAAe,EACf,KAAK,EACL,aAAa,EACb,QAAQ,EACR,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,GACT,EAAE,cAAc,2CAuFhB"}

package/lib/typescript/commonjs/components/Toast/ToastProvider.d.ts

@@ -0,0 +1,34 @@
+import { type ReactNode } from 'react';
+import { type ToastOptions } from './Toast';
+export interface ToastApi {
+    /** Show a toast; returns its id. */
+    show: (options: ToastOptions) => number;
+    /** Dismiss a toast by id (animates out). */
+    hide: (id: number) => void;
+    /** Dismiss all toasts. */
+    hideAll: () => void;
+}
+export interface ToastProviderProps {
+    children: ReactNode;
+    /** Where toasts appear. Defaults to `bottom`. */
+    position?: 'top' | 'bottom';
+    /** Max toasts on screen at once. Defaults to 2. */
+    maxVisible?: number;
+    /** Default time on screen in ms. Defaults to 3000. */
+    duration?: number;
+    /** Distance from the screen edge. Defaults to 24. */
+    offset?: number;
+    /** Gap between stacked toasts. Defaults to 8. */
+    gap?: number;
+    /** Max toast width. Defaults to full width (no cap). */
+    maxWidth?: number;
+}
+/**
+ * Provides the imperative toast API and renders the toast stack. Wrap your app
+ * (inside ThemeProvider). Trigger toasts with `useToast().show(...)`. Newest
+ * toasts appear nearest the edge; at most `maxVisible` show at once.
+ */
+export declare function ToastProvider({ children, position, maxVisible, duration, offset, gap, maxWidth, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+/** Access the toast API. Must be used within a `ToastProvider`. */
+export declare function useToast(): ToastApi;
+//# sourceMappingURL=ToastProvider.d.ts.map

package/lib/typescript/commonjs/components/Toast/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAa,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,QAAQ;IACvB,oCAAoC;IACpC,IAAI,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC;IACxC,4CAA4C;IAC5C,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3B,0BAA0B;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AASD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAmB,EACnB,UAAc,EACd,QAAe,EACf,MAAW,EACX,GAAO,EACP,QAAQ,GACT,EAAE,kBAAkB,2CA6DpB;AAED,mEAAmE;AACnE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC"}

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

@@ -0,0 +1,3 @@
+export { ToastView, type ToastOptions, type ToastStatus, type ToastViewProps } from './Toast';
+export { ToastProvider, useToast, type ToastApi, type ToastProviderProps, } from './ToastProvider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9F,OAAO,EACL,aAAa,EACb,QAAQ,EACR,KAAK,QAAQ,EACb,KAAK,kBAAkB,GACxB,MAAM,iBAAiB,CAAC"}

package/lib/typescript/commonjs/components/_internal/ScrollArea.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface ScrollAreaProps {
+    children: ReactNode;
+    /** Thin indicator color (a design-system color). */
+    indicatorColor: string;
+    /** Indicator thickness. Defaults to 4. */
+    indicatorWidth?: number;
+    keyboardShouldPersistTaps?: 'always' | 'never' | 'handled';
+    keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
+    style?: StyleProp<ViewStyle>;
+    contentContainerStyle?: StyleProp<ViewStyle>;
+}
+/**
+ * ScrollView with an elegant custom vertical indicator: thin, rounded, colored,
+ * and only visible while scrolling (fades out when idle). The native indicator
+ * is hidden so it looks the same on iOS, Android and web.
+ */
+export declare function ScrollArea({ children, indicatorColor, indicatorWidth, keyboardShouldPersistTaps, keyboardDismissMode, style, contentContainerStyle, }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScrollArea.d.ts.map

package/lib/typescript/commonjs/components/_internal/ScrollArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/_internal/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,oDAAoD;IACpD,cAAc,EAAE,MAAM,CAAC;IACvB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3D,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,cAAc,EACd,cAAkB,EAClB,yBAAyB,EACzB,mBAAmB,EACnB,KAAK,EACL,qBAAqB,GACtB,EAAE,eAAe,2CA4DjB"}

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

@@ -6,6 +6,7 @@ export * from './Checkbox';
 export * from './Chip';
 export * from './CodeField';
 export * from './CodeInput';
+export * from './Dialog';
 export * from './Icon';
 export * from './IconButton';
 export * from './Input';
@@ -17,5 +18,6 @@ export * from './Spinner';
 export * from './Surface';
 export * from './Switch';
 export * from './Text';
+export * from './Toast';
 export type { LabelPosition } from './_internal/Labeled';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AAEvB,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/typescript/module/components/Dialog/Dialog.d.ts

@@ -0,0 +1,79 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type ButtonVariant } from '../Button/Button';
+export interface DialogAction {
+    label: string;
+    onPress?: () => void;
+    /** Button variant. Defaults to `default` (lime). Pass another for other colors. */
+    variant?: ButtonVariant;
+    loading?: boolean;
+    disabled?: boolean;
+}
+export interface DialogCancelConfig {
+    /** Cancel label. Defaults to "Cancel". */
+    label?: string;
+    /** Handler. Defaults to `onClose`. */
+    onPress?: () => void;
+    /** Use the destructive style (subtle red) instead of the neutral secondary. */
+    destructive?: boolean;
+}
+export interface DialogProps {
+    /** Whether the dialog is shown. */
+    visible: boolean;
+    /** Called on backdrop press, close button, or Android back. */
+    onClose: () => void;
+    /** Required title. */
+    title: string;
+    /** Optional subtitle. */
+    subtitle?: string;
+    /** Any content — from text to a full form. */
+    children?: ReactNode;
+    /** Primary/secondary action buttons (right side). Keep total buttons ≤ 3. */
+    actions?: DialogAction[];
+    /** Optional cancel button (left side). */
+    cancel?: DialogCancelConfig;
+    /** Show the top-right close (×). Defaults to true. */
+    showClose?: boolean;
+    /** Render the close (×) in the destructive color. */
+    closeDestructive?: boolean;
+    /** Dismiss when the backdrop (overlay) is pressed. Defaults to false. */
+    dismissOnBackdrop?: boolean;
+    /**
+     * `inner` (default): the card caps at the screen height and its content
+     * scrolls inside. `page`: the card grows to its content and the whole modal
+     * scrolls (nothing behind moves) — better for short screens.
+     */
+    scrollMode?: 'inner' | 'page';
+    /** Keep the header pinned while content scrolls (inner mode). Defaults to true. */
+    stickyHeader?: boolean;
+    /** Keep the footer pinned while content scrolls (inner mode). Defaults to true. */
+    stickyFooter?: boolean;
+    /** Inner padding. Defaults to 24. */
+    padding?: number;
+    /** Vertical space between header↔content and content↔footer. Defaults to 24. */
+    contentSpacing?: number;
+    /** Corner radius. Defaults to 24. */
+    radius?: number;
+    /** Max width of the dialog card. Defaults to 560. */
+    maxWidth?: number;
+    /** Fixed card width (overrides `maxWidth`). */
+    width?: number;
+    /** Fill the whole screen — for small devices. Overrides width/maxWidth/scrollMode. */
+    fullscreen?: boolean;
+    /** Fraction of screen height the card may occupy (inner mode). Defaults to 0.9. */
+    maxHeightRatio?: number;
+    /** Scroll indicator color (a design-system color). Defaults to a subtle neutral. */
+    scrollbarColor?: string;
+    /** Override the card style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Dialog — an accessible, keyboard-aware modal that can hold anything from a
+ * short message to a full form (selects, date pickers, etc. keep working thanks
+ * to `keyboardShouldPersistTaps`). Content scrolls with an elegant thin,
+ * auto-hiding indicator. `scrollMode="page"` scrolls the whole modal on short
+ * screens instead of scrolling inside the card. Footer composes the
+ * design-system `Button`.
+ */
+export declare function Dialog({ visible, onClose, title, subtitle, children, actions, cancel, showClose, closeDestructive, dismissOnBackdrop, scrollMode, stickyHeader, stickyFooter, padding, contentSpacing, radius, maxWidth, width, fullscreen, maxHeightRatio, scrollbarColor, style, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

package/lib/typescript/module/components/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EASL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAK9D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mFAAmF;IACnF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAY,EACZ,MAAM,EACN,SAAgB,EAChB,gBAAwB,EACxB,iBAAyB,EACzB,UAAoB,EACpB,YAAmB,EACnB,YAAmB,EACnB,OAAY,EACZ,cAAmB,EACnB,MAAW,EACX,QAAc,EACd,KAAK,EACL,UAAkB,EAClB,cAAoB,EACpB,cAAc,EACd,KAAK,GACN,EAAE,WAAW,2CAmLb"}

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

@@ -0,0 +1,2 @@
+export { Dialog, type DialogProps, type DialogAction, type DialogCancelConfig, } from './Dialog';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,kBAAkB,GACxB,MAAM,UAAU,CAAC"}

package/lib/typescript/module/components/Toast/Toast.d.ts

@@ -0,0 +1,40 @@
+import type { IconName } from '../Icon/icons.generated';
+/** Built-in statuses. More can be added later, or use custom colors. */
+export type ToastStatus = 'success' | 'error' | 'warning' | 'info';
+export interface ToastOptions {
+    /** Message text. Ellipsized on a single line if it overflows. */
+    message: string;
+    /** Visual status. Defaults to `info`. */
+    status?: ToastStatus;
+    /** Optional leading icon. */
+    icon?: IconName;
+    /** Time on screen in ms. `0` keeps it until dismissed. */
+    duration?: number;
+    /** Custom fixed height. */
+    height?: number;
+    /** Custom fixed width. Defaults to full width. */
+    width?: number;
+    /** Show a countdown progress bar for the remaining time (needs duration > 0). */
+    showProgress?: boolean;
+    /** Custom background (overrides status). */
+    backgroundColor?: string;
+    /** Custom text/icon color (overrides status). */
+    color?: string;
+    /** Countdown bar color. Defaults to the status foreground. */
+    progressColor?: string;
+}
+export interface ToastViewProps extends ToastOptions {
+    id: number;
+    position: 'top' | 'bottom';
+    /** When true, the toast animates out and then calls `onRemove`. */
+    leaving: boolean;
+    onRequestClose: (id: number) => void;
+    onRemove: (id: number) => void;
+    maxWidth?: number;
+}
+/**
+ * A single toast with an elegant slide + fade in/out. Self-contained: it runs
+ * its own duration timer and exit animation. Managed by `ToastProvider`.
+ */
+export declare function ToastView({ id, message, status, icon, duration, height, width, showProgress, backgroundColor, color, progressColor, position, leaving, onRequestClose, onRemove, maxWidth, }: ToastViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toast.d.ts.map

package/lib/typescript/module/components/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD,wEAAwE;AACxE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,YAAY;IAC3B,iEAAiE;IACjE,OAAO,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAgBD,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,mEAAmE;IACnE,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,OAAO,EACP,MAAe,EACf,IAAI,EACJ,QAAe,EACf,MAAM,EACN,KAAK,EACL,YAAoB,EACpB,eAAe,EACf,KAAK,EACL,aAAa,EACb,QAAQ,EACR,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,GACT,EAAE,cAAc,2CAuFhB"}

package/lib/typescript/module/components/Toast/ToastProvider.d.ts

@@ -0,0 +1,34 @@
+import { type ReactNode } from 'react';
+import { type ToastOptions } from './Toast';
+export interface ToastApi {
+    /** Show a toast; returns its id. */
+    show: (options: ToastOptions) => number;
+    /** Dismiss a toast by id (animates out). */
+    hide: (id: number) => void;
+    /** Dismiss all toasts. */
+    hideAll: () => void;
+}
+export interface ToastProviderProps {
+    children: ReactNode;
+    /** Where toasts appear. Defaults to `bottom`. */
+    position?: 'top' | 'bottom';
+    /** Max toasts on screen at once. Defaults to 2. */
+    maxVisible?: number;
+    /** Default time on screen in ms. Defaults to 3000. */
+    duration?: number;
+    /** Distance from the screen edge. Defaults to 24. */
+    offset?: number;
+    /** Gap between stacked toasts. Defaults to 8. */
+    gap?: number;
+    /** Max toast width. Defaults to full width (no cap). */
+    maxWidth?: number;
+}
+/**
+ * Provides the imperative toast API and renders the toast stack. Wrap your app
+ * (inside ThemeProvider). Trigger toasts with `useToast().show(...)`. Newest
+ * toasts appear nearest the edge; at most `maxVisible` show at once.
+ */
+export declare function ToastProvider({ children, position, maxVisible, duration, offset, gap, maxWidth, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+/** Access the toast API. Must be used within a `ToastProvider`. */
+export declare function useToast(): ToastApi;
+//# sourceMappingURL=ToastProvider.d.ts.map

package/lib/typescript/module/components/Toast/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAa,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,QAAQ;IACvB,oCAAoC;IACpC,IAAI,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC;IACxC,4CAA4C;IAC5C,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3B,0BAA0B;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AASD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAmB,EACnB,UAAc,EACd,QAAe,EACf,MAAW,EACX,GAAO,EACP,QAAQ,GACT,EAAE,kBAAkB,2CA6DpB;AAED,mEAAmE;AACnE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC"}

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

@@ -0,0 +1,3 @@
+export { ToastView, type ToastOptions, type ToastStatus, type ToastViewProps } from './Toast';
+export { ToastProvider, useToast, type ToastApi, type ToastProviderProps, } from './ToastProvider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9F,OAAO,EACL,aAAa,EACb,QAAQ,EACR,KAAK,QAAQ,EACb,KAAK,kBAAkB,GACxB,MAAM,iBAAiB,CAAC"}

package/lib/typescript/module/components/_internal/ScrollArea.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface ScrollAreaProps {
+    children: ReactNode;
+    /** Thin indicator color (a design-system color). */
+    indicatorColor: string;
+    /** Indicator thickness. Defaults to 4. */
+    indicatorWidth?: number;
+    keyboardShouldPersistTaps?: 'always' | 'never' | 'handled';
+    keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
+    style?: StyleProp<ViewStyle>;
+    contentContainerStyle?: StyleProp<ViewStyle>;
+}
+/**
+ * ScrollView with an elegant custom vertical indicator: thin, rounded, colored,
+ * and only visible while scrolling (fades out when idle). The native indicator
+ * is hidden so it looks the same on iOS, Android and web.
+ */
+export declare function ScrollArea({ children, indicatorColor, indicatorWidth, keyboardShouldPersistTaps, keyboardDismissMode, style, contentContainerStyle, }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScrollArea.d.ts.map

package/lib/typescript/module/components/_internal/ScrollArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/_internal/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,oDAAoD;IACpD,cAAc,EAAE,MAAM,CAAC;IACvB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3D,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,cAAc,EACd,cAAkB,EAClB,yBAAyB,EACzB,mBAAmB,EACnB,KAAK,EACL,qBAAqB,GACtB,EAAE,eAAe,2CA4DjB"}

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

@@ -6,6 +6,7 @@ export * from './Checkbox';
 export * from './Chip';
 export * from './CodeField';
 export * from './CodeInput';
+export * from './Dialog';
 export * from './Icon';
 export * from './IconButton';
 export * from './Input';
@@ -17,5 +18,6 @@ export * from './Spinner';
 export * from './Surface';
 export * from './Switch';
 export * from './Text';
+export * from './Toast';
 export type { LabelPosition } from './_internal/Labeled';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AAEvB,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bacon-pos/ui",
-  "version": "0.2.1",
+  "version": "0.4.0",
   "description": "Bacon POS design system — React Native component library",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",