@codeleap/web 6.3.0 → 6.8.0

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

@@ -1,12 +1,16 @@
 import { ActivityIndicatorProps } from './types';
-import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Loading spinner whose visual appearance is delegated entirely to style
+ * composition; ships no built-in spinner markup.
+ * Uses: `useStylesFor`, `WebStyleRegistry`
+ */
 export declare const ActivityIndicator: {
     (props: ActivityIndicatorProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
     elements: string[];
     rootElement: string;
-    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<ActivityIndicatorProps, typeof styles>) => IJSX;
     defaultProps: Partial<ActivityIndicatorProps>;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAKhD,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;YAAW,sBAAsB;;;;;CAmB9D,CAAA"}

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

@@ -1 +1,2 @@
 export type ActivityIndicatorComposition = 'wrapper';
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/styles.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,4BAA4B,GAAG,SAAS,CAAA"}

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

@@ -1,11 +1,22 @@
 import React from 'react';
-import { StyledProp } from '@codeleap/styles';
+import { StyleProp, ICSS } from '@codeleap/styles';
 import { ComponentCommonProps } from '../../types';
 import { ActivityIndicatorComposition } from './styles';
+export interface ActivityIndicatorStyleDef {
+}
+/** Props for the `ActivityIndicator` component. */
 export type ActivityIndicatorProps = ComponentCommonProps & {
-    style?: StyledProp<ActivityIndicatorComposition>;
+    style?: StyleProp<ActivityIndicatorComposition, keyof ActivityIndicatorStyleDef>;
+    /**
+     * Custom component to render as the spinner; defaults to `View`.
+     * Visual appearance is entirely determined by style composition — no
+     * built-in spinner markup is rendered.
+     */
     component?: React.ComponentType<Omit<ActivityIndicatorProps & {
         ref?: React.Ref<HTMLDivElement>;
     }, 'component'>>;
     size?: number;
+    className?: string;
+    css?: ICSS;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAc,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAA;AAEvD,MAAM,WAAW,yBAAyB;CAAG;AAE7C,mDAAmD;AACnD,MAAM,MAAM,sBAAsB,GAChC,oBAAoB,GACpB;IACE,KAAK,CAAC,EAAE,SAAS,CAAC,4BAA4B,EAAE,MAAM,yBAAyB,CAAC,CAAA;IAChF;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,sBAAsB,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;KAAE,EAAE,WAAW,CAAC,CAAC,CAAA;IAChH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,IAAI,CAAA;CACX,CAAA"}

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

@@ -2,11 +2,18 @@ import { BadgeProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Conditional count or presence badge that handles max/min count thresholds
+ * and supports a fully custom content renderer.
+ * Renders nothing when `badge` is `false` or absent.
+ * Uses: `View`, `Text`, `useStylesFor`, `WebStyleRegistry`
+ */
 export declare const Badge: {
-    (props: BadgeProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: BadgeProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
     styleRegistryName: string;
     elements: string[];
     rootElement: string;
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<BadgeProps, typeof styles>) => IJSX;
     defaultProps: Partial<BadgeProps>;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAgB,UAAU,EAAE,MAAM,SAAS,CAAA;AAGlD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAExE,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAUvB;;;;;GAKG;AACH,eAAO,MAAM,KAAK;YAAW,UAAU;;;;qBAyEb,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,UAAU,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAPjF,CAAA"}

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

@@ -2,3 +2,4 @@ type BadgeParts = 'wrapper' | 'innerWrapper' | 'count';
 type BadgeStates = 'disabled';
 export type BadgeComposition = `${BadgeParts}:${BadgeStates}` | BadgeParts;
 export {};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/styles.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,SAAS,GAAG,cAAc,GAAG,OAAO,CAAA;AAEtD,KAAK,WAAW,GAAG,UAAU,CAAA;AAE7B,MAAM,MAAM,gBAAgB,GAAG,GAAG,UAAU,IAAI,WAAW,EAAE,GAAG,UAAU,CAAA"}

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

@@ -2,25 +2,40 @@ import { TextProps } from '../Text';
 import { ViewProps } from '../View';
 import { BadgeComposition } from './styles';
 import { ComponentCommonProps } from '../../types';
-import { StyledProp } from '@codeleap/styles';
+import { StyleProp } from '@codeleap/styles';
+export interface BadgeStyleDef {
+}
+/** Props for the `Badge` component. */
 export type BadgeProps = Omit<ViewProps, 'style'> & ComponentCommonProps & {
-    style?: StyledProp<BadgeComposition>;
+    style?: StyleProp<BadgeComposition, keyof BadgeStyleDef>;
+    /** Count values above this are displayed as `{maxCount}+`. Defaults to `9`. */
     maxCount?: number;
+    /** Count values below this hide the count label. Defaults to `1`. */
     minCount?: number;
     debugName?: string;
     innerWrapperProps?: Partial<ViewProps>;
     textProps?: Partial<TextProps>;
+    /** Formats the displayed count string; defaults to `{maxCount}+` overflow behaviour. */
     getBadgeContent?: (props: BadgeContent) => string;
+    /** Replaces the default `Text` count renderer; receives formatted `content` string. */
     renderBadgeContent?: (props: BadgeContent & {
         content: string;
     }) => React.ReactElement;
     disabled?: boolean;
+    /**
+     * Controls visibility and count value.
+     * `true` shows an indicator with no count; a number shows a count badge.
+     * `false` or absent renders nothing.
+     */
     badge?: number | boolean;
 };
+/** Payload passed to `getBadgeContent` and `renderBadgeContent`. */
 export type BadgeContent = BadgeProps & {
     count: number;
 };
+/** Convenience mixin for components that embed a `Badge`. */
 export type BadgeComponentProps = {
     badge?: BadgeProps['badge'];
     badgeProps?: Partial<BadgeProps>;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,SAAS,EAAc,MAAM,kBAAkB,CAAA;AAExD,MAAM,WAAW,aAAa;CAAG;AAEjC,uCAAuC;AACvC,MAAM,MAAM,UAAU,GACpB,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GACxB,oBAAoB,GACpB;IACE,KAAK,CAAC,EAAE,SAAS,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAA;IACxD,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAC9B,wFAAwF;IACxF,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,MAAM,CAAA;IACjD,uFAAuF;IACvF,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,GAAG;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAA;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACzB,CAAA;AAEH,oEAAoE;AACpE,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAEzD,6DAA6D;AAC7D,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CACjC,CAAA"}

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

@@ -1,12 +1,15 @@
+import React from 'react';
+import { Touchable } from '../Touchable';
 import { ButtonProps } from './types';
-import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
-export declare const Button: {
-    (buttonProps: ButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    styleRegistryName: string;
-    elements: string[];
-    rootElement: string;
-    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<ButtonProps, typeof styles>) => IJSX;
-    defaultProps: Partial<ButtonProps>;
-};
+export declare function Button<T extends React.ComponentType<any> = typeof Touchable>(buttonProps: ButtonProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace Button {
+    var Tab: typeof TabButton;
+    var styleRegistryName: string;
+    var elements: string[];
+    var rootElement: string;
+    var defaultProps: Partial<ButtonProps<any>>;
+}
+declare function TabButton<T extends React.ComponentType<any> = typeof Touchable>(buttonProps: ButtonProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIxC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAOrC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,wBAAgB,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,OAAO,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,oDAwExG;yBAxEe,MAAM;;;;;;;AAyEtB,iBAAS,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,OAAO,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,oDAQpG"}

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

@@ -1,4 +1,7 @@
-import { ActivityIndicatorComposition } from '../ActivityIndicator';
-export type ButtonStates = 'disabled' | 'selected';
-export type ButtonParts = 'wrapper' | 'text' | 'icon' | 'leftIcon' | 'rightIcon' | `loader${Capitalize<ActivityIndicatorComposition>}`;
-export type ButtonComposition = `${ButtonParts}:${ButtonStates}` | ButtonParts;
+import { ComponentContext } from '@codeleap/styles';
+export type ButtonParts = 'wrapper' | 'text' | 'icon' | 'leftIcon' | 'rightIcon' | `loader`;
+export type ButtonComposition = ButtonParts;
+export interface ButtonContext extends ComponentContext {
+    selected?: boolean;
+}
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAInD,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,MAAM,GACN,MAAM,GACN,UAAU,GACV,WAAW,GACX,QAAQ,CAAA;AAEZ,MAAM,MAAM,iBAAiB,GAAI,WAAW,CAAA;AAE5C,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

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

@@ -1,16 +1,18 @@
 import React from 'react';
 import { AnyFunction } from '@codeleap/types';
-import { AppIcon, StyledProp } from '@codeleap/styles';
-import { TouchableProps } from '../Touchable';
+import { AppIcon, StyleProp } from '@codeleap/styles';
 import { ActivityIndicatorProps } from '../ActivityIndicator';
-import { ButtonComposition } from './styles';
+import { ButtonComposition, ButtonContext } from './styles';
 import { ComponentCommonProps } from '../../types';
-export type ButtonProps = Omit<TouchableProps, 'style'> & ComponentCommonProps & {
+export interface ButtonStyleDef {
+}
+export type ButtonProps<T extends React.ComponentType = React.ComponentType<React.ButtonHTMLAttributes<React.HTMLElementType>>> = Omit<React.ComponentPropsWithRef<T>, 'style'> & ComponentCommonProps & {
+    component?: T;
     text?: string;
     rightIcon?: AppIcon;
     icon?: AppIcon;
     onPress?: AnyFunction;
-    style?: StyledProp<ButtonComposition>;
+    style?: StyleProp<ButtonComposition, keyof ButtonStyleDef>;
     loading?: boolean;
     loadingShowText?: boolean;
     debugName: string;
@@ -18,4 +20,6 @@ export type ButtonProps = Omit<TouchableProps, 'style'> & ComponentCommonProps &
     selected?: boolean;
     children?: React.ReactNode;
     loaderProps?: Partial<ActivityIndicatorProps>;
+    context?: ButtonContext;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAc,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAElD,MAAM,WAAW,cAAc;CAE9B;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,aAAa,GAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,oBAAoB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,IAC3H,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAC7C,oBAAoB,GACpB;IACE,SAAS,CAAC,EAAE,CAAC,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,iBAAiB,EAAE,MAAM,cAAc,CAAC,CAAA;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB,CAAA"}

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

@@ -0,0 +1,18 @@
+import { type DateValue } from 'react-aria-components';
+import { CalendarProps } from './types';
+export * from './styles';
+export * from './types';
+/**
+ * Accessible month-grid calendar built on `react-aria-components` with styled header navigation and a fully themeable cell grid.
+ * Navigation buttons are wired through `SlotForwader` so they receive `ButtonContext` props from the aria library; provide `renderNext`/`renderPrevious` to render them.
+ * First day of week defaults to Sunday (`'sun'`).
+ * Uses: `View`, `Icon`
+ */
+export declare function Calendar<T extends DateValue = DateValue>(calendarProps: CalendarProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace Calendar {
+    var styleRegistryName: string;
+    var elements: string[];
+    var rootElement: string;
+    var defaultProps: Partial<CalendarProps>;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAUL,KAAK,SAAS,EAMf,MAAM,uBAAuB,CAAA;AAO9B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAmBvB;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,oDAyCxF;yBAzCe,QAAQ"}

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

@@ -0,0 +1,3 @@
+export type CalendarParts = 'wrapper' | 'header' | 'heading' | 'prevButton' | 'nextButton' | 'prevButtonIcon' | 'nextButtonIcon' | 'grid' | 'gridHeaderCell' | 'cell' | 'errorMessage';
+export type CalendarComposition = CalendarParts;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/styles.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,QAAQ,GACR,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,gBAAgB,GAChB,gBAAgB,GAChB,MAAM,GACN,gBAAgB,GAChB,MAAM,GACN,cAAc,CAAA;AAElB,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAA"}

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

@@ -0,0 +1,20 @@
+import type { CalendarProps as AriaCalendarProps, ButtonProps, DateValue } from 'react-aria-components';
+import { CalendarComposition } from './styles';
+import { AppIcon, ICSS, IJSX, StyleProp } from '@codeleap/styles';
+export interface CalendarStyleDef {
+    __internal: Record<CalendarComposition, ICSS>;
+}
+/**
+ * Props for `Calendar`.
+ * Extends `react-aria-components` `CalendarProps`; navigation buttons are rendered via `renderNext`/`renderPrevious` render props — omitting them hides the navigation buttons.
+ * `prevIcon`/`nextIcon` are passed through as a convenience but only take effect if the consumer's `renderPrevious`/`renderNext` implementation uses them.
+ */
+export type CalendarProps<T extends DateValue = DateValue> = Omit<AriaCalendarProps<T>, 'style' | 'className'> & {
+    style?: StyleProp<CalendarComposition, keyof CalendarStyleDef>;
+    prevIcon?: AppIcon;
+    nextIcon?: AppIcon;
+    renderNext?: (props: ButtonProps) => IJSX;
+    renderPrevious?: (props: ButtonProps) => IJSX;
+    debugName?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACvG,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAA;CAC9C;AAED;;;;GAIG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IACvD,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,GAAG;IAClD,KAAK,CAAC,EAAE,SAAS,CAAC,mBAAmB,EAAE,MAAM,gBAAgB,CAAC,CAAA;IAE9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACzC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}

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

@@ -2,4 +2,10 @@ import { CarouselProps } from './types';
 import { StyledComponentWithProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Swipeable slide carousel backed by Embla Carousel, with optional dot navigation, autoplay, multi-slide view, and a `ref` for imperative control.
+ * The `page` prop is semi-controlled — it syncs to Embla whenever it changes but internal swipe still updates the active index independently.
+ * Uses: `Touchable`
+ */
 export declare const Carousel: StyledComponentWithProps<CarouselProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAa,aAAa,EAAe,MAAM,SAAS,CAAA;AAC/D,OAAO,EAAyC,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAIlG,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AA8BvB;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EA4Jf,wBAAwB,CAAC,aAAa,CAAC,CAAA"}

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

@@ -1,3 +1,4 @@
 type Dots = 'dot' | 'dot:selected' | 'dot:disabled' | 'dots';
 export type CarouselComposition = 'wrapper' | 'slideWrapper' | 'footerWrapper' | Dots;
 export {};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/styles.ts"],"names":[],"mappings":"AACA,KAAK,IAAI,GAAG,KAAK,GAAG,cAAc,GAAG,cAAc,GAAG,MAAM,CAAA;AAE5D,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,cAAc,GACd,eAAe,GACf,IAAI,CAAA"}

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

@@ -3,14 +3,25 @@ import { CarouselComposition } from './styles';
 import { ReactNode, ReactElement } from 'react';
 import { ViewProps } from '../View';
 import { ComponentCommonProps } from '../../types';
-import { StyledProp } from '@codeleap/styles';
+import { StyleProp } from '@codeleap/styles';
+export interface CarouselStyleDef {
+}
+/** Imperative handle exposed by `Carousel` for programmatic slide navigation. */
 export type CarouselRef = {
     goTo: (index: number) => void;
     next: () => void;
     prev: () => void;
 };
+/**
+ * @field page - Controlled slide index; synced to the Embla engine on change.
+ * @field renderSlideWrapper - Component rendered around each slide; defaults to `View`. Receives `style` and `slideWrapperProps`.
+ * @field infinite - Enables loop mode in Embla; defaults to `false`.
+ * @field disableSwipe - Disables drag/swipe interaction; defaults to `false`.
+ * @field autoplay - Enables the Embla autoplay plugin; requires `autoplayDelay`.
+ * @field slidesPerView - Number of visible slides or `"auto"` for content-width slides; defaults to `1`.
+ */
 export type CarouselProps = ComponentCommonProps & {
-    style?: StyledProp<CarouselComposition>;
+    style?: StyleProp<CarouselComposition, keyof CarouselStyleDef>;
     page?: number;
     children: ReactNode;
     onChange?: (index: number) => void;
@@ -32,3 +43,4 @@ export type DotsProps = Pick<CarouselProps, 'page' | 'dotsDisabled'> & {
     onPress?: (index: number) => void;
     styles: StylesOf<CarouselComposition>;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,SAAS,EAAc,MAAM,kBAAkB,CAAA;AAExD,MAAM,WAAW,gBAAgB;CAAG;AAEpC,iFAAiF;AACjF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GACvB,oBAAoB,GACpB;IACE,KAAK,CAAC,EAAE,SAAS,CAAC,mBAAmB,EAAE,MAAM,gBAAgB,CAAC,CAAA;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,kBAAkB,CAAC,EAAE,GAAG,CAAA;IACxB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC,CAAA;AAEH,MAAM,MAAM,SAAS,GACnB,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,cAAc,CAAC,GAC5C;IACE,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAA;CACtC,CAAA"}

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

@@ -1,12 +1,16 @@
 import { CheckboxProps } from './types';
-import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Boolean checkbox with a `Touchable` tick box and `Field` layout (label, helper, sections).
+ * Toggles on press or Space keypress; `disabled` suppresses both.
+ * Uses: `Field.Provider`, `Field.Wrapper`, `Field.Heading`, `Field.Helper`, `Touchable`, `View`, `Icon`
+ */
 export declare const Checkbox: {
     (props: CheckboxProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
     elements: string[];
     rootElement: string;
-    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<CheckboxProps, typeof styles>) => IJSX;
     defaultProps: Partial<CheckboxProps>;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,aAAa,EAAE,MAAM,SAAS,CAAA;AAU7D,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;;GAIG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;;;;CAiE5C,CAAA"}

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

@@ -1,7 +1,5 @@
-import { InputBaseParts, InputBaseStates } from '../InputBase';
-type AnimatableParts = 'checkmarkWrapper' | 'box';
-export type CheckboxParts = InputBaseParts | AnimatableParts | 'checkmark';
-export type CheckboxAnimationStates = 'checked' | 'unchecked' | 'disabled-checked' | 'disabled-unchecked';
-export type CheckboxStates = InputBaseStates;
-export type CheckboxComposition = CheckboxParts | `${CheckboxParts}:${CheckboxStates}` | `${AnimatableParts}:transition` | `${AnimatableParts}:${CheckboxAnimationStates}` | '__props';
+import { FieldParts } from '../Field';
+type CheckboxParts = FieldParts | 'box' | 'checkmarkWrapper' | 'checkmark';
+export type CheckboxComposition = CheckboxParts;
 export {};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,aAAa,GAAG,UAAU,GAAG,KAAK,GAAG,kBAAkB,GAAG,WAAW,CAAA;AAC1E,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAA"}

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

@@ -1,13 +1,28 @@
 import { CheckboxComposition } from './styles';
-import { InputBaseProps } from '../InputBase';
-import { ComponentCommonProps } from '../../types';
-import { AppIcon, StyledProp } from '@codeleap/styles';
+import { FieldProps } from '../Field';
+import { FieldStateContext } from '../Field/styles';
+import { AppIcon, ICSS, StyleProp } from '@codeleap/styles';
 import { BooleanField } from '@codeleap/form';
-export type CheckboxProps = Pick<InputBaseProps, 'disabled' | 'label'> & ComponentCommonProps & {
-    style?: StyledProp<CheckboxComposition>;
+export interface CheckboxStyleDef {
+    __internal: Record<CheckboxComposition, ICSS>;
+}
+/** Extends `FieldStateContext` with the checkbox-position flag used for style variants. */
+export interface CheckboxFieldContext extends FieldStateContext {
+    checkboxOnLeft?: boolean;
+}
+/**
+ * Props for `Checkbox`.
+ * `checkboxOnLeft` repositions the tick box before the label; exposed as a context flag so variant styles can react.
+ * `checkIcon` overrides the icon rendered inside the tick box (defaults to `'check'`).
+ */
+export type CheckboxProps = Pick<FieldProps, 'label' | 'helper' | 'leftSection' | 'rightSection'> & {
+    style?: StyleProp<CheckboxComposition, keyof CheckboxStyleDef>;
     checkboxOnLeft?: boolean;
     checkIcon?: AppIcon;
     field?: BooleanField<any>;
     value?: boolean;
     onValueChange?: (value: boolean) => void;
+    disabled?: boolean;
+    debugName?: string;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAA;CAC9C;AAED,2FAA2F;AAC3F,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED;;;;GAIG;AACH,MAAM,MAAM,aAAa,GACvB,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,cAAc,CAAC,GAAG;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC,mBAAmB,EAAE,MAAM,gBAAgB,CAAC,CAAA;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}

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

@@ -2,6 +2,10 @@ import { CollapseProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Animates a content region between zero height (collapsed) and its natural height (expanded) using Framer Motion.
+ * Fully controlled — pass `open` from the caller; the component owns no toggle state of its own.
+ */
 export declare const Collapse: {
     (props: CollapseProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
@@ -10,3 +14,4 @@ export declare const Collapse: {
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<CollapseProps, typeof styles>) => IJSX;
     defaultProps: Partial<CollapseProps>;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapse/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAIxE,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;GAGG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;;;qBA+BhB,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAPvF,CAAA"}

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

@@ -2,3 +2,4 @@ type CollapseState = 'open' | 'closed';
 type CollapseParts = 'wrapper';
 export type CollapseComposition = CollapseParts | `${CollapseParts}:${CollapseState}`;
 export {};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Collapse/styles.ts"],"names":[],"mappings":"AAAA,KAAK,aAAa,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEtC,KAAK,aAAa,GAAG,SAAS,CAAA;AAE9B,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG,GAAG,aAAa,IAAI,aAAa,EAAE,CAAA"}

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

@@ -1,8 +1,12 @@
-import { StyledProp } from '@codeleap/styles';
+import { StyleProp } from '@codeleap/styles';
 import { MotionProps } from 'motion/react';
 import { CollapseComposition } from './styles';
+export interface CollapseStyleDef {
+}
 export type CollapseProps = Omit<MotionProps, 'style'> & {
+    /** Controls expanded (`true`) or collapsed (`false`) state; the component is fully controlled. */
     open: boolean;
-    style?: StyledProp<CollapseComposition>;
+    style?: StyleProp<CollapseComposition, keyof CollapseStyleDef>;
     children?: React.ReactNode;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Collapse/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,WAAW,gBAAgB;CAAG;AAEpC,MAAM,MAAM,aAAa,GACvB,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAC1B;IACE,kGAAkG;IAClG,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,mBAAmB,EAAE,MAAM,gBAAgB,CAAC,CAAA;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA"}

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

@@ -2,6 +2,11 @@ import { ColorPickerProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Color selection control that wraps any `react-colorful` picker in either an inline (`isPlain`) or collapsible-dropdown layout with optional confirm/clear footer actions.
+ * Internal color state is initialised from `initialColor`; `onConfirm` fires only when the user explicitly confirms (not on every picker drag).
+ * Uses: `Button`, `Collapse`, `View`
+ */
 export declare const ColorPicker: {
     (props: ColorPickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
@@ -10,3 +15,4 @@ export declare const ColorPicker: {
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<ColorPickerProps, typeof styles>) => IJSX;
     defaultProps: Partial<ColorPickerProps>;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAsC,MAAM,SAAS,CAAA;AAG9E,OAAO,EAAE,SAAS,EAAW,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAEjF,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAuBvB;;;;GAIG;AACH,eAAO,MAAM,WAAW;YAAW,gBAAgB;;;;qBA2FnB,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,gBAAgB,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAP7F,CAAA"}

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

@@ -2,3 +2,4 @@ type ColorPickerState = 'open';
 export type ColorPickerParts = 'wrapper' | 'picker' | 'dropdown' | `dropdown:${ColorPickerState}` | 'dropdownInnerWrapper' | 'footerWrapper' | 'clearIcon' | 'confirmIcon';
 export type ColorPickerComposition = ColorPickerParts;
 export {};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/styles.ts"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,GAAG,MAAM,CAAA;AAE9B,MAAM,MAAM,gBAAgB,GAC1B,SAAS,GACT,QAAQ,GACR,UAAU,GACV,YAAY,gBAAgB,EAAE,GAC9B,sBAAsB,GACtB,eAAe,GACf,WAAW,GACX,aAAa,CAAA;AAEf,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAA"}

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

@@ -1,21 +1,33 @@
 import React from 'react';
-import { ActionIconProps, ColorPickerComposition } from '../components';
-import { AppIcon, ICSS, StyledProp } from '@codeleap/styles';
+import { ButtonProps, ColorPickerComposition } from '../components';
+import { AppIcon, ICSS, StyleProp } from '@codeleap/styles';
 import { RgbColor, RgbaColor, HslColor, HsvColor, HslaColor, HsvaColor } from 'react-colorful';
+export interface ColorPickerStyleDef {
+}
+/** Union of all `react-colorful` color-object types plus a plain CSS hex/string. */
 export type ColorTypes = RgbColor | HslColor | HsvColor | RgbaColor | HslaColor | HsvaColor | string;
+/** Props injected into the footer renderer by `ColorPicker`. */
 export type ColorPickerFooterProps = Pick<ColorPickerProps, 'confirmIcon' | 'clearIcon'> & {
     color?: ColorTypes;
     handleConfirmation: (value: ColorTypes) => void;
     handleClear: (value: ColorTypes) => void;
     styles: Record<ColorPickerComposition, ICSS>;
 };
+/** Props injected into the custom open-picker trigger renderer by `ColorPicker`. */
 export type ColorPickerPickerProps = {
     color: ColorTypes;
     visible: boolean;
     toggle: (v?: boolean) => void;
 };
+/**
+ * Props for `ColorPicker`.
+ * In the default (dropdown) mode a `Button` trigger opens a `Collapse` panel containing the picker; set `isPlain` to render the picker inline with no toggle.
+ * `visible`/`toggle` allow external control of the dropdown state; omit them for fully internal state.
+ * `pickerComponent` defaults to `HexColorPicker`; replace it with any `react-colorful` picker or a custom component.
+ * Confirmation and clear are handled by `footerComponent` (defaults to `DefaultFooter`); set `showFooter={false}` to hide it.
+ */
 export type ColorPickerProps = {
-    style?: StyledProp<ColorPickerComposition>;
+    style?: StyleProp<ColorPickerComposition, keyof ColorPickerStyleDef>;
     isPlain?: boolean;
     closeOnConfirm?: boolean;
     initialColor?: ColorTypes;
@@ -23,7 +35,7 @@ export type ColorPickerProps = {
     icon?: AppIcon;
     clearIcon?: AppIcon;
     confirmIcon?: AppIcon;
-    openPickerProps?: ActionIconProps;
+    openPickerProps?: ButtonProps;
     onConfirm?: (color: ColorTypes) => void;
     onClear?: () => void;
     openPickerComponent?: (props: ColorPickerPickerProps) => React.ReactElement;
@@ -33,3 +45,4 @@ export type ColorPickerProps = {
     toggle?: React.Dispatch<React.SetStateAction<boolean>>;
     children?: React.ReactNode;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAc,MAAM,kBAAkB,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE9F,MAAM,WAAW,mBAAmB;CAAG;AAEvC,oFAAoF;AACpF,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;AAEpG,gEAAgE;AAChE,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,WAAW,CAAC,GAAG;IACzF,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAC/C,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,MAAM,EAAE,MAAM,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAA;CAC7C,CAAA;AAED,oFAAoF;AACpF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,UAAU,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9B,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,sBAAsB,EAAE,MAAM,mBAAmB,CAAC,CAAA;IACpE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,YAAY,CAAA;IAC3E,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,YAAY,CAAA;IACpD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,YAAY,CAAA;IACvE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA"}

package/dist/components/CropPicker/hooks.d.ts

@@ -1,12 +1,21 @@
 import { WebInputFile } from '@codeleap/types';
 import { Crop } from 'react-image-crop';
 export type UseCropPicker = {
+    /** Source image file to load into the crop editor. */
     file: File;
+    /** Enforced aspect ratio for the crop selection; omit to allow free-form cropping. */
     aspect?: number;
+    /** Minimum crop width in pixels; defaults to 100. */
     minWidth?: number;
+    /** Minimum crop height in pixels; defaults to 100. */
     minHeight?: number;
+    /** Called with the cropped `WebInputFile` on confirm, or `null` when the user cancels. */
     onCrop?: (croppedFile: WebInputFile | null) => void;
 };
+/**
+ * Manages crop state for a `CropPicker`, including image loading, crop selection with minimum-size enforcement, confirm/cancel handlers, and display-size calculation.
+ * Pass the return value to `CropPicker` via the `handle` prop.
+ */
 export declare function useCropPicker({ aspect, minWidth: minW, minHeight: minH, file, onCrop, }: UseCropPicker): {
     containerStyles: {
         width?: undefined;
@@ -33,7 +42,8 @@ export declare function useCropPicker({ aspect, minWidth: minW, minHeight: minH,
     handleCropChange: (newCrop: Crop) => void;
     handleConfirmCrop: () => Promise<void>;
     handleCancelCrop: () => void;
-    setRelativeCrop: import("react").Dispatch<import("react").SetStateAction<Crop>>;
-    crop: Crop;
+    setRelativeCrop: import("react").Dispatch<import("react").SetStateAction<Crop | undefined>>;
+    crop: Crop | undefined;
     image: HTMLImageElement;
 };
+//# sourceMappingURL=hooks.d.ts.map