fluent-styles 1.54.0 → 1.55.0

package/lib/typescript/popup/interface.d.ts

@@ -0,0 +1,103 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+import type { StyleProp, ViewStyle, TextStyle, ColorValue, ViewProps } from 'react-native';
+export type PopupPosition = 'top' | 'bottom' | 'left' | 'right' | 'center';
+/**
+ * Controls how the popup enters/exits.
+ * - `'slide'`  — slides in from the edge (default for side positions)
+ * - `'fade'`   — opacity only
+ * - `'scale'`  — scale from center (good for center position)
+ * - `'none'`   — instant, no animation
+ */
+export type PopupAnimation = 'slide' | 'fade' | 'scale' | 'none';
+export type PopupColors = {
+    /** Popup surface background. */
+    background: string;
+    /** Semi-transparent overlay behind the popup. */
+    overlay: string;
+    /** Handle pill (bottom sheet). */
+    handle: string;
+    /** Header title text. */
+    headerTitle: string;
+    /** Header subtitle text. */
+    headerSubtitle: string;
+    /** Header border / divider. */
+    headerBorder: string;
+    /** Close button icon colour. */
+    closeIcon: string;
+    /** Close button background. */
+    closeIconBg: string;
+};
+export declare const POPUP_COLORS_LIGHT: PopupColors;
+export declare const POPUP_COLORS_DARK: PopupColors;
+export type PopupLifecycle = {
+    /** Fires immediately when visibility changes to true. */
+    onOpen?: () => void;
+    /** Fires after the open animation completes. */
+    onOpened?: () => void;
+    /** Fires immediately when visibility changes to false. */
+    onClose?: () => void;
+    /** Fires after the close animation completes. */
+    onClosed?: () => void;
+};
+export interface PopupProps extends PropsWithChildren<{}>, PopupLifecycle {
+    /** Whether the popup is visible. */
+    visible: boolean;
+    /** Show a backdrop overlay. @default true */
+    overlay?: boolean;
+    /** Custom overlay colour. Falls back to `colors.overlay`. */
+    overlayColor?: ColorValue;
+    /** Close the popup when the overlay is pressed. @default true */
+    closeOnPressOverlay?: boolean;
+    /** Called when the overlay is pressed. */
+    onPressOverlay?: () => void;
+    /** Where the popup enters from. @default 'bottom' */
+    position?: PopupPosition;
+    /**
+     * Animation style.
+     * Defaults: `slide` for side positions, `scale` for center.
+     */
+    animation?: PopupAnimation;
+    /** Animation duration in ms. @default 280 */
+    duration?: number;
+    /**
+     * Spring physics for slide/scale animations.
+     * When set, overrides `duration` for the open animation.
+     */
+    spring?: {
+        damping: number;
+        stiffness: number;
+        mass?: number;
+    };
+    /** Round the corners facing the interior of the screen. @default true */
+    round?: boolean;
+    /** Border radius value when `round` is true. @default 20 */
+    roundRadius?: number;
+    /** Add padding for the bottom safe area (notch / home bar). @default false */
+    safeAreaBottom?: boolean;
+    /** Add padding for the top safe area (status bar). @default false */
+    safeAreaTop?: boolean;
+    /** Only mount children after the first open. @default true */
+    lazyRender?: boolean;
+    /** Unmount children when closed (resets to lazy state). @default false */
+    destroyOnClose?: boolean;
+    /** Optional header title. Enables the built-in header. */
+    title?: ReactNode;
+    /** Optional subtitle rendered below the title. */
+    subtitle?: ReactNode;
+    /** Show a drag handle pill above the header. @default true for bottom */
+    showHandle?: boolean;
+    /** Show a close (×) button in the header. @default false */
+    showClose?: boolean;
+    /** Called when the close button is pressed. */
+    onClose?: () => void;
+    style?: StyleProp<ViewStyle>;
+    overlayStyle?: StyleProp<ViewStyle>;
+    headerStyle?: StyleProp<ViewStyle>;
+    titleStyle?: StyleProp<TextStyle>;
+    subtitleStyle?: StyleProp<TextStyle>;
+    colors?: Partial<PopupColors>;
+    /** Return true to handle the back button (Android). */
+    onRequestClose?: () => boolean;
+    testID?: ViewProps['testID'];
+}
+//# sourceMappingURL=interface.d.ts.map

package/lib/typescript/popup/interface.d.ts.map

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

