@pathscale/ui 0.0.125 → 0.0.127

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

@@ -0,0 +1,16 @@
+import { type Component, type JSX } from "solid-js";
+import type { InputProps } from "../input";
+export interface PasswordFieldProps extends Omit<InputProps, "type" | "ref"> {
+    label?: string;
+    name: string;
+    required?: boolean;
+    labelClass?: string;
+    errorClass?: string;
+    containerClass?: string;
+    description?: string;
+    descriptionClass?: string;
+    showPasswordIcon?: JSX.Element;
+    hidePasswordIcon?: JSX.Element;
+}
+export declare const PasswordField: Component<PasswordFieldProps>;
+export default PasswordField;

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

@@ -0,0 +1,26 @@
+import { type JSX } from "solid-js";
+import type { z } from "zod";
+import type { ObjectSetter, Paths } from "@felte/common";
+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<T extends z.ZodTypeAny = z.ZodTypeAny> {
+    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: ObjectSetter<z.infer<T>, Paths<z.infer<T>>>;
+    setErrors: (errors: any) => void;
+    setWarnings: (warnings: any) => void;
+    setTouched: (touched: any) => void;
+    reset: () => void;
+}
+declare const FormValidationContext: import("solid-js").Context<FormValidationContext<z.ZodTypeAny> | undefined>;
+export declare function useFormValidation<T extends z.ZodTypeAny = z.ZodTypeAny>(): FormValidationContext<T>;
+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,4 @@
+export { default } from "./Form";
+export { type FormProps, type ValidatedFormProps, type FormFieldProps, type PasswordFieldProps, type NumberFieldProps, useFormValidation, } from "./Form";
+export type { LabelProps } from "./Label";
+export { default as FormDropdown, type FormDropdownProps, type DropdownOption, } from "./FormDropdown";

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

