@pathscale/ui 0.0.125 → 0.0.127

package/dist/components/colorpicker/ColorUtils.d.ts

@@ -0,0 +1,58 @@
+export type ColorFormat = "hex" | "rgb" | "rgba" | "hsl" | "hsla";
+export interface RGB {
+    r: number;
+    g: number;
+    b: number;
+}
+export interface RGBA extends RGB {
+    a: number;
+}
+export interface HSL {
+    h: number;
+    s: number;
+    l: number;
+}
+export interface HSLA extends HSL {
+    a: number;
+}
+export interface ColorValue {
+    rgb: RGBA;
+    hsl: HSLA;
+    hex: string;
+}
+/**
+ * Convert hex color to RGB
+ */
+export declare function hexToRgb(hex: string): RGB | null;
+/**
+ * Convert RGB to hex
+ */
+export declare function rgbToHex(r: number, g: number, b: number): string;
+/**
+ * Convert RGB to HSL
+ */
+export declare function rgbToHsl(r: number, g: number, b: number): HSL;
+/**
+ * Convert HSL to RGB
+ */
+export declare function hslToRgb(h: number, s: number, l: number): RGB;
+/**
+ * Parse color string to ColorValue
+ */
+export declare function parseColor(color: string): ColorValue | null;
+/**
+ * Format ColorValue to specified format string
+ */
+export declare function formatColor(color: ColorValue, format: ColorFormat): string;
+/**
+ * Set alpha channel of a ColorValue
+ */
+export declare function setAlpha(color: ColorValue, alpha: number): ColorValue;
+/**
+ * Create ColorValue from HSL values
+ */
+export declare function createColorFromHsl(h: number, s: number, l: number, a?: number): ColorValue;
+/**
+ * Get default color value (white)
+ */
+export declare function getDefaultColor(): ColorValue;

package/dist/components/colorpicker/ColorWheel.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+export interface ColorWheelProps {
+    class?: string;
+    className?: string;
+}
+declare const ColorWheel: (props: ColorWheelProps) => JSX.Element;
+export default ColorWheel;

package/dist/components/colorpicker/ColorWheelFlower.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+export interface ColorWheelFlowerProps {
+    class?: string;
+    className?: string;
+}
+declare const ColorWheelFlower: (props: ColorWheelFlowerProps) => JSX.Element;
+export default ColorWheelFlower;

package/dist/components/colorpicker/HueSlider.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+export interface HueSliderProps {
+    class?: string;
+    className?: string;
+}
+declare const HueSlider: (props: HueSliderProps) => JSX.Element;
+export default HueSlider;

package/dist/components/colorpicker/LightnessSlider.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+export interface LightnessSliderProps {
+    class?: string;
+    className?: string;
+}
+declare const LightnessSlider: (props: LightnessSliderProps) => JSX.Element;
+export default LightnessSlider;

package/dist/components/colorpicker/SaturationBrightness.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+export interface SaturationBrightnessProps {
+    class?: string;
+    className?: string;
+}
+declare const SaturationBrightness: (props: SaturationBrightnessProps) => JSX.Element;
+export default SaturationBrightness;

package/dist/components/colorpicker/colorpickerContext.d.ts

@@ -0,0 +1,11 @@
+import { type Accessor } from "solid-js";
+import type { ColorValue, ColorFormat } from "./ColorUtils";
+export interface ColorPickerContextType {
+    color: Accessor<ColorValue>;
+    format: Accessor<ColorFormat>;
+    disabled: Accessor<boolean>;
+    onChange: (color: ColorValue) => void;
+    onFormatChange: (format: ColorFormat) => void;
+}
+export declare const ColorPickerContext: import("solid-js").Context<ColorPickerContextType | undefined>;
+export declare function useColorPickerContext(): ColorPickerContextType;

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

