@codeleap/web 6.2.3 → 6.8.0

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

@@ -0,0 +1,49 @@
+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;
+        height?: undefined;
+        maxWidth?: undefined;
+        maxHeight?: undefined;
+        margin?: undefined;
+    } | {
+        width: number;
+        height: number;
+        maxWidth: string;
+        maxHeight: string;
+        margin: string;
+    };
+    imageStyles: {
+        width?: undefined;
+        height?: undefined;
+        objectFit?: undefined;
+    } | {
+        width: number;
+        height: number;
+        objectFit: "contain";
+    };
+    handleCropChange: (newCrop: Crop) => void;
+    handleConfirmCrop: () => Promise<void>;
+    handleCancelCrop: () => void;
+    setRelativeCrop: import("react").Dispatch<import("react").SetStateAction<Crop | undefined>>;
+    crop: Crop | undefined;
+    image: HTMLImageElement;
+};
+//# sourceMappingURL=hooks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/CropPicker/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAGvC,MAAM,MAAM,aAAa,GAAG;IAC1B,sDAAsD;IACtD,IAAI,EAAE,IAAI,CAAA;IACV,sFAAsF;IACtF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAA;CACpD,CAAA;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,IAAI,EACf,IAAI,EACJ,MAAM,GACP,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;gCAqGiC,IAAI;;;;;;EAmDpD"}

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

@@ -1,13 +1,19 @@
+import { StyledComponentProps, AnyRecord, IJSX } from '@codeleap/styles';
 import { CropPickerProps } from './types';
-import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 import 'react-image-crop/dist/ReactCrop.css';
 export * from './styles';
 export * from './types';
