@apple-pie/slice 0.1.60 → 0.2.0

package/dist/types/components/DraggablePanel/_types.d.ts

@@ -1,5 +1,51 @@
+import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
 export type Constraint = {
     initial: number;
     max: number;
     min: number;
 };
+export type DraggablePanelResizeInfo = {
+    div: React.RefObject<HTMLDivElement | null>;
+    divWidth: number;
+    divHeight: number;
+    /** Pointer movement from the start of the gesture; zero for start/end notifications. */
+    deltaWidth: number;
+};
+export type DragHandleProps = {
+    width?: number;
+    height?: number;
+    radius?: number | string;
+    stroke?: number;
+    strokeColor?: ColorValue;
+    color?: ColorValue;
+};
+export type ResizeHandle = {
+    width?: number;
+    color?: ColorValue;
+    /** Retained for compatibility; the resize rail remains centered on the panel edge. */
+    offsetX?: boolean;
+};
+type BaseProps = {
+    children?: React.ReactNode;
+    onResize?: (info: DraggablePanelResizeInfo) => void;
+    onResizeEnd?: (info: DraggablePanelResizeInfo) => void;
+    onResizeStart?: (info: DraggablePanelResizeInfo) => void;
+    containerRef?: React.RefObject<HTMLDivElement | null>;
+    sizeConstraints?: Constraint;
+    isClosed?: boolean;
+    resizeHandle?: ResizeHandle;
+    resizeHandleLabel?: string;
+    borderRight?: React.CSSProperties['borderRight'] | null;
+    borderLeft?: React.CSSProperties['borderLeft'] | null;
+    backgroundColor?: ColorValue;
+    drags?: 'left' | 'right' | false;
+    dragHandle?: boolean;
+    dragHandleStyle?: DragHandleProps;
+    disableOnContext?: boolean;
+    isTouchDevice?: boolean;
+    /** Milliseconds or a CSS duration, used only while initial relative sizing settles. */
+    transitionDurationOnInit?: string | number;
+};
+export type DraggablePanelProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof BaseProps | 'dangerouslySetInnerHTML'> & BaseProps;
+export {};

package/dist/types/components/DraggablePanel/index.d.ts

@@ -1 +1,2 @@
 export { DraggablePanel, type DraggablePanelProps } from './DrggablePanel';
+export type { Constraint, DraggablePanelResizeInfo, DragHandleProps, ResizeHandle } from './_types';

package/dist/types/components/DraggablePanel/panelConstraints.d.ts

@@ -0,0 +1,3 @@
+import type { Constraint } from './_types';
+/** Relative widths wait for a real container measurement; fixed widths are SSR-safe. */
+export declare function resolvePanelConstraints(values: Constraint, containerWidth?: number): Constraint;

package/dist/types/components/DropDown/_types.d.ts

@@ -1,29 +1,52 @@
 import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
+import type { Type } from '../../theme/type/types';
 export type DropDownOption<T = string> = {
     label?: string;
-    value?: T;
+    value: T;
     alt?: string;
+    formValue?: string;
+    disabled?: boolean;
 };