@@ -0,0 +1,26 @@
+export { default as ColorPicker, default } from "./ColorPicker";
+export type { ColorPickerProps, ColorFormat, ColorPickerMode } from "./ColorPicker";
+export { default as ColorPickerGradientSelector } from "./ColorPickerGradientSelector";
+export { default as ColorPickerWheelSelector } from "./ColorPickerWheelSelector";
+export { default as ColorPickerFlowerSelector } from "./ColorPickerFlowerSelector";
+export { default as SaturationBrightness } from "./SaturationBrightness";
+export { default as HueSlider } from "./HueSlider";
+export { default as LightnessSlider } from "./LightnessSlider";
+export { default as AlphaSlider } from "./AlphaSlider";
+export { default as ColorWheel } from "./ColorWheel";
+export { default as ColorWheelFlower } from "./ColorWheelFlower";
+export { default as ColorSwatches } from "./ColorSwatches";
+export { default as ColorInput } from "./ColorInput";
+export { default as ColorPreview } from "./ColorPreview";
+export { ColorPickerContext, useColorPickerContext } from "./colorpickerContext";
+export type { ColorPickerContextType } from "./colorpickerContext";
+export type { SaturationBrightnessProps } from "./SaturationBrightness";
+export type { HueSliderProps } from "./HueSlider";
+export type { LightnessSliderProps } from "./LightnessSlider";
+export type { AlphaSliderProps } from "./AlphaSlider";
+export type { ColorWheelProps } from "./ColorWheel";
+export type { ColorWheelFlowerProps } from "./ColorWheelFlower";
+export type { ColorSwatchesProps } from "./ColorSwatches";
+export type { ColorInputProps } from "./ColorInput";
+export type { ColorPreviewProps } from "./ColorPreview";
+export type { ColorValue, RGB, RGBA, HSL, HSLA } from "./ColorUtils";

package/dist/components/connectionstatus/ConnectionStatus.d.ts

@@ -0,0 +1,59 @@
+import { type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ConnectionState = "connecting" | "connected" | "disconnected" | "error";
+export interface ConnectionStatusProps extends IComponentBaseProps {
+    /**
+     * Current connection state
+     */
+    state: ConnectionState;
+    /**
+     * Error message to display when state is "error"
+     */
+    errorMessage?: string;
+    /**
+     * Service name to display
+     */
+    serviceName?: string;
+    /**
+     * URL to display
+     */
+    url?: string;
+    /**
+     * Whether the URL is custom (will be indicated in the tooltip)
+     */
+    isCustomUrl?: boolean;
+    /**
+     * Whether to show detailed information
+     */
+    showDetails?: boolean;
+    /**
+     * Whether to show the URL
+     */
+    showUrl?: boolean;
+    /**
+     * Whether to show the reconnect button when disconnected or error
+     */
+    showReconnectButton?: boolean;
+    /**
+     * Callback when reconnect button is clicked
+     */
+    onReconnect?: () => void | Promise<void>;
+    /**
+     * Custom class name
+     */
+    class?: string;
+    /**
+     * Custom class name (alias)
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: any;
+    /**
+     * Data theme
+     */
+    dataTheme?: string;
+}
+export declare const ConnectionStatus: Component<ConnectionStatusProps>;
+export default ConnectionStatus;

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

@@ -0,0 +1,2 @@
+export { default } from "./ConnectionStatus";
+export type { ConnectionState, ConnectionStatusProps, } from "./ConnectionStatus";

package/dist/components/copy-button/CopyButton.d.ts

@@ -0,0 +1,11 @@
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export interface CopyButtonProps extends IComponentBaseProps {
+    text: string;
+    title?: string;
+    onCopy?: () => void;
+    children?: JSX.Element;
+    copiedToken?: string | Component;
+}
+declare const CopyButton: Component<CopyButtonProps>;
+export default CopyButton;

package/dist/components/copy-button/index.d.ts

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

package/dist/components/countdown/Countdown.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type CountdownProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLSpanElement> & {
+    value: number;
+};
+declare const Countdown: (props: CountdownProps) => JSX.Element;
+export default Countdown;

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

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

package/dist/components/diff/Diff.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type DiffProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
+    secondItem: JSX.Element;
+};
+declare const Diff: (props: DiffProps) => JSX.Element;
+export default Diff;

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

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

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

@@ -0,0 +1,21 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type ElementType = keyof JSX.IntrinsicElements;
+type ColorType = "default" | "neutral" | "primary" | "secondary" | "accent" | "success" | "warning" | "info" | "error";
+type PositionType = "center" | "start" | "end";
+type DividerBaseProps = {
+    text?: string;
+    horizontal?: boolean;
+    color?: ColorType;
+    position?: PositionType;
+    as?: ElementType;
+    children?: JSX.Element;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+type PropsOf<E extends ElementType> = JSX.IntrinsicElements[E];
+export type DividerProps<E extends ElementType = "div"> = Omit<PropsOf<E>, keyof DividerBaseProps> & DividerBaseProps & IComponentBaseProps;
+declare const Divider: <E extends ElementType = "div">(props: DividerProps<E>) => JSX.Element;
+export default Divider;

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

@@ -0,0 +1,25 @@
+export declare const dividerStyles: {
+    (props?: (import("../../lib/style/classes").ConfigVariants<{
+        horizontal: {
+            true: string;
+            false: string;
+        };
+        color: {
+            default: string;
+            neutral: string;
+            primary: string;
+            secondary: string;
+            accent: string;
+            success: string;
+            warning: string;
+            info: string;
+            error: string;
+        };
+        position: {
+            center: string;
+            start: string;
+            end: string;
+        };
+    }> & import("../../lib/style").ClassProps) | undefined): string;
+    variantKeys: ("horizontal" | "color" | "position")[];
+};

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

@@ -0,0 +1,2 @@
+import Divider from "./Divider";
+export default Divider;

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

@@ -0,0 +1,14 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps, ComponentSize } from "../types";
+import { type DockItemProps as ItemProps } from "./DockItem";
+import { type DockLabelProps as LabelProps } from "./DockLabel";
+export type DockItemProps = ItemProps;
+export type DockLabelProps = LabelProps;
+export type DockProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
+    size?: ComponentSize;
+};
+declare const _default: ((props: DockProps) => JSX.Element) & {
+    Item: import("solid-js").Component<ItemProps>;
+    Label: import("solid-js").Component<LabelProps>;
+};
+export default _default;

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

