@fuzzy-ui/react 0.1.0

package/dist/types/NavMenu/NavMenu.d.ts

@@ -0,0 +1,9 @@
+import type { NavMenuStyleProps } from './navmenu.style';
+export declare const RootCtx: import("react").Context<{
+    t: string;
+}>;
+declare const Nav: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>, {}>, NavMenuProps>;
+export interface NavMenuProps extends NavMenuStyleProps {
+    menuAction?: 'click' | 'hover';
+}
+export default Nav;

package/dist/types/NavMenu/Viewport.d.ts

@@ -0,0 +1,6 @@
+import type { ViewStyleProps } from './navmenu.style';
+declare const Vp: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuViewportProps & import("react").RefAttributes<HTMLDivElement>>, {}>, ViewportProps>;
+export interface ViewportProps extends ViewStyleProps {
+    wrap?: boolean;
+}
+export default Vp;

package/dist/types/NavMenu/index.d.ts

@@ -0,0 +1,14 @@
+export type { SubProps } from './Nav.Sub';
+export type { NavMenuProps } from './NavMenu';
+export type { NavItemProps } from './Nav.Item';
+export type { NavLinkProps } from './Nav.Link';
+export type { NavCollapseProps } from './Nav.Menu';
+declare const _default: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>, {}>, import("./NavMenu").NavMenuProps> & {
+    Item: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>>, {}>, import("./Nav.Item").NavItemProps>;
+    Link: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, {}>, import("./Nav.Link").NavLinkProps>;
+    Menu: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, {
+        asSub?: boolean | "true" | "false" | undefined;
+    }>, import("./Nav.Menu").NavCollapseProps>;
+    Sub: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuSubProps & import("react").RefAttributes<HTMLDivElement>>, {}>, import("./Nav.Sub").SubProps>;
+};
+export default _default;

package/dist/types/NavMenu/navmenu.style.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import type { CSSContainer as C, CSS, StyledProps, SemanticKeys, CSSColorKeys } from '../style';
+export declare const RtStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuProps & import("react").RefAttributes<HTMLElement>>, {}>;
+export declare const SubStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuSubProps & import("react").RefAttributes<HTMLDivElement>>, {}>;
+export declare const CtnStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, {
+    asSub?: boolean | "true" | "false" | undefined;
+}>;
+export declare const TrgStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, {}>;
+export declare const LkStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, {}>;
+export declare const LsStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>, {}>;
+export declare const IStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>>, {}>;
+export declare const IdcStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuIndicatorProps & import("react").RefAttributes<HTMLDivElement>>, {
+    asSub?: boolean | "true" | "false" | undefined;
+}>;
+export declare const Ar: import("../style").StyledComponent<"div", {}>;
+export declare const VwPosition: import("../style").StyledComponent<"div", {}>;
+export declare const VwStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuViewportProps & import("react").RefAttributes<HTMLDivElement>>, {}>;
+export declare const IcnStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-slot").SlotProps & import("react").RefAttributes<HTMLElement>>, {}>;
+type RootProps = StyledProps<typeof RtStx> & C;
+export type ArrowStyleProps = StyledProps<typeof Ar>;
+export type ViewStyleProps = StyledProps<typeof VwStx>;
+export type ListStyleProps = StyledProps<typeof LsStx>;
+export type LinkStyleProps = StyledProps<typeof LkStx>;
+export type MenuIconStyleProps = StyledProps<typeof IcnStx>;
+export type ItemStyleProps = StyledProps<typeof IStx>;
+export type ContentStyleProps = Omit<StyledProps<typeof CtnStx>, 'asSub'> & {
+    trigger: ReactNode | {
+        css?: CSS;
+        asChild?: boolean;
+        render?: ReactNode;
+    };
+    menuIcon?: ReactNode | {
+        css?: CSS;
+        render?: ReactNode;
+    };
+    disableMenuIcon?: boolean;
+    value?: string;
+} & C;
+export type SubStyleProps = StyledProps<typeof SubStx>;
+export type NavMenuStyleProps = Omit<ListStyleProps, keyof RootProps> & RootProps & {
+    color?: SemanticKeys;
+    popperColor?: CSSColorKeys;
+    lowTextContrast?: boolean;
+};
+export type CSSContainer = C;
+export {};

