@pathscale/ui 0.0.80 → 0.0.81

package/dist/components/dock/DockItem.d.ts

@@ -0,0 +1,9 @@
+import type { JSX, Component } from "solid-js";
+import { IComponentBaseProps } from "../types";
+import { ComponentColor } from "../types";
+export type DockItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & IComponentBaseProps & {
+    color?: ComponentColor;
+    active?: boolean;
+};
+declare const DockItem: Component<DockItemProps>;
+export default DockItem;

package/dist/components/dock/DockLabel.d.ts

@@ -0,0 +1,6 @@
+import type { JSX, Component } from "solid-js";
+export type DockLabelProps = JSX.HTMLAttributes<HTMLSpanElement> & {
+    className?: string;
+};
+declare const DockLabel: Component<DockLabelProps>;
+export default DockLabel;

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

@@ -0,0 +1,3 @@
+import Dock, { type DockProps } from "./Dock";
+export type { DockProps };
+export default Dock;

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

@@ -0,0 +1,14 @@
+import { type JSX, type ParentComponent } from "solid-js";
+import { IComponentBaseProps } from "../types";
+export type DrawerProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "ref"> & IComponentBaseProps & {
+    side: JSX.Element;
+    open?: boolean;
+    end?: boolean;
+    toggleClassName?: string;
+    contentClassName?: string;
+    sideClassName?: string;
+    overlayClassName?: string;
+    onClickOverlay?: () => void;
+};
+declare const Drawer: ParentComponent<DrawerProps>;
+export default Drawer;

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

@@ -0,0 +1 @@
+export { default, type DrawerProps } from "./Drawer";

package/dist/components/dropdown/Dropdown.d.ts

@@ -0,0 +1,28 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import { type DropdownContextType } from "./dropdownContext";
+export type DropdownProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
+    item?: JSX.Element;
+    horizontal?: "left" | "right";
+    vertical?: "top" | "bottom";
+    end?: boolean;
+    hover?: boolean;
+    open?: boolean;
+    fullWidth?: boolean;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-expanded"?: boolean;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog";
+    "aria-labelledby"?: string;
+};
+export declare const classesFn: ({ className, horizontal, vertical, end, hover, open, }: Pick<DropdownProps, "className" | "horizontal" | "vertical" | "end" | "hover" | "open">) => string;
+export declare const DropdownContext: import("solid-js").Context<DropdownContextType | undefined>;
+declare const _default: ((props: DropdownProps) => JSX.Element) & {
+    Details: ((props: import("./DropdownDetails").DetailsProps) => JSX.Element) & {
+        Toggle: (props: import("./DropdownToggle").SummaryProps) => JSX.Element;
+    };
+    Toggle: (props: import("./DropdownToggle").DropdownToggleProps) => JSX.Element;
+    Menu: (props: import("./DropdownMenu").DropdownMenuProps) => JSX.Element;
+    Item: (props: import("./DropdownItem").DropdownItemProps) => JSX.Element;
+};
+export default _default;

package/dist/components/dropdown/DropdownDetails.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from "solid-js";
+export type DetailsProps = Omit<JSX.HTMLAttributes<HTMLDetailsElement>, "item" | "hover"> & {
+    dataTheme?: string;
+    horizontal?: "left" | "right";
+    vertical?: "top" | "bottom";
+    end?: boolean;
+    open?: boolean;
+    children?: JSX.Element;
+    className?: string;
+};
+declare const _default: ((props: DetailsProps) => JSX.Element) & {
+    Toggle: (props: import("./DropdownToggle").SummaryProps) => JSX.Element;
+};
+export default _default;

package/dist/components/dropdown/DropdownItem.d.ts

@@ -0,0 +1,19 @@
+import { type JSX } from "solid-js";
+type AnchorProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    closeOnClick?: boolean;
+    anchor?: true;
+};
+type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    closeOnClick?: boolean;
+    anchor?: false;
+};
+type NoAnchorProps = {
+    children?: JSX.Element;
+    anchor?: false;
+    closeOnClick?: boolean;
+};
+export type DropdownItemProps = (AnchorProps | ButtonProps | NoAnchorProps) & {
+    "aria-selected"?: boolean;
+};
+declare const DropdownItem: (props: DropdownItemProps) => JSX.Element;
+export default DropdownItem;

