@codeleap/web 6.3.0 → 6.8.0

package/dist/components/PaginationButtons/index.d.ts

@@ -2,6 +2,11 @@ import { PaginationButtonsProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Numbered page-navigation control with optional previous/next arrow buttons and responsive abbreviation of middle pages.
+ * Abbreviation behaviour and mobile layout are auto-detected from the `tabletSmall` theme breakpoint but can be overridden via props.
+ * Uses: `Button`
+ */
 export declare const PaginationButtons: {
     (props: PaginationButtonsProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
@@ -10,3 +15,4 @@ export declare const PaginationButtons: {
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<PaginationButtonsProps, typeof styles>) => IJSX;
     defaultProps: Partial<PaginationButtonsProps>;
 };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PaginationButtons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationButtons/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,SAAS,EAAW,IAAI,EAAE,oBAAoB,EAAkC,MAAM,kBAAkB,CAAA;AAEjH,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;YAAW,sBAAsB;;;;qBAmJzB,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,sBAAsB,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAPzG,CAAA"}

package/dist/components/PaginationButtons/styles.d.ts

@@ -1,2 +1,3 @@
 import { ButtonComposition } from '../Button';
 export type PaginationButtonsComposition = 'wrapper' | `button${Capitalize<ButtonComposition>}` | `arrowLeftButton${Capitalize<ButtonComposition>}` | `arrowRightButton${Capitalize<ButtonComposition>}`;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/PaginationButtons/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationButtons/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,MAAM,4BAA4B,GACpC,SAAS,GACT,SAAS,UAAU,CAAC,iBAAiB,CAAC,EAAE,GACxC,kBAAkB,UAAU,CAAC,iBAAiB,CAAC,EAAE,GACjD,mBAAmB,UAAU,CAAC,iBAAiB,CAAC,EAAE,CAAA"}

package/dist/components/PaginationButtons/types.d.ts

@@ -2,7 +2,16 @@ import { AnyFunction } from '@codeleap/types';
 import { PaginationButtonsComposition } from './styles';
 import { ButtonProps } from '../Button';
 import { PaginationParams } from '../../lib';
-import { AppIcon, StyledProp } from '@codeleap/styles';
+import { AppIcon, StyleProp } from '@codeleap/styles';
+export interface PaginationButtonsStyleDef {
+}
+/**
+ * @field shouldAbbreviate - Collapses middle page numbers into `abbreviationSymbol` when `true` (default).
+ * @field abbreviationSymbol - Token rendered in place of hidden pages; defaults to `"..."`.
+ * @field isMobile - Forces mobile layout (fewer visible pages) when `true`; auto-detected via `tabletSmall` media query when `null`.
+ * @field displayLeftArrow / displayRightArrow - Toggle the previous/next arrow buttons independently.
+ * @field onFetchPreviousPage / onFetchNextPage - Side-effect callbacks fired alongside the internal page change; useful for server-side pagination.
+ */
 export type PaginationButtonsProps = PaginationParams & {
     onFetchNextPage?: AnyFunction;
     onFetchPreviousPage?: AnyFunction;
@@ -19,5 +28,6 @@ export type PaginationButtonsProps = PaginationParams & {
     controlRightIconName?: AppIcon;
     leftArrowButtonProps?: Partial<ButtonProps>;
     rightArrowButtonProps?: Partial<ButtonProps>;
-    style?: StyledProp<PaginationButtonsComposition>;
+    style?: StyleProp<PaginationButtonsComposition, keyof PaginationButtonsStyleDef>;
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/PaginationButtons/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationButtons/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAErD,MAAM,WAAW,yBAAyB;CAAG;AAE7C;;;;;;GAMG;AACH,MAAM,MAAM,sBAAsB,GAChC,gBAAgB,GAChB;IACE,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAA;IACzE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC3C,qBAAqB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC,4BAA4B,EAAE,MAAM,yBAAyB,CAAC,CAAA;CACjF,CAAA"}

package/dist/components/PaginationIndicator/index.d.ts

@@ -2,11 +2,16 @@ import { PaginationIndicatorProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Status indicator placed at the bottom of a paginated or infinite-scroll list — shows a spinner while fetching, a "no more items" message when exhausted, or nothing otherwise.
+ * Uses: `ActivityIndicator`, `Text`
+ */
 export declare const PaginationIndicator: {
-    (props: PaginationIndicatorProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: PaginationIndicatorProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
     styleRegistryName: string;
     elements: string[];
     rootElement: string;
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<PaginationIndicatorProps, typeof styles>) => IJSX;
     defaultProps: Partial<PaginationIndicatorProps>;
 };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PaginationIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAwB,MAAM,kBAAkB,CAAA;AAE9F,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;GAGG;AACH,eAAO,MAAM,mBAAmB;YAAW,wBAAwB;;;;qBAiD3B,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,wBAAwB,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAP7G,CAAA"}

package/dist/components/PaginationIndicator/styles.d.ts

@@ -1,2 +1,3 @@
 import { ActivityIndicatorComposition } from '../ActivityIndicator';
 export type PaginationIndicatorComposition = 'text' | `loader${Capitalize<ActivityIndicatorComposition>}` | 'wrapper';
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/PaginationIndicator/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAA;AAEnE,MAAM,MAAM,8BAA8B,GAAG,MAAM,GAAG,SAAS,UAAU,CAAC,4BAA4B,CAAC,EAAE,GAAG,SAAS,CAAA"}

package/dist/components/PaginationIndicator/types.d.ts

@@ -3,13 +3,22 @@ import { ActivityIndicatorProps } from '../ActivityIndicator';
 import { TextProps } from '../Text';
 import { ComponentCommonProps } from '../../types';
 import { PaginationIndicatorComposition } from './styles';
-import { StyledProp } from '@codeleap/styles';
+import { StyleProp } from '@codeleap/styles';
+export interface PaginationIndicatorStyleDef {
+}
+/**
+ * @field isFetching - When `true`, hides all other content and shows the `ActivityIndicator` (or `activityIndicator` slot).
+ * @field hasMore - When `false` and `isFetching` is also `false`, renders `noMoreItemsText`.
+ * @field activityIndicator - Custom element that replaces the default `ActivityIndicator` while loading.
+ * @field noMoreItemsText - Shown when the list has been fully loaded; accepts a string, number, or a React element.
+ */
 export type PaginationIndicatorProps = ComponentCommonProps & {
     isFetching?: boolean;
     noMoreItemsText: React.ReactElement | string | number;
     hasMore?: boolean;
     activityIndicator?: React.ReactElement;
-    style?: StyledProp<PaginationIndicatorComposition>;
+    style?: StyleProp<PaginationIndicatorComposition, keyof PaginationIndicatorStyleDef>;
     indicatorProps?: Partial<ActivityIndicatorProps>;
     textProps?: Partial<TextProps<'p'>>;
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/PaginationIndicator/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,MAAM,WAAW,2BAA2B;CAAG;AAE/C;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAClC,oBAAoB,GACpB;IACE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC,8BAA8B,EAAE,MAAM,2BAA2B,CAAC,CAAA;IACpF,cAAc,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA;CACpC,CAAA"}

package/dist/components/Progress/Bar/Segmented.d.ts

@@ -0,0 +1,16 @@
+import { ProgressBarSegmentedProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+/**
+ * Horizontal progress bar made up of N discrete pill segments.
+ * Active segments (index < `progress`) receive `styles.segmentActive` merged on top of `styles.segment`.
+ * When `animated` is true each active segment fades in with a staggered delay.
+ */
+export declare const ProgressBarSegmented: {
+    (props: ProgressBarSegmentedProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<ProgressBarSegmentedProps, typeof styles>) => IJSX;
+    defaultProps: Partial<ProgressBarSegmentedProps>;
+};
+//# sourceMappingURL=Segmented.d.ts.map

package/dist/components/Progress/Bar/Segmented.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segmented.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Bar/Segmented.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAe,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGrF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;YAAW,yBAAyB;;;;qBA0C5B,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,yBAAyB,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAP/G,CAAA"}

package/dist/components/Progress/Bar/index.d.ts

@@ -2,6 +2,11 @@ import { ProgressBarProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './types';
 export * from './styles';
+/**
+ * Horizontal progress bar with optional left/right icons and labels.
+ * The indicator fills via a `scaleX` transform animated with Framer Motion when `animated` is true.
+ * Uses: `Icon`, `Text`
+ */
 export declare const ProgressBar: {
     (props: ProgressBarProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
@@ -9,4 +14,13 @@ export declare const ProgressBar: {
     rootElement: string;
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<ProgressBarProps, typeof styles>) => IJSX;
     defaultProps: Partial<ProgressBarProps>;
+    Segmented: {
+        (props: import("./types").ProgressBarSegmentedProps): import("@emotion/react/jsx-runtime").JSX.Element;
+        styleRegistryName: string;
+        elements: string[];
+        rootElement: string;
+        withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<import("./types").ProgressBarSegmentedProps, typeof styles>) => IJSX;
+        defaultProps: Partial<import("./types").ProgressBarSegmentedProps>;
+    };
 };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/Bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Bar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,EAAE,SAAS,EAAE,IAAI,EAAe,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAIrF,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AAExB;;;;GAIG;AACH,eAAO,MAAM,WAAW;YAAW,gBAAgB;;;;qBAqGnB,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,gBAAgB,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;;;;;;;;;CAP7F,CAAA"}

package/dist/components/Progress/Bar/styles.d.ts

@@ -1 +1,3 @@
-export type ProgressBarComposition = 'wrapper' | 'progress' | 'indicator' | 'text' | 'icon' | 'leftIcon' | 'leftText' | 'rightIcon' | 'rightText';
+export type ProgressBarComposition = 'wrapper' | 'track' | 'indicator' | 'text' | 'icon' | 'leftIcon' | 'leftText' | 'rightIcon' | 'rightText';
+export type ProgressBarSegmentedComposition = 'wrapper' | 'segment' | 'segmentActive';
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Progress/Bar/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Bar/styles.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAChC,SAAS,GACT,OAAO,GACP,WAAW,GACX,MAAM,GACN,MAAM,GACN,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,CAAA;AAEb,MAAM,MAAM,+BAA+B,GACzC,SAAS,GACT,SAAS,GACT,eAAe,CAAA"}

package/dist/components/Progress/Bar/types.d.ts

@@ -1,14 +1,23 @@
-import { ProgressBarComposition } from './styles';
-import { ProgressProps, ProgressIndicatorProps } from '@radix-ui/react-progress';
+import { ProgressBarComposition, ProgressBarSegmentedComposition } from './styles';
 import { ProgressPropsRoot } from '..';
-import { AppIcon, StyledProp } from '@codeleap/styles';
+import { AppIcon, StyleProp } from '@codeleap/styles';
 import { TextProps } from '../../Text/types';
 import { IconProps } from '../../Icon/types';
 import { ViewProps } from '../../View';
+import { MotionProps } from 'motion/react';
+export interface ProgressBarStyleDef {
+}
+/**
+ * @field showProgress - When `true`, renders a formatted percentage label using `formatProgress`; overrides `text`.
+ * @field formatProgress - Converts `progress` to the displayed string; defaults to `formatProgress` from `Progress/utils`.
+ * @field animated - When `true`, animates the indicator fill using Framer Motion `scaleX`; default `true`.
+ * @field animatedProps - Forwarded to the `motion.div` indicator; only used when `animated` is `true`.
+ */
 export type ProgressBarProps = Omit<ViewProps, 'style'> & Omit<ProgressPropsRoot, 'style'> & {
-    style?: StyledProp<ProgressBarComposition>;
-    progressIndicatorProps?: ProgressIndicatorProps;
-    progressRootProps?: ProgressProps;
+    style?: StyleProp<ProgressBarComposition, keyof ProgressBarStyleDef>;
+    /** When true, uses motion.div on the indicator; default true */
+    animated?: boolean;
+    animatedProps?: Partial<MotionProps>;
     leftIcon?: AppIcon;
     leftIconProps?: Partial<IconProps>;
     rightIcon?: AppIcon;
@@ -20,3 +29,24 @@ export type ProgressBarProps = Omit<ViewProps, 'style'> & Omit<ProgressPropsRoot
     rightText?: TextProps['text'] | React.ReactElement;
     rightTextProps?: Partial<TextProps>;
 };
+export interface ProgressBarSegmentedStyleDef {
+}
+/**
+ * @field progress - Number of filled segments (0–`segments`).
+ * @field segments - Total number of pill segments to render.
+ * @field animated - When `true`, active segments fade in with a staggered delay; default `true`.
+ * @field animatedProps - Forwarded to each `motion.div` segment; only used when `animated` is `true`.
+ * @field staggerDelay - Delay in seconds between consecutive segment animations; default `0.05`.
+ */
+export type ProgressBarSegmentedProps = Omit<ViewProps, 'style'> & {
+    progress: number;
+    segments: number;
+    style?: StyleProp<ProgressBarSegmentedComposition, keyof ProgressBarSegmentedStyleDef>;
+    /** When true, uses motion.div per segment; default true */
+    animated?: boolean;
+    animatedProps?: Partial<MotionProps>;
+    /** Stagger delay between segment animations in seconds; default 0.05 */
+    staggerDelay?: number;
+    debugName?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Progress/Bar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Bar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAA;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,MAAM,WAAW,mBAAmB;CAAG;AAEvC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAC1B,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GACxB,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAChC;IACE,KAAK,CAAC,EAAE,SAAS,CAAC,sBAAsB,EAAE,MAAM,mBAAmB,CAAC,CAAA;IACpE,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;CACpC,CAAA;AAEH,MAAM,WAAW,4BAA4B;CAAG;AAEhD;;;;;;GAMG;AACH,MAAM,MAAM,yBAAyB,GACnC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GACxB;IACE,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,+BAA+B,EAAE,MAAM,4BAA4B,CAAC,CAAA;IACtF,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IACpC,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}

package/dist/components/Progress/Circle/Segmented.d.ts

@@ -0,0 +1,16 @@
+import { ProgressCircleSegmentedProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+/**
+ * Circular progress indicator made up of N discrete SVG arc segments distributed evenly around the circle.
+ * Active segments (index < `progress`) use `styles.segmentActive` stroke colour.
+ * When `animated` is true each active segment fades in with a staggered delay.
+ */
+export declare const ProgressCircleSegmented: {
+    (props: ProgressCircleSegmentedProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<ProgressCircleSegmentedProps, typeof styles>) => IJSX;
+    defaultProps: Partial<ProgressCircleSegmentedProps>;
+};
+//# sourceMappingURL=Segmented.d.ts.map

package/dist/components/Progress/Circle/Segmented.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segmented.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/Segmented.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAEtD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAMxE;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;YAAW,4BAA4B;;;;qBAqF/B,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,4BAA4B,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAPrH,CAAA"}

package/dist/components/Progress/Circle/index.d.ts

@@ -2,6 +2,12 @@ import { ProgressCircleProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Circular progress indicator rendered as a custom SVG arc, with an optional centred icon, text label, or arbitrary children.
+ * The arc is animated via Framer Motion `pathLength` when `animated` is true.
+ * Track colour comes from `styles.track.backgroundColor`; indicator colour from `styles.indicator.borderColor`.
+ * Uses: `Icon`, `Text`
+ */
 export declare const ProgressCircle: {
     (props: ProgressCircleProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
@@ -9,4 +15,13 @@ export declare const ProgressCircle: {
     rootElement: string;
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<ProgressCircleProps, typeof styles>) => IJSX;
     defaultProps: Partial<ProgressCircleProps>;
+    Segmented: {
+        (props: import("./types").ProgressCircleSegmentedProps): import("@emotion/react/jsx-runtime").JSX.Element;
+        styleRegistryName: string;
+        elements: string[];
+        rootElement: string;
+        withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<import("./types").ProgressCircleSegmentedProps, typeof styles>) => IJSX;
+        defaultProps: Partial<import("./types").ProgressCircleSegmentedProps>;
+    };
 };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/Circle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAQxE,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;;;GAKG;AACH,eAAO,MAAM,cAAc;YAAW,mBAAmB;;;;qBAgHtB,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,mBAAmB,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;;;;;;;;;CAPnG,CAAA"}

package/dist/components/Progress/Circle/styles.d.ts

@@ -1 +1,3 @@
-export type ProgressCircleComposition = 'wrapper' | 'line' | 'circle' | 'text' | 'icon';
+export type ProgressCircleComposition = 'wrapper' | 'track' | 'indicator' | 'text' | 'icon';
+export type ProgressCircleSegmentedComposition = 'wrapper' | 'track' | 'segment' | 'segmentActive';
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Progress/Circle/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/styles.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AAE3F,MAAM,MAAM,kCAAkC,GAC5C,SAAS,GACT,OAAO,GACP,SAAS,GACT,eAAe,CAAA"}

package/dist/components/Progress/Circle/types.d.ts

@@ -1,16 +1,56 @@
-import { PropsOf } from '@codeleap/types';
-import { IconProps, ProgressCircleComposition, ViewProps, TextProps } from '../../components';
+import { ProgressCircleComposition, ProgressCircleSegmentedComposition } from './styles';
 import { ProgressPropsRoot } from '..';
-import { CircularProgressbarWithChildren, buildStyles } from 'react-circular-progressbar';
-import { AppIcon, StyledProp } from '@codeleap/styles';
+import { AppIcon, StyleProp } from '@codeleap/styles';
+import { TextProps } from '../../Text/types';
+import { IconProps } from '../../Icon/types';
+import { ViewProps } from '../../View';
+import { MotionProps } from 'motion/react';
+export interface ProgressCircleStyleDef {
+}
+/**
+ * @field size - Explicit pixel size for the SVG; falls back to `styles.track.size / width / height` when omitted.
+ * @field strokeLinecap - SVG stroke line cap for the progress arc; default `'round'`.
+ * @field showProgress - When `true`, renders a formatted percentage label using `formatProgress`; overrides `text`.
+ * @field formatProgress - Converts `progress` to the displayed string; defaults to `formatProgress` from `Progress/utils`.
+ * @field animated - When `true`, animates the arc using Framer Motion `pathLength`; default `true`.
+ * @field animatedProps - Forwarded to the `motion.circle` arc element; only used when `animated` is `true`.
+ */
 export type ProgressCircleProps = Omit<ViewProps, 'style'> & Omit<ProgressPropsRoot, 'style'> & {
-    style?: StyledProp<ProgressCircleComposition>;
-    circleProps?: PropsOf<typeof CircularProgressbarWithChildren>;
-    circleStyles?: Parameters<typeof buildStyles>[0];
+    style?: StyleProp<ProgressCircleComposition, keyof ProgressCircleStyleDef>;
     children?: React.ReactNode;
     size?: number;
     text?: string | React.ReactElement;
     textProps?: Partial<TextProps>;
     icon?: AppIcon;
     iconProps?: Partial<IconProps>;
+    /** When true, animates the arc on mount and progress change; default true */
+    animated?: boolean;
+    animatedProps?: Partial<MotionProps>;
+    strokeLinecap?: 'round' | 'butt' | 'square';
 };
+export interface ProgressCircleSegmentedStyleDef {
+}
+/**
+ * @field progress - Number of filled segments (0–`segments`).
+ * @field segments - Total number of arc segments to render.
+ * @field size - Explicit pixel size for the SVG; falls back to `styles.track.size / width / height` when omitted.
+ * @field gapAngle - Gap between segments in degrees; default `4`.
+ * @field strokeLinecap - SVG stroke line cap for each segment arc; default `'round'`.
+ * @field animated - When `true`, active segments fade in with a staggered delay; default `true`.
+ * @field animatedProps - Forwarded to each `motion.circle` segment; only used when `animated` is `true`.
+ * @field staggerDelay - Delay in seconds between consecutive segment animations; default `0.05`.
+ */
+export type ProgressCircleSegmentedProps = Omit<ViewProps, 'style'> & {
+    progress: number;
+    segments: number;
+    size?: number;
+    /** Gap angle in degrees between arc segments; default 4 */
+    gapAngle?: number;
+    style?: StyleProp<ProgressCircleSegmentedComposition, keyof ProgressCircleSegmentedStyleDef>;
+    animated?: boolean;
+    animatedProps?: Partial<MotionProps>;
+    staggerDelay?: number;
+    strokeLinecap?: 'round' | 'butt' | 'square';
+    debugName?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Progress/Circle/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,kCAAkC,EAAE,MAAM,UAAU,CAAA;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,MAAM,WAAW,sBAAsB;CAAG;AAE1C;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAC7B,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GACxB,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAChC;IACE,KAAK,CAAC,EAAE,SAAS,CAAC,yBAAyB,EAAE,MAAM,sBAAsB,CAAC,CAAA;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAC9B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IACpC,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;CAC5C,CAAA;AAEH,MAAM,WAAW,+BAA+B;CAAG;AAEnD;;;;;;;;;GASG;AACH,MAAM,MAAM,4BAA4B,GACtC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GACxB;IACE,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,kCAAkC,EAAE,MAAM,+BAA+B,CAAC,CAAA;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}

package/dist/components/Progress/index.d.ts

@@ -1,5 +1,6 @@
 export * from './Bar';
 export * from './Circle';
+/** Shared props inherited by both `ProgressBar` and `ProgressCircle`. */
 export type ProgressPropsRoot = {
     progress: number;
     style?: React.CSSProperties;
@@ -7,3 +8,4 @@ export type ProgressPropsRoot = {
     debugName?: string;
     formatProgress?: (progress: number) => string;
 };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AAExB,yEAAyE;AACzE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;CAC9C,CAAA"}

package/dist/components/Progress/utils.d.ts

@@ -1 +1,2 @@
 export declare function formatProgress(value: any): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/Progress/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,KAAK,KAAA,UAEnC"}

package/dist/components/RadioInput/index.d.ts

@@ -1,12 +1,16 @@
 import { RadioInputProps } from './types';
-import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Single-select radio group that renders each option as a `Touchable` row with an indicator circle and label, separated by optional dividers.
+ * Integrates with `@codeleap/form` via `SelectableField`; pair with `field` or `value`/`onValueChange`.
+ * Uses: `Field.Provider`, `Field.Wrapper`, `Field.Heading`, `Field.Helper`, `Touchable`, `View`, `Text`
+ */
 export declare const RadioInput: {
     <T extends string | number>(props: RadioInputProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
     elements: string[];
     rootElement: string;
-    withVariantTypes<S extends AnyRecord, T extends string | number>(styles: S): (props: StyledComponentProps<RadioInputProps<T>, typeof styles>) => IJSX;
     defaultProps: Partial<RadioInputProps<string | number>>;
 };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RadioInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAoB,eAAe,EAAE,MAAM,SAAS,CAAA;AAQ3D,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAoCvB;;;;GAIG;AACH,eAAO,MAAM,UAAU;KAAI,CAAC,SAAS,MAAM,GAAG,MAAM,SAAS,eAAe,CAAC,CAAC,CAAC;;;;;CAuE9E,CAAA"}

package/dist/components/RadioInput/styles.d.ts

@@ -1,6 +1,5 @@
-import { IconLessInputBaseParts } from '../InputBase';
-type OptionParts = 'wrapper' | 'label' | 'indicator' | 'indicatorInner' | 'separator';
-type OptionStates = 'selected' | 'disabled' | 'selectedDisabled';
-type OptionComposition = `${OptionParts}:${OptionStates}` | OptionParts;
-export type RadioInputComposition = IconLessInputBaseParts | `${IconLessInputBaseParts}:disabled` | `option${Capitalize<OptionComposition>}`;
+import { FieldParts } from '../Field';
+type RadioInputParts = FieldParts | 'optionWrapper' | 'optionLabel' | 'optionIndicator' | 'optionIndicatorInner' | 'optionSeparator';
+export type RadioInputComposition = RadioInputParts;
 export {};
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/RadioInput/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,eAAe,GAAG,UAAU,GAAG,eAAe,GAAG,aAAa,GAAG,iBAAiB,GAAG,sBAAsB,GAAG,iBAAiB,CAAA;AACpI,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAA"}

package/dist/components/RadioInput/types.d.ts

@@ -1,27 +1,36 @@
 import { Option } from '@codeleap/types';
-import { InputBaseProps } from '../InputBase';
-import { ReactNode } from 'react';
-import { ICSS, StyledProp } from '@codeleap/styles';
+import { ICSS, StyleProp } from '@codeleap/styles';
 import { RadioInputComposition } from './styles';
 import { SelectableField } from '@codeleap/form';
+import { FieldProps } from '../Field';
 type RadioOption<T extends string | number> = Option<T> & {
     disabled?: boolean;
 };
-export type RadioInputProps<T extends string | number> = Omit<InputBaseProps, 'style'> & {
+export interface RadioInputStyleDef {
+    __internal: Record<RadioInputComposition, ICSS>;
+}
+/**
+ * Props for `RadioInput`.
+ * `options` is the full ordered list of choices; individual options may carry a `disabled` flag that overrides the top-level `disabled`.
+ */
+export type RadioInputProps<T extends string | number> = Pick<FieldProps, 'label' | 'helper' | 'leftSection' | 'rightSection'> & {
     options: RadioOption<T>[];
-    label: ReactNode;
-    style?: StyledProp<RadioInputComposition>;
+    style?: StyleProp<RadioInputComposition, keyof RadioInputStyleDef>;
     field?: SelectableField<T, any>;
     value?: T;
     onValueChange?: (value: T) => void;
+    disabled?: boolean;
+    debugName?: string;
 };
+/** Internal props for the per-option row rendered inside `RadioInput`. */
 export type RadioOptionProps<T extends string | number> = {
     item: RadioOption<T>;
     selected: boolean;
     onSelect(): void;
-    styles?: Record<RadioInputComposition, ICSS>;
+    styles: Record<RadioInputComposition, ICSS>;
     debugName?: string;
     disabled?: boolean;
     separator?: boolean;
 };
 export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/RadioInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAA;CAChD;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACnD,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,cAAc,CAAC,GAAG;IACtE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,qBAAqB,EAAE,MAAM,kBAAkB,CAAC,CAAA;IAClE,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAEH,0EAA0E;AAC1E,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACxD,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,IAAI,IAAI,CAAA;IAChB,MAAM,EAAE,MAAM,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA"}

package/dist/components/SearchInput/index.d.ts

@@ -1,20 +1,37 @@
+import React from 'react';
 import { TextInputProps } from '../TextInput';
 import { AnyFunction } from '@codeleap/types';
 import { AppIcon } from '@codeleap/styles';
+import { FieldSectionProps } from '../Field';
 export type SearchInputProps = {
     placeholder: string;
     clearable?: boolean;
     debugName: string;
     clearIcon?: AppIcon;
     searchIcon?: AppIcon;
+    /** Delay in milliseconds before `onSearchChange` fires after the user stops typing; pass `null` to disable debouncing. */
     debounce?: number;
+    /** Called with the current search string after the debounce delay (or immediately if `debounce` is `null`). */
     onSearchChange: (search: string) => void;
+    /** Called with `true` when the user starts typing and `false` once the debounce timer fires. */
     onTypingChange?: (isTyping: boolean) => void;
+    /** Controlled value setter; provide together with `value` to make the input fully controlled. */
     onValueChange?: (search: string) => void;
     onClear?: AnyFunction;
+    /** Replaces the default clear button; receives field section props plus a `clear()` callback. */
+    renderClearButton?: (props: FieldSectionProps & {
+        clear: () => void;
+    }) => React.ReactNode;
     defaultValue?: string;
 } & Partial<TextInputProps>;
+/**
+ * Text input specialised for search with optional debouncing, a clearable state, and typing-state callbacks.
+ * Operates as an uncontrolled input by default (`defaultValue`); pass `value` + `onValueChange` to make it controlled.
+ * The clear button is only shown while the field has non-whitespace content and `clearable` is true.
+ * Uses: `TextInput`
+ */
 export declare const SearchInput: {
     (props: SearchInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
     defaultProps: Partial<SearchInputProps>;
 };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SearchInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,WAAW,EAAc,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0HAA0H;IAC1H,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+GAA+G;IAC/G,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,gGAAgG;IAChG,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,iGAAiG;IACjG,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,iGAAiG;IACjG,iBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,GAAC;QAAC,KAAK,EAAE,MAAM,IAAI,CAAA;KAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACtF,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,GAAG,OAAO,CAAC,cAAc,CAAC,CAAA;AAE3B;;;;;GAKG;AACH,eAAO,MAAM,WAAW;YAAW,gBAAgB;;CA6ElD,CAAA"}

package/dist/components/SectionFilters/index.d.ts

@@ -2,8 +2,14 @@ import { SectionFiltersProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Grouped filter panel that lets users toggle labelled options across multiple sections,
+ * with a two-stage draft/commit flow and an Apply / Clear footer.
+ * Renders nothing when `data` is empty.
+ * Uses: `View`, `Text`, `Button`
+ */
 export declare const SectionFilters: {
-    (props: SectionFiltersProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: SectionFiltersProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
     styleRegistryName: string;
     elements: string[];
     rootElement: string;
@@ -14,3 +20,4 @@ export declare const SectionFilters: {
         filterOnOptionPress: boolean;
     };
 };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SectionFilters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SectionFilters/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA+D,mBAAmB,EAA4B,MAAM,SAAS,CAAA;AAMpI,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAwB,MAAM,kBAAkB,CAAA;AAE9F,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAgDvB;;;;;GAKG;AACH,eAAO,MAAM,cAAc;YAAW,mBAAmB;;;;qBA2LtB,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,mBAAmB,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;;;;;CAnBnG,CAAA"}

package/dist/components/SectionFilters/styles.d.ts

@@ -1,2 +1,3 @@
 import { ButtonComposition } from '../Button';
 export type SectionFiltersComposition = 'wrapper' | 'innerWrapper' | 'label' | 'optionWrapper' | 'optionInnerWrapper' | `itemOptionButton${Capitalize<ButtonComposition>}` | 'footerWrapper' | `applyButton${Capitalize<ButtonComposition>}` | `clearButton${Capitalize<ButtonComposition>}`;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/SectionFilters/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/SectionFilters/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,MAAM,yBAAyB,GACnC,SAAS,GACT,cAAc,GACd,OAAO,GACP,eAAe,GACf,oBAAoB,GACpB,mBAAmB,UAAU,CAAC,iBAAiB,CAAC,EAAE,GAClD,eAAe,GACf,cAAc,UAAU,CAAC,iBAAiB,CAAC,EAAE,GAC7C,cAAc,UAAU,CAAC,iBAAiB,CAAC,EAAE,CAAA"}