package/dist/types/NavMenu/utils.d.ts

@@ -0,0 +1,7 @@
+declare const ACT: readonly ["click", "hover"];
+declare const ORI: readonly ["horizontal", "vertical"];
+export declare function navOrientation(orientation?: Orientation, unexpected?: Orientation): "horizontal" | "vertical";
+export declare function navAction(action?: Action, unexpected?: Action): "click" | "hover";
+type Action = (typeof ACT)[number];
+type Orientation = (typeof ORI)[number];
+export {};

package/dist/types/Popover/Popover.Anchor.d.ts

@@ -0,0 +1,5 @@
+import type { AnchorStyleProps } from './popover.style';
+declare const A: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>, {}>, PopoverAnchorProps>;
+export interface PopoverAnchorProps extends AnchorStyleProps {
+}
+export default A;

package/dist/types/Popover/Popover.Close.d.ts

@@ -0,0 +1,5 @@
+import type { CloseStyleProps } from './popover.style';
+declare const C: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>, {}>, PopoverCloseProps>;
+export interface PopoverCloseProps extends CloseStyleProps {
+}
+export default C;

package/dist/types/Popover/Popover.Content.d.ts

@@ -0,0 +1,5 @@
+import type { ContentStyleProps } from './popover.style';
+declare const C: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverContentProps, "asChild"> & import("react").RefAttributes<HTMLDivElement>>, {}>, PopoverContentProps>;
+export interface PopoverContentProps extends ContentStyleProps {
+}
+export default C;

package/dist/types/Popover/Popover.Trigger.d.ts

@@ -0,0 +1,5 @@
+import type { TriggerStyleProps } from './popover.style';
+declare const T: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, {}>, PopoverTriggerProps>;
+export interface PopoverTriggerProps extends TriggerStyleProps {
+}
+export default T;

package/dist/types/Popover/Popover.d.ts

@@ -0,0 +1,5 @@
+import type { RootStyleProps } from './popover.style';
+declare const R: import("react").FC<import("@radix-ui/react-popover").PopoverProps>;
+export interface PopoverProps extends RootStyleProps {
+}
+export default R;

package/dist/types/Popover/index.d.ts

@@ -0,0 +1,12 @@
+export type { PopoverProps } from './Popover';
+export type { PopoverTriggerProps } from './Popover.Trigger';
+export type { PopoverAnchorProps } from './Popover.Anchor';
+export type { PopoverContentProps } from './Popover.Content';
+export type { PopoverCloseProps } from './Popover.Close';
+declare const _default: import("react").FC<import("@radix-ui/react-popover").PopoverProps> & {
+    Trigger: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, {}>, import("./Popover.Trigger").PopoverTriggerProps>;
+    Anchor: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>, {}>, import("./Popover.Anchor").PopoverAnchorProps>;
+    Content: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverContentProps, "asChild"> & import("react").RefAttributes<HTMLDivElement>>, {}>, import("./Popover.Content").PopoverContentProps>;
+    Close: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>, {}>, import("./Popover.Close").PopoverCloseProps>;
+};
+export default _default;

package/dist/types/Popover/popover.style.d.ts

