@react-fabric/core 1.0.0-beta.4 → 1.0.0-beta.40

package/dist/types/components/animations/Animations.d.ts

@@ -4,20 +4,20 @@ export interface AnimationProps extends CssProp, AriaProps {
     /**
      * icon color
      */
-    color?: ColorType | PaletteType;
+    color?: ColorType | PaletteType | string;
     /**
      * icon mark color
      */
-    strokeColor?: ColorType | PaletteType;
+    strokeColor?: ColorType | PaletteType | string;
 }
 export declare const AnimationIndicator: ({ className, color, strokeColor, type, ...aria }: AnimationProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AnimationBars: ({ color, size, }: {
-    color?: ColorType | string;
+    color?: ColorType | PaletteType | string;
     size?: number | string;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const AnimationSpinner: ({ color, size, }: {
-    color?: ColorType | string;
+    color?: ColorType | PaletteType | string;
     size?: number | string;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const Loading: () => import("react/jsx-runtime").JSX.Element;
-export declare const Skeleton: () => import("react/jsx-runtime").JSX.Element;
+export declare const Skeleton: ({ className, ...rest }: CssProp) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type AriaProps, type ColorType, type CssProp, type RefProp, type SizeType, type TestProps } from "../../types";
+import { type PaletteType, type AriaProps, type ColorType, type CssProp, type RefProp, type SizeType, type TestProps } from "../../types";
 export interface AvatarProps extends CssProp, AriaProps, TestProps, RefProp {
     /**
      * avatar name for generated fallback
@@ -20,11 +20,11 @@ export interface AvatarProps extends CssProp, AriaProps, TestProps, RefProp {
     /**
      * background color (CSS color / tailwind color)
      */
-    bg?: ColorType | string;
+    bg?: ColorType | PaletteType | string;
     /**
      * icon color (CSS color / tailwind color)
      */
-    color?: ColorType | string;
+    color?: ColorType | PaletteType | string;
     /**
      * icon size
      */

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

@@ -4,6 +4,10 @@ export interface BadgeProps extends CssProp, RefProp, IconProps, Partial<ChildPr
      * make wrapper a block element
      */
     block?: boolean;
+    /**
+     * inline badge
+     */
+    inline?: boolean;
     /**
      * badge value
      */
@@ -22,4 +26,4 @@ export interface BadgeProps extends CssProp, RefProp, IconProps, Partial<ChildPr
     placement?: "top-start" | "top-end" | "bottom-start" | "bottom-end" | "top" | "bottom" | "start" | "end";
 }
 export declare const getBadgeProps: (badge?: string | number | BadgeType) => AnyObject;
-export declare const Badge: ({ ref, className, value, max, ping, block, placement, children, forButton, icon, iconBg, iconColor, rtlFlip, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ ref, className, value, max, ping, block, inline, placement, children, forButton, icon, iconBg, iconColor, rtlFlip, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/breadcrumbs/Breadcrumbs.d.ts

@@ -1,6 +1,6 @@
 import { type AriaProps, type ChildrenProp, type CssProp } from "../../types";
-import { Link } from "../../typography/Link";
-export interface BreadcrumbProps extends CssProp, AriaProps, ChildrenProp<typeof Link> {
+import { Anchor } from "../../typography/Anchor";
+export interface BreadcrumbProps extends CssProp, AriaProps, ChildrenProp<typeof Anchor> {
     /**
      * breadcrumb styling
      */

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

@@ -1,5 +1,5 @@
 import { type MouseEventHandler, type WheelEventHandler } from "react";
-import { type AriaProps, type BadgeType, type CallbackReturn, type ColorType, type CssProp, type IconProps, type PolymorphicProps, type RefProp, type SizeType, type TestProps } from "../../types";
+import { type ColorState, type AriaProps, type BadgeType, type CallbackReturn, type CssProp, type IconProps, type PolymorphicProps, type RefProp, type SizeType, type TestProps } from "../../types";
 export interface BaseProps extends CssProp, AriaProps, IconProps, RefProp, TestProps {
     /**
      * primary icon alignment
@@ -16,7 +16,7 @@ export interface BaseProps extends CssProp, AriaProps, IconProps, RefProp, TestP
     /**
      * button color
      */
-    color?: ColorType;
+    color?: ColorState;
     /**
      * button type
      */
@@ -24,7 +24,7 @@ export interface BaseProps extends CssProp, AriaProps, IconProps, RefProp, TestP
     /**
      * button styling
      */
-    variant?: "outline" | "solid" | "link";
+    variant?: "outline" | "soft" | "solid" | "link";
     /**
      * active state with click disabled
      */
@@ -82,14 +82,16 @@ export interface BaseProps extends CssProp, AriaProps, IconProps, RefProp, TestP
     onMouseLeave?: MouseEventHandler;
     onWheel?: WheelEventHandler;
 }
-export type ButtonProps = {
+type ButtonTypeProps = {
     children: string | React.ReactElement;
     "aria-label"?: string;
 } | {
     children?: never;
     "aria-label": string;
 };
+export type ButtonProps<Tag extends React.ElementType = "button"> = BaseProps & ButtonTypeProps & PolymorphicProps<Tag>;
 /**
  * Clickable action button
  */
-export declare const Button: <Tag extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "button">({ as, ref, children, className, active, color, icon, iconBg, iconColor, iconAlign, altIcon, rtlFlip, rounded, size, disabled, loading, variant, badge, fullWidth, spinOnHover, onClick, actionMessage, stopPropagation, type, hotKey, showActionDone, showActionDoneEvent, tabIndex, "data-ref": dataRef, ...aria }: BaseProps & ButtonProps & PolymorphicProps<Tag>) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: <Tag extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "button">({ as, ref, children, className, active, color, icon, iconBg, iconColor, iconAlign, altIcon, rtlFlip, rounded, size, disabled, loading, variant, badge, fullWidth, spinOnHover, onClick, actionMessage, stopPropagation, type, hotKey, showActionDone, showActionDoneEvent, tabIndex, "data-ref": dataRef, ...aria }: ButtonProps<Tag>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/button/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type AriaProps, type ChildrenProp, type ColorType, type CssProp, type RefProp, type SizeType, type TestProps } from "../../types";
+import { type AriaProps, type ChildrenProp, type ColorState, type CssProp, type RefProp, type SizeType, type TestProps } from "../../types";
 import { type Button } from "./Button";
 export interface ButtonGroupProps extends CssProp, AriaProps, TestProps, RefProp<HTMLDivElement>, ChildrenProp<React.ReactElement<typeof Button>> {
     /**
@@ -17,7 +17,7 @@ export interface ButtonGroupProps extends CssProp, AriaProps, TestProps, RefProp
     /**
      * button color
      */
-    color?: ColorType;
+    color?: ColorState;
     /**
      * full rounded edges
      */

package/dist/types/components/button/ConfirmButton.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type Placement } from "@floating-ui/react";
 import { type CallbackReturn, type PolymorphicProps, type RefProp } from "../../types";
 import { type BaseProps, type ButtonProps } from "./Button";
 interface ExtendedProps extends Omit<BaseProps, "onClick">, RefProp {
@@ -14,6 +15,10 @@ interface ExtendedProps extends Omit<BaseProps, "onClick">, RefProp {
      * ok label
      */
     cancelLabel?: string;
+    /**
+     * dropdown placement
+     */
+    placement?: Placement;
     /**
      * click handler, return Promise to autoset loading state
      */
@@ -23,5 +28,5 @@ export type ConfirmButtonProps = ExtendedProps & ButtonProps;
 /**
  * Button with confirmation dropdown
  */
-export declare const ConfirmButton: <Tag extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "button">({ ref, message, color, okLabel, cancelLabel, onClick, loading, actionMessage, showActionDone, showActionDoneEvent, ...props }: ConfirmButtonProps & PolymorphicProps<Tag>) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmButton: <Tag extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "button">({ ref, message, color, okLabel, cancelLabel, onClick, loading, placement, actionMessage, showActionDone, showActionDoneEvent, ...props }: ConfirmButtonProps & PolymorphicProps<Tag>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/callout/Callout.d.ts

@@ -1,9 +1,9 @@
-import { type AriaProps, type ChildrenProp, type ColorType, type CssProp, type PaletteType, type TestProps } from "../../types";
+import { type AriaProps, type ChildrenProp, type ColorState, type CssProp, type TestProps } from "../../types";
 export interface CalloutProps extends AriaProps, ChildrenProp, CssProp, TestProps {
     /**
      * callout color
      */
-    color?: ColorType | PaletteType;
+    color?: ColorState;
     /**
      * legend title
      */

package/dist/types/components/card/Card.d.ts

@@ -1,8 +1,8 @@
 import { type MouseEventHandler } from "react";
 import { type ContentProps } from "../../core/content/Content";
 import { type HeadFootProps } from "../../core/headfoot/HeadFoot";
-import { type AriaProps, type ChildrenProp, type CssProp, type TestProps } from "../../types";
-export interface CardProps extends CssProp, AriaProps, TestProps, ChildrenProp<React.ReactElement<HeadFootProps | ContentProps>> {
+import { type AriaProps, type ChildrenProp, type CssProp, type RefProp, type TestProps } from "../../types";
+export interface CardProps extends CssProp, AriaProps, TestProps, RefProp<HTMLDivElement>, ChildrenProp<React.ReactElement<HeadFootProps | ContentProps>> {
     /**
      * apply flex fill styling
      */
@@ -36,4 +36,4 @@ export interface CardProps extends CssProp, AriaProps, TestProps, ChildrenProp<R
      */
     dragData?: KeyValue;
 }
-export declare const Card: ({ children, className, bodyClassName, selected, selectedRibbon, onClick, flex, draggable, dragKey, dragData, ...aria }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: ({ children, className, bodyClassName, selected, selectedRibbon, onClick, flex, draggable, dragKey, dragData, ref, ...aria }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/chip/Chip.d.ts

@@ -1,14 +1,14 @@
 import { type ReactElement } from "react";
-import { type AriaProps, type ChildProp, type ColorType, type CssProp, type IconProps, type PolymorphicProps, type RefProp, type SizeType, type TestProps } from "../../types";
+import { type AriaProps, type ChildProp, type ColorType, type CssProp, type IconProps, type PaletteType, type PolymorphicProps, type RefProp, type SizeType, type TestProps } from "../../types";
 export interface ChipProps extends CssProp, AriaProps, IconProps, TestProps, ChildProp<string | ReactElement>, RefProp<HTMLDivElement> {
     /**
      * chip size
      */
-    size?: SizeType;
+    size?: SizeType | number | string;
     /**
      * chip color (CSS color / tailwind color)
      */
-    color?: ColorType | string;
+    color?: ColorType | PaletteType | string;
     /**
      * chip styling
      */

package/dist/types/components/collapsable/Collapsable.d.ts

@@ -18,6 +18,10 @@ export interface CollapsableProps extends CssProp, AriaProps, TestProps, RefProp
      * header button className
      */
     headerClassName?: string;
+    /**
+     * Header position sticky
+     */
+    stickyHeader?: boolean;
     /**
      * open state icon
      */
@@ -43,5 +47,5 @@ export interface CollapsableProps extends CssProp, AriaProps, TestProps, RefProp
      */
     onClose?: () => void;
 }
-export declare const Collapsable: ({ ref, disabled, className, bodyClassName, headerClassName, children, iconAlign, iconClosed, iconOpen, open, onClose, onOpen, ...aria }: CollapsableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Collapsable: ({ ref, disabled, className, bodyClassName, headerClassName, children, iconAlign, stickyHeader, iconClosed, iconOpen, open, onClose, onOpen, ...aria }: CollapsableProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import { type CssProp, type ChildProp, type ColorType, type PaletteType } from "../../types";
+import { type ChildProp, type ColorType, type CssProp, type PaletteType } from "../../types";
 export interface DividerProps extends CssProp, Partial<ChildProp> {
     /**
      * apply text bg
@@ -8,13 +8,17 @@ export interface DividerProps extends CssProp, Partial<ChildProp> {
      * vertical rule
      */
     vertical?: boolean;
+    /**
+     * divider label classname(s)
+     */
+    labelClassName?: string;
     /**
      * rule color
      */
-    color?: ColorType | PaletteType | "tint";
+    color?: ColorType | PaletteType | string;
     /**
      * text alignment
      */
     align?: "start" | "end" | "center";
 }
-export declare const Divider: ({ children, color, vertical, fill, align, className, }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Divider: ({ children, color, vertical, labelClassName, fill, align, className, }: DividerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/dropdown/DropdownTool.d.ts

@@ -1,6 +1,7 @@
 import { type ChildProp, type CssProp } from "../../types";
 import { type DropdownProps } from "./Dropdown";
-export declare const DropdownTool: ({ children, className, groupHover, ...props }: ChildProp & CssProp & Omit<DropdownProps, "children"> & {
+export declare const DropdownTool: ({ children, className, groupHover, icon, ...props }: ChildProp & CssProp & Omit<DropdownProps, "children"> & {
+    icon?: string;
     /**
      * hide until group hovered
      */

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type AriaProps, type ColorType, type CssProp, type RefProp, type SizeType, type TestProps } from "../../types";
+import { type PaletteType, type AriaProps, type ColorType, type CssProp, type RefProp, type SizeType, type TestProps } from "../../types";
 export interface IconProps extends CssProp, AriaProps, RefProp, TestProps {
     /**
      * svg path / webfont className / 1-4 letter text
@@ -8,11 +8,11 @@ export interface IconProps extends CssProp, AriaProps, RefProp, TestProps {
     /**
      * background color (CSS color / tailwind color)
      */
-    bg?: ColorType | string;
+    bg?: ColorType | PaletteType | string;
     /**
      * icon color (CSS color / tailwind color)
      */
-    color?: ColorType | string;
+    color?: ColorType | PaletteType | string;
     /**
      * flip icon in rtl
      */

package/dist/types/components/media/Media.d.ts

@@ -1,5 +1,5 @@
-import { type AriaProps, type CssProp } from "../../types";
-export interface BaseProps extends CssProp, AriaProps {
+import { type AriaProps, type CssProp, type TestProps } from "../../types";
+export interface BaseProps extends CssProp, TestProps, AriaProps {
     /**
      * media source
      */

package/dist/types/components/menu/ContextMenu.d.ts

@@ -3,5 +3,6 @@ import { type ChildrenProp } from "../../types";
 import { type Menu } from "./Menu";
 export interface ContextMenuProps extends ChildrenProp {
     menu: React.ReactElement<typeof Menu>;
+    disabled?: boolean;
 }
-export declare const ContextMenu: ({ children, menu }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenu: ({ children, menu, disabled }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/menu/MenuItem.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type PolymorphicProps } from "../../types";
 import { type MenuItemProps } from "./types";
-export declare const MenuItem: <Tag extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "button">({ as, label, color, className, icon, iconBg, iconColor, appendLabel, rtlFlip, altIcon, id, active, disabled, onClick, badge, hotKey, minimal, "data-open": childOpen, ref, ...aria }: MenuItemProps & PolymorphicProps<Tag>) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: <Tag extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "button">({ as, label, color, className, icon, iconBg, iconColor, appendLabel, rtlFlip, altIcon, id, active, disabled, onClick, badge, hotKey, tabIndex, minimal, "data-open": childOpen, ref, ...aria }: MenuItemProps & PolymorphicProps<Tag>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { type ElementType, type MouseEvent } from "react";
-import { type AriaProps, type BadgeType, type CallbackReturn, type ChildrenProp, type ColorType, type CssProp, type IconProps, type TestProps } from "../../types";
+import { type AriaProps, type BadgeType, type CallbackReturn, type ChildrenProp, type ColorState, type CssProp, type IconProps, type TestProps } from "../../types";
 export interface MenuItemProps extends CssProp, AriaProps, TestProps, IconProps {
     /**
      * menu id passed via menu.onClick
@@ -16,7 +16,7 @@ export interface MenuItemProps extends CssProp, AriaProps, TestProps, IconProps
     /**
      * menu color
      */
-    color?: ColorType;
+    color?: ColorState;
     /**
      * item active
      */

package/dist/types/components/navigator/Navigator.d.ts

@@ -1,12 +1,12 @@
-import { type AriaProps, type ColorType, type CssProp, type TestProps } from "../../types";
-export interface NavigatorProps extends CssProp, AriaProps, TestProps {
+import { type AriaProps, type ChildProp, type ColorType, type CssProp, type PaletteType, type TestProps } from "../../types";
+export interface NavigatorProps extends CssProp, AriaProps, TestProps, Partial<ChildProp> {
     /**
      * navigator button color
      */
-    color?: ColorType | string;
+    color?: ColorType | PaletteType | string;
     /**
      * navigation handler
      */
     onNavigate: (dir: -1 | 1) => void;
 }
-export declare const Navigator: ({ className, onNavigate, color, ...aria }: NavigatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Navigator: ({ className, onNavigate, color, children, ...aria }: NavigatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/progress/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { type ColorType } from "../../types";
+import { type PaletteType, type ColorType } from "../../types";
 export interface ProgressProps {
     /**
      * progress value (0-100)
@@ -11,7 +11,7 @@ export interface ProgressProps {
     /**
      * color
      */
-    color?: ColorType;
+    color?: ColorType | PaletteType;
     /**
      * animate
      */

package/dist/types/components/progress/ProgressCircle.d.ts

@@ -1,4 +1,4 @@
-import { type ColorType } from "../../types";
+import { type PaletteType, type ColorType } from "../../types";
 export interface ProgressProps {
     /**
      * progress value (0-100)
@@ -11,6 +11,6 @@ export interface ProgressProps {
     /**
      * color
      */
-    color?: ColorType;
+    color?: ColorType | PaletteType;
 }
 export declare const ProgressCircle: ({ value, size, color, }: ProgressProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/tabpanel/Tab.d.ts

@@ -1,6 +1,6 @@
 import { type ReactElement } from "react";
-import { type AriaProps, type BadgeType, type CallbackReturn, type ChildrenProp, type ColorType, type CssProp, type IconProps, type PolymorphicProps, type RefProp, type TestProps } from "../../types";
-export interface TabProps extends Partial<ChildrenProp>, CssProp, RefProp, AriaProps, TestProps, IconProps {
+import { type AriaProps, type BadgeType, type CallbackReturn, type ChildrenProp, type ColorState, type CssProp, type IconProps, type PolymorphicProps, type RefProp, type TestProps, type TooltipProp } from "../../types";
+export interface TabProps extends Partial<ChildrenProp>, CssProp, RefProp, AriaProps, TestProps, IconProps, TooltipProp {
     /**
      * tab id
      */
@@ -12,11 +12,11 @@ export interface TabProps extends Partial<ChildrenProp>, CssProp, RefProp, AriaP
     /**
      * tab color
      */
-    color?: ColorType;
+    color?: ColorState;
     /**
      * tab badge
      */
-    badge?: BadgeType;
+    badge?: string | number | BadgeType;
     /**
      * disabled
      */
@@ -42,4 +42,4 @@ export interface TabProps extends Partial<ChildrenProp>, CssProp, RefProp, AriaP
      */
     onClick?: (id: string) => CallbackReturn;
 }
-export declare const Tab: <Tag extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "button">({ ref, as, id, className, label, icon, iconBg, iconColor, rtlFlip, badge, disabled, onClose, active, minimal, onClick, tabFlex, color, actions, activeClassName, ...aria }: TabProps & PolymorphicProps<Tag>) => import("react/jsx-runtime").JSX.Element;
+export declare const Tab: <Tag extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "button">({ ref, as, id, className, label, icon, iconBg, iconColor, rtlFlip, badge, disabled, onClose, active, onClick, tabFlex, color, actions, tooltip, activeClassName, ...aria }: TabProps & PolymorphicProps<Tag>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/tabpanel/TabPanel.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from "react";
 import { type CallbackReturn, type ChildrenProp } from "../../types";
 import { Tab } from "./Tab";
 export interface TabPanelProps extends ChildrenProp<typeof Tab> {
@@ -29,6 +30,14 @@ export interface TabPanelProps extends ChildrenProp<typeof Tab> {
      * tab list className
      */
     headerClassName?: string;
+    /**
+     * append element
+     */
+    append?: ReactNode;
+    /**
+     * prepend element
+     */
+    prepend?: ReactNode;
     /**
      * change handler
      */
@@ -38,4 +47,4 @@ export interface TabPanelProps extends ChildrenProp<typeof Tab> {
      */
     onBeforeChange?: (nextTab: string, currentTab?: string) => CallbackReturn;
 }
-export declare const TabPanel: ({ children, headerClassName, orientation, activeTab, justify, variant, tabFlex, gap, onBeforeChange, onChange, }: TabPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabPanel: ({ children, headerClassName, orientation, activeTab, justify, variant, tabFlex, append, prepend, gap, onBeforeChange, onChange, }: TabPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/core/content/Content.d.ts

@@ -1,9 +1,10 @@
-import { type ChildrenProp, type CssProp, type PositionObject, type RefProp, type SizeObject, type TestProps } from "../../types";
+import { type MouseEvent } from "react";
+import { type ChildrenProp, type CssProp, type RefProp, type ScrollObject, type SizeObject, type TestProps } from "../../types";
 export interface ContentProps extends ChildrenProp, CssProp, RefProp, TestProps {
     /**
      * scroll vevent handler
      */
-    onScroll?: (event: PositionObject) => void;
+    onScroll?: (scroll: ScrollObject, event: MouseEvent<HTMLDivElement>) => void;
     /**
      * scroll vevent handler
      */

package/dist/types/core/headfoot/HeadFoot.d.ts

@@ -1,14 +1,6 @@
-import { type AriaProps, type ChildrenProp, type ColorWithGrays, type CssProp, type TestProps } from "../../types";
+import { type AriaProps, type ChildrenProp, type CssProp, type TestProps } from "../../types";
 interface BaseProps extends CssProp, AriaProps, ChildrenProp, TestProps {
     dir?: "ltr" | "rtl";
-    /**
-     * background color
-     */
-    bg?: ColorWithGrays | string;
-    /**
-     * background color
-     */
-    color?: ColorWithGrays | string;
 }
 type DefaultProps = BaseProps & {
     flex?: false;

package/dist/types/core/responsive/Responsive.d.ts

@@ -39,7 +39,7 @@ export interface ColProps extends AriaProps, CssProp, TestProps, Partial<Childre
     /**
      * column flex
      */
-    flex?: "auto" | "fill" | "full";
+    flex?: "auto" | "fill" | "full" | "initial" | "content";
     /**
      * stretch inner content
      */

package/dist/types/core/theme/ThemeProvider.d.ts

@@ -8,9 +8,9 @@ export interface ThemeProps {
      * branding css className
      *
      * .branding {
-     *  --primary: #color;
-     *  --accent: #color;
-     *  --tint: #color;
+     *  --color-primary: #color;
+     *  --color-accent: #color;
+     *  --color-tint: #color;
      * }
      */
     branding?: string;
@@ -29,7 +29,7 @@ export interface ThemeProps {
     /**
      * component rounding
      */
-    rounding?: "minimal" | "normal" | "full";
+    rounding?: "sm" | "md" | "full";
 }
 /**
  * Theme override

package/dist/types/hooks/useOverlayService.d.ts

@@ -1,8 +1,6 @@
-import { type FC, type ReactNode } from "react";
-type OverlayComponent = FC<{
-    onClose: (args?: AnyObject) => void;
-    [key: string]: AnyObject;
-}>;
+import { type ElementType, type ReactNode } from "react";
+import { type ModalProps } from "../types";
+type OverlayComponent = ElementType<ModalProps<AnyObject>>;
 export declare const useOverlayService: (ModalOrFlyout: OverlayComponent) => [
     Overlay: ReactNode | null,
     openOverlay: (props?: KeyValue) => Promise<AnyObject>

package/dist/types/index.d.ts

@@ -15,5 +15,8 @@ export * from "./hooks/useResizeObserver";
 export * from "./hooks/useStorage";
 export { HotKey } from "./hotkeys/HotKey";
 export { HotKeyLabel } from "./hotkeys/HotKeyLabel";
+export { HotKeyWrapper } from "./hotkeys/HotKeyWrapper";
+export { type ModalProps } from "./types";
 export { CoreIcons } from "./types/icons";
+export { cloneChildren } from "./utils";
 export { ApplicationProvider, useApplicationContext, useGlobals, useNotificationService, } from "./context/Global";

package/dist/types/overlays/alert/Alert.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type ColorType, type Elements, type IconProps } from "../../types";
+import { type ColorState, type Elements, type IconProps } from "../../types";
 export interface AlertProps extends Omit<IconProps, "iconBg" | "iconColor"> {
     /**
      * toast type
@@ -16,7 +16,7 @@ export interface AlertProps extends Omit<IconProps, "iconBg" | "iconColor"> {
     /**
      * theme color
      */
-    color?: ColorType;
+    color?: ColorState;
     /**
      * extra action button
      */

package/dist/types/overlays/flyout/Flyout.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+import { type ElementType } from "react";
 import { type AriaProps, type CallbackReturn, type ChildrenProp, type Elements, type IconProps, type TestProps } from "../../types";
-export interface FlyoutProps extends AriaProps, TestProps, IconProps, ChildrenProp {
+export interface FlyoutProps extends AriaProps, TestProps, Omit<IconProps, "icon">, ChildrenProp {
+    icon?: string | ElementType<IconProps>;
     /**
      * flyout alignment
      */

package/dist/types/overlays/message/Message.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type ColorType, type Elements, type IconProps } from "../../types";
+import { type ColorState, type Elements, type IconProps } from "../../types";
 export interface MessageProps extends Omit<IconProps, "iconBg" | "iconColor"> {
     /**
      * message title
@@ -12,7 +12,7 @@ export interface MessageProps extends Omit<IconProps, "iconBg" | "iconColor"> {
     /**
      * theme color
      */
-    color?: ColorType;
+    color?: ColorState;
     /**
      * extra action button
      */

package/dist/types/overlays/modal/Modal.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+import { type ElementType } from "react";
 import { type AriaProps, type CallbackReturn, type ChildrenProp, type Elements, type IconProps, type TestProps } from "../../types";
-export interface ModalProps extends AriaProps, TestProps, IconProps, ChildrenProp {
+export interface ModalProps extends AriaProps, TestProps, Omit<IconProps, "icon">, ChildrenProp {
+    icon?: string | ElementType<IconProps>;
     /**
      * header className
      */
@@ -44,7 +45,7 @@ export interface ModalProps extends AriaProps, TestProps, IconProps, ChildrenPro
     /**
      * close handler
      */
-    onClose: (...args: AnyObject) => void;
+    onClose?: (...args: AnyObject) => void;
     /**
      * before close handler, return false to prevent close
      */

package/dist/types/overlays/toast/Toast.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type ColorType, type Elements, type IconProps } from "../../types";
+import { type ColorState, type Elements, type IconProps } from "../../types";
 export interface ToastProps extends Omit<IconProps, "iconBg" | "iconColor"> {
     /**
      * toast type
@@ -16,7 +16,7 @@ export interface ToastProps extends Omit<IconProps, "iconBg" | "iconColor"> {
     /**
      * theme color
      */
-    color?: ColorType;
+    color?: ColorState;
     /**
      * extra action button
      */

package/dist/types/overlays/tooltip/Tooltip.d.ts

@@ -15,4 +15,4 @@ export interface TooltipProps extends TooltipType, RefProp {
 export declare const getTooltipProps: (tooltip?: string | TooltipType, innerRef?: AnyObject) => (TooltipType & {
     ref: AnyObject;
 }) | undefined;
-export declare const Tooltip: ({ ref, children, color, content, open, copyContent, disabled, placement: _placement, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ ref, children, color, textColor, content, open, copyContent, disabled, placement: _placement, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;