@@ -0,0 +1,18 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import type { 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 { type 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 { type 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 { type 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 type { 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/immersive-landing/ImmersiveLanding.d.ts

@@ -0,0 +1,8 @@
+import { type Component } from "solid-js";
+import type { ImmersiveLandingProps } from "./types";
+declare const _default: Component<ImmersiveLandingProps> & {
+    Page: (props: import("./types").ImmersiveLandingPageProps) => import("solid-js").JSX.Element;
+    Arrows: (props: import("./types").ImmersiveLandingArrowsProps) => import("solid-js").JSX.Element;
+    Navigation: (props: import("./types").ImmersiveLandingNavigationProps) => import("solid-js").JSX.Element;
+};
+export default _default;

package/dist/components/immersive-landing/ImmersiveLandingArrows.d.ts

@@ -0,0 +1,4 @@
+import { type JSX } from "solid-js";
+import type { ImmersiveLandingArrowsProps } from "./types";
+declare const ImmersiveLandingArrows: (props: ImmersiveLandingArrowsProps) => JSX.Element;
+export default ImmersiveLandingArrows;

package/dist/components/immersive-landing/ImmersiveLandingContext.d.ts

@@ -0,0 +1,3 @@
+import type { ImmersiveLandingContextValue } from "./types";
+export declare const ImmersiveLandingContext: import("solid-js").Context<ImmersiveLandingContextValue | undefined>;
+export declare function useImmersiveLandingContext(): ImmersiveLandingContextValue;

package/dist/components/immersive-landing/ImmersiveLandingNavigation.d.ts

@@ -0,0 +1,4 @@
+import { type JSX } from "solid-js";
+import type { ImmersiveLandingNavigationProps } from "./types";
+declare const ImmersiveLandingNavigation: (props: ImmersiveLandingNavigationProps) => JSX.Element;
+export default ImmersiveLandingNavigation;

package/dist/components/immersive-landing/ImmersiveLandingPage.d.ts

@@ -0,0 +1,4 @@
+import { type JSX } from "solid-js";
+import type { ImmersiveLandingPageProps } from "./types";
+declare const ImmersiveLandingPage: (props: ImmersiveLandingPageProps) => JSX.Element;
+export default ImmersiveLandingPage;

package/dist/components/immersive-landing/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./ImmersiveLanding";
+export { useImmersiveLanding } from "./useImmersiveLanding";
+export { ImmersiveLandingContext, useImmersiveLandingContext } from "./ImmersiveLandingContext";
+export type { ImmersiveLandingProps, ImmersiveLandingPageProps, ImmersiveLandingArrowsProps, ImmersiveLandingNavigationProps, ImmersiveLandingContextValue, UseImmersiveLandingOptions, UseImmersiveLandingReturn, } from "./types";

package/dist/components/immersive-landing/types.d.ts

@@ -0,0 +1,68 @@
+import type { JSX, Accessor } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export interface UseImmersiveLandingOptions {
+    pages: readonly string[];
+    initialPage?: string;
+    transitionDuration?: number;
+    onNavigate?: (fromPage: string, toPage: string) => void;
+    onNavigationComplete?: (page: string) => void;
+    enableScrollNavigation?: boolean;
+}
+export interface UseImmersiveLandingReturn {
+    activePage: Accessor<string>;
+    isTransitioning: Accessor<boolean>;
+    navigateTo: (pageId: string) => void;
+    goNext: () => void;
+    goPrev: () => void;
+    currentIndex: Accessor<number>;
+    isFirstPage: Accessor<boolean>;
+    isLastPage: Accessor<boolean>;
+    direction: Accessor<"next" | "prev" | null>;
+    transitionDuration: number;
+}
+export interface ImmersiveLandingContextValue {
+    activePage: Accessor<string>;
+    navigateTo: (pageId: string) => void;
+    goNext: () => void;
+    goPrev: () => void;
+    currentIndex: Accessor<number>;
+    totalPages: number;
+    isFirstPage: Accessor<boolean>;
+    isLastPage: Accessor<boolean>;
+    direction: Accessor<"next" | "prev" | null>;
+    transitionDuration: number;
+    pages: readonly string[];
+    appVersion?: string;
+}
+export interface ImmersiveLandingProps extends IComponentBaseProps {
+    pages: readonly string[];
+    initialPage?: string;
+    transitionDuration?: number;
+    onNavigate?: (fromPage: string, toPage: string) => void;
+    onNavigationComplete?: (page: string) => void;
+    enableScrollNavigation?: boolean;
+    showNavigation?: boolean;
+    showArrows?: boolean;
+    appVersion?: string;
+    overlay?: JSX.Element | ((context: ImmersiveLandingContextValue) => JSX.Element);
+    children: JSX.Element | ((context: ImmersiveLandingContextValue) => JSX.Element);
+}
+export interface ImmersiveLandingPageProps extends IComponentBaseProps {
+    id: string;
+    children: JSX.Element;
+}
+export interface ImmersiveLandingArrowsProps extends IComponentBaseProps {
+    onPrev: () => void;
+    onNext: () => void;
+    isFirstPage: boolean;
+    isLastPage: boolean;
+}
+export interface ImmersiveLandingNavigationProps extends IComponentBaseProps {
+    pages: readonly string[];
+    currentPageIndex: number;
+    onPageDotClick: (pageId: string) => void;
+    onPrev: () => void;
+    onNext: () => void;
+    isFirstPage: boolean;
+    isLastPage: boolean;
+}

package/dist/components/immersive-landing/useImmersiveLanding.d.ts

@@ -0,0 +1,2 @@
+import type { UseImmersiveLandingOptions, UseImmersiveLandingReturn } from "./types";
+export declare function useImmersiveLanding(options: UseImmersiveLandingOptions): UseImmersiveLandingReturn;

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,3 @@
+import Input from "./Input";
+export type { InputProps } from "./Input";
+export default 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/language-switcher/LanguageSwitcher.d.ts

@@ -0,0 +1,35 @@
+import { type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import type { I18nStore } from "./createI18n";
+export interface LanguageSwitcherProps extends IComponentBaseProps {
+    /**
+     * The i18n store to use for language state
+     */
+    i18n: I18nStore;
+    /**
+     * ARIA label for the dropdown
+     */
+    "aria-label"?: string;
+    /**
+     * ARIA label for current language (for screen readers)
+     */
+    currentLanguageLabel?: string;
+    /**
+     * ARIA label for language options menu
+     */
+    optionsLabel?: string;
+    /**
+     * ARIA label shown while loading
+     */
+    loadingLabel?: string;
+    /**
+     * Callback when language changes
+     */
+    onLanguageChange?: (lang: string) => void;
+    /**
+     * Show compact version (language code instead of full name in toggle)
+     */
+    compact?: boolean;
+}
+declare const LanguageSwitcher: Component<LanguageSwitcherProps>;
+export default LanguageSwitcher;

package/dist/components/language-switcher/createI18n.d.ts

@@ -0,0 +1,102 @@
+import { type JSX, type FlowComponent } from "solid-js";
+export interface Language {
+    code: string;
+    name: string;
+}
+export interface I18nOptions {
+    /**
+     * List of supported languages
+     */
+    languages: Language[];
+    /**
+     * Default language code
+     * @default first language in the list
+     */
+    defaultLanguage?: string;
+    /**
+     * Storage key for persisting locale
+     */
+    storageKey: string;
+    /**
+     * Function to load translations for a locale
+     * Should return a record of translation keys to values
+     */
+    loadTranslations?: (locale: string) => Promise<Record<string, unknown>>;
+    /**
+     * Initial translations (for default language)
+     */
+    initialTranslations?: Record<string, unknown>;
+}
+export interface I18nStore {
+    /**
+     * Current locale code (getter, reactive)
+     */
+    readonly locale: string;
+    /**
+     * Whether translations are currently loading (getter, reactive)
+     */
+    readonly isLoading: boolean;
+    /**
+     * Translation function
+     */
+    t: (key: string) => string;
+    /**
+     * Set the current locale
+     */
+    setLocale: (lang: string) => Promise<void>;
+    /**
+     * Initialize the store (detect language from URL, storage, browser)
+     */
+    init: () => Promise<void>;
+    /**
+     * Available languages
+     */
+    readonly languages: Language[];
+    /**
+     * Language names map for quick lookup
+     */
+    readonly languageNames: Record<string, string>;
+    /**
+     * Supported language codes
+     */
+    readonly supportedCodes: string[];
+}
+/**
+ * Creates an i18n store with configurable options.
+ * API matches nofilter.io's i18nStore for easy migration.
+ *
+ * @example
+ * ```tsx
+ * // Create the store
+ * const i18n = createI18n({
+ *   languages: [
+ *     { code: "en", name: "English" },
+ *     { code: "es", name: "Español" },
+ *   ],
+ *   storageKey: "myapp_locale",
+ *   initialTranslations: enTranslations,
+ *   loadTranslations: (locale) => fetch(`/locales/${locale}.json`).then(r => r.json()),
+ * });
+ *
+ * // Use in components
+ * <p>{i18n.t("greeting")}</p>
+ * <p>Current: {i18n.locale}</p>
+ *
+ * // Initialize on app mount
+ * onMount(() => i18n.init());
+ * ```
+ */
+export declare function createI18n(options: I18nOptions): I18nStore;
+export interface I18nContextValue {
+    i18n: I18nStore;
+}
+export declare const I18nContext: import("solid-js").Context<I18nContextValue | undefined>;
+export declare function useI18n(): I18nStore;
+export interface I18nProviderProps {
+    i18n: I18nStore;
+    children: JSX.Element;
+}
+/**
+ * Provider component for i18n context
+ */
+export declare const I18nProvider: FlowComponent<I18nProviderProps>;

package/dist/components/language-switcher/index.d.ts

@@ -0,0 +1,3 @@
+export { default as LanguageSwitcher } from "./LanguageSwitcher";
+export type { LanguageSwitcherProps } from "./LanguageSwitcher";
+export { createI18n, I18nProvider, I18nContext, useI18n, type I18nStore, type I18nOptions, type I18nContextValue, type I18nProviderProps, type Language, } from "./createI18n";

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/live-chat/LiveChatBubble.d.ts

@@ -0,0 +1,38 @@
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import type { LiveChatPanelProps } from "./LiveChatPanel";
+export interface LiveChatBubbleProps extends IComponentBaseProps {
+    /**
+     * Position of the chat bubble
+     * @default "bottom-right"
+     */
+    position?: "bottom-right" | "bottom-left";
+    /**
+     * ARIA label for the button
+     * @default "Open chat"
+     */
+    "aria-label"?: string;
+    /**
+     * Number of unread messages to show in badge
+     * @default 0
+     */
+    unreadCount?: number;
+    /**
+     * Props to pass to the LiveChatPanel when opened
+     */
+    panelProps?: Omit<LiveChatPanelProps, "onClose">;
+    /**
+     * Callback when chat is opened
+     */
+    onOpen?: () => void;
+    /**
+     * Callback when chat is closed
+     */
+    onClose?: () => void;
+    /**
+     * Custom children to render inside the button (replaces default icons)
+     */
+    children?: JSX.Element;
+}
+declare const LiveChatBubble: Component<LiveChatBubbleProps>;
+export default LiveChatBubble;

package/dist/components/live-chat/LiveChatPanel.d.ts

@@ -0,0 +1,54 @@
+import { type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import type { ChatMessage, SendMessagePayload, SendMessageResponse } from "./types";
+export interface LiveChatPanelProps extends IComponentBaseProps {
+    /**
+     * Callback when the panel close button is clicked
+     */
+    onClose: () => void;
+    /**
+     * Title shown in the header
+     * @default "Chat with us"
+     */
+    title?: string;
+    /**
+     * Placeholder text for the input field
+     * @default "Message support..."
+     */
+    placeholder?: string;
+    /**
+     * Label for the close button (for accessibility)
+     * @default "Close chat"
+     */
+    closeLabel?: string;
+    /**
+     * Label for the send button
+     * @default "Send"
+     */
+    sendLabel?: string;
+    /**
+     * Empty state message when there are no messages
+     * @default "No messages yet. Start a conversation!"
+     */
+    emptyMessage?: string;
+    /**
+     * Enable mock mode with demo messages
+     * @default false
+     */
+    mockMode?: boolean;
+    /**
+     * Initial messages to display (only used if mockMode is false)
+     */
+    messages?: ChatMessage[];
+    /**
+     * Callback when a message is sent
+     * Should return the message ID and timestamp from the server
+     */
+    onSendMessage?: (payload: SendMessagePayload) => Promise<SendMessageResponse>;
+    /**
+     * Whether a message is currently being sent
+     */
+    isSending?: boolean;
+}
+declare const LiveChatPanel: Component<LiveChatPanelProps>;
+export default LiveChatPanel;

package/dist/components/live-chat/index.d.ts

@@ -0,0 +1,5 @@
+export { default as LiveChatBubble } from "./LiveChatBubble";
+export type { LiveChatBubbleProps } from "./LiveChatBubble";
+export { default as LiveChatPanel } from "./LiveChatPanel";
+export type { LiveChatPanelProps } from "./LiveChatPanel";
+export type { ChatMessage, SendMessagePayload, SendMessageResponse } from "./types";

package/dist/components/live-chat/types.d.ts

@@ -0,0 +1,13 @@
+export interface ChatMessage {
+    messageId: string;
+    content: string;
+    sender: "user" | "agent";
+    timestamp: number;
+}
+export interface SendMessagePayload {
+    message: string;
+}
+export interface SendMessageResponse {
+    messageId: string;
+    timestamp: number;
+}

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;