@fuzzy-ui/react 0.1.0

package/dist/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@fuzzy-ui/react",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
+  "types": "./types/index.d.ts",
+  "sideEffects": false,
+  "license": "MIT",
+  "scripts": {},
+  "dependencies": {
+    "@radix-ui/react-compose-refs": "^1.1.2",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-navigation-menu": "^1.2.13",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-portal": "^1.1.9",
+    "@radix-ui/react-presence": "^1.1.4",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slider": "^1.3.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@stitches/core": "1.3.1-1",
+    "@zag-js/auto-resize": "^1.33.1",
+    "deepmerge": "^4.3.1"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./*": {
+      "types": "./types/*/index.d.ts",
+      "import": "./esm/*/index.js",
+      "require": "./cjs/*/index.js"
+    },
+    "./package.json": "./package.json"
+  }
+}

package/dist/types/Box/Box.d.ts

@@ -0,0 +1,6 @@
+import type { BoxStyleProps } from './box.style';
+declare const B: import("../utils").Component<import("..").StyledComponent<"div", {}>, BoxProps>;
+export interface BoxProps extends BoxStyleProps {
+    asChild?: boolean;
+}
+export default B;

package/dist/types/Box/box.style.d.ts

@@ -0,0 +1,4 @@
+import type { StyledProps } from '../style';
+export declare const Bxm: import("../style").StyledComponent<"div", {}>;
+export declare const Bxc: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-slot").SlotProps & import("react").RefAttributes<HTMLElement>>, {}>;
+export type BoxStyleProps = StyledProps<typeof Bxm>;

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

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

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

@@ -0,0 +1,10 @@
+import type { ButtonStyleProps } from './button.style';
+declare const B: import("../utils").Component<import("..").StyledComponent<"button", {
+    radius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "pill" | undefined;
+    variant?: "light" | "default" | "flat" | "bordered" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    isLoading?: boolean | "true" | undefined;
+}>, ButtonProps>;
+export interface ButtonProps extends ButtonStyleProps {
+}
+export default B;

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