package/dist/components/dropdown/DropdownMenu.d.ts

@@ -0,0 +1,11 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type DropdownMenuProps = JSX.HTMLAttributes<HTMLUListElement> & IComponentBaseProps & {
+    id?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+    "aria-labelledby"?: string;
+};
+declare const DropdownMenu: (props: DropdownMenuProps) => JSX.Element;
+export default DropdownMenu;

package/dist/components/dropdown/DropdownToggle.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from "solid-js";
+import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
+export type DropdownToggleProps = Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, "color"> & IComponentBaseProps & {
+    color?: ComponentColor;
+    size?: ComponentSize;
+    button?: boolean;
+    disabled?: boolean;
+    id?: string;
+    role?: string;
+    "aria-haspopup"?: boolean | "menu" | "listbox" | "dialog" | "grid" | "tree";
+    "aria-expanded"?: boolean;
+    "aria-controls"?: string;
+};
+declare const DropdownToggle: (props: DropdownToggleProps) => JSX.Element;
+export type SummaryProps = JSX.HTMLAttributes<HTMLElement>;
+export declare const Summary: (props: SummaryProps) => JSX.Element;
+export default DropdownToggle;

package/dist/components/dropdown/dropdownContext.d.ts

@@ -0,0 +1,9 @@
+export type DropdownContextType = {
+    setOpen: (open: boolean) => void;
+    open: () => boolean;
+    ref: (el: HTMLDivElement) => void;
+    toggle: () => void;
+    onEnter: () => void;
+    onLeave: () => void;
+};
+export declare function useDropdown(trigger: "click" | "hover", disabled?: boolean): DropdownContextType;

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

@@ -0,0 +1,2 @@
+import Dropdown from './Dropdown';
+export default Dropdown;

