@ufoui/core 0.0.4 → 0.0.5

package/components/fields/dateField.d.ts

@@ -0,0 +1,24 @@
+import { FieldBaseProps } from '../base/fieldBase';
+/**
+ * Props for {@link DateField}.
+ * Extends {@link FieldBaseProps}.
+ *
+ * @category DateField
+ */
+export type DateFieldProps = Omit<FieldBaseProps, 'elementClass' | 'type'>;
+/**
+ * Date field component used to enter date values.
+ *
+ * Use for selecting calendar dates in forms.
+ *
+ * @category DateField
+ * @function
+ * @param props - All field props inherited from {@link FieldBase}.
+ *
+ * @example
+ * <DateField label="Label" />
+ *
+ * @example
+ * <DateField required />
+ */
+export declare const DateField: import('react').ForwardRefExoticComponent<DateFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/fields/dateTimeField.d.ts

@@ -0,0 +1,24 @@
+import { FieldBaseProps } from '../base/fieldBase';
+/**
+ * Props for {@link DateTimeField}.
+ * Extends {@link FieldBaseProps}.
+ *
+ * @category DateTimeField
+ */
+export type DateTimeFieldProps = Omit<FieldBaseProps, 'elementClass' | 'type'>;
+/**
+ * Date and time field component used to enter combined date and time values.
+ *
+ * Use for scheduling and time-based form input.
+ *
+ * @category DateTimeField
+ * @function
+ * @param props - All field props inherited from {@link FieldBase}.
+ *
+ * @example
+ * <DateTimeField label="Label" />
+ *
+ * @example
+ * <DateTimeField required />
+ */
+export declare const DateTimeField: import('react').ForwardRefExoticComponent<DateTimeFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/fields/emailField.d.ts

@@ -0,0 +1,24 @@
+import { FieldBaseProps } from '../base/fieldBase';
+/**
+ * Props for {@link EmailField}.
+ * Extends {@link FieldBaseProps}.
+ *
+ * @category EmailField
+ */
+export type EmailFieldProps = Omit<FieldBaseProps, 'elementClass' | 'type'>;
+/**
+ * Email field component used to enter email addresses.
+ *
+ * Use for collecting email contact information in forms.
+ *
+ * @category EmailField
+ * @function
+ * @param props - All field props inherited from {@link FieldBase}.
+ *
+ * @example
+ * <EmailField label="Label" />
+ *
+ * @example
+ * <EmailField required />
+ */
+export declare const EmailField: import('react').ForwardRefExoticComponent<EmailFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/fields/index.d.ts

@@ -0,0 +1,11 @@
+export * from './textField';
+export * from './numberField';
+export * from './emailField';
+export * from './phoneField';
+export * from './passwordField';
+export * from './dateField';
+export * from './dateTimeField';
+export * from './timeField';
+export * from './monthField';
+export * from './weekField';
+export * from './urlField';

package/components/fields/monthField.d.ts

@@ -0,0 +1,24 @@
+import { FieldBaseProps } from '../base/fieldBase';
+/**
+ * Props for {@link MonthField}.
+ * Extends {@link FieldBaseProps}.
+ *
+ * @category MonthField
+ */
+export type MonthFieldProps = Omit<FieldBaseProps, 'elementClass' | 'type'>;
+/**
+ * Month field component used to enter month and year values.
+ *
+ * Use for selecting calendar months in forms.
+ *
+ * @category MonthField
+ * @function
+ * @param props - All field props inherited from {@link FieldBase}.
+ *
+ * @example
+ * <MonthField label="Label" />
+ *
+ * @example
+ * <MonthField required />
+ */
+export declare const MonthField: import('react').ForwardRefExoticComponent<MonthFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/fields/numberField.d.ts

@@ -0,0 +1,24 @@
+import { FieldBaseProps } from '../base/fieldBase';
+/**
+ * Props for {@link NumberField}.
+ * Extends {@link FieldBaseProps}.
+ *
+ * @category NumberField
+ */
+export type NumberFieldProps = Omit<FieldBaseProps, 'elementClass' | 'type'>;
+/**
+ * Number field component used to enter numeric values.
+ *
+ * Use for quantities, amounts, and other number-based input.
+ *
+ * @category NumberField
+ * @function
+ * @param props - All field props inherited from {@link FieldBase}.
+ *
+ * @example
+ * <NumberField label="Label" />
+ *
+ * @example
+ * <NumberField required />
+ */
+export declare const NumberField: import('react').ForwardRefExoticComponent<NumberFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/fields/passwordField.d.ts