@@ -0,0 +1,10 @@
+export default function ({ duration, color, className, interact, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+type Props = {
+    duration?: number;
+    /** [ripple_color, fallback_color] */
+    color: [string | undefined, string | undefined];
+    className?: string;
+    interact?: boolean;
+    [x: string]: any;
+};
+export {};

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

@@ -0,0 +1,20 @@
+import type { StyledProps, SemanticKeys, CSSColorKeys } from '../style';
+export declare const BS: import("../style").StyledComponent<"button", {
+    radius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "pill" | undefined;
+    variant?: "light" | "default" | "flat" | "bordered" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    isLoading?: boolean | "true" | undefined;
+}>;
+export declare const IconWrp: import("../style").StyledComponent<"span", {
+    spin?: boolean | "true" | undefined;
+}>;
+export declare const RplWrp: import("../style").StyledComponent<"span", {}>;
+export declare const Rpl: import("../style").StyledComponent<"span", {}>;
+export type ButtonStyleProps = StyledProps<typeof BS, 'isLoading' | 'variant'> & {
+    loadingColor?: CSSColorKeys;
+    color?: SemanticKeys;
+    icon?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    ripple?: boolean | 'true';
+    rippleColor?: CSSColorKeys;
+};

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

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

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

@@ -0,0 +1,33 @@
+import type { ReactElement } from 'react';
+import type { CardStyleProps } from './card.style';
+declare const IPOS: readonly ["top", "center-top", "center-bottom", "bottom", "left", "right", "cover"];
+declare const LIFT_SIZE: {
+    readonly xs: 1.5;
+    readonly sm: 5;
+    readonly md: 10;
+    readonly lg: 15;
+    readonly xl: 20;
+};
+declare const SHADOWS: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl"];
+declare const C: import("../utils").Component<import("..").StyledComponent<"div", {
+    radius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "pill" | undefined;
+    bordered?: boolean | "true" | undefined;
+}>, CardProps>;
+export interface CardProps extends CardStyleProps {
+    lift?: boolean | LiftKeys;
+    shadow?: boolean | Shadows;
+    image?: ReactElement | {
+        css?: CSS;
+        zoom?: number | {
+            to?: number;
+            duration?: number;
+        };
+        placement?: Placements;
+        render?: ReactElement;
+    };
+}
+export default C;
+type LiftKeys = keyof typeof LIFT_SIZE;
+type Placements = (typeof IPOS)[number];
+type Shadows = (typeof SHADOWS)[number];
+type CSS = CardStyleProps['css'];

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

@@ -0,0 +1,14 @@
+import type { StyledProps } from '../style';
+export declare const Cr: import("../style").StyledComponent<"div", {
+    radius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "pill" | undefined;
+    bordered?: boolean | "true" | undefined;
+}>;
+export declare const Cb: import("../style").StyledComponent<"div", {}>;
+export declare const Iw: import("../style").StyledComponent<"div", {
+    cover?: boolean | "true" | "false" | undefined;
+}>;
+export type CardStyleProps = Omit<StyledProps<typeof Cr>, 'bordered'> & {
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    bordered?: boolean | number;
+};

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

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

package/dist/types/Flex/Flex.d.ts

@@ -0,0 +1,17 @@
+import type { FlexStyleProps, FlexContainerStyleProps } from './flex.style';
+import type { Component } from '../utils';
+import type { GapProps } from '../shared/styled-utils';
+export interface FlexContainerProps extends FlexContainerStyleProps, GapProps {
+}
+export interface FlexProps extends GapProps, FlexStyleProps {
+}
+declare const _default: Component<import("..").StyledComponent<"div", {
+    alignContent?: "center" | "space-around" | "space-between" | "stretch" | "end" | "start" | undefined;
+    alignItems?: "center" | "stretch" | "end" | "start" | "baseline" | undefined;
+    direction?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
+    wrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+    justify?: "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start" | undefined;
+}>, FlexProps> & {
+    Container: Component<"div", FlexContainerProps>;
+};
+export default _default;

package/dist/types/Flex/flex.style.d.ts

@@ -0,0 +1,22 @@
+import type { StyledProps } from '../style';
+export declare const Fcs: import("../style").StyledComponent<"div", {
+    alignContent?: "center" | "space-around" | "space-between" | "stretch" | "end" | "start" | undefined;
+    alignItems?: "center" | "stretch" | "end" | "start" | "baseline" | undefined;
+    justify?: "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start" | undefined;
+}>;
+export declare const Fxs: import("../style").StyledComponent<"div", {
+    alignContent?: "center" | "space-around" | "space-between" | "stretch" | "end" | "start" | undefined;
+    alignItems?: "center" | "stretch" | "end" | "start" | "baseline" | undefined;
+    direction?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
+    wrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+    justify?: "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start" | undefined;
+}>;
+export type FlexStyleProps = StyledProps<typeof Fxs> & {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    xxl?: number;
+};
+export type FlexContainerStyleProps = StyledProps<typeof Fcs>;

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

@@ -0,0 +1,2 @@
+export { default } from './Flex';
+export type { FlexProps, FlexContainerProps } from './Flex';

package/dist/types/Grid/Grid.d.ts

@@ -0,0 +1,7 @@
+import type { TemplateProp } from './grid.helpers';
+import type { GapProps } from '../shared/styled-utils';
+import type { GridStyleProps } from './grid.style';
+declare const Gd: import("../utils").Component<import("..").StyledComponent<"div", {}>, GridProps>;
+export interface GridProps extends GapProps, GridStyleProps, TemplateProp {
+}
+export default Gd;

package/dist/types/Grid/grid.helpers.d.ts

@@ -0,0 +1,45 @@
+export declare const prefix = "@";
+export declare const query: ["xs", "sm", "md", "lg", "xl", "xxl"];
+export declare function isStr<T>(value: T): boolean;
+export declare function isStrInt(value?: string): boolean;
+export declare function isArr<T>(value: T): boolean;
+export declare function isObj<T>(value: T): boolean;
+export declare function toObj<T extends Array<[unknown, unknown]>>(arr: T): T extends (infer R)[] ? R extends [infer key, infer val] ? { [prop in key & (string | number | symbol)]: val; } : never : never;
+/** Split the string by space characters except those in parentheses */
+export declare function splitOuter(input: string): string[];
+export type Query = typeof query;
+export type TemplateProp = {
+    childStack: string[];
+    templateLayout?: {
+        [K in Query[number]]?: {
+            sizes?: {
+                x?: string;
+                y?: string;
+            };
+            pattern?: string;
+        };
+    };
+    templateSpan?: {
+        tile: [number] | [number, string] | {
+            x?: [number] | [number, string];
+            y?: [number] | [number, string];
+        };
+    } & {
+        [stackItem: string]: {
+            [K in Query[number]]?: {
+                span?: number | {
+                    x?: number;
+                    y?: number;
+                };
+                shift?: number | {
+                    x?: number;
+                    y?: number;
+                };
+            };
+        };
+    };
+};
+export type Stack = TemplateProp['childStack'];
+export type Layout = Exclude<TemplateProp['templateLayout'], undefined>;
+export type Span = Exclude<TemplateProp['templateSpan'], undefined>;
+export type Tile = Span['tile'];

package/dist/types/Grid/grid.layout.d.ts

@@ -0,0 +1,23 @@
+import type { Layout, Stack } from './grid.helpers';
+export default function (stack: Stack, obj: Layout): {
+    gridTemplate: string;
+} | {
+    "@xs": {
+        gridTemplate: string;
+    };
+    "@sm": {
+        gridTemplate: string;
+    };
+    "@md": {
+        gridTemplate: string;
+    };
+    "@lg": {
+        gridTemplate: string;
+    };
+    "@xl": {
+        gridTemplate: string;
+    };
+    "@xxl": {
+        gridTemplate: string;
+    };
+};

package/dist/types/Grid/grid.span.d.ts

@@ -0,0 +1,5 @@
+import type { Span, Stack } from './grid.helpers';
+export default function (stack: Stack, obj: Span): {
+    gridTemplateRows: string;
+    gridTemplateColumns: string;
+};

package/dist/types/Grid/grid.style.d.ts

@@ -0,0 +1,3 @@
+import type { StyledProps } from '../style';
+export declare const Gds: import("../style").StyledComponent<"div", {}>;
+export type GridStyleProps = StyledProps<typeof Gds>;

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

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

package/dist/types/Header/Head.Brand.d.ts

@@ -0,0 +1,5 @@
+import type { BrandStyleProps } from './header.style';
+declare const Br: import("../utils").Component<import("..").StyledComponent<"span", {}>, BrandProps>;
+export interface BrandProps extends BrandStyleProps {
+}
+export default Br;

package/dist/types/Header/Header.d.ts

@@ -0,0 +1,12 @@
+import { getScreen } from '../utils';
+import type { HeaderStyleProps } from './header.style';
+import type { UseScrollProps } from '../hooks/use-scroll';
+type ScreenProps = Exclude<Parameters<typeof getScreen>[0], undefined>['size'];
+declare const Hd: import("../utils").Component<import("..").StyledComponent<"div", {}>, HeaderProps>;
+export interface HeaderProps extends HeaderStyleProps {
+    parentRef?: UseScrollProps['elementRef'];
+    hideOnScroll?: boolean;
+    onScrollChange?: (scrollPosition: number) => void;
+    maxScreen?: ScreenProps;
+}
+export default Hd;

package/dist/types/Header/header.style.d.ts

@@ -0,0 +1,19 @@
+import type { StyledProps, CSSContainer } from '../style';
+import type { SemanticKeys } from '../style';
+export declare const Hs: import("../style").StyledComponent<"header", {
+    variant?: "static" | "sticky" | undefined;
+    isHide?: boolean | "true" | "false" | undefined;
+}>;
+export declare const Hsw: import("../style").StyledComponent<"div", {}>;
+export declare const Hbs: import("../style").StyledComponent<"span", {}>;
+type StyleProps = StyledProps<typeof Hs, 'variant' | 'isHide'>;
+export type HeaderStyleProps = StyledProps<typeof Hsw> & {
+    color?: SemanticKeys;
+    variant?: StyleProps['variant'];
+    blur?: {
+        opaque?: number;
+        color?: string;
+    } | boolean;
+} & CSSContainer;
+export type BrandStyleProps = StyledProps<typeof Hbs>;
+export {};

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

@@ -0,0 +1,6 @@
+export type { HeaderProps } from './Header';
+export type { BrandProps } from './Head.Brand';
+declare const _default: import("..").Component<import("..").StyledComponent<"div", {}>, import("./Header").HeaderProps> & {
+    Brand: import("..").Component<import("..").StyledComponent<"span", {}>, import("./Head.Brand").BrandProps>;
+};
+export default _default;

package/dist/types/Input/Addons.d.ts

@@ -0,0 +1,9 @@
+import type { InternalProps } from './Inter';
+export default function ({ before, after, children, cls }: AddProps): import("react/jsx-runtime").JSX.Element;
+interface AddProps {
+    before?: InternalProps;
+    after?: InternalProps;
+    children?: InternalProps['children'];
+    cls?: string;
+}
+export {};

package/dist/types/Input/Input.d.ts

@@ -0,0 +1,8 @@
+import type { Password } from './Pass';
+import type { InputStyleProps } from './input.style';
+import type { FilterType } from './filter.input';
+declare const I: import("../utils").Component<import("..").StyledComponent<"input", {}>, InputProps>;
+export interface InputProps extends InputStyleProps, Password {
+    withFilter?: FilterType['filter'];
+}
+export default I;

package/dist/types/Input/Inter.d.ts

@@ -0,0 +1,16 @@
+import type { StyledProps } from '../style';
+declare const DefElm: import("../style").StyledComponent<"span", {}>;
+declare const _default: import("../utils").Component<import("../style").StyledComponent<"span", {}>, InterProps>;
+export default _default;
+interface InterProps extends StyleProps {
+    cls?: StyleProps['className'];
+    stl?: StyleProps['css'];
+    asChild?: InternalProps['asChild'];
+}
+type StyleProps = StyledProps<typeof DefElm>;
+export type InternalProps = {
+    asChild?: boolean;
+    css?: StyleProps['css'];
+    className?: StyleProps['className'];
+    children?: StyleProps['children'];
+};

package/dist/types/Input/Pass.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { CSS } from '../style';
+export default function (props?: Password['password'], cls?: string): {
+    passType: "password" | undefined;
+    passRender: import("react/jsx-runtime").JSX.Element;
+};
+export type Password = {
+    password?: boolean | {
+        css?: CSS;
+        className?: string;
+        icon?: (visible: boolean) => ReactNode;
+        visible?: boolean;
+        onVisibleChange?: (visible: boolean) => void;
+    };
+};

package/dist/types/Input/filter.input.d.ts

@@ -0,0 +1,18 @@
+import { stringPattern, numberPattern } from '../utils/simpleStrFilter';
+type NumberOptions = Exclude<Parameters<typeof numberPattern>[0], undefined>;
+type StringOptions = Exclude<Parameters<typeof stringPattern>[0], undefined>;
+export declare function eventFilter(withFilter?: FilterType['filter'], defaultValue?: Value, value?: Value, onChange?: React.ChangeEventHandler<HTMLInputElement>): [string | number | readonly string[] | undefined, string | number | readonly string[] | undefined, (e: React.ChangeEvent<HTMLInputElement>) => void];
+type Value = string | number | readonly string[];
+export type FilterType = {
+    filter: {
+        as: 'regexp';
+        pattern?: RegExp;
+    } | {
+        as: 'string';
+        pattern?: StringOptions;
+    } | {
+        as: 'number';
+        pattern?: NumberOptions;
+    };
+};
+export {};

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

@@ -0,0 +1,3 @@
+import I from './Input';
+export type { InputProps } from './Input';
+export default I;

package/dist/types/Input/input.style.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode } from 'react';
+import type { StyledProps, StyledVariants, CSS, SemanticKeys } from '../style';
+export declare const PrtStx: import("../style").StyledComponent<"div", {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    rounded?: boolean | "true" | undefined;
+}>;
+export declare const VriStx: import("../style").StyledComponent<"div", {
+    variant?: "flat" | "bordered" | "underlined" | undefined;
+}>;
+export declare const FulStx: import("../style").StyledComponent<"div", {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    rounded?: boolean | "true" | undefined;
+    variant?: "flat" | "bordered" | "underlined" | undefined;
+}>;
+export declare const InpStx: import("../style").StyledComponent<"input", {}>;
+type ContainerStx = StyledVariants<typeof FulStx, 'variant' | 'rounded'>;
+type Node = {
+    Opts: {
+        asChild?: boolean;
+        css?: CSS;
+        className?: string;
+        render?: ReactNode;
+    } | ReactNode;
+};
+export type InputStyleProps = ContainerStx & Omit<StyledProps<typeof InpStx>, 'prefix' | 'size'> & {
+    color?: SemanticKeys;
+    prefix?: Node['Opts'];
+    suffix?: Node['Opts'];
+    addonBefore?: Node['Opts'];
+    addonAfter?: Node['Opts'];
+};
+export {};

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

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

package/dist/types/Modal/Modal.Overlay.d.ts

@@ -0,0 +1,6 @@
+import type { ModalOverlayStyleProps } from './modal.style';
+declare const O: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>, {}>, ModalOverlayProps>;
+export interface ModalOverlayProps extends ModalOverlayStyleProps {
+    scroll?: boolean;
+}
+export default O;

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

@@ -0,0 +1,8 @@
+import type { ModalStyleProps } from './modal.style';
+declare const M: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>>, {
+    scrollBehavior?: "inside" | "outside" | undefined;
+    modality?: boolean | "true" | "false" | undefined;
+}>, ModalProps>;
+export interface ModalProps extends ModalStyleProps {
+}
+export default M;

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

@@ -0,0 +1,9 @@
+export type { ModalProps } from './Modal';
+export type { ModalCloseProps } from './Modal.Close';
+declare const _default: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>>, {
+    scrollBehavior?: "inside" | "outside" | undefined;
+    modality?: boolean | "true" | "false" | undefined;
+}>, import("./Modal").ModalProps> & {
+    Close: import("..").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>, {}>, import("./Modal.Close").ModalCloseProps>;
+};
+export default _default;

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

@@ -0,0 +1,53 @@
+import { Overlay } from '@radix-ui/react-dialog';
+import type { DialogProps, DialogPortalProps } from '@radix-ui/react-dialog';
+import type { StyledProps, CSS } from '../style';
+export declare const RtStx: import("react").FC<DialogProps>;
+export declare const PtlStx: import("react").FC<DialogPortalProps>;
+export declare const TrgStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, {}>;
+export declare const OvrStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>, {}>;
+export declare const MdlStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>>, {
+    scrollBehavior?: "inside" | "outside" | undefined;
+    modality?: boolean | "true" | "false" | undefined;
+}>;
+export declare const CtnStx: import("../style").StyledComponent<"div", {}>;
+export declare const SltStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-slot").SlotProps & import("react").RefAttributes<HTMLElement>>, {}>;
+export declare const WrpStx: import("../style").StyledComponent<"div", {}>;
+export declare const TleStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>, {}>;
+export declare const DscStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>, {}>;
+export declare const FtrStx: import("../style").StyledComponent<"div", {}>;
+export declare const ClsStx: import("../style").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>, {}>;
+export declare const IBStx: import("../style").StyledComponent<"button", {}>;
+type TextStyle = {
+    text?: string;
+    css?: CSS;
+};
+type Overlay = {
+    overlay?: {
+        blur?: number;
+        color?: string;
+    };
+};
+type RtProps = Omit<DialogProps, 'children' | 'modal'>;
+export type ModalStyleProps = Omit<StyledProps<typeof MdlStx, 'scrollBehavior' | 'modality'>, 'title'> & {
+    trigger?: React.ReactNode | {
+        css?: CSS;
+        render?: React.ReactNode;
+    };
+    title?: string | TextStyle;
+    description?: string | TextStyle;
+    container?: DialogPortalProps['container'];
+    autoFocusTo?: 'content' | 'trigger' | 'both';
+    closable?: boolean;
+    closeIcon?: React.ReactNode | {
+        css?: CSS;
+        render?: React.ReactNode;
+    };
+    footer?: React.ReactNode[] | {
+        css?: CSS;
+        render?: React.ReactNode[];
+    };
+    preventClose?: boolean;
+} & Overlay & RtProps;
+export type ModalCloseStyleProps = StyledProps<typeof ClsStx>;
+export type ModalOverlayStyleProps = StyledProps<typeof OvrStx> & Overlay;
+export {};

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

@@ -0,0 +1,6 @@
+import type { ArrowStyleProps } from './navmenu.style';
+declare const Idc: import("../utils").Component<import("..").StyledComponent<"div", {}>, IndicatorProps>;
+export interface IndicatorProps extends ArrowStyleProps {
+    isSub?: boolean;
+}
+export default Idc;

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

@@ -0,0 +1,15 @@
+import type { ReactNode, JSX } from 'react';
+import type { MenuIconStyleProps, ContentStyleProps } from './navmenu.style';
+declare const Mi: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-slot").SlotProps & import("react").RefAttributes<HTMLElement>>, {}>, MenuIconProps>;
+export interface MenuIconProps extends MenuIconStyleProps {
+    render?: ReactNode;
+}
+export default Mi;
+export declare function iI({ disabled, trigger, icon }: Props): string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | (string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element | null | undefined)[] | null | undefined;
+type Props = {
+    trigger: TrgProps;
+    icon: IcnProps;
+    disabled?: boolean;
+};
+type TrgProps = Omit<Exclude<ContentStyleProps['trigger'], ReactNode>, 'css'>;
+type IcnProps = Exclude<ContentStyleProps['menuIcon'], ReactNode>;

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

@@ -0,0 +1,5 @@
+import type { ItemStyleProps } from './navmenu.style';
+declare const Ni: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>>, {}>, NavItemProps>;
+export interface NavItemProps extends ItemStyleProps {
+}
+export default Ni;

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

@@ -0,0 +1,5 @@
+import type { CSSContainer, LinkStyleProps } from './navmenu.style';
+declare const Nl: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, {}>, NavLinkProps>;
+export interface NavLinkProps extends LinkStyleProps, CSSContainer {
+}
+export default Nl;

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

@@ -0,0 +1,7 @@
+import type { ContentStyleProps } from './navmenu.style';
+declare const Nm: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, {
+    asSub?: boolean | "true" | "false" | undefined;
+}>, NavCollapseProps>;
+export interface NavCollapseProps extends ContentStyleProps {
+}
+export default Nm;

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

@@ -0,0 +1,9 @@
+import type { SubStyleProps } from './navmenu.style';
+export declare const SubCtx: import("react").Context<{
+    t: string;
+} | null>;
+declare const S: import("../utils").Component<import("..").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuSubProps & import("react").RefAttributes<HTMLDivElement>>, {}>, SubProps>;
+export interface SubProps extends SubStyleProps {
+    menuAction?: 'click' | 'hover';
+}
+export default S;