package/lib/typescript/portal/GlobalPortalProvider.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+/**
+ * Subscribes to the global `portal` singleton and renders whatever portals
+ * it currently holds.
+ *
+ * ### Usage
+ * Wrap your app root (or the root of the navigable area) with this provider.
+ * You can then call `portal.show(...)` / `portal.hide(...)` from anywhere —
+ * including non-React code such as navigation helpers or async service
+ * callbacks.
+ *
+ * This component deliberately has **no** React context value; it exists purely
+ * to drive re-renders when the singleton changes.  If you also need the
+ * declarative `usePortal()` hook, use `PortalManager` instead (or nest both).
+ *
+ * @example
+ * ```tsx
+ * // App root
+ * export default function App() {
+ *   return (
+ *     <GlobalPortalProvider>
+ *       <Navigation />
+ *     </GlobalPortalProvider>
+ *   )
+ * }
+ *
+ * // Anywhere – including outside React
+ * import { portal } from '@/portal'
+ *
+ * function showNetworkError() {
+ *   const id = portal.show(
+ *     <ErrorBanner message="No internet connection" />,
+ *     { position: 'top', backdrop: false },
+ *   )
+ *   setTimeout(() => portal.hide(id), 4000)
+ * }
+ * ```
+ */
+type Props = {
+    children: React.ReactNode;
+};
+export declare const GlobalPortalProvider: React.FC<Props>;
+export {};
+//# sourceMappingURL=GlobalPortalProvider.d.ts.map

package/lib/typescript/portal/GlobalPortalProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalPortalProvider.d.ts","sourceRoot":"","sources":["../../../src/portal/GlobalPortalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,KAAK,KAAK,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAA;AAE1C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiBhD,CAAA"}

package/lib/typescript/portal/PortalContext.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import type { PortalContextType } from './types';
+/**
+ * React context that carries the declarative mount / update / unmount API.
+ * Consumed by the `usePortal` hook below and provided by `PortalManager`.
+ */
+export declare const PortalContext: import("react").Context<PortalContextType | null>;
+/**
+ * Returns the portal control API from the nearest `PortalManager` ancestor.
+ *
+ * @example
+ * ```tsx
+ * const { mount, unmount } = usePortal()
+ *
+ * const handleOpen = () => {
+ *   const id = mount(<MyModal />, { backdrop: true, position: 'center' })
+ *   // Later:
+ *   unmount(id)
+ * }
+ * ```
+ *
+ * @throws If called outside a `PortalManager` tree.
+ */
+export declare function usePortal(): PortalContextType;
+//# sourceMappingURL=PortalContext.d.ts.map

package/lib/typescript/portal/PortalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalContext.d.ts","sourceRoot":"","sources":["../../../src/portal/PortalContext.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;GAGG;AACH,eAAO,MAAM,aAAa,mDAAgD,CAAA;AAE1E;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,IAAI,iBAAiB,CAW7C"}

package/lib/typescript/portal/PortalInstance.d.ts

@@ -0,0 +1,72 @@
+import type React from 'react';
+import type { PortalNode, PortalOptions } from './types';
+type Listener = () => void;
+/**
+ * Imperative, framework-agnostic portal registry.
+ *
+ * `PortalInstance` holds the source-of-truth for all portals that are managed
+ * outside the React tree (e.g. from plain TypeScript helpers, navigation
+ * handlers, or third-party libraries).  React components subscribe to changes
+ * via `subscribe()` and re-render when the list changes.
+ *
+ * The exported `portal` singleton is the recommended way to interact with this
+ * class.  Only create additional instances if you need isolated portal scopes
+ * (e.g. in tests or multi-window environments).
+ *
+ * @example
+ * ```ts
+ * // Show
+ * const id = portal.show(<Toast message="Saved!" />, { position: 'bottom' })
+ *
+ * // Later update the same portal without closing it
+ * portal.update(id, <Toast message="Updated!" />)
+ *
+ * // Dismiss
+ * portal.hide(id)
+ * ```
+ */
+export declare class PortalInstance {
+    private nextId;
+    private portals;
+    private listeners;
+    /**
+     * Registers a change listener. Returns an unsubscribe function.
+     *
+     * Consumers (e.g. `GlobalPortalProvider`) call this once on mount and
+     * invoke the returned cleanup on unmount.
+     */
+    subscribe(listener: Listener): () => void;
+    private notify;
+    /** Returns a stable snapshot of all currently registered portals. */
+    getPortals(): PortalNode[];
+    /**
+     * Registers a new portal and triggers a re-render in all subscribers.
+     *
+     * @returns The numeric `id` assigned to this portal – hold onto it to
+     *          call `update` or `hide` later.
+     */
+    show(children: React.ReactNode, options?: PortalOptions): number;
+    /**
+     * Replaces the content / options of an existing portal in-place.
+     * If `id` is not found, the call is a silent no-op (safe to call
+     * unconditionally inside cleanup paths).
+     */
+    update(id: number, children: React.ReactNode, options?: PortalOptions): void;
+    /**
+     * Removes a portal and triggers a re-render.
+     * Safe to call with an `id` that has already been hidden.
+     */
+    hide(id: number): void;
+    /**
+     * Removes **all** registered portals at once.
+     * Useful for screen transitions or hard resets.
+     */
+    hideAll(): void;
+}
+/**
+ * Application-wide portal singleton.
+ * Import and use this wherever you need imperative portal control.
+ */
+export declare const portal: PortalInstance;
+export {};
+//# sourceMappingURL=PortalInstance.d.ts.map