@@ -0,0 +1,51 @@
+import { Anchor, Portal, Content } from '@radix-ui/react-popover';
+import type { ReactNode, ReactElement, ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { PopoverProps, PopoverPortalProps, PopoverContentProps } from '@radix-ui/react-popover';
+import type { StyledProps, SemanticKeys, CSS } from '../style';
+export declare const RtStx: import("react").FC<PopoverProps>;
+export declare const TrgStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & RefAttributes<HTMLButtonElement>>, {}>;
+export declare const AcrStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverAnchorProps & RefAttributes<HTMLDivElement>>, {}>;
+export declare const PtlStx: import("react").FC<PopoverPortalProps>;
+export declare const CtnStx: import("../style").StyledComponent<Content, {}>;
+export declare const ClsStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverCloseProps & RefAttributes<HTMLButtonElement>>, {}>;
+export declare const ArwStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverArrowProps & RefAttributes<SVGSVGElement>>, {}>;
+export declare const btnRst: {
+    readonly all: "unset";
+    readonly fontFamily: "inherit";
+    readonly boxSizing: "border-box";
+    readonly cursor: "pointer";
+};
+export declare function nodeGuard(value: Node): {
+    asChild?: boolean;
+    css?: CSS;
+    render?: ReactNode;
+};
+export type RootStyleProps = PopoverProps;
+export type TriggerStyleProps = StyledProps<typeof TrgStx>;
+export type AnchorStyleProps = StyledProps<typeof Anchor>;
+export type CloseStyleProps = StyledProps<typeof ClsStx>;
+export type ContentStyleProps = StyledProps<typeof CtnStx> & {
+    color?: SemanticKeys;
+    closable?: boolean;
+    closeIcon?: ReactNode | {
+        css?: CSS;
+        render?: ReactNode;
+    };
+    arrow?: {
+        disabled?: boolean;
+        width?: string | number;
+        height?: string | number;
+        css?: CSS;
+        as?: ReactElement;
+    };
+    portal?: Portal;
+};
+type Content = ForwardRefExoticComponent<Omit<PopoverContentProps, AC> & RefAttributes<HTMLDivElement>>;
+type Portal = Omit<PopoverPortalProps, 'children'>;
+type Node = ReactNode | {
+    asChild?: boolean;
+    css?: CSS;
+    render?: ReactNode;
+};
+type AC = 'asChild';
+export {};

package/dist/types/Portal/index.d.ts

@@ -0,0 +1,4 @@
+import type { PortalProps as P } from '@radix-ui/react-portal';
+declare const Portal: import("react").ForwardRefExoticComponent<P & import("react").RefAttributes<HTMLDivElement>>;
+export default Portal;
+export type PortalProps = P;

package/dist/types/Presence/index.d.ts

@@ -0,0 +1,4 @@
+import type { PresenceProps as P } from '@radix-ui/react-presence';
+declare const Presence: import("react").FC<P>;
+export default Presence;
+export type PresenceProps = P;

package/dist/types/Select/Select.Group.d.ts

@@ -0,0 +1,5 @@
+import type { GroupStyleProps } from './select.style';
+declare const G: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectGroupProps, "asChild"> & import("react").RefAttributes<HTMLDivElement>>, {}>, SelectGroupProps>;
+export interface SelectGroupProps extends GroupStyleProps {
+}
+export default G;

package/dist/types/Select/Select.Item.d.ts

@@ -0,0 +1,5 @@
+import type { ItemStyleProps } from './select.style';
+declare const I: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectItemProps, "asChild"> & import("react").RefAttributes<HTMLDivElement>>, {}>, SelectItemProps>;
+export interface SelectItemProps extends ItemStyleProps {
+}
+export default I;

package/dist/types/Select/Select.Separator.d.ts

@@ -0,0 +1,5 @@
+import type { SeparatorStyleProps } from './select.style';
+declare const S: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>, {}>, SelectSeparatorProps>;
+export interface SelectSeparatorProps extends SeparatorStyleProps {
+}
+export default S;

package/dist/types/Select/Select.Trigger.d.ts

@@ -0,0 +1,9 @@
+import type { TriggerStyleProps } from './select.style';
+declare const T: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    rounded?: boolean | "true" | undefined;
+    variant?: "flat" | "bordered" | "underlined" | undefined;
+}>, SelectTriggerProps>;
+export interface SelectTriggerProps extends TriggerStyleProps {
+}
+export default T;

package/dist/types/Select/Select.d.ts

@@ -0,0 +1,7 @@
+import type { SelectStyleProps } from './select.style';
+declare const S: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectContentProps, "asChild"> & import("react").RefAttributes<HTMLDivElement>>, {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+}>, SelectProps>;
+export interface SelectProps extends SelectStyleProps {
+}
+export default S;

package/dist/types/Select/index.d.ts