+export * from './hooks';
+/**
+ * Image crop editor that wraps react-image-crop and delegates all crop state to a `useCropPicker` handle.
+ * Renders a loading spinner while the image is being decoded; renders nothing when `handle` is not provided.
+ */
 export declare const CropPicker: {
-    (props: CropPickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: CropPickerProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
     styleRegistryName: string;
     elements: string[];
     rootElement: string;
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<CropPickerProps, typeof styles>) => IJSX;
     defaultProps: Partial<CropPickerProps>;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CropPicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,IAAI,EAAwB,MAAM,kBAAkB,CAAA;AAK9F,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,qCAAqC,CAAA;AAG5C,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AAEvB;;;GAGG;AACH,eAAO,MAAM,UAAU;YAAW,eAAe;;;;qBAoDlB,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,eAAe,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAN3F,CAAA"}

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

@@ -1,3 +1,3 @@
-import { ButtonComposition } from '../Button';
-import { ModalComposition } from '../Modal';
-export type CropPickerComposition = 'cropPreview' | 'previewSize' | `confirmButton${Capitalize<ButtonComposition>}` | `modal${Capitalize<ModalComposition>}`;
+import { ActivityIndicatorComposition } from '../ActivityIndicator';
+export type CropPickerComposition = 'crop' | 'image' | 'wrapper' | `indicator${Capitalize<ActivityIndicatorComposition>}`;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/CropPicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAA;AAEnE,MAAM,MAAM,qBAAqB,GAC7B,MAAM,GACN,OAAO,GACP,SAAS,GACT,YAAY,UAAU,CAAC,4BAA4B,CAAC,EAAE,CAAA"}

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

@@ -1,22 +1,24 @@
-import { StyledProp } from '@codeleap/styles';
-import { FileInputProps, FileInputRef } from '../FileInput';
+import { StyleProp } from '@codeleap/styles';
+import { FileInputRef } from '../FileInput';
+import type { ReactCropProps } from 'react-image-crop';
 import { CropPickerComposition } from './styles';
-import { ReactCropProps } from 'react-image-crop';
-import { ModalProps } from '../Modal';
-import { useCropPicker } from '../../lib';
-import { ButtonProps } from '../Button';
+import React from 'react';
+import { useCropPicker } from './hooks';
 import { RefObject } from 'react';
-export type BaseCropProps = Partial<ReactCropProps>;
-export type CropPickerProps = Partial<FileInputProps> & {
-    style?: StyledProp<CropPickerComposition>;
-    targetCrop?: BaseCropProps;
-    modalProps?: Partial<ModalProps>;
-    title?: string;
-    confirmButton?: string;
+type NativeCropProps = Omit<ReactCropProps, 'crop' | 'onChange' | 'onComplete' | 'style'>;
+export interface CropPickerStyleDef {
+}
+export type CropPickerProps = {
     debugName: string;
+    style?: StyleProp<CropPickerComposition, keyof CropPickerStyleDef>;
+    /** Return value of `useCropPicker`; the component renders nothing when omitted. */
     handle?: ReturnType<typeof useCropPicker>;
-    withLoading?: boolean;
-    confirmButtonProps?: Partial<ButtonProps>;
+    /** Enforced aspect ratio forwarded to react-image-crop; takes precedence over `reactCrop.aspect`. */
+    aspect?: number;
+    /** Additional props forwarded directly to the underlying `ReactCrop` element (excluding `crop`, `onChange`, `onComplete`, and `style`). */
+    reactCrop?: NativeCropProps;
+    children?: React.ReactNode;
     ref?: RefObject<FileInputRef | null>;
 };
-export type ImageReading = HTMLImageElement;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CropPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC,CAAA;AAEzF,MAAM,WAAW,kBAAkB;CAAG;AAEtC,MAAM,MAAM,eAAe,GACzB;IACE,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,qBAAqB,EAAE,MAAM,kBAAkB,CAAC,CAAA;IAClE,mFAAmF;IACnF,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IACzC,qGAAqG;IACrG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2IAA2I;IAC3I,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,GAAG,CAAC,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CACrC,CAAA"}

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

@@ -0,0 +1,20 @@
+import { Crop } from 'react-image-crop';
+/** Reads a `File` or `Blob` as a data-URL and resolves with a loaded `HTMLImageElement`. */
+export declare function readImage(file: File | Blob): Promise<HTMLImageElement>;
+/**
+ * Renders the specified percentage-unit `crop` region of `image` onto an off-screen canvas and returns a `[dataURL, Blob]` tuple.
+ * The output blob is always `image/png` at quality 1.
+ */
+export declare function cropImage(image: HTMLImageElement, crop: Crop): Promise<[string, Blob]>;
+/**
+ * Scales natural image dimensions down to fit within a 600×400 display budget while preserving aspect ratio.
+ * Returns both the original natural dimensions and the calculated display dimensions.
+ */
+export declare const calculateProportionalDimensions: (naturalWidth: number, naturalHeight: number) => {
+    naturalWidth: number;
+    naturalHeight: number;
+    displayWidth: number;
+    displayHeight: number;
+    aspectRatio: number;
+};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/CropPicker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,4FAA4F;AAC5F,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,CActE;AAED;;;GAGG;AACH,wBAAsB,SAAS,CAC7B,KAAK,EAAE,gBAAgB,EACvB,IAAI,EAAE,IAAI,GACT,OAAO,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CA6CzB;AAED;;;GAGG;AACH,eAAO,MAAM,+BAA+B,GAAI,cAAc,MAAM,EAAE,eAAe,MAAM;;;;;;CA0B1F,CAAA"}

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

@@ -1,8 +1,12 @@
-import { DatePickerProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+import { DatePickerProps } from './types';
 export * from './styles';
 export * from './types';
-export * from './components';
+/**
+ * Date selection control that pairs a fully custom trigger element with a `react-aria-components` `Popover` containing a `Calendar`.
+ * Converts native `Date` values to/from `@internationalized/date` `CalendarDate` for the calendar; closes the popover after a date is selected.
+ * Uses: `View`, `Calendar`
+ */
 export declare function DatePicker(props: DatePickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare namespace DatePicker {
     var styleRegistryName: string;
@@ -11,3 +15,4 @@ export declare namespace DatePicker {
     var withVariantTypes: <S extends AnyRecord>(styles: S) => (props: StyledComponentProps<DatePickerProps, typeof styles>) => IJSX;
     var defaultProps: Partial<DatePickerProps>;
 }
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAOxE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAevB;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAsEhD;yBAtEe,UAAU;;;;2BA2EK,CAAC,SAAS,SAAS,UAAU,CAAC,KACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,eAAe,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI"}

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

@@ -1,6 +1,3 @@
-import { ActionIconComposition } from '../ActionIcon';
-import { TextInputComposition } from '../TextInput';
-export type DatePickerStates = ':selected' | ':disabled' | '';
-export type DatePickerParts = 'wrapper' | `dayWrapper${DatePickerStates}` | `day${DatePickerStates}` | `yearWrapper${DatePickerStates}` | `year${DatePickerStates}`;
-export type DatePickerHeaderComposition = 'wrapper' | 'buttonsWrapper' | `prevButton${Capitalize<ActionIconComposition>}` | `nextButton${Capitalize<ActionIconComposition>}` | 'title';
-export type DatePickerComposition = DatePickerParts | `outerInput${Capitalize<TextInputComposition>}` | `header${Capitalize<DatePickerHeaderComposition>}`;
+export type DatePickerParts = 'wrapper' | 'popover' | 'trigger';
+export type DatePickerComposition = DatePickerParts;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE/D,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAA"}

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

@@ -1,55 +1,51 @@
-import { AnyFunction, StylesOf } from '@codeleap/types';
-import { ReactDatePickerCustomHeaderProps, DatePickerProps as ReactDatePickerProps } from 'react-datepicker';
-import { ActionIconProps, TextInputProps } from '../components';
-import { DatePickerComposition, DatePickerHeaderComposition } from './styles';
-import { StyledProp } from '@codeleap/styles';
+import React from 'react';
+import { CalendarProps } from '../Calendar';
+import { DatePickerComposition } from './styles';
+import { StyleProp } from '@codeleap/styles';
 import { DateField } from '@codeleap/form';
-export type DatePickerOuterInputProps = TextInputProps & {
-    valueLabel: React.ReactNode;
-    hideInput?: boolean;
+import { FieldExternalProps } from '../Field';
+export interface DatePickerStyleDef {
+}
+/** Props injected into the custom trigger renderer provided via `DatePicker`'s `renderTrigger`. */
+export type DatePickerTriggerRenderProps = {
+    ref: React.RefObject<HTMLElement | null>;
+    value: Date | null;
+    formattedValue: string;
+    isOpen: boolean;
+    onPress: () => void;
+    disabled: boolean;
+    style?: any;
+    label?: React.ReactNode;
+    placeholder?: string;
+    helper?: React.ReactNode;
+    /** Error message string when validation fails or `forceError` is set; `undefined` otherwise. */
+    error?: string;
+    hasValue: boolean;
 };
-export type DatePickerHeaderComponent = Omit<ReactDatePickerCustomHeaderProps, 'styles'> & {
-    styles?: StylesOf<DatePickerHeaderComposition>;
-    formatHeaderTitle?: (date: Date) => string;
-    setYearShow?: AnyFunction;
-};
-export type DatePickerArrowProps = Partial<ActionIconProps> & {
-    direction: 'left' | 'right';
-};
-export type DayComponentProps = {
-    day: string | number;
-    value?: Date;
-    date: Date;
-    disabled?: boolean;
-    selected?: boolean;
-    styles?: DatePickerProps['style'];
-};
-export type YearComponentProps = {
-    year: string | number;
-    value: Date;
-    selected?: boolean;
-    styles: DatePickerProps['style'];
-};
-type RootDatePickerProps = 'startDate' | 'minDate' | 'maxDate';
-export type DatePickerProps = Omit<Partial<Pick<Partial<ReactDatePickerProps>, RootDatePickerProps>>, 'style'> & Omit<TextInputProps, 'defaultValue' | 'style' | 'value' | 'onValueChange'> & {
-    style?: StyledProp<DatePickerComposition>;
-    hideInput?: boolean;
-    outerInputComponent?: React.ComponentType<Partial<DatePickerOuterInputProps>>;
-    headerComponent?: React.ComponentType<Partial<DatePickerHeaderComponent>>;
-    headerProps?: Partial<DatePickerHeaderComponent>;
-    dayComponent?: React.ComponentType<Partial<DayComponentProps>>;
-    dayProps?: Partial<DayComponentProps>;
-    yearComponent?: React.ComponentType<Partial<YearComponentProps>>;
-    yearProps?: Partial<YearComponentProps>;
-    formatDate?: (date: Date | string) => React.ReactNode;
-    datePickerProps?: Omit<Partial<ReactDatePickerProps>, 'customInput' | 'renderCustomHeader' | RootDatePickerProps>;
-    defaultValue?: Date;
-    visible?: boolean;
-    toggle?: () => void;
-    yearShow?: boolean;
-    setYearShow?: () => void;
-    value?: Date;
+/**
+ * Props for `DatePicker`.
+ * `renderTrigger` is required to provide the element that opens the calendar popover; the render prop receives a `ref` that must be forwarded to the trigger element for popover positioning.
+ * Dates are converted between native `Date` and `@internationalized/date` `CalendarDate` internally; `minDate` defaults to `1910-01-01` and `maxDate` to today.
+ * `visible`/`toggle` enable external control of the popover state.
+ * Accepts `label`, `helper`, `leftSection`, `rightSection`, `wrapperRef`, `boxRef` via `FieldExternalProps`; all are forwarded to `renderTrigger` so the trigger can display them.
+ * `forceError` bypasses field validation and passes an error string unconditionally to the trigger.
+ */
+export type DatePickerProps = FieldExternalProps & {
+    style?: StyleProp<DatePickerComposition, keyof DatePickerStyleDef>;
+    value?: Date | null;
     onValueChange?: (value: Date) => void;
     field?: DateField<any>;
+    defaultValue?: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    visible?: boolean;
+    toggle?: (value: boolean) => void;
+    renderTrigger?: (props: DatePickerTriggerRenderProps) => React.ReactNode;
+    calendarProps?: Partial<CalendarProps>;
+    formatDate?: (date: Date) => string;
+    debugName?: string;
+    placeholder?: string;
+    forceError?: string;
 };
-export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAE7C,MAAM,WAAW,kBAAkB;CAAG;AAEtC,mGAAmG;AACnG,MAAM,MAAM,4BAA4B,GAAG;IACzC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACxC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,gGAAgG;IAChG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,qBAAqB,EAAE,MAAM,kBAAkB,CAAC,CAAA;IAClE,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;IACtB,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,KAAK,CAAC,SAAS,CAAA;IACxE,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IACtC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA"}

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

@@ -1,7 +1,12 @@
-import { DrawerProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+import { DrawerProps } from './types';
 export * from './styles';
 export * from './types';
+/**
+ * Side-panel overlay that slides in from a configurable edge of the viewport.
+ * Shares the same dismiss mechanics as `Modal` (backdrop click, Escape key), controlled by `closable` et al.
+ * Uses: `ModalBackdrop`, `ModalBody`, `ModalFooter`, `ModalHeader`
+ */
 export declare const Drawer: {
     (props: DrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
@@ -10,3 +15,4 @@ export declare const Drawer: {
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<DrawerProps, typeof styles>) => IJSX;
     defaultProps: Partial<DrawerProps>;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAgCvB;;;;GAIG;AACH,eAAO,MAAM,MAAM;YAAW,WAAW;;;;qBAmBd,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,WAAW,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAPnF,CAAA"}

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

@@ -1,2 +1,2 @@
-import { ActionIconComposition } from '../ActionIcon';
-export type DrawerComposition = 'wrapper' | 'overlay' | 'header' | 'footer' | `closeButton${Capitalize<ActionIconComposition>}` | 'body' | 'box' | 'title';
+export type DrawerComposition = 'backdrop' | 'box' | 'header' | 'body' | 'footer' | 'title' | 'description';
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GACzB,UAAU,GACV,KAAK,GACL,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,OAAO,GACP,aAAa,CAAA"}

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

@@ -1,20 +1,11 @@
-import { AnyFunction } from '@codeleap/types';
-import React from 'react';
-import { ComponentCommonProps } from '../../types/utility';
 import { DrawerComposition } from './styles';
-import { ActionIconProps } from '../ActionIcon';
-import { AppIcon, StyledProp } from '@codeleap/styles';
-export type DrawerProps = ComponentCommonProps & {
-    open: boolean;
-    toggle: AnyFunction;
-    darkenBackground?: boolean;
-    size?: number;
-    showCloseButton?: boolean;
-    title?: React.ReactNode | string;
-    footer?: React.ReactNode;
+import { ModalProps } from '../Modal/types';
+import { StyleProp } from '@codeleap/styles';
+export interface DrawerStyleDef {
+}
+export type DrawerProps = Omit<ModalProps, 'style'> & {
+    /** Edge from which the drawer slides in. Defaults to `"left"`. */
     position?: 'left' | 'right' | 'top' | 'bottom';
-    style?: StyledProp<DrawerComposition>;
-    closeButtonProps?: Partial<ActionIconProps>;
-    closeIcon?: AppIcon;
-    children?: React.ReactNode;
+    style?: StyleProp<DrawerComposition, keyof DrawerStyleDef>;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,MAAM,WAAW,cAAc;CAAG;AAElC,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG;IACpD,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,iBAAiB,EAAE,MAAM,cAAc,CAAC,CAAA;CAC3D,CAAA"}

package/dist/components/Dropzone/context.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { DropzoneContextValue, DropzoneProviderProps } from './types';
+export type { DropzoneContextValue };
+export declare const DropzoneContext: React.Context<DropzoneContextValue | null>;
+/**
+ * Reads the nearest `Dropzone.Provider` context value.
+ * Throws if called outside a `Dropzone.Provider` tree.
+ */
+export declare const useDropzoneContext: () => DropzoneContextValue;
+/**
+ * Wires a `DropzoneHandle` and resolved styles into React context for all
+ * Dropzone sub-components. Accepts either a pre-built `handle` prop (external
+ * control) or raw `UseDropzoneOptions` to have the Provider create a handle
+ * internally.
+ */
+export declare const DropzoneProvider: (props: DropzoneProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=context.d.ts.map

package/dist/components/Dropzone/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,oBAAoB,EAA6B,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAqBhG,YAAY,EAAE,oBAAoB,EAAE,CAAA;AAEpC,eAAO,MAAM,eAAe,4CAAmD,CAAA;AAE/E;;;GAGG;AACH,eAAO,MAAM,kBAAkB,QAAO,oBAIrC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,qDAO5D,CAAA"}

package/dist/components/Dropzone/elements.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { DropzoneFullscreenOverlayProps, DropzoneOverlayProps, DropzoneWrapperProps } from './types';
+/**
+ * Droppable zone element. Applies `getRootProps` and `getInputProps` from the
+ * nearest `Dropzone.Provider` handle to a root `View` and a hidden `<input>`.
+ *
+ * Must be rendered inside `Dropzone.Provider`.
+ */
+export declare const DropzoneWrapper: ({ children }: DropzoneWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+/**
+ * Overlay rendered on top of `Dropzone.Wrapper` while a file is being dragged
+ * over this specific zone (`isDragActive`). Place it as a child of
+ * `Dropzone.Wrapper` so it inherits the wrapper's positioning context.
+ *
+ * For a page-wide overlay that activates when dragging anywhere on the
+ * document, use `Dropzone.FullscreenOverlay` instead.
+ *
+ * Must be rendered inside `Dropzone.Provider`.
+ */
+export declare const DropzoneOverlay: ({ children }: DropzoneOverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+/**
+ * Full-page overlay rendered via a React portal into `document.body` while
+ * a file is being dragged anywhere on the document (`isDragGlobal`).
+ *
+ * Unlike `Dropzone.Overlay`, this component is not scoped to the wrapper zone —
+ * it activates the moment a drag enters the browser window. Position it with
+ * `position: fixed; inset: 0` in the `overlay` style key.
+ *
+ * Must be rendered inside `Dropzone.Provider`.
+ */
+export declare const DropzoneFullscreenOverlay: ({ children }: DropzoneFullscreenOverlayProps) => React.ReactPortal | null;
+//# sourceMappingURL=elements.d.ts.map

package/dist/components/Dropzone/elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/elements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAKxC,OAAO,EACL,8BAA8B,EAC9B,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,cAAc,oBAAoB,qDAQjE,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,GAAI,cAAc,oBAAoB,4DAYjE,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,yBAAyB,GAAI,cAAc,8BAA8B,6BAiBrF,CAAA"}

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

@@ -2,6 +2,20 @@ import { DropzoneProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+export * from './context';
+export * from './elements';
+export * from './useDropzone';
+/**
+ * Drag-and-drop file upload zone. Stateless — use the `onDrop` callback to
+ * receive dropped files and manage your own file state.
+ *
+ * Assign `Dropzone.Default` to replace the built-in empty-state UI.
+ * Augment `DropzonePropsAugmentation` to add app-specific props that flow
+ * through to `Dropzone.Default` via context.
+ *
+ * For custom layouts compose the primitives directly:
+ * `Dropzone.Provider` + `Dropzone.Wrapper` + `Dropzone.Overlay` + `Dropzone.FullscreenOverlay`.
+ */
 export declare const Dropzone: {
     (props: DropzoneProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
@@ -9,4 +23,11 @@ export declare const Dropzone: {
     rootElement: string;
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<DropzoneProps, typeof styles>) => IJSX;
     defaultProps: Partial<DropzoneProps>;
+    Provider: (props: import("./types").DropzoneProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Wrapper: ({ children }: import("./types").DropzoneWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Overlay: ({ children }: import("./types").DropzoneOverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+    FullscreenOverlay: ({ children }: import("./types").DropzoneFullscreenOverlayProps) => import("react").ReactPortal | null;
+    useContext: () => import("./types").DropzoneContextValue;
+    Default: import("react").ComponentType<{}> | null;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA0C,MAAM,SAAS,CAAA;AAO/E,OAAO,EAAE,SAAS,EAAW,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAMjF,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAE7B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;;;qBAoEhB,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;;;;;;;CApBvF,CAAA"}

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

@@ -1,2 +1,3 @@
-import { ActionIconComposition } from '../ActionIcon';
-export type DropzoneComposition = 'wrapper' | 'dropzone' | 'icon' | 'placeholder' | 'filesWrapper' | 'fileWrapper' | 'fileLeftIcon' | 'fileName' | 'fileError' | 'fileErrors' | 'fileNameWrapper' | 'fileImage' | 'iconWrapper' | `fileRightIcon${Capitalize<ActionIconComposition>}`;
+/** Style element keys for the Dropzone component. */
+export type DropzoneComposition = 'wrapper' | 'dropzone' | 'overlay' | 'overlayInner' | 'fullscreenOverlay' | 'fullscreenOverlayInner' | 'icon' | 'iconWrapper' | 'title';
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/styles.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,UAAU,GACV,SAAS,GACT,cAAc,GACd,mBAAmB,GACnB,wBAAwB,GACxB,MAAM,GACN,aAAa,GACb,OAAO,CAAA"}

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

@@ -1,41 +1,77 @@
-import { StylesOf } from '@codeleap/types';
 import { DropzoneComposition } from './styles';
-import { DropzoneOptions, FileRejection, DropzoneRef as ReactDropzoneRef } from 'react-dropzone';
-import { ActionIconComposition } from '../ActionIcon';
-import { AppIcon, StyledProp } from '@codeleap/styles';
-import { RefObject } from 'react';
+import { DropzoneOptions as ReactDropzoneOptions, DropzoneState, FileRejection } from 'react-dropzone';
+import { AppIcon, StyleProp } from '@codeleap/styles';
+import React, { RefObject } from 'react';
+export interface DropzoneStyleDef {
+}
+/** Augment this interface to add custom props to the `Dropzone` component and context. */
+export interface DropzonePropsAugmentation {
+}
 export type DropzoneFile = File;
 export type DropzoneFileRejection = FileRejection;
-export type DropzoneProps = Omit<DropzoneOptions, 'style'> & {
-    style?: StyledProp<DropzoneComposition>;
-    icon?: AppIcon;
-    placeholder?: string;
-    acceptedFiles: File[];
-    rejectedFiles?: DropzoneFileRejection[];
-    setAcceptedFiles: React.Dispatch<React.SetStateAction<DropzoneFile[]>>;
-    setRejectedFiles?: React.Dispatch<React.SetStateAction<DropzoneFileRejection[]>>;
-    onRemove?: (file: DropzoneFile) => void;
+/** Options accepted by `useDropzone`. Passes all react-dropzone options through unchanged. */
+export type UseDropzoneOptions = ReactDropzoneOptions;
+/**
+ * Service object returned by `useDropzone`. Contains the full react-dropzone
+ * state pass-through (`getRootProps`, `getInputProps`, `open`, `isDragActive`,
+ * `isDragAccept`, `isDragReject`, `isDragGlobal`, etc.).
+ */
+export type DropzoneHandle = {
+    /** Full react-dropzone state, including getRootProps, getInputProps, open, isDragActive, isDragGlobal, etc. */
+    dropzone: DropzoneState;
+};
+/**
+ * Props for `Dropzone.Provider`. Accepts either a pre-built `handle` (full
+ * external control) or raw `UseDropzoneOptions` to have the Provider create a
+ * handle internally. All react-dropzone options are forwarded when no handle
+ * is supplied.
+ */
+export type DropzoneProviderProps = UseDropzoneOptions & {
+    /** Pre-built handle from `useDropzone`. When provided, all dropzone option props are ignored. */
+    handle?: DropzoneHandle;
+    style?: StyleProp<DropzoneComposition, keyof DropzoneStyleDef>;
+    children?: React.ReactNode;
+    /** Augmented extension props forwarded to context for consumption by `Dropzone.Default`. */
+    extensionProps?: DropzonePropsAugmentation;
+};
+/**
+ * Value stored in `DropzoneContext`. Exposes the handle, resolved styles, and
+ * any augmented extension props to all sub-components.
+ */
+export type DropzoneContextValue = {
+    handle: DropzoneHandle;
+    styles: Record<DropzoneComposition, any>;
+    extensionProps: DropzonePropsAugmentation;
+};
+/** Props for `Dropzone.Wrapper` — the droppable zone element. */
+export type DropzoneWrapperProps = {
     children?: React.ReactNode;
-    fileRightIcon?: AppIcon;
-    fileLeftIcon?: AppIcon;
-    withImagePreview?: boolean;
-    FilePreviewComponent?: (props: DropzoneInnerFilePreviewProps) => React.ReactElement;
-    ref?: RefObject<DropzoneRef | null>;
 };
-export type DropzoneFilePreviewProps = Pick<DropzoneProps, 'fileRightIcon' | 'fileLeftIcon' | 'withImagePreview' | 'FilePreviewComponent'> & {
-    file: DropzoneFile;
-    errors?: DropzoneFileRejection['errors'];
-    styles: StylesOf<DropzoneComposition>;
-    onRemove?: () => void;
-    fileRightIconStyles?: StylesOf<ActionIconComposition>;
-    index?: number;
+/** Props for `Dropzone.Overlay` — shown while a file is dragged over this zone. */
+export type DropzoneOverlayProps = {
+    children?: React.ReactNode;
+    style?: StyleProp<DropzoneComposition, keyof DropzoneStyleDef>;
+};
+/** Props for `Dropzone.FullscreenOverlay` — shown while a file is dragged anywhere on the document. */
+export type DropzoneFullscreenOverlayProps = {
+    children?: React.ReactNode;
+    style?: StyleProp<DropzoneComposition, keyof DropzoneStyleDef>;
 };
-export type DropzoneInnerFilePreviewProps = DropzoneFilePreviewProps & {
-    hasErrors: boolean;
-    revokeImageUrl: () => void;
-    imageUrl: string;
-    isPreview: boolean;
+/**
+ * Props for the `Dropzone` convenience wrapper. Use the `onDrop` callback to
+ * receive dropped files and manage your own file state. Augment
+ * `DropzonePropsAugmentation` to add app-specific props that flow through to
+ * `Dropzone.Default` via context.
+ */
+export type DropzoneProps = Omit<ReactDropzoneOptions, 'style'> & DropzonePropsAugmentation & {
+    style?: StyleProp<DropzoneComposition, keyof DropzoneStyleDef>;
+    icon?: AppIcon;
+    ref?: RefObject<DropzoneRef | null>;
+    children?: React.ReactNode;
 };
-export type DropzoneRef = ReactDropzoneRef & {
-    clear: () => void;
+/** Imperative handle exposed via `ref` on the `Dropzone` convenience wrapper. */
+export type DropzoneRef = {
+    /** Programmatically opens the file picker. */
+    open: () => void;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EACL,eAAe,IAAI,oBAAoB,EACvC,aAAa,EACb,aAAa,EACd,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,OAAO,EAAE,SAAS,EAAc,MAAM,kBAAkB,CAAA;AACjE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,WAAW,gBAAgB;CAAG;AAEpC,0FAA0F;AAC1F,MAAM,WAAW,yBAAyB;CAAG;AAE7C,MAAM,MAAM,YAAY,GAAG,IAAI,CAAA;AAE/B,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAA;AAIjD,8FAA8F;AAC9F,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAA;AAErD;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,+GAA+G;IAC/G,QAAQ,EAAE,aAAa,CAAA;CACxB,CAAA;AAID;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,GAAG;IACvD,iGAAiG;IACjG,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,mBAAmB,EAAE,MAAM,gBAAgB,CAAC,CAAA;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,4FAA4F;IAC5F,cAAc,CAAC,EAAE,yBAAyB,CAAA;CAC3C,CAAA;AAID;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,cAAc,CAAA;IACtB,MAAM,EAAE,MAAM,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAA;IACxC,cAAc,EAAE,yBAAyB,CAAA;CAC1C,CAAA;AAID,iEAAiE;AACjE,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,mFAAmF;AACnF,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,mBAAmB,EAAE,MAAM,gBAAgB,CAAC,CAAA;CAC/D,CAAA;AAED,uGAAuG;AACvG,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,mBAAmB,EAAE,MAAM,gBAAgB,CAAC,CAAA;CAC/D,CAAA;AAID;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GACvB,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,GACnC,yBAAyB,GACzB;IACE,KAAK,CAAC,EAAE,SAAS,CAAC,mBAAmB,EAAE,MAAM,gBAAgB,CAAC,CAAA;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,GAAG,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAEH,iFAAiF;AACjF,MAAM,MAAM,WAAW,GAAG;IACxB,8CAA8C;IAC9C,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA"}