@@ -0,0 +1,24 @@
+import { FieldBaseProps } from '../base/fieldBase';
+/**
+ * Props for {@link PasswordField}.
+ * Extends {@link FieldBaseProps}.
+ *
+ * @category PasswordField
+ */
+export type PasswordFieldProps = Omit<FieldBaseProps, 'elementClass' | 'type'>;
+/**
+ * Password field component used to enter secure text input.
+ *
+ * Use for authentication and protected form data.
+ *
+ * @category PasswordField
+ * @function
+ * @param props - All field props inherited from {@link FieldBase}.
+ *
+ * @example
+ * <PasswordField label="Label" />
+ *
+ * @example
+ * <PasswordField required />
+ */
+export declare const PasswordField: import('react').ForwardRefExoticComponent<PasswordFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/fields/phoneField.d.ts

@@ -0,0 +1,24 @@
+import { FieldBaseProps } from '../base/fieldBase';
+/**
+ * Props for {@link PhoneField}.
+ * Extends {@link FieldBaseProps}.
+ *
+ * @category PhoneField
+ */
+export type PhoneFieldProps = Omit<FieldBaseProps, 'elementClass' | 'type'>;
+/**
+ * Phone field component used to enter telephone numbers.
+ *
+ * Use for collecting contact phone information in forms.
+ *
+ * @category PhoneField
+ * @function
+ * @param props - All field props inherited from {@link FieldBase}.
+ *
+ * @example
+ * <PhoneField label="Label" />
+ *
+ * @example
+ * <PhoneField required />
+ */
+export declare const PhoneField: import('react').ForwardRefExoticComponent<PhoneFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/fields/textField.d.ts

@@ -0,0 +1,24 @@
+import { FieldBaseProps } from '../base';
+/**
+ * Props for {@link TextField}.
+ * Extends {@link FieldBaseProps}.
+ *
+ * @category TextField
+ */
+export type TextFieldProps = Omit<FieldBaseProps, 'elementClass'>;
+/**
+ * Text field component used to collect user input.
+ *
+ * Use for forms, search, and general data entry.
+ *
+ * @category TextField
+ * @function
+ * @param props - All field props inherited from {@link FieldBase}.
+ *
+ * @example
+ * <TextField label="Label" />
+ *
+ * @example
+ * <TextField placeholder="Enter value" />
+ */
+export declare const TextField: import('react').ForwardRefExoticComponent<TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/fields/timeField.d.ts

@@ -0,0 +1,24 @@
+import { FieldBaseProps } from '../base/fieldBase';
+/**
+ * Props for {@link TimeField}.
+ * Extends {@link FieldBaseProps}.
+ *
+ * @category TimeField
+ */
+export type TimeFieldProps = Omit<FieldBaseProps, 'elementClass' | 'type'>;
+/**
+ * Time field component used to enter time values.
+ *
+ * Use for selecting hours and minutes in forms.
+ *
+ * @category TimeField
+ * @function
+ * @param props - All field props inherited from {@link FieldBase}.
+ *
+ * @example
+ * <TimeField label="Label" />
+ *
+ * @example
+ * <TimeField required />
+ */
+export declare const TimeField: import('react').ForwardRefExoticComponent<TimeFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/fields/urlField.d.ts

@@ -0,0 +1,24 @@
+import { FieldBaseProps } from '../base/fieldBase';
+/**
+ * Props for {@link UrlField}.
+ * Extends {@link FieldBaseProps}.
+ *
+ * @category UrlField
+ */
+export type UrlFieldProps = Omit<FieldBaseProps, 'elementClass' | 'type'>;
+/**
+ * URL field component used to enter web addresses.
+ *
+ * Use for collecting links and website references in forms.
+ *
+ * @category UrlField
+ * @function
+ * @param props - All field props inherited from {@link FieldBase}.
+ *
+ * @example
+ * <UrlField label="Label" />
+ *
+ * @example
+ * <UrlField required />
+ */
+export declare const UrlField: import('react').ForwardRefExoticComponent<UrlFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/fields/weekField.d.ts