@@ -0,0 +1,11 @@
+export type { SelectItemProps } from './Select.Item';
+export type { SelectGroupProps } from './Select.Group';
+export type { SelectSeparatorProps } from './Select.Separator';
+declare const _default: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectContentProps, "asChild"> & import("react").RefAttributes<HTMLDivElement>>, {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+}>, import("./Select").SelectProps> & {
+    Item: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectItemProps, "asChild"> & import("react").RefAttributes<HTMLDivElement>>, {}>, import("./Select.Item").SelectItemProps>;
+    Group: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectGroupProps, "asChild"> & import("react").RefAttributes<HTMLDivElement>>, {}>, import("./Select.Group").SelectGroupProps>;
+    Separator: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>, {}>, import("./Select.Separator").SelectSeparatorProps>;
+};
+export default _default;

package/dist/types/Select/select.style.d.ts

@@ -0,0 +1,89 @@
+import { Trigger, Content, Item, Group } from '@radix-ui/react-select';
+import type { ReactNode, ElementType, ReactElement, ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { SelectProps, SelectContentProps, SelectItemProps, SelectGroupProps } from '@radix-ui/react-select';
+import type { StyledProps, CSS, SemanticKeys } from '../style';
+export declare const RtStx: import("react").FC<SelectProps>;
+export declare const TrgStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-select").SelectTriggerProps & RefAttributes<HTMLButtonElement>>, {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    rounded?: boolean | "true" | undefined;
+    variant?: "flat" | "bordered" | "underlined" | undefined;
+}>;
+export declare const ValStx: ForwardRefExoticComponent<import("@radix-ui/react-select").SelectValueProps & RefAttributes<HTMLSpanElement>>;
+export declare const IcnStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-select").SelectIconProps & RefAttributes<HTMLSpanElement>>, {}>;
+export declare const PtlStx: import("react").FC<import("@radix-ui/react-select").SelectPortalProps>;
+export declare const VpStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-select").SelectViewportProps & RefAttributes<HTMLDivElement>>, {}>;
+export declare const CtnStx: import("../style").StyledComponent<Content, {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+}>;
+export declare const ItmStx: import("../style").StyledComponent<Item, {}>;
+export declare const TxtStx: ForwardRefExoticComponent<import("@radix-ui/react-select").SelectItemTextProps & RefAttributes<HTMLSpanElement>>;
+export declare const IdcStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-select").SelectItemIndicatorProps & RefAttributes<HTMLSpanElement>>, {}>;
+export declare const GrpStx: import("../style").StyledComponent<Group, {}>;
+export declare const LblStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-select").SelectLabelProps & RefAttributes<HTMLDivElement>>, {}>;
+export declare const SptrStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-select").SelectSeparatorProps & RefAttributes<HTMLDivElement>>, {}>;
+export declare const UpBtnStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-select").SelectScrollUpButtonProps & RefAttributes<HTMLDivElement>>, {}>;
+export declare const DnBtnStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-select").SelectScrollDownButtonProps & RefAttributes<HTMLDivElement>>, {}>;
+export declare const ArwStx: import("../style").StyledComponent<ForwardRefExoticComponent<import("@radix-ui/react-select").SelectArrowProps & RefAttributes<SVGSVGElement>>, {}>;
+export declare function nodeGuard(value: Trigger['icon']): {
+    asChild?: boolean;
+    css?: CSS;
+    render?: ReactNode;
+};
+export type SelectStyleProps = Omit<StyledProps<typeof CtnStx>, AC | keyof RootProps> & RootProps;
+export type TriggerStyleProps = Omit<TriggerProps, keyof RootTrigger> & RootTrigger;
+export type ItemStyleProps = StyledProps<typeof ItmStx> & {
+    indicator?: {
+        asChild?: boolean;
+        disabled?: boolean;
+        position?: 'left' | 'right';
+        css?: CSS;
+        icon?: React.ReactNode;
+    };
+};
+export type GroupStyleProps = StyledProps<typeof GrpStx> & {
+    label?: Node;
+};
+export type SeparatorStyleProps = StyledProps<typeof SptrStx>;
+type RootProps = Omit<SelectProps, 'children'> & {
+    trigger?: Trigger;
+} & PH & Pick<TriggerProps, 'rounded' | 'variant'> & {
+    color?: SemanticKeys;
+    popperColor?: 'default' | 'light' | 'solid';
+    scrollUp?: Node;
+    scrollDown?: Node;
+    arrow?: {
+        disabled?: boolean;
+        width?: string | number;
+        height?: string | number;
+        css?: CSS;
+        as?: ReactElement;
+    };
+    readOnly?: boolean;
+};
+type TriggerProps = StyledProps<typeof TrgStx, 'rounded' | 'variant'>;
+type RootTrigger = Trigger & PH;
+type Trigger = {
+    css?: CSS;
+    as?: ElementType;
+    value?: ReactNode | {
+        css?: CSS;
+        render?: ReactNode;
+    };
+    icon?: Node;
+};
+type PH = {
+    placeholder?: ReactNode | {
+        css?: CSS;
+        render?: ReactNode;
+    };
+};
+type Node = ReactNode | {
+    asChild?: boolean;
+    css?: CSS;
+    render?: ReactNode;
+};
+type Content = ForwardRefExoticComponent<Omit<SelectContentProps, AC> & RefAttributes<HTMLDivElement>>;
+type Item = ForwardRefExoticComponent<Omit<SelectItemProps, AC> & RefAttributes<HTMLDivElement>>;
+type Group = ForwardRefExoticComponent<Omit<SelectGroupProps, AC> & RefAttributes<HTMLDivElement>>;
+type AC = 'asChild';
+export {};

