@ufoui/core 0.0.58 → 0.0.88

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ufoui/core",
-  "version": "0.0.58",
+  "version": "0.0.88",
   "description": "Lightweight Material Design 3 UI components for React",
   "type": "module",
   "main": "./index.mjs",

package/types/color.d.ts

@@ -207,13 +207,14 @@ export type CoreSemanticColor = 'primary' | 'secondary' | 'tertiary' | 'warning'
  *
  * @category Color
  */
-export type CoreSurfaceColor = 'surface' | 'surfaceVariant' | 'background' | 'inverseSurface' | 'outline' | 'outlineVariant' | 'surfaceContainerLowest' | 'surfaceContainerLow' | 'surfaceContainer' | 'surfaceContainerHigh' | 'surfaceContainerHighest' | 'surfaceBright' | 'surfaceDim';
+export type CoreSurfaceColor = 'surface' | 'surfaceVariant' | 'background' | 'inverseSurface' | 'surfaceContainerLowest' | 'surfaceContainerLow' | 'surfaceContainer' | 'surfaceContainerHigh' | 'surfaceContainerHighest' | 'surfaceBright' | 'surfaceDim' | 'black' | 'white';
+export type CoreBorderColor = 'outline' | 'outlineVariant';
 /**
  * Built-in technical color names not intended for direct usage.
  *
  * @category Color
  */
-export type CoreThemeColor = 'onSurface' | 'onSurfaceVariant' | 'onBackground' | 'inverseOnSurface' | 'inversePrimary' | 'surfaceTint' | 'scrim' | 'shadow' | 'black' | 'white';
+export type CoreThemeColor = 'onSurface' | 'onSurfaceVariant' | 'onBackground' | 'inverseOnSurface' | 'inversePrimary' | 'surfaceTint' | 'scrim' | 'shadow';
 /**
  * Augmentation point for custom semantic colors.
  *
@@ -277,17 +278,17 @@ export type SurfaceColor = CoreSurfaceColor | ExtendedColor;
  */
 export type BaseColor = SemanticColor | SurfaceColor;
 /**
- * Full theme color set.
+ * Border color.
  *
  * @category Color
  */
-export type ThemeColor = BaseColor | OnColor<SemanticBaseColor> | OnExtendedColor | CoreThemeColor;
+export type BorderColor = BaseColor | CoreBorderColor;
 /**
- * Border color.
+ * Full theme color set.
  *
  * @category Color
  */
-export type BorderColor = BaseColor;
+export type ThemeColor = BorderColor | OnColor<SemanticBaseColor> | OnExtendedColor | CoreThemeColor;
 /**
  * Input color map used to seed/generate theme schemes.
  *

package/types/dialog.d.ts

@@ -1,4 +1,3 @@
-import { MotionAnimation } from './motion';
 /**
  * Layout mode for the DialogBase component.
  *
@@ -11,16 +10,6 @@ import { MotionAnimation } from './motion';
  * @category Dialog
  */
 export type DialogType = 'basic' | 'fullscreen' | 'dockRight' | 'dockLeft' | 'dockTop' | 'dockBottom';