package/lib/typescript/portal/PortalInstance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalInstance.d.ts","sourceRoot":"","sources":["../../../src/portal/PortalInstance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAA;AAE1B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAgC;IAC/C,OAAO,CAAC,SAAS,CAAsB;IAIvC;;;;;OAKG;IACH,SAAS,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI;IAOzC,OAAO,CAAC,MAAM;IAMd,qEAAqE;IACrE,UAAU,IAAI,UAAU,EAAE;IAM1B;;;;;OAKG;IACH,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM;IAOpE;;;;OAIG;IACH,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI;IAY5E;;;OAGG;IACH,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAMtB;;;OAGG;IACH,OAAO,IAAI,IAAI;CAKhB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,gBAAuB,CAAA"}

package/lib/typescript/portal/PortalManager.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+};
+export declare const PortalManager: React.FC<Props>;
+export {};
+//# sourceMappingURL=PortalManager.d.ts.map

package/lib/typescript/portal/PortalManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalManager.d.ts","sourceRoot":"","sources":["../../../src/portal/PortalManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AA8CpD,KAAK,KAAK,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAA;AAE1C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmCzC,CAAA"}

package/lib/typescript/portal/PortalRenderer.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { PortalNode } from './types';
+type Props = {
+    portals: PortalNode[];
+};
+/**
+ * Renders a list of `PortalNode` objects into the component tree.
+ *
+ * Shared between `PortalManager` (declarative) and `GlobalPortalProvider`
+ * (imperative) so neither duplicates this logic.
+ *
+ * ### Pointer event model
+ *
+ * | Layer              | pointerEvents      | Effect                          |
+ * |--------------------|--------------------|---------------------------------|
+ * | Position wrapper   | box-none           | Wrapper transparent to touches; |
+ * |                    |                    | children still receive them.    |
+ * | Backdrop (colour)  | box-none           | Colour layer is transparent.    |
+ * | Backdrop (touch)   | auto               | Captures backdrop taps.         |
+ * | Portal content     | (default: auto)    | Children handle their own input.|
+ *
+ * The `center` position wrapper fills the entire screen (needed for flexbox
+ * centering) but uses `box-none` so it never blocks the app behind it.
+ */
+export declare const PortalRenderer: React.FC<Props>;
+export {};
+//# sourceMappingURL=PortalRenderer.d.ts.map

package/lib/typescript/portal/PortalRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalRenderer.d.ts","sourceRoot":"","sources":["../../../src/portal/PortalRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,UAAU,EAAE,CAAA;CACtB,CAAA;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyC1C,CAAA"}

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

@@ -0,0 +1,43 @@
+/**
+ * @module portal
+ *
+ * A production-grade, dual-mode portal system for React Native.
+ *
+ * ─── Quick-start ─────────────────────────────────────────────────────────────
+ *
+ * **Declarative** (React context / hook):
+ * ```tsx
+ * // 1. Wrap your app
+ * <PortalManager>
+ *   <App />
+ * </PortalManager>
+ *
+ * // 2. Mount portals from any descendant
+ * const { mount, unmount } = usePortal()
+ * const id = mount(<MyModal />, { backdrop: true, position: 'center' })
+ * unmount(id)
+ * ```
+ *
+ * **Imperative** (singleton, usable outside React):
+ * ```tsx
+ * // 1. Wrap your app
+ * <GlobalPortalProvider>
+ *   <App />
+ * </GlobalPortalProvider>
+ *
+ * // 2. Show / hide from anywhere
+ * import { portal } from '@/portal'
+ * const id = portal.show(<Toast />, { position: 'bottom' })
+ * portal.hide(id)
+ * ```
+ *
+ * ─── Exports ─────────────────────────────────────────────────────────────────
+ */
+export { PortalManager } from './PortalManager';
+export { GlobalPortalProvider } from './GlobalPortalProvider';
+export { usePortal } from './PortalContext';
+export { portal, PortalInstance } from './PortalInstance';
+export { PortalRenderer } from './PortalRenderer';
+export type { Position, Offset, PortalOptions, PortalNode, PortalContextType, } from './types';
+export { getPositionStyles } from '../utiles/position';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/portal/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAG7D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAG3C,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGjD,YAAY,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,UAAU,EACV,iBAAiB,GAClB,MAAM,SAAS,CAAA;AAGhB,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA"}