@@ -0,0 +1,24 @@
+import { FieldBaseProps } from '../base/fieldBase';
+/**
+ * Props for {@link WeekField}.
+ * Extends {@link FieldBaseProps}.
+ *
+ * @category WeekField
+ */
+export type WeekFieldProps = Omit<FieldBaseProps, 'elementClass' | 'type'>;
+/**
+ * Week field component used to enter week and year values.
+ *
+ * Use for selecting calendar weeks in forms.
+ *
+ * @category WeekField
+ * @function
+ * @param props - All field props inherited from {@link FieldBase}.
+ *
+ * @example
+ * <WeekField label="Label" />
+ *
+ * @example
+ * <WeekField required />
+ */
+export declare const WeekField: import('react').ForwardRefExoticComponent<WeekFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/fieldset/fieldset.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
-import { BoxBaseProps, ElementFont, SurfaceColor } from '../../index.ts';
+import { ElementFont, SurfaceColor } from '../../utils';
+import { BoxBaseProps } from '../base/boxBase';
 /**
  * Props for {@link Fieldset}.
  * Extends {@link BoxBaseProps} except for `elementClass` and `component`.

package/components/iconButton/iconButton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonBaseProps } from '../../index.ts';
+import { ButtonBaseProps } from '../base/buttonBase';
 /**
  * Props for {@link IconButton}.
  * Extends {@link ButtonBaseProps} except for text and trailing content.

package/components/{article → layout}/article.d.ts

@@ -1,4 +1,4 @@
-import { BoxBaseProps } from '../../index.ts';
+import { BoxBaseProps } from '../base/boxBase';
 /**
  * Props for {@link Article}.
  * Extends {@link BoxBaseProps} except for `elementClass` and `component`.

package/components/{aside → layout}/aside.d.ts

@@ -1,4 +1,4 @@
-import { BoxBaseProps } from '../../index.ts';
+import { BoxBaseProps } from '../base/boxBase';
 /**
  * Props for {@link Aside}.
  * Extends {@link BoxBaseProps} except for `elementClass` and `component`.

package/components/{content → layout}/content.d.ts

@@ -1,4 +1,4 @@
-import { BoxBaseProps } from '../../index.ts';
+import { BoxBaseProps } from '../base/boxBase';
 /**
  * Props for {@link Content}.
  * Extends {@link BoxBaseProps} except for `elementClass` and `component`.

package/components/{div → layout}/div.d.ts

@@ -1,4 +1,4 @@
-import { BoxBaseProps } from '../../index.ts';
+import { BoxBaseProps } from '../base/boxBase';
 /**
  * Props for the {@link Div} component.
  *

package/components/{flex → layout}/flex.d.ts

@@ -1,4 +1,4 @@
-import { BoxBaseProps } from '../../index.ts';
+import { BoxBaseProps } from '../base/boxBase';
 /**
  * Props for the {@link Flex} component.
  *

package/components/{footer → layout}/footer.d.ts

@@ -1,4 +1,4 @@
-import { BoxBaseProps } from '../../index.ts';
+import { BoxBaseProps } from '../base/boxBase';
 /**
  * Props for {@link Footer}.
  * Extends {@link BoxBaseProps} except for `elementClass` and `component`.

package/components/{grid → layout}/grid.d.ts

@@ -1,4 +1,4 @@
-import { BoxBaseProps } from '../../index.ts';
+import { BoxBaseProps } from '../base/boxBase';
 /**
  * Props for the {@link Grid} component.
  *

package/components/{header → layout}/header.d.ts

@@ -1,4 +1,4 @@
-import { BoxBaseProps } from '../../index.ts';
+import { BoxBaseProps } from '../base/boxBase';
 /**
  * Props for {@link Header}.
  * Extends {@link BoxBaseProps} except for `elementClass` and `component`.

package/components/layout/index.d.ts

@@ -0,0 +1,11 @@
+export * from './article';
+export * from './aside';
+export * from './content';
+export * from './div';
+export * from './flex';
+export * from './footer';
+export * from './grid';
+export * from './header';
+export * from './main';
+export * from './nav';
+export * from './section';

package/components/{main → layout}/main.d.ts

@@ -1,4 +1,4 @@
-import { BoxBaseProps } from '../../index.ts';
+import { BoxBaseProps } from '../base/boxBase';
 /**
  * Props for {@link Main}.
  * Extends {@link BoxBaseProps} except for `elementClass` and `component`.

package/components/{nav → layout}/nav.d.ts

@@ -1,4 +1,4 @@
-import { BoxBaseProps } from '../../index.ts';
+import { BoxBaseProps } from '../base/boxBase';
 /**
  * Props for {@link Nav}.
  * Extends {@link BoxBaseProps} except for `elementClass` and `component`.

package/components/{section → layout}/section.d.ts

@@ -1,4 +1,4 @@
-import { BoxBaseProps } from '../../index.ts';
+import { BoxBaseProps } from '../base/boxBase';
 /**
  * Props for {@link Section}.
  * Extends {@link BoxBaseProps} except for `elementClass` and `component`.

package/components/list/list.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { BoxBaseProps } from '../base/boxBase';
+export interface ListProps extends Omit<BoxBaseProps, 'type'> {
+    type?: 'single' | 'multiple';
+    defaultValue?: string;
+    children: ReactNode;
+}
+export declare const List: ({ type, defaultValue, children, }: ListProps) => import("react/jsx-runtime").JSX.Element;

package/components/{listItem → list}/listItem.d.ts

@@ -1,7 +1,6 @@
 import { default as React, HTMLProps, ReactNode } from 'react';
-import { ElementDensity, ElementFocusEffect, ElementFont, ElementSelectedEffect, ElementShape, ElementTouchEffect } from '../../utils/utils.ts';
-import { SurfaceColor } from '../../utils/color';
-import { MenuVariant } from '../../index.ts';
+import { ElementDensity, ElementFocusEffect, ElementFont, ElementSelectedEffect, ElementShape, ElementTouchEffect, SurfaceColor } from '../../utils';
+import { MenuVariant } from '../menu/menu';
 /**
  * Visual variant of a ListItem.
  *

package/components/{listItem → list}/listItem.guards.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactElement } from 'react';
-import { ListItemInternalProps, ListItemProps } from '../../index.ts';
+import { ListItemInternalProps, ListItemProps } from './listItem';
 export declare const IS_LIST_ITEM: unique symbol;
 /**
  * Type guard that checks whether a React node is a MenuItem component.

package/components/menu/menu.d.ts

@@ -1,8 +1,6 @@
 import { default as React, HTMLAttributes, ReactNode, RefObject } from 'react';
-import { ElementAlign, ElementBorder, ElementDensity, ElementElevation, ElementFocusEffect, ElementFont, ElementSelectedEffect, ElementShape, ElementTouchEffect } from '../../utils/utils.ts';
-import { MotionAnimation, MotionStyle } from '../../types/index.ts';
-import { BorderColor, SurfaceColor } from '../../utils/color';
-import { ElementFloatingMode } from '../../utils/calculateFloatingPosition';
+import { MotionAnimation, MotionStyle } from '../../types';
+import { BorderColor, ElementAlign, ElementBorder, ElementDensity, ElementElevation, ElementFloatingMode, ElementFocusEffect, ElementFont, ElementSelectedEffect, ElementShape, ElementTouchEffect, SurfaceColor } from '../../utils';
 /**
  * Visual style preset for the Menu component.
  *

package/components/menu/menu.guards.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactElement } from 'react';
-import { MenuInternalProps, MenuProps } from '../../index.ts';
+import { MenuInternalProps, MenuProps } from './menu';
 export declare const IS_MENU: unique symbol;
 /**
  * Type guard that checks whether a React node is a Menu component.

package/components/menuItem/menuItem.d.ts

@@ -1,7 +1,6 @@
 import { default as React, HTMLProps, ReactNode } from 'react';
-import { ElementDensity, ElementFocusEffect, ElementFont, ElementSelectedEffect, ElementShape, ElementTouchEffect } from '../../utils/utils.ts';
-import { MenuVariant } from '../../index.ts';
-import { SurfaceColor } from '../../utils/color';
+import { ElementDensity, ElementFocusEffect, ElementFont, ElementSelectedEffect, ElementShape, ElementTouchEffect, SurfaceColor } from '../../utils';
+import { MenuVariant } from '../menu/menu';
 /**
  * Visual variant of a MenuItem.
  *

package/components/menuItem/menuItem.guards.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactElement } from 'react';
-import { MenuItemInternalProps, MenuItemProps } from '../../index.ts';
+import { MenuItemInternalProps, MenuItemProps } from './menuItem';
 export declare const IS_MENU_ITEM: unique symbol;
 /**
  * Type guard that checks whether a React node is a MenuItem component.

package/components/option/option.d.ts

@@ -1,5 +1,5 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { MenuItemInternalProps, MenuItemProps } from '../../index.ts';
+import { MenuItemInternalProps, MenuItemProps } from '../menuItem/menuItem';
 export interface OptionProps extends Omit<MenuItemProps, 'type' | 'checked'> {
     selected?: boolean;
 }

package/components/option/option.guards.d.ts

@@ -1,6 +1,6 @@
 import { default as React, ReactElement } from 'react';
 import { OptionProps } from './option';
-import { MenuItemInternalProps } from '../../index.ts';
+import { MenuItemInternalProps } from '../menuItem/menuItem';
 export declare const IS_OPTION: unique symbol;
 /**
  * Type guard that checks whether a React node is an Option component.

package/components/progress/progress.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { ElementSize, SemanticColor } from '../../utils';
+import { BoxBaseProps } from '../base';
+/**
+ * Props for {@link Progress}.
+ *
+ * @category Progress
+ */
+export interface ProgressProps extends Omit<BoxBaseProps, 'children'> {
+    variant?: 'linear' | 'circular';
+    value?: number;
+    min?: number;
+    max?: number;
+    color?: SemanticColor;
+    size?: ElementSize;
+    thickness?: number;
+}
+/**
+ * Visual progress indicator.
+ *
+ * @function
+ *
+ * @param props - Component props.
+ *
+ * @category Progress
+ */
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;