package/dist/types/Separator/Separator.d.ts

@@ -0,0 +1,5 @@
+import type { SeparatorStyleProps } from './separator.style';
+declare const S: import("../utils").Component<import("..").StyledComponent<"div", {}>, SeparatorProps>;
+export interface SeparatorProps extends SeparatorStyleProps {
+}
+export default S;

package/dist/types/Separator/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Separator';
+export type { SeparatorProps } from './Separator';

package/dist/types/Separator/separator.style.d.ts

@@ -0,0 +1,23 @@
+import type { ElementType } from 'react';
+import type { StyledProps, SemanticKeys, CSS } from '../style';
+export declare const SptStx: import("../style").StyledComponent<"div", {}>;
+export declare const LnStx: import("../style").StyledComponent<"div", {}>;
+export declare const TxtStx: import("../style").StyledComponent<"span", {}>;
+export type SeparatorStyleProps = StyledProps<typeof SptStx> & {
+    color?: SemanticKeys;
+    orientation?: 'horizontal' | 'vertical';
+    decorative?: boolean;
+    variant?: 'solid' | 'dashed' | 'dotted';
+    space?: string | number;
+    size?: string | number;
+    length?: string | number;
+    text?: string | {
+        as?: ElementType;
+        css?: CSS;
+        position?: number;
+        contrast?: 'subtle' | 'low' | 'high';
+        padding?: string | number;
+        reverse?: boolean;
+        value?: string;
+    };
+};

package/dist/types/Slider/Slider.d.ts

@@ -0,0 +1,7 @@
+import type { SliderStyleProps, ThumbStyleProps } from './slider.style';
+declare const T: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-slider").SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>>, {}>, ThumbStyleProps>;
+declare const S: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-slider").SliderProps & import("react").RefAttributes<HTMLSpanElement>>, {}>, SliderProps>;
+export interface SliderProps extends SliderStyleProps {
+    children?: (Thumb: typeof T, index?: number) => React.ReactNode;
+}
+export default S;

package/dist/types/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Slider';
+export type { SliderProps } from './Slider';

package/dist/types/Slider/slider.style.d.ts