package/lib/typescript/portal/portal.test.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Unit tests for the portal module.
+ *
+ * Run with: jest --testPathPattern=portal
+ *
+ * These tests cover the two independently-testable units:
+ *   1. `PortalInstance` — the imperative singleton logic
+ *   2. `getPositionStyles` — the position-to-style mapping utility
+ */
+export {};
+//# sourceMappingURL=portal.test.d.ts.map

package/lib/typescript/portal/portal.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.test.d.ts","sourceRoot":"","sources":["../../../src/portal/portal.test.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG"}

package/lib/typescript/portal/types.d.ts

@@ -0,0 +1,30 @@
+import type { ViewStyle } from 'react-native';
+import type React from 'react';
+export type Position = 'top' | 'center' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type Offset = {
+    x: number;
+    y: number;
+};
+export type PortalOptions = {
+    /** Where the portal should be anchored on screen. Defaults to `'center'`. */
+    position?: Position;
+    /** Pixel offset applied after positional anchoring. */
+    offset?: Offset;
+    /** Additional styles applied to the portal wrapper `View`. */
+    style?: ViewStyle;
+    /** Whether to render a semi-transparent backdrop behind the portal. */
+    backdrop?: boolean;
+    /** Called when the user taps the backdrop (requires `backdrop: true`). */
+    onBackdropPress?: () => void;
+};
+export type PortalNode = {
+    id: number;
+    children: React.ReactNode;
+    options: PortalOptions;
+};
+export type PortalContextType = {
+    mount: (children: React.ReactNode, options?: PortalOptions) => number;
+    update: (id: number, children: React.ReactNode, options?: PortalOptions) => void;
+    unmount: (id: number) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/portal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/portal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,QAAQ,GAChB,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAA;AAElB,MAAM,MAAM,MAAM,GAAG;IACnB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV,CAAA;AAID,MAAM,MAAM,aAAa,GAAG;IAC1B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B,CAAA;AAID,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,aAAa,CAAA;CACvB,CAAA;AAID,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,aAAa,KAAK,MAAM,CAAA;IACrE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;IAChF,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pressable/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,KAAK,oBAAoB,GAAG,cAAc,GAAG,SAAS,CAAC;AAEvD,QAAA,MAAM,eAAe,4GAOnB,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

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

@@ -0,0 +1,155 @@
+/**
+ * StyledProgressBar.tsx
+ * ──────────────────────
+ * Production-ready animated progress bar component for fluent-styles apps.
+ *
+ * Variants:
+ *  • default   — flat filled bar
+ *  • striped   — diagonal animated stripes
+ *  • gradient  — left-to-right colour gradient
+ *  • segmented — divided into equal tick segments
+ *  • buffer    — primary bar + secondary buffer track (video/audio style)
+ *
+ * Sizes:     xs | sm | md | lg | xl
+ * Label pos: none | inside | above | below | right
+ * Shape:     rounded | square | pill
+ */
+import React from 'react';
+export type ProgressVariant = 'default' | 'striped' | 'gradient' | 'segmented' | 'buffer';
+export type ProgressSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ProgressShape = 'rounded' | 'square' | 'pill';
+export type LabelPosition = 'none' | 'inside' | 'above' | 'below' | 'right';
+export interface StyledProgressColors {
+    /** Filled track colour (default / striped / segmented). Default: theme.colors.blue[500] */
+    fill?: string;
+    /** Background track colour. Default: theme.colors.gray[100] */
+    track?: string;
+    /** Buffer track colour (buffer variant). Default: theme.colors.gray[300] */
+    buffer?: string;
+    /** Stripe overlay colour (striped variant). Default: rgba(255,255,255,0.25) */
+    stripe?: string;
+    /** Gradient start colour (gradient variant). Default: theme.colors.blue[400] */
+    gradFrom?: string;
+    /** Gradient end colour (gradient variant). Default: theme.colors.indigo[600] */
+    gradTo?: string;
+    /** Label text colour. Default: theme.colors.gray[700] */
+    label?: string;
+    /** Inside label colour (when bar is filled). Default: palettes.white */
+    labelInside?: string;
+}
+export interface StyledProgressBarProps {
+    /**
+     * Current progress value (0–`total`). Required.
+     */
+    value: number;
+    /**
+     * Maximum value. Default: 100
+     */
+    total?: number;
+    /**
+     * Buffer value for the `buffer` variant (e.g. how much is loaded).
+     * Must be ≥ `value`. Default: same as `value`.
+     */
+    bufferValue?: number;
+    /** Visual style. Default: 'default' */
+    variant?: ProgressVariant;
+    /** Height preset. Default: 'md' */
+    size?: ProgressSize;
+    /** Bar end shape. Default: 'rounded' */
+    shape?: ProgressShape;
+    /**
+     * Where to show the percentage / custom label.
+     * Default: 'none'
+     */
+    labelPosition?: LabelPosition;
+    /**
+     * Custom label string. If omitted, shows auto percentage.
+     * Pass `false` to hide label entirely even when labelPosition is set.
+     */
+    label?: string | false;
+    /**
+     * Show step count (e.g. "3 / 9") instead of percentage.
+     * Only used when `label` is not provided.
+     */
+    showSteps?: boolean;
+    /**
+     * Number of segments for `segmented` variant. Default: 5
+     */
+    segments?: number;
+    /**
+     * Gap between segments in px. Default: 3
+     */
+    segmentGap?: number;
+    /**
+     * Explicit pixel width. Defaults to full container width.
+     */
+    width?: number;
+    /**
+     * Animate the fill on mount / value change. Default: true
+     */
+    animated?: boolean;
+    /**
+     * Animation duration in ms. Default: 600
+     */
+    animationDuration?: number;
+    /** Colour overrides */
+    colors?: StyledProgressColors;
+    /** Called when animation completes */
+    onAnimationComplete?: () => void;
+}
+/**
+ * StyledProgressBar — animated, multi-variant progress indicator.
+ *
+ * @example Basic (default, blue fill)
+ * ```tsx
+ * <StyledProgressBar value={65} />
+ * ```
+ *
+ * @example With label above + percentage
+ * ```tsx
+ * <StyledProgressBar value={65} labelPosition="above" />
+ * ```
+ *
+ * @example Gradient variant
+ * ```tsx
+ * <StyledProgressBar
+ *   value={72}
+ *   variant="gradient"
+ *   size="lg"
+ *   labelPosition="right"
+ *   colors={{ gradFrom: '#6366f1', gradTo: '#22d3ee' }}
+ * />
+ * ```
+ *
+ * @example Segmented (workout sets)
+ * ```tsx
+ * <StyledProgressBar
+ *   value={4}
+ *   total={9}
+ *   variant="segmented"
+ *   segments={9}
+ *   showSteps
+ *   labelPosition="right"
+ *   colors={{ fill: '#8bc34a' }}
+ * />
+ * ```
+ *
+ * @example Buffer (media player)
+ * ```tsx
+ * <StyledProgressBar
+ *   value={30}
+ *   bufferValue={60}
+ *   variant="buffer"
+ *   size="sm"
+ *   colors={{ fill: '#2563eb', buffer: '#bfdbfe' }}
+ * />
+ * ```
+ *
+ * @example Striped (active task)
+ * ```tsx
+ * <StyledProgressBar value={45} variant="striped" size="lg" labelPosition="inside" />
+ * ```
+ */
+export declare const StyledProgressBar: React.FC<StyledProgressBarProps>;
+export default StyledProgressBar;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/progressBar/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAkB3D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AAC1F,MAAM,MAAM,YAAY,GAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/D,MAAM,MAAM,aAAa,GAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAK,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9E,MAAM,WAAW,oBAAoB;IACnC,2FAA2F;IAC3F,IAAI,CAAC,EAAQ,MAAM,CAAC;IACpB,+DAA+D;IAC/D,KAAK,CAAC,EAAO,MAAM,CAAC;IACpB,4EAA4E;IAC5E,MAAM,CAAC,EAAM,MAAM,CAAC;IACpB,+EAA+E;IAC/E,MAAM,CAAC,EAAM,MAAM,CAAC;IACpB,gFAAgF;IAChF,QAAQ,CAAC,EAAI,MAAM,CAAC;IACpB,gFAAgF;IAChF,MAAM,CAAC,EAAM,MAAM,CAAC;IACpB,yDAAyD;IACzD,KAAK,CAAC,EAAO,MAAM,CAAC;IACpB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uCAAuC;IACvC,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B,mCAAmC;IACnC,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,wCAAwC;IACxC,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,uBAAuB;IACvB,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAE9B,sCAAsC;IACtC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAkJD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAqO9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}