package/components/radio/radio.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxBaseProps } from '../../index.ts';
+import { CheckboxBaseProps } from '../base/checkboxBase';
 /**
  * Props for the Radio component.
  *

package/components/radiogroup/radioGroup.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { FieldsetProps } from '../../index.ts';
+import { FieldsetProps } from '../fieldset/fieldset';
 /**
  * Props for the RadioGroup component.
  *

package/components/select/select.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FieldBaseProps } from '../../index.ts';
+import { FieldBaseProps } from '../base/fieldBase';
 /**
  * Props for {@link Select}.
  *

package/components/switch/switch.d.ts

@@ -1,6 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { ElementAlign, ElementDensity, ElementElevation, ElementFocusEffect, ElementFont, ElementHoverEffect, ElementOutline, ElementPressedEffect, ElementSelectedEffect, ElementShape, ElementSize, ElementTextPlacement, ElementTouchEffect } from '../../utils/utils.ts';
-import { BorderColor, SemanticColor, SurfaceColor } from '../../utils/color';
+import { BorderColor, ElementAlign, ElementDensity, ElementElevation, ElementFocusEffect, ElementFont, ElementHoverEffect, ElementOutline, ElementPressedEffect, ElementSelectedEffect, ElementShape, ElementSize, ElementTextPlacement, ElementTouchEffect, SemanticColor, SurfaceColor } from '../../utils';
 /**
  * Props for the Switch component.
  *

package/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tabs';
+export * from './tab';

package/components/tabs/tab.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { IS_TAB } from './tab.guards';
+/**
+ * Props for {@link Tab}.
+ *
+ * @category Tabs
+ */
+export interface TabProps {
+    /** Unique tab value. */
+    value: string;
+    /** Tab label. */
+    label: ReactNode;
+    /** Tab panel content. */
+    children: ReactNode;
+}
+/**
+ * Tab component containing both trigger and panel.
+ *
+ * Displays its content when selected.
+ *
+ * @function
+ *
+ * @category Tabs
+ */
+export declare const Tab: {
+    ({ value, label, children }: TabProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    /**
+     * Marks this component as a Tab for runtime type guards.
+     *
+     * Used internally to identify Tab elements via a shared Symbol.
+     * Not part of the public API.
+     *
+     * @internal
+     */
+    [IS_TAB]: boolean;
+};

package/components/tabs/tab.guards.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ReactElement } from 'react';
+import { TabProps } from './tab';
+export declare const IS_TAB: unique symbol;
+/**
+ * Type guard that checks whether a React node is a Tab component.
+ *
+ * Identifies Tab elements by the internal {@link IS_TAB} symbol
+ * attached to the component type.
+ *
+ * @param el - React node to test.
+ * @returns `true` if the node is a Tab element.
+ *
+ * @internal
+ */
+export declare function isTab(el: React.ReactNode): el is ReactElement<TabProps>;

package/components/tabs/tabs.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { BoxBaseProps } from '../base/boxBase';
+export interface TabsProps extends BoxBaseProps {
+    defaultValue: string;
+    children: ReactNode;
+}
+export declare const Tabs: ({ defaultValue, children, ...rest }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/components/toast/index.d.ts

@@ -0,0 +1,2 @@
+export * from './toast';
+export * from './toastViewport';