+type NativeInputAttributes = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, keyof React.AriaAttributes | 'children' | 'className' | 'style' | 'role' | 'id' | 'name' | 'value' | 'defaultValue' | 'disabled' | 'multiple' | 'size' | 'onChange'>;
 type DropDownBaseProps<T = string> = {
     name?: string;
+    inputName?: string;
+    inputId?: string;
+    inputAttributes?: NativeInputAttributes;
     label?: string;
-    labelColor?: string;
+    variant?: 'simple' | 'stacked' | 'outlined';
+    behavior?: 'persistent' | 'appear';
+    labelSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    stackedGap?: number;
+    stackedLabelTextSize?: keyof Type;
+    labelBackgroundColor?: ColorValue;
+    tip?: string;
+    errorMessage?: string;
+    textColorError?: ColorValue;
+    labelColor?: ColorValue;
     options?: DropDownOption<T>[];
-    selectedIndex?: number;
-    selectedValue?: T;
+    children?: T extends string ? React.ReactNode : never;
+    value?: T | null;
+    defaultValue?: T | null;
     valueKey?: string;
+    /** Treat the first option as a prompt. Defaults to true only when its value is an empty string. */
     placeholder?: boolean;
     borderRadius?: number | string;
-    borderStyle?: 'bottom' | 'box' | 'none';
-    validate?: boolean;
-    iconColor?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    borderColor?: string;
+    borderStyle?: 'underline' | 'box' | 'none';
+    iconColor?: ColorValue;
+    backgroundColor?: ColorValue;
+    textColor?: ColorValue;
+    textColorDisabled?: ColorValue;
+    textColorPlaceholder?: ColorValue;
+    borderColor?: ColorValue;
+    borderColorFocused?: ColorValue;
+    borderColorError?: ColorValue;
+    borderColorDisabled?: ColorValue;
     borderWidth?: number;
-    borderSize?: number;
-    width?: string;
-    height?: string;
+    width?: number | string;
+    height?: number | string;
+    padding?: number | string;
     paddingLeft?: number | string;
     paddingRight?: number | string;
     paddingTop?: number | string;
@@ -34,8 +57,14 @@ type DropDownBaseProps<T = string> = {
     gap?: number;
     inline?: boolean;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
-    onChange?: (index: number, option: DropDownOption<T>) => void;
-    onOption?: (option: DropDownOption<T>) => void;
+    onChange?: (value: T, option: DropDownOption<T>, index: number) => void;
+    onChangeOption?: (option: DropDownOption<T>) => void;
 };
-export type DropDownProps<T = string> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DropDownBaseProps<T>> & DropDownBaseProps<T>;
+export type DropDownProps<T = string> = Omit<React.HTMLAttributes<HTMLSpanElement>, keyof DropDownBaseProps<T> | keyof React.AriaAttributes | 'role'> & DropDownBaseProps<T> & ({
+    options?: DropDownOption<T>[];
+    children?: never;
+} | {
+    options?: never;
+    children: T extends string ? React.ReactNode : never;
+});
 export {};

package/dist/types/components/DropDown/resolveOptions.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { DropDownOption } from './_types';
+type OptionElement = React.ReactElement<React.OptionHTMLAttributes<HTMLOptionElement>, 'option'>;
+export declare function resolveOptions<T>(items: DropDownOption<T>[] | undefined, children: React.ReactNode): {
+    options: DropDownOption<T>[];
+    elements: undefined;
+} | {
+    options: DropDownOption<T>[];
+    elements: OptionElement[];
+};
+export {};

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

@@ -1,3 +1,31 @@
+import { type Transition, type Variants } from 'motion/react';
 import React from 'react';
-import type { ErrorSummaryProps } from './_types';
-export declare const ErrorSummary: React.MemoExoticComponent<(props: ErrorSummaryProps) => React.JSX.Element>;
+export declare const ErrorSummary: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "role" | "dangerouslySetInnerHTML" | keyof React.AriaAttributes | keyof {
+    entries?: import("./_types").ErrorMessage[];
+    announcement?: "polite" | "assertive" | "off";
+    summaryName?: string;
+    textColor?: import("../..").ColorValue;
+    backgroundColor?: import("../..").ColorValue;
+    borderColor?: import("../..").ColorValue;
+    borderWidth?: number | string;
+    borderRadius?: number | string;
+    padding?: number | string;
+    gap?: number | string;
+    textSize?: "xs" | "s" | "m" | "l" | "xl";
+    transition?: Transition;
+    motionValues?: Variants;
+}> & {
+    entries?: import("./_types").ErrorMessage[];
+    announcement?: "polite" | "assertive" | "off";
+    summaryName?: string;
+    textColor?: import("../..").ColorValue;
+    backgroundColor?: import("../..").ColorValue;
+    borderColor?: import("../..").ColorValue;
+    borderWidth?: number | string;
+    borderRadius?: number | string;
+    padding?: number | string;
+    gap?: number | string;
+    textSize?: "xs" | "s" | "m" | "l" | "xl";
+    transition?: Transition;
+    motionValues?: Variants;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/ErrorSummary/_types.d.ts

@@ -1,14 +1,26 @@
+import type { Transition, Variants } from 'motion/react';
 import type React from 'react';
+import type { ColorValue } from '../../theme';
 export type ErrorMessage = {
+    id?: string;
     title: string;
     message?: string | string[];
+    fieldName?: string;
 };
 type ErrorSummaryBaseProps = {
     entries?: ErrorMessage[];
-    textColor?: string;
-    autoNumber?: boolean;
-    backgroundColor?: string;
+    announcement?: 'polite' | 'assertive' | 'off';
+    summaryName?: string;
+    textColor?: ColorValue;
+    backgroundColor?: ColorValue;
+    borderColor?: ColorValue;
+    borderWidth?: number | string;
+    borderRadius?: number | string;
+    padding?: number | string;
+    gap?: number | string;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    transition?: Transition;
+    motionValues?: Variants;
 };
-export type ErrorSummaryProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof ErrorSummaryBaseProps> & ErrorSummaryBaseProps;
+export type ErrorSummaryProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof ErrorSummaryBaseProps | keyof React.AriaAttributes | 'role' | 'children' | 'dangerouslySetInnerHTML'> & ErrorSummaryBaseProps;
 export {};

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

@@ -1,3 +1,2 @@
 import React from 'react';
-import type { FileIconProps } from './_types';
-export declare const FileIcon: React.MemoExoticComponent<(props: FileIconProps) => React.JSX.Element | null>;
+export declare const FileIcon: React.NamedExoticComponent<import("./_types").FileIconBaseProps & Omit<React.SVGAttributes<SVGSVGElement>, "children" | "opacity" | "focusable" | keyof import("./_types").FileIconBaseProps | "name" | "role" | "tabIndex" | "aria-hidden" | "aria-disabled" | "dangerouslySetInnerHTML"> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/components/FileIcon/_types.d.ts

@@ -1,13 +1,18 @@
 import type React from 'react';
-type FileIconBaseProps = {
-    name?: string;
+export type FileIconType = `${FileIconTypes}`;
+export interface FileIconBaseProps {
+    type?: FileIconType;
+    filename?: string | File;
     size?: number;
+    /** Cursor preference only; onClick determines keyboard interaction. */
     pointer?: boolean;
     disabled?: boolean;
-    onClick?: (e: React.MouseEvent<SVGElement, MouseEvent> | React.KeyboardEvent<SVGSVGElement>) => void;
-};
-export type FileIconProps = Omit<React.SVGAttributes<SVGSVGElement>, keyof FileIconBaseProps> & FileIconBaseProps;
-export declare enum FileIconNames {
+    label?: string;
+    decorative?: boolean;
+    onClick?: React.MouseEventHandler<SVGSVGElement>;
+}
+export type FileIconProps = FileIconBaseProps & Omit<React.SVGAttributes<SVGSVGElement>, keyof FileIconBaseProps | 'name' | 'role' | 'tabIndex' | 'aria-hidden' | 'aria-disabled' | 'opacity' | 'children' | 'dangerouslySetInnerHTML' | 'focusable'>;
+export declare enum FileIconTypes {
     pdf = "pdf",
     text = "text",
     sheet = "sheet",

package/dist/types/components/FileIcon/index.d.ts

@@ -1,3 +1,3 @@
 export { FileIcon } from './FileIcon';
-export type { FileIconProps } from './_types';
-export { FileIconNames } from './_types';
+export type { FileIconProps, FileIconType } from './_types';
+export { FileIconTypes } from './_types';

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { FileListProps } from './_types';
-export declare const FileList: React.MemoExoticComponent<(props: FileListProps) => React.JSX.Element>;
+import type { FileItem, FileListProps } from './_types';
+export declare const FileList: <T extends File | FileItem = FileItem>(props: FileListProps<T> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element;

package/dist/types/components/FileList/_types.d.ts

@@ -1,13 +1,23 @@
 import type React from 'react';
-import type { ToolTip } from '../sharedTypes';
+import type { ColorValue } from '../../theme/colors/resolveColor';
+import type { FixedSize, ToolTip } from '../sharedTypes';
 export type FileItem = {
+    /** Stable identity for immutable updates and duplicate filenames. Unique within the list. */
+    id?: string;
     file: File | string;
     uploading?: boolean;
+    /** Percentage from 0 to 100. Missing/nonfinite progress is indeterminate while uploading. */
     progress?: number;
     error?: string;
 };
-type FileListBaseProps = {
-    files?: FileItem[];
+type FileListBaseProps<T extends File | FileItem> = {
+    /** Raw files render without upload status. FileItem adds progress and errors. */
+    files?: T[];
+    /** Compact file rows by default; attachments render thumbnail cards. */
+    variant?: 'list' | 'attachments';
+    /** Card dimensions for the attachments variant. */
+    attachmentSize?: FixedSize;
+    listName?: string;
     direction?: 'row' | 'column';
     gap?: number;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
@@ -15,10 +25,10 @@ type FileListBaseProps = {
     minWidth?: number | string;
     padding?: number | string;
     iconSize?: number;
-    onChange?: (files: FileItem[]) => void;
-    backgroundColor?: string;
+    onChange?: (files: T[]) => void;
+    backgroundColor?: ColorValue;
     canRemove?: boolean;
     onToolTip?: (tip: ToolTip | null) => void;
 };
-export type FileListProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof FileListBaseProps> & FileListBaseProps;
+export type FileListProps<T extends File | FileItem = FileItem> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof FileListBaseProps<T> | 'role' | 'aria-label' | 'tabIndex' | 'children' | 'dangerouslySetInnerHTML'> & FileListBaseProps<T>;
 export {};

package/dist/types/components/FileList/fileListValues.d.ts

@@ -0,0 +1,5 @@
+import type { FileItem } from './_types';
+/** IDs survive immutable updates; object identity supports existing controlled arrays. */
+export declare function fileItemKey(item: File | FileItem): string;
+/** Progress uses percentages only. Invalid or missing values are indeterminate while uploading. */
+export declare function fileProgress(item: FileItem): number | undefined;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type FlexBoxProps } from './_types';
+export declare const FlexBox: React.NamedExoticComponent<Omit<FlexBoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/FlexBox/_types.d.ts

@@ -0,0 +1,62 @@
+import type { HTMLMotionProps, TargetAndTransition, VariantLabels } from 'motion/react';
+import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
+export declare enum Size {
+    Grow = "grow",
+    Fill = "fill",
+    Fit = "fit",
+    Viewport = "viewport",
+    Auto = "auto"
+}
+export declare enum Preset {
+    Default = "default",
+    FillStart = "fill-start",
+    FillCenter = "fill-center",
+    FillCenterMiddle = "fill-center-middle",
+    FillEnd = "fill-end",
+    FillWrap = "fill-wrap",
+    FillScroll = "fill-scroll",
+    Window = "window",
+    Row = "row",
+    RowBetween = "row-between",
+    Column = "column",
+    ColumnBetween = "column-between",
+    Draggable = "draggable"
+}
+type FlexBoxLayout = Required<Pick<FlexBoxBaseProps, 'width' | 'height' | 'justify' | 'align' | 'direction' | 'shrinkChildren'>> & Pick<FlexBoxBaseProps, 'flex' | 'scrollX' | 'scrollY' | 'overflow' | 'wrap'> & {
+    alignContent?: React.CSSProperties['alignContent'];
+};
+export declare const layoutSets: Record<Preset, FlexBoxLayout>;
+type FlexBoxBaseProps = {
+    className?: string;
+    children?: React.ReactNode;
+    preset?: Preset;
+    scrollBox?: boolean;
+    scrollY?: boolean;
+    scrollX?: boolean;
+    absolute?: boolean;
+    background?: ColorValue;
+    direction?: 'row' | 'column';
+    align?: 'start' | 'center' | 'end';
+    justify?: 'start' | 'top' | 'center' | 'end' | 'bottom' | 'between';
+    width?: number | Size | string;
+    height?: number | Size | string;
+    maxWidth?: number | string;
+    centerSelf?: boolean;
+    flex?: number;
+    reverse?: boolean;
+    wrap?: boolean;
+    border?: string;
+    overflow?: React.CSSProperties['overflow'];
+    padding?: number | string;
+    margin?: number | string;
+    animate?: boolean | TargetAndTransition | VariantLabels;
+    gap?: number;
+    borderRadius?: number | string;
+    scrollHandle?: ColorValue;
+    scrollHandleHover?: ColorValue;
+    shrinkChildren?: boolean;
+    growChildren?: boolean;
+};
+export type FlexBoxProps = Omit<HTMLMotionProps<'div'>, keyof FlexBoxBaseProps> & FlexBoxBaseProps;
+export {};

package/dist/types/components/FlexBox/index.d.ts

@@ -0,0 +1,2 @@
+export { FlexBox } from './FlexBox';
+export { Size, Preset, type FlexBoxProps } from './_types';

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

@@ -1,64 +1,2 @@
-import React from 'react';
-export declare const FlexDiv: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof {
-    className?: string;
-    children?: any;
-    preset?: import("./_types").Preset;
-    scrollBox?: boolean;
-    scrollY?: boolean;
-    scrollX?: boolean;
-    absolute?: boolean;
-    background?: string;
-    direction?: "row" | "column";
-    align?: "start" | "center" | "end" | "between";
-    justify?: "start" | "top" | "center" | "end" | "bottom" | "between";
-    width?: number | import("./_types").Size | string;
-    height?: number | import("./_types").Size | string;
-    maxWidth?: number | string;
-    centerSelf?: boolean | string;
-    flex?: number;
-    reverse?: boolean;
-    wrap?: boolean;
-    border?: string;
-    padding?: number | string;
-    margin?: number | string;
-    enter?: any;
-    exit?: any;
-    animate?: any;
-    transition?: import("motion-dom").Transition;
-    variants?: any;
-    gap?: number;
-    borderRadius?: number | string;
-    scrollHandle?: string;
-    scrollHandleHover?: string;
-}> & {
-    className?: string;
-    children?: any;
-    preset?: import("./_types").Preset;
-    scrollBox?: boolean;
-    scrollY?: boolean;
-    scrollX?: boolean;
-    absolute?: boolean;
-    background?: string;
-    direction?: "row" | "column";
-    align?: "start" | "center" | "end" | "between";
-    justify?: "start" | "top" | "center" | "end" | "bottom" | "between";
-    width?: number | import("./_types").Size | string;
-    height?: number | import("./_types").Size | string;
-    maxWidth?: number | string;
-    centerSelf?: boolean | string;
-    flex?: number;
-    reverse?: boolean;
-    wrap?: boolean;
-    border?: string;
-    padding?: number | string;
-    margin?: number | string;
-    enter?: any;
-    exit?: any;
-    animate?: any;
-    transition?: import("motion-dom").Transition;
-    variants?: any;
-    gap?: number;
-    borderRadius?: number | string;
-    scrollHandle?: string;
-    scrollHandleHover?: string;
-} & React.RefAttributes<HTMLDivElement>>;
+/** @deprecated Use FlexBox instead. This is the same component and supports the same props and ref. */
+export declare const FlexDiv: import("react").NamedExoticComponent<Omit<import("../FlexBox").FlexBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/FlexDiv/_types.d.ts

@@ -1,146 +1,4 @@
-import type { Transition } from 'motion/react';
-import type React from 'react';
-export declare enum Size {
-    Grow = "grow",
-    Fill = "fill",
-    Fit = "fit",
-    Viewport = "viewport",
-    Auto = "auto"
-}
-export declare enum Preset {
-    FillScroll = "fill-scroll",
-    FillCenter = "fill-center",
-    FillStart = "fill-start",
-    Window = "window",
-    Row = "row",
-    RowBetween = "row-between",
-    Column = "column",
-    Default = "default",
-    Draggable = "draggable"
-}
-export declare const layoutSets: {
-    "fill-scroll": {
-        width: string;
-        height: string;
-        justify: string;
-        align: string;
-        scrollY: boolean;
-        scrollX: boolean;
-        overflow: string;
-        direction: string;
-    };
-    "fill-center": {
-        width: string;
-        height: string;
-        justify: string;
-        align: string;
-        scrollY: boolean;
-        scrollX: boolean;
-        overflow: string;
-        direction: string;
-    };
-    "fill-start": {
-        width: string;
-        height: string;
-        justify: string;
-        align: string;
-        scrollY: boolean;
-        scrollX: boolean;
-        overflow: string;
-        direction: string;
-    };
-    window: {
-        width: string;
-        height: string;
-        justify: string;
-        align: string;
-        scrollY: boolean;
-        scrollX: boolean;
-        overflow: string;
-        direction: string;
-    };
-    row: {
-        width: string;
-        height: string;
-        justify: string;
-        align: string;
-        scrollY: undefined;
-        scrollX: undefined;
-        overflow: string;
-        direction: string;
-    };
-    "row-between": {
-        width: string;
-        height: string;
-        justify: string;
-        align: string;
-        scrollY: undefined;
-        scrollX: undefined;
-        overflow: string;
-        direction: string;
-    };
-    column: {
-        width: string;
-        height: string;
-        justify: string;
-        align: string;
-        scrollY: undefined;
-        scrollX: undefined;
-        overflow: string;
-        direction: string;
-    };
-    default: {
-        width: string;
-        height: string;
-        justify: string;
-        align: string;
-        scrollY: undefined;
-        scrollX: undefined;
-        overflow: string;
-        direction: string;
-    };
-    draggable: {
-        width: string;
-        height: string;
-        justify: string;
-        align: string;
-        scrollY: undefined;
-        scrollX: undefined;
-        overflow: string;
-        direction: string;
-    };
-};
-type FlexDivBaseProps = {
-    className?: string;
-    children?: any;
-    preset?: Preset;
-    scrollBox?: boolean;
-    scrollY?: boolean;
-    scrollX?: boolean;
-    absolute?: boolean;
-    background?: string;
-    direction?: 'row' | 'column';
-    align?: 'start' | 'center' | 'end' | 'between';
-    justify?: 'start' | 'top' | 'center' | 'end' | 'bottom' | 'between';
-    width?: number | Size | string;
-    height?: number | Size | string;
-    maxWidth?: number | string;
-    centerSelf?: boolean | string;
-    flex?: number;
-    reverse?: boolean;
-    wrap?: boolean;
-    border?: string;
-    padding?: number | string;
-    margin?: number | string;
-    enter?: any;
-    exit?: any;
-    animate?: any;
-    transition?: Transition;
-    variants?: any;
-    gap?: number;
-    borderRadius?: number | string;
-    scrollHandle?: string;
-    scrollHandleHover?: string;
-};
-export type FlexDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof FlexDivBaseProps> & FlexDivBaseProps;
-export {};
+import type { FlexBoxProps } from '../FlexBox';
+export { Size, Preset, layoutSets } from '../FlexBox/_types';
+/** @deprecated Use FlexBoxProps instead. */
+export type FlexDivProps = FlexBoxProps;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { IconProps } from './_types';
-export declare const Icon: React.MemoExoticComponent<(props: IconProps) => React.JSX.Element | null>;
+export declare const Icon: React.MemoExoticComponent<(rawProps: IconProps) => React.JSX.Element | null>;