package/dist/components/fileinput/FileInput.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from "solid-js";
+import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
+type FileInputBaseProps = {
+    size?: ComponentSize;
+    color?: ComponentColor;
+    bordered?: boolean;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+export type FileInputProps = FileInputBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof FileInputBaseProps>;
+declare const FileInput: (props: FileInputProps) => JSX.Element;
+export default FileInput;

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

@@ -0,0 +1 @@
+export { default } from "./FileInput";

package/dist/components/flex/Flex.d.ts

@@ -0,0 +1,18 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import { ResponsiveProp } from "../types";
+export type FlexProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLElement>, "ref"> & {
+    as?: keyof JSX.IntrinsicElements;
+    direction?: ResponsiveProp<"row" | "col" | "row-reverse" | "col-reverse">;
+    justify?: ResponsiveProp<"start" | "center" | "end" | "between" | "around" | "evenly">;
+    align?: ResponsiveProp<"start" | "center" | "end" | "stretch" | "baseline">;
+    wrap?: ResponsiveProp<"wrap" | "nowrap" | "wrap-reverse">;
+    gap?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
+    gapX?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
+    gapY?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
+    grow?: ResponsiveProp<boolean>;
+    shrink?: ResponsiveProp<boolean>;
+    basis?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
+};
+declare const Flex: (props: FlexProps) => JSX.Element;
+export default Flex;

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

@@ -0,0 +1 @@
+export { default } from "./Flex";

package/dist/components/footer/Footer.d.ts

@@ -0,0 +1,11 @@
+import { ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type FooterProps = IComponentBaseProps & {
+    center?: boolean;
+    horizontal?: boolean;
+    vertical?: boolean;
+};
+declare const FooterNamespaces: ParentComponent<FooterProps> & {
+    Title: ParentComponent<IComponentBaseProps>;
+};
+export default FooterNamespaces;

package/dist/components/footer/FooterTitle.d.ts

@@ -0,0 +1,4 @@
+import { IComponentBaseProps } from "../types";
+import { ParentComponent } from "solid-js";
+export type FooterTitleProps = IComponentBaseProps;
+export declare const FooterTitle: ParentComponent<FooterTitleProps>;

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

@@ -0,0 +1,3 @@
+export { default } from "./Footer";
+export type { FooterProps } from "./Footer";
+export type { FooterTitleProps } from "./FooterTitle";

package/dist/components/form/Form.d.ts

@@ -0,0 +1,11 @@
+import { type JSX, type ParentComponent } from "solid-js";
+import { IComponentBaseProps } from "../types";
+import ValidatedForm, { useFormValidation } from "./ValidatedForm";
+export { type ValidatedFormProps } from "./ValidatedForm";
+export type FormProps = Omit<JSX.HTMLAttributes<HTMLFormElement>, "ref"> & IComponentBaseProps;
+export { useFormValidation };
+declare const _default: ParentComponent<FormProps> & {
+    Label: ParentComponent<import("./Label").LabelProps>;
+    Validated: typeof ValidatedForm;
+};
+export default _default;

package/dist/components/form/Label.d.ts

@@ -0,0 +1,7 @@
+import { type JSX, type ParentComponent } from "solid-js";
+import { IComponentBaseProps } from "../types";
+export type LabelProps = Omit<JSX.HTMLAttributes<HTMLLabelElement>, "ref"> & IComponentBaseProps & {
+    title?: string;
+};
+declare const Label: ParentComponent<LabelProps>;
+export default Label;

package/dist/components/form/ValidatedForm.d.ts

@@ -0,0 +1,25 @@
+import { type JSX } from "solid-js";
+import { z } from "zod";
+import { type FormProps } from "./Form";
+export type ValidatedFormProps<T extends z.ZodTypeAny> = Omit<FormProps, "onSubmit"> & {
+    schema: T;
+    onSubmit: (values: z.infer<T>) => void | Promise<void>;
+    initialValues?: z.infer<T>;
+    children?: JSX.Element | (() => JSX.Element);
+};
+interface FormValidationContext {
+    errors: (path?: string | ((data: any) => any)) => any;
+    touched: (path?: string | ((data: any) => any)) => any;
+    data: (path?: string | ((data: any) => any)) => any;
+    isValid: () => boolean;
+    isSubmitting: () => boolean;
+    setData: (data: any) => void;
+    setErrors: (errors: any) => void;
+    setWarnings: (warnings: any) => void;
+    setTouched: (touched: any) => void;
+    reset: () => void;
+}
+declare const FormValidationContext: import("solid-js").Context<FormValidationContext | undefined>;
+export declare function useFormValidation(): FormValidationContext;
+declare function ValidatedForm<T extends z.ZodTypeAny>(props: ValidatedFormProps<T>): JSX.Element;
+export default ValidatedForm;

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

@@ -0,0 +1,3 @@
+export { default } from "./Form";
+export { type FormProps, type ValidatedFormProps, useFormValidation, } from "./Form";
+export { type LabelProps } from "./Label";

package/dist/components/grid/Grid.d.ts

@@ -0,0 +1,18 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import { ResponsiveProp } from "../types";
+type GridFlow = "row" | "col" | "row-dense" | "col-dense";
+type GridSize = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+type GridGap = "none" | "sm" | "md" | "lg" | "xl";
+type AutoSize = "min" | "max" | "fr";
+export type GridProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLElement>, "ref"> & {
+    as?: keyof JSX.IntrinsicElements;
+    cols?: ResponsiveProp<GridSize>;
+    rows?: ResponsiveProp<GridSize>;
+    flow?: ResponsiveProp<GridFlow>;
+    gap?: ResponsiveProp<GridGap>;
+    autoCols?: ResponsiveProp<AutoSize>;
+    autoRows?: ResponsiveProp<AutoSize>;
+};
+declare const Grid: (props: GridProps) => JSX.Element;
+export default Grid;

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

@@ -0,0 +1 @@
+export { default } from "./Grid";

package/dist/components/hero/Hero.d.ts

@@ -0,0 +1,10 @@
+import { ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type HeroProps = IComponentBaseProps & {
+    minHeight?: string;
+};
+declare const HeroNamespaces: ParentComponent<HeroProps> & {
+    Content: ParentComponent<import("./HeroContent").HeroContentProps>;
+    Overlay: ParentComponent<import("./HeroOverlay").HeroOverlayProps>;
+};
+export default HeroNamespaces;

package/dist/components/hero/HeroContent.d.ts

@@ -0,0 +1,6 @@
+import { ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type HeroContentProps = IComponentBaseProps & {
+    center?: boolean;
+};
+export declare const HeroContent: ParentComponent<HeroContentProps>;

package/dist/components/hero/HeroOverlay.d.ts

@@ -0,0 +1,6 @@
+import { ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type HeroOverlayProps = IComponentBaseProps & {
+    bgOpacity?: string;
+};
+export declare const HeroOverlay: ParentComponent<HeroOverlayProps>;

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

@@ -0,0 +1,4 @@
+export { default } from "./Hero";
+export type { HeroProps } from "./Hero";
+export type { HeroContentProps } from "./HeroContent";
+export type { HeroOverlayProps } from "./HeroOverlay";

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

@@ -0,0 +1,11 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import { ComponentColor } from "../types";
+export type IconProps = IComponentBaseProps & {
+    width?: number;
+    height?: number;
+    color?: ComponentColor;
+    name?: string;
+};
+declare const Icon: (props: IconProps) => JSX.Element;
+export default Icon;

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

@@ -0,0 +1 @@
+export { default } from "./Icon";

package/dist/components/indicator/Indicator.d.ts

@@ -0,0 +1,30 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type ElementType = keyof JSX.IntrinsicElements;
+type IndicatorBaseProps = {
+    horizontal?: "start" | "center" | "end";
+    vertical?: "top" | "middle" | "bottom";
+    as?: ElementType;
+    children?: JSX.Element;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+type PropsOf<E extends ElementType> = JSX.IntrinsicElements[E];
+export type IndicatorProps<E extends ElementType = "div"> = Omit<PropsOf<E>, keyof IndicatorBaseProps> & IndicatorBaseProps & IComponentBaseProps;
+type IndicatorItemBaseProps = {
+    horizontal?: "start" | "center" | "end";
+    vertical?: "top" | "middle" | "bottom";
+    as?: ElementType;
+    children?: JSX.Element;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+export type IndicatorItemProps<E extends ElementType = "span"> = Omit<PropsOf<E>, keyof IndicatorItemBaseProps> & IndicatorItemBaseProps & IComponentBaseProps;
+declare const _default: (<E extends ElementType = "div">(props: IndicatorProps<E>) => JSX.Element) & {
+    Item: <E extends ElementType = "span">(props: IndicatorItemProps<E>) => JSX.Element;
+};
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default } from "./Indicator";
+export type { IndicatorItemProps, IndicatorProps } from "./Indicator";

package/dist/components/input/Input.d.ts

@@ -0,0 +1,23 @@
+import { type JSX } from "solid-js";
+import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
+type InputBaseProps = {
+    size?: ComponentSize;
+    color?: ComponentColor;
+    variant?: "bordered" | "ghost" | "flushed";
+    fullWidth?: boolean;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+    rightIcon?: JSX.Element;
+    leftIcon?: JSX.Element;
+    placeholder?: string;
+    ref?: HTMLInputElement | ((el: HTMLInputElement) => void);
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean;
+    "aria-required"?: boolean;
+};
+export type InputProps = InputBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof InputBaseProps>;
+declare const Input: (props: InputProps) => JSX.Element;
+export default Input;

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

@@ -0,0 +1 @@
+export { default } from "./Input";

package/dist/components/join/Join.d.ts

@@ -0,0 +1,9 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type JoinProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
+    responsive?: boolean;
+    vertical?: boolean;
+    horizontal?: boolean;
+};
+declare const Join: (props: JoinProps) => JSX.Element;
+export default Join;

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

@@ -0,0 +1,2 @@
+export type { JoinProps } from "./Join";
+export { default } from "./Join";

package/dist/components/kbd/Kbd.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentProps } from "solid-js";
+export type KbdProps = ComponentProps<"kbd">;
+declare const Kbd: (props: KbdProps) => import("solid-js").JSX.Element;
+export default Kbd;

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

@@ -0,0 +1 @@
+export { default } from "./Kbd";

package/dist/components/link/Link.d.ts

@@ -0,0 +1,12 @@
+import { type JSX } from "solid-js";
+import type { ComponentColor, IComponentBaseProps } from "../types";
+export type LinkProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & IComponentBaseProps & {
+    color?: ComponentColor;
+    hover?: boolean;
+    asChild?: boolean;
+    "aria-current"?: "page" | "step" | "location" | "date" | "time" | boolean;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+};
+declare const Link: (props: LinkProps) => JSX.Element;
+export default Link;

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

@@ -0,0 +1 @@
+export { default } from "./Link";

package/dist/components/loading/Loading.d.ts

@@ -0,0 +1,14 @@
+import { type Component, type JSX } from "solid-js";
+import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
+export type LoadingProps = {
+    size?: ComponentSize;
+    color?: ComponentColor;
+    variant?: "spinner" | "dots" | "ring" | "ball" | "bars" | "infinity";
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-live"?: string;
+    "aria-busy"?: boolean;
+    role?: string;
+} & IComponentBaseProps & JSX.HTMLAttributes<HTMLSpanElement>;
+declare const Loading: Component<LoadingProps>;
+export default Loading;

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

@@ -0,0 +1 @@
+export { default } from "./Loading";

package/dist/components/mask/Mask.d.ts

@@ -0,0 +1,14 @@
+import { type JSX, type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type MaskProps = JSX.ImgHTMLAttributes<HTMLImageElement> & IComponentBaseProps & {
+    variant?: "squircle" | "heart" | "hexagon" | "hexagon-2" | "decagon" | "pentagon" | "diamond" | "square" | "circle" | "star" | "star-2" | "triangle" | "triangle-2" | "triangle-3" | "triangle-4" | "half-1" | "half-2";
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+export declare function maskClassName({ className, variant, }?: Pick<MaskProps, "className" | "variant">): string;
+type MaskComponent = Component<MaskProps> & {
+    className: typeof maskClassName;
+};
+declare const Mask: MaskComponent;
+export default Mask;

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

@@ -0,0 +1,2 @@
+import Mask from './Mask';
+export default Mask;

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

@@ -0,0 +1,21 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps, ComponentSize } from "../types";
+import type { MenuTitleProps } from "./MenuTitle";
+import type { MenuItemProps } from "./MenuItem";
+import type { MenuDropdownProps } from "./MenuDropdown";
+import type { MenuDetailsProps } from "./MenuDetails";
+export type { MenuTitleProps, MenuItemProps, MenuDropdownProps, MenuDetailsProps, };
+export type MenuProps = JSX.HTMLAttributes<HTMLUListElement> & IComponentBaseProps & {
+    vertical?: boolean;
+    horizontal?: boolean;
+    responsive?: boolean;
+    size?: ComponentSize;
+};
+declare const _default: ((props: MenuProps) => JSX.Element) & {
+    Title: import("solid-js").Component<MenuTitleProps>;
+    Item: import("solid-js").Component<MenuItemProps>;
+    Dropdown: import("solid-js").Component<MenuDropdownProps>;
+    Details: import("solid-js").Component<MenuDetailsProps>;
+    Menu: (props: MenuProps) => JSX.Element;
+};
+export default _default;

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

@@ -0,0 +1,8 @@
+import { type JSX, type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type MenuDetailsProps = JSX.DetailsHtmlAttributes<HTMLDetailsElement> & IComponentBaseProps & {
+    label: JSX.Element;
+    open?: boolean;
+};
+declare const MenuDetails: Component<MenuDetailsProps>;
+export default MenuDetails;

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

@@ -0,0 +1,12 @@
+import { type JSX, type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type MenuDropdownProps = JSX.HTMLAttributes<HTMLSpanElement> & IComponentBaseProps & {
+    label: JSX.Element;
+    open?: boolean;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+    children?: JSX.Element;
+};
+declare const MenuDropdown: Component<MenuDropdownProps>;
+export default MenuDropdown;

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

@@ -0,0 +1,9 @@
+import { type JSX, type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type MenuItemProps = JSX.LiHTMLAttributes<HTMLLIElement> & IComponentBaseProps & {
+    focus?: boolean;
+    active?: boolean;
+    disabled?: boolean;
+};
+declare const MenuItem: Component<MenuItemProps>;
+export default MenuItem;

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

@@ -0,0 +1,8 @@
+import { type JSX, type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type MenuTitleProps = JSX.LiHTMLAttributes<HTMLLIElement> & IComponentBaseProps & {
+    class?: string;
+    className?: string;
+};
+declare const MenuTitle: Component<MenuTitleProps>;
+export default MenuTitle;

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

@@ -0,0 +1,3 @@
+import Menu, { type MenuProps as TMenuProps } from './Menu';
+export type MenuProps = TMenuProps;
+export { Menu };

package/dist/components/modal/Modal.d.ts

@@ -0,0 +1,26 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps, ComponentSize } from "../types";
+import ModalActions from "./ModalActions";
+import ModalBody from "./ModalBody";
+import ModalHeader from "./ModalHeader";
+import ModalLegacy from "./ModalLegacy";
+export type ModalProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDialogElement> & {
+    open?: boolean;
+    position?: "start" | "end" | "top" | "middle" | "bottom";
+    responsive?: boolean;
+    backdrop?: boolean;
+    ariaHidden?: boolean;
+    onClose?: () => void;
+    closeOnEsc?: boolean;
+    closeOnOutsideClick?: boolean;
+    size?: ComponentSize | 'full';
+};
+export type DialogProps = Omit<ModalProps, "ref">;
+export declare function Modal(props: ModalProps): JSX.Element;
+declare const _default: typeof Modal & {
+    Header: typeof ModalHeader;
+    Body: typeof ModalBody;
+    Actions: typeof ModalActions;
+    Legacy: typeof ModalLegacy;
+};
+export default _default;

package/dist/components/modal/ModalActions.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from "solid-js";
+export type ModalActionsProps = JSX.HTMLAttributes<HTMLDivElement>;
+export default function ModalActions(props: ModalActionsProps): JSX.Element;

package/dist/components/modal/ModalBody.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from "solid-js";
+export type ModalBodyProps = JSX.HTMLAttributes<HTMLDivElement>;
+export default function ModalBody(props: ModalBodyProps): JSX.Element;

package/dist/components/modal/ModalHeader.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from "solid-js";
+export type ModalHeaderProps = JSX.HTMLAttributes<HTMLDivElement>;
+export default function ModalHeader(props: ModalHeaderProps): JSX.Element;

package/dist/components/modal/ModalLegacy.d.ts

@@ -0,0 +1,8 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ModalLegacyProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
+    open?: boolean;
+    responsive?: boolean;
+    onClickBackdrop?: () => void;
+};
+export default function ModalLegacy(props: ModalLegacyProps): JSX.Element;

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

@@ -0,0 +1,6 @@
+export { default } from "./Modal";
+export { type ModalProps as TModalProps, type DialogProps as TDialogProps, } from "./Modal";
+export { type ModalHeaderProps as TModalHeaderProps } from "./ModalHeader";
+export { type ModalBodyProps as TModalBodyProps } from "./ModalBody";
+export { type ModalActionsProps as TModalActionsProps } from "./ModalActions";
+export { type ModalLegacyProps as TModalLegacyProps } from "./ModalLegacy";