-/**
- * Animation preset for open and close transitions.
- *
- * @remarks
- * Use `'none'` to disable motion. Otherwise uses a {@link MotionAnimation} value.
- * When omitted, a default animation is chosen for the current layout mode.
- *
- * @category Dialog
- */
-export type DialogAnimation = 'none' | MotionAnimation;
 /**
  * Icon slot within dialog layout.
  *

package/types/motion.d.ts

@@ -1,12 +1,39 @@
-export type MotionAnimation = 'fade' | 'fadeBlur' | 'scale' | 'scaleBlur' | 'popup' | 'slideUp' | 'slideDown' | 'slideLeft' | 'slideRight' | 'slideUpBlur' | 'slideDownBlur' | 'slideLeftBlur' | 'slideRightBlur' | 'rotate' | 'rotateUpRight' | 'rotateUpLeft' | 'rollLeft' | 'rollRight' | 'flipX' | 'flipY' | 'bounce' | 'squish' | 'rubber' | 'popElastic' | 'jelly';
-export declare const motionClassMap: Record<MotionAnimation, string>;
+export declare const motionClassMap: {
+    fade: string;
+    fadeBlur: string;
+    scale: string;
+    scaleBlur: string;
+    popup: string;
+    slideUp: string;
+    slideDown: string;
+    slideLeft: string;
+    slideRight: string;
+    slideUpBlur: string;
+    slideDownBlur: string;
+    slideLeftBlur: string;
+    slideRightBlur: string;
+    rotate: string;
+    rotateUpRight: string;
+    rotateUpLeft: string;
+    rollLeft: string;
+    rollRight: string;
+    flipX: string;
+    flipY: string;
+    bounce: string;
+    squish: string;
+    rubber: string;
+    popElastic: string;
+    jelly: string;
+    none: string;
+};
+export type MotionAnimation = keyof typeof motionClassMap;
 /**
  * Returns CSS class name for given motion animation.
  * Returns empty string when animation is not defined or set to 'none'.
  */
-export declare function getAnimationClass(animation?: MotionAnimation | 'none'): string;
+export declare function getAnimationClass(animation?: MotionAnimation): string;
 /**
- * Returns list of available motion animation names.
+ * Returns list of available motion animation names, excluding `'none'`.
  */
 export declare function getAnimationList(): MotionAnimation[];
 export type MotionStyle = 'regular' | 'expressive';

package/utils/color.d.ts

@@ -11,9 +11,9 @@ export declare function getOnColorName(colorName: ThemeColor): ThemeColor | unde
 export declare function getColorNames(type: 'semantic'): SemanticColor[];
 export declare function getColorNames(type: 'extended'): ExtendedColor[];
 export declare function getColorNames(type: 'surface'): SurfaceColor[];
-export declare function getColorNames(type: 'theme'): ThemeColor[];
 export declare function getColorNames(type: 'base'): BaseColor[];
 export declare function getColorNames(type: 'border'): BorderColor[];
+export declare function getColorNames(type: 'theme'): ThemeColor[];
 /**
  * Returns basic CSS variable references for a **surface color**.
  *
@@ -32,7 +32,7 @@ export declare function getColorNames(type: 'border'): BorderColor[];
  * ```
  * @category Color
  */
-export declare const getSurfaceColorVar: (color: BaseColor) => {
+export declare const getSurfaceColorVar: (color: ThemeColor) => {
     color: string;
     onColor: string;
 };

package/utils/utils.d.ts

@@ -126,7 +126,7 @@ export declare const getShapeClass: (shape?: ElementShape) => string;
  * @param size Size token.
  * @returns CSS class for size variant.
  */
-export declare const getSizeClass: (size: ElementSize) => string;
+export declare const getSizeClass: (size?: ElementSize) => string;
 /**
  * Returns the appropriate CSS class for the given border size.
  *

package/components/dialogs/dialogActions.d.ts

@@ -1,26 +0,0 @@
-import { ReactNode } from 'react';
-/** Slot contract for components that can act as dialog actions. */
-export interface DialogActionProps {
-    label?: string;
-    'aria-label'?: string;
-    icon?: ReactNode;
-    leading?: ReactNode;
-    trailing?: ReactNode;
-    disabled?: boolean;
-}
-export interface DialogActionsProps {
-    actions?: ReactNode;
-    placement?: 'top' | 'subtitle' | 'bottom' | 'inline';
-    align?: 'start' | 'center' | 'end';
-    stack?: boolean;
-    className?: string;
-    /** Maximum number of visible actions before the rest collapse into an overflow menu. */
-    maxActions?: number;
-    /** Accessible label for the overflow actions button. Default: "More actions" */
-    moreLabel?: string;
-    moreIcon?: ReactNode;
-}
-export declare const DialogActions: {
-    ({ actions, className, placement, align, stack, maxActions, moreLabel, }: DialogActionsProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};

package/components/dialogs/dialogActions.guards.d.ts

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