@@ -0,0 +1,24 @@
+import type { StyledProps, SemanticKeys, CSSColorKeys } from '../style';
+export declare const RtStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-slider").SliderProps & import("react").RefAttributes<HTMLSpanElement>>, {}>;
+export declare const TrStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-slider").SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>, {}>;
+export declare const RgStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-slider").SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>, {}>;
+export declare const TbStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-slider").SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>>, {}>;
+type NumberOrString = number | string;
+export type SliderStyleProps = Omit<StyledProps<typeof RtStx>, 'children' | 'asChild'> & {
+    sliderColor?: {
+        thumb?: CSSColorKeys;
+        range?: CSSColorKeys;
+        track?: CSSColorKeys;
+    };
+    size?: {
+        thumb?: NumberOrString | {
+            x?: NumberOrString;
+            y?: NumberOrString;
+        };
+        rail?: NumberOrString;
+    };
+    color?: SemanticKeys;
+};
+export interface ThumbStyleProps extends StyledProps<typeof TbStx> {
+}
+export {};

package/dist/types/Slot/index.d.ts

@@ -0,0 +1,13 @@
+import { createSlot as cs, createSlottable as cst } from '@radix-ui/react-slot';
+type SlottableProps = {
+    children: React.ReactNode;
+};
+type SlottableComponent = React.FC<SlottableProps> & {
+    __radixId: symbol;
+};
+declare const Slot: import("react").ForwardRefExoticComponent<import("@radix-ui/react-slot").SlotProps & import("react").RefAttributes<HTMLElement>>;
+export declare const Slottable: SlottableComponent;
+export declare const createSlot: typeof cs;
+export declare const createSlottable: typeof cst;
+export default Slot;
+export type { SlotProps } from '@radix-ui/react-slot';

package/dist/types/Spinner/Spinner.d.ts

@@ -0,0 +1,6 @@
+import type { LoaderStyleProps } from './spinner.style';
+declare const S: import("../utils").Component<import("..").StyledComponent<import("../utils").Component<"svg", import("../shared/icons/types").Props>, {}>, LoaderProps>;
+export interface LoaderProps extends LoaderStyleProps {
+    active?: boolean;
+}
+export default S;

package/dist/types/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Spinner';
+export type { LoaderProps } from './Spinner';

package/dist/types/Spinner/spinner.style.d.ts

@@ -0,0 +1,7 @@
+import type { StyledProps } from '../style';
+export declare const SpnStx: import("../style").StyledComponent<import("..").Component<"svg", import("../shared/icons/types").Props>, {}>;
+type OnlyStringNumeric = (string | number) & {};
+export type LoaderStyleProps = StyledProps<typeof SpnStx> & {
+    weight?: OnlyStringNumeric;
+};
+export {};

package/dist/types/Table/Body.d.ts

@@ -0,0 +1,13 @@
+import type { TableStyleProps } from './table.style';
+declare const B: import("../utils").Component<import("..").StyledComponent<"tbody", {}>, TBodyProps>;
+export interface TBodyProps extends Root {
+    cols: {
+        width: string | number;
+        [x: string]: any;
+    }[];
+    data?: {
+        [x: string]: any;
+    }[];
+}
+export default B;
+type Root = Pick<TableStyleProps, 'striped' | 'hoverable' | 'bordered' | 'expandable'>;

package/dist/types/Table/Expand.d.ts

@@ -0,0 +1,20 @@
+import type { FC } from 'react';
+import type { TableStyleProps } from './table.style';
+export declare const useExp: (props: ExpandProps) => UseExpReturn;
+export declare const TrgExp: FC<TrgExpProps>;
+export declare const CompExp: FC<CompExpProps>;
+type TrgExpProps = Base & Pick<UseExpReturn, 'icon' | 'onExpand'>;
+type CompExpProps = {
+    span: number;
+} & Base & Pick<UseExpReturn, 'render' | 'css'>;
+type ExpandProps = Pick<TableStyleProps, 'expandable'>['expandable'];
+type UseExpReturn = Expand & {
+    open?: number | number[];
+};
+type Expand = Exclude<ExpandProps, undefined>;
+type Base = {
+    record: object;
+    index: number;
+    isOpen: boolean;
+};
+export {};

package/dist/types/Table/Foot.d.ts

@@ -0,0 +1,10 @@
+declare const F: import("../utils").Component<import("..").StyledComponent<"tfoot", {}>, TFootProps>;
+export interface TFootProps {
+    data?: {
+        [x: string]: any;
+    }[] | {
+        [x: string]: any;
+    }[][];
+    colored?: boolean;
+}
+export default F;