@@ -0,0 +1,9 @@
+import type { JSX, Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import type { 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 type { 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,29 @@
+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;
+    role?: string;
+    "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,9 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type DropdownMenuProps = JSX.HTMLAttributes<HTMLUListElement> & IComponentBaseProps & {
+    id?: string;
+    hideOverflow?: boolean;
+    "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 { type 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 type { 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 { type 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 type { IComponentBaseProps } from "../types";
+import { type 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,22 @@
+import { type JSX, type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import ValidatedForm, { useFormValidation } from "./ValidatedForm";
+export type { ValidatedFormProps } from "./ValidatedForm";
+export type { FormFieldProps } from "./FormField";
+export type { PasswordFieldProps } from "./PasswordField";
+export type { NumberFieldProps } from "./NumberField";
+export type { FormDropdownProps, DropdownOption } from "./FormDropdown";
+export type FormProps = Omit<JSX.HTMLAttributes<HTMLFormElement>, "ref"> & IComponentBaseProps & {
+    autoFocus?: boolean;
+    cycleOnEnter?: boolean;
+};
+export { useFormValidation };
+declare const _default: ParentComponent<FormProps> & {
+    Label: ParentComponent<import("./Label").LabelProps>;
+    Validated: typeof ValidatedForm;
+    Field: import("solid-js").Component<import("./FormField").FormFieldProps>;
+    Password: import("solid-js").Component<import("./PasswordField").PasswordFieldProps>;
+    Number: import("solid-js").Component<import("./NumberField").NumberFieldProps>;
+    Dropdown: import("solid-js").Component<import("./FormDropdown").FormDropdownProps>;
+};
+export default _default;

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

@@ -0,0 +1,25 @@
+import { type Component, type JSX } from "solid-js";
+export interface DropdownOption {
+    value: string;
+    label: string;
+}
+export interface FormDropdownProps {
+    label: string;
+    name: string;
+    options: DropdownOption[];
+    value?: string;
+    placeholder?: string;
+    required?: boolean;
+    labelClass?: string;
+    errorClass?: string;
+    containerClass?: string;
+    description?: string;
+    descriptionClass?: string;
+    class?: string;
+    className?: string;
+    icon?: JSX.Element;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+}
+export declare const FormDropdown: Component<FormDropdownProps>;
+export default FormDropdown;

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

@@ -0,0 +1,14 @@
+import { type Component } from "solid-js";
+import type { InputProps } from "../input";
+export interface FormFieldProps extends Omit<InputProps, "ref"> {
+    label: string;
+    name: string;
+    required?: boolean;
+    labelClass?: string;
+    errorClass?: string;
+    containerClass?: string;
+    description?: string;
+    descriptionClass?: string;
+}
+export declare const FormField: Component<FormFieldProps>;
+export default FormField;

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

@@ -0,0 +1,7 @@
+import { type JSX, type ParentComponent } from "solid-js";
+import type { 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/NumberField.d.ts

@@ -0,0 +1,20 @@
+import { type Component } from "solid-js";
+import type { InputProps } from "../input";
+export interface NumberFieldProps extends Omit<InputProps, "type" | "ref"> {
+    label?: string;
+    name: string;
+    required?: boolean;
+    labelClass?: string;
+    errorClass?: string;
+    containerClass?: string;
+    description?: string;
+    descriptionClass?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    allowDecimals?: boolean;
+    formatter?: (value: string) => string;
+    onInput?: (event: InputEvent) => void;
+}
+export declare const NumberField: Component<NumberFieldProps>;
+export default NumberField;