package/dist/types/Table/Head.d.ts

@@ -0,0 +1,17 @@
+declare const H: import("../utils").Component<import("..").StyledComponent<"thead", {}>, THeadProps>;
+export interface THeadProps {
+    data: {
+        title: string;
+        row: number;
+        col: number;
+        [x: string]: any;
+    }[][];
+    cols: {
+        width: string | number;
+        [x: string]: any;
+    }[];
+    hasWidth: boolean;
+    colored?: boolean;
+    divider?: boolean;
+}
+export default H;

package/dist/types/Table/Table.d.ts

@@ -0,0 +1,5 @@
+import type { TableStyleProps } from './table.style';
+declare const T: import("../utils").Component<import("..").StyledComponent<"table", {}>, TableProps>;
+export interface TableProps extends TableStyleProps {
+}
+export default T;

package/dist/types/Table/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Table';
+export type { TableProps } from './Table';

package/dist/types/Table/table.style.d.ts

@@ -0,0 +1,64 @@
+import type { ReactNode, ReactElement } from 'react';
+import type { StyledProps, SemanticKeys, CSS } from '../style';
+export declare const Ctr: import("../style").StyledComponent<"div", {}>;
+export declare const Exp: import("../style").StyledComponent<"div", {}>;
+export declare const Tbl: import("../style").StyledComponent<"table", {}>;
+export declare const Thd: import("../style").StyledComponent<"thead", {}>;
+export declare const Tbd: import("../style").StyledComponent<"tbody", {}>;
+export declare const Tft: import("../style").StyledComponent<"tfoot", {}>;
+export declare const Tr: import("../style").StyledComponent<"tr", {}>;
+export declare const Th: import("../style").StyledComponent<"th", {}>;
+export declare const Td: import("../style").StyledComponent<"td", {}>;
+export declare const Sl: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-slot").SlotProps & import("react").RefAttributes<HTMLElement>>, {}>;
+export declare const Trg: import("../style").StyledComponent<"button", {}>;
+export declare const IcnStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-slot").SlotProps & import("react").RefAttributes<HTMLElement>>, {}>;
+export type TableStyleProps = StyledProps<typeof Tbl> & {
+    cssContainer?: CSS;
+    color?: SemanticKeys;
+    columns?: Columns[];
+    dataSource?: object[];
+    footer?: Footer[] | Footer[][];
+    bordered?: boolean | 'col' | 'row' | 'both';
+    striped?: 'odd' | 'even';
+    hoverable?: boolean;
+    colored?: 'head' | 'foot' | 'both';
+    headDivider?: boolean;
+    tableLayout?: 'auto' | 'fixed';
+    expandable?: {
+        render?: (record: object, index: number) => ReactNode;
+        css?: CSS;
+        isExpandable?: (record: object) => boolean;
+        onExpand?: (record: object, index: number) => void;
+        defaultOpen?: number[];
+        singleExpand?: boolean;
+        icon?: ReactElement | {
+            css?: CSS;
+            cssContainer?: CSS;
+            render?: ReactElement;
+        };
+        rowAsTrigger?: boolean | ((colIndex: number, lastColIndex: number, rowIndex: number, lastRowIndex: number) => boolean);
+    };
+};
+type Columns = {
+    title: ReactNode;
+    dataIndex?: string;
+    css?: CSS;
+    width?: string | number;
+    colSpan?: number;
+    rowSpan?: number;
+    contents?: Render | {
+        asChild?: boolean;
+        css?: CSS;
+        render?: Render;
+    };
+    group?: Columns[];
+};
+type Footer = {
+    render: ReactNode;
+    asChild?: boolean;
+    css?: CSS;
+    colSpan?: number;
+    rowSpan?: number;
+};
+type Render = (value: any, record: object, index: number) => ReactNode;
+export {};

package/dist/types/Table/utils.d.ts

@@ -0,0 +1,7 @@
+/** Expandable Token */
+export declare const EXPAND = "$$EXP";
+export declare function colParser(headers?: Record<any, any>[], isExpand?: boolean): {
+    head: any[];
+    child: any[];
+    hasWidth: boolean;
+};