@bricks-toolkit/toolkit 0.1.11 → 0.1.12

package/dist/theme-provider/index.d.mts

@@ -1,122 +0,0 @@
-import { ReactNode } from 'react';
-
-/** Theme modes supported by the library. */
-type ThemeMode = 'light' | 'dark' | 'system';
-/** A record of semantic design tokens for a single theme (light or dark). */
-interface SemanticColors {
-    /** Main primary color used for actions and highlights. */
-    primary?: string;
-    /** Hover state for primary actions. */
-    primaryHover?: string;
-    /** Active/pressed state for primary actions. */
-    primaryActive?: string;
-    /** Secondary actions or secondary emphasis. */
-    secondary?: string;
-    /** Hover state for secondary actions. */
-    secondaryHover?: string;
-    /** A vibrant accent color for specific focus or brand elements. */
-    accent?: string;
-    /** Main application background. */
-    background?: string;
-    /** Primary surface color for cards, modals, and navigation. */
-    surface?: string;
-    /** A darker/lighter alternate surface for contrast. */
-    surfaceSecondary?: string;
-    /** Default border color for elements like inputs or cards. */
-    border?: string;
-    /** A more subtle border for secondary grouping. */
-    borderLight?: string;
-    /** Explicit divider color between content blocks. */
-    divider?: string;
-    /** Standard high-contrast text for body and headings. */
-    text?: string;
-    /** Slightly lower contrast text for secondary descriptions. */
-    textSecondary?: string;
-    /** Muted text for captions, metadata, or disabled labels. */
-    textMuted?: string;
-    /** High-contrast text to be used on dark背景 (e.g. on primary buttons). */
-    textInverse?: string;
-    /** Color representing success (often green). */
-    success?: string;
-    /** Color representing warnings (often amber). */
-    warning?: string;
-    /** Color representing errors or destructive actions (often red). */
-    error?: string;
-    /** Color representing informational messages (often blue). */
-    info?: string;
-    /** Background color for item hover states (e.g. list items). */
-    hover?: string;
-    /** Background color for item active/selected states. */
-    active?: string;
-    /** Ring or outline color for focus states. */
-    focus?: string;
-    /** Color for disabled backgrounds or indicators. */
-    disabled?: string;
-    /** A subtle, tight shadow for small components. */
-    shadowSm?: string;
-    /** The standard shadow for cards and modals. */
-    shadowMd?: string;
-    /** A large, diffuse shadow for overlays. */
-    shadowLg?: string;
-    /** For quick interactions like hover entry. */
-    transitionFast?: string;
-    /** The default transition for most entry/exit animations. */
-    transitionNormal?: string;
-    /** For large surface changes or fade-ins. */
-    transitionSlow?: string;
-    /** Layer for dropdowns and popovers. */
-    zIndexDropdown?: string | number;
-    /** Layer for sticky headers or nav. */
-    zIndexSticky?: string | number;
-    /** Layer for modals and drawers. */
-    zIndexModal?: string | number;
-    /** Highest layer for tooltips and alerts. */
-    zIndexTooltip?: string | number;
-    primaryForeground?: string;
-    secondaryForeground?: string;
-    muted?: string;
-    mutedForeground?: string;
-    accentForeground?: string;
-    destructive?: string;
-    destructiveForeground?: string;
-    card?: string;
-    cardForeground?: string;
-    input?: string;
-    ring?: string;
-}
-/** Theme configuration that allows overriding light and dark properties. */
-interface ThemeConfig {
-    /** Light theme overrides. */
-    light?: SemanticColors;
-    /** Dark theme overrides. */
-    dark?: SemanticColors;
-}
-/** Props for the ThemeProvider component. */
-interface ThemeProviderProps {
-    /** The children to render within the provider. */
-    children: ReactNode;
-    /** The default theme mode ('light', 'dark', or 'system'). Default is 'system'. */
-    defaultTheme?: ThemeMode;
-    /** The key used to store the theme mode in localStorage. Default is 'ui-theme'. */
-    storageKey?: string;
-    /** Optional custom theme configuration to override default tokens. */
-    themeConfig?: ThemeConfig;
-}
-/** Context state provided by the ThemeProvider. */
-interface ThemeProviderState {
-    /** The currently active theme mode. */
-    theme: ThemeMode;
-    /** Function to update the theme mode. */
-    setTheme: (theme: ThemeMode) => void;
-    /** The currently active theme configuration (including overrides). */
-    themeConfig?: ThemeConfig;
-}
-
-interface ThemeProviderComponent {
-    (props: ThemeProviderProps): React.JSX.Element;
-    displayName?: string;
-}
-declare const ThemeProvider: ThemeProviderComponent;
-declare const useTheme: () => ThemeProviderState;
-
-export { type SemanticColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, useTheme };

package/dist/theme-provider/index.d.ts

@@ -1,122 +0,0 @@
-import { ReactNode } from 'react';
-
-/** Theme modes supported by the library. */
-type ThemeMode = 'light' | 'dark' | 'system';
-/** A record of semantic design tokens for a single theme (light or dark). */
-interface SemanticColors {
-    /** Main primary color used for actions and highlights. */
-    primary?: string;
-    /** Hover state for primary actions. */
-    primaryHover?: string;
-    /** Active/pressed state for primary actions. */
-    primaryActive?: string;
-    /** Secondary actions or secondary emphasis. */
-    secondary?: string;
-    /** Hover state for secondary actions. */
-    secondaryHover?: string;
-    /** A vibrant accent color for specific focus or brand elements. */
-    accent?: string;
-    /** Main application background. */
-    background?: string;
-    /** Primary surface color for cards, modals, and navigation. */
-    surface?: string;
-    /** A darker/lighter alternate surface for contrast. */
-    surfaceSecondary?: string;
-    /** Default border color for elements like inputs or cards. */
-    border?: string;
-    /** A more subtle border for secondary grouping. */
-    borderLight?: string;
-    /** Explicit divider color between content blocks. */
-    divider?: string;
-    /** Standard high-contrast text for body and headings. */
-    text?: string;
-    /** Slightly lower contrast text for secondary descriptions. */
-    textSecondary?: string;
-    /** Muted text for captions, metadata, or disabled labels. */
-    textMuted?: string;
-    /** High-contrast text to be used on dark背景 (e.g. on primary buttons). */
-    textInverse?: string;
-    /** Color representing success (often green). */
-    success?: string;
-    /** Color representing warnings (often amber). */
-    warning?: string;
-    /** Color representing errors or destructive actions (often red). */
-    error?: string;
-    /** Color representing informational messages (often blue). */
-    info?: string;
-    /** Background color for item hover states (e.g. list items). */
-    hover?: string;
-    /** Background color for item active/selected states. */
-    active?: string;
-    /** Ring or outline color for focus states. */
-    focus?: string;
-    /** Color for disabled backgrounds or indicators. */
-    disabled?: string;
-    /** A subtle, tight shadow for small components. */
-    shadowSm?: string;
-    /** The standard shadow for cards and modals. */
-    shadowMd?: string;
-    /** A large, diffuse shadow for overlays. */
-    shadowLg?: string;
-    /** For quick interactions like hover entry. */
-    transitionFast?: string;
-    /** The default transition for most entry/exit animations. */
-    transitionNormal?: string;
-    /** For large surface changes or fade-ins. */
-    transitionSlow?: string;
-    /** Layer for dropdowns and popovers. */
-    zIndexDropdown?: string | number;
-    /** Layer for sticky headers or nav. */
-    zIndexSticky?: string | number;
-    /** Layer for modals and drawers. */
-    zIndexModal?: string | number;
-    /** Highest layer for tooltips and alerts. */
-    zIndexTooltip?: string | number;
-    primaryForeground?: string;
-    secondaryForeground?: string;
-    muted?: string;
-    mutedForeground?: string;
-    accentForeground?: string;
-    destructive?: string;
-    destructiveForeground?: string;
-    card?: string;
-    cardForeground?: string;
-    input?: string;
-    ring?: string;
-}
-/** Theme configuration that allows overriding light and dark properties. */
-interface ThemeConfig {
-    /** Light theme overrides. */
-    light?: SemanticColors;
-    /** Dark theme overrides. */
-    dark?: SemanticColors;
-}
-/** Props for the ThemeProvider component. */
-interface ThemeProviderProps {
-    /** The children to render within the provider. */
-    children: ReactNode;
-    /** The default theme mode ('light', 'dark', or 'system'). Default is 'system'. */
-    defaultTheme?: ThemeMode;
-    /** The key used to store the theme mode in localStorage. Default is 'ui-theme'. */
-    storageKey?: string;
-    /** Optional custom theme configuration to override default tokens. */
-    themeConfig?: ThemeConfig;
-}
-/** Context state provided by the ThemeProvider. */
-interface ThemeProviderState {
-    /** The currently active theme mode. */
-    theme: ThemeMode;
-    /** Function to update the theme mode. */
-    setTheme: (theme: ThemeMode) => void;
-    /** The currently active theme configuration (including overrides). */
-    themeConfig?: ThemeConfig;
-}
-
-interface ThemeProviderComponent {
-    (props: ThemeProviderProps): React.JSX.Element;
-    displayName?: string;
-}
-declare const ThemeProvider: ThemeProviderComponent;
-declare const useTheme: () => ThemeProviderState;
-
-export { type SemanticColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, useTheme };

package/dist/time-picker/index.d.mts

@@ -1,32 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type TimePickerVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type TimePickerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type TimePickerState = 'default' | 'error' | 'success' | 'warning';
-interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    errorMessage?: string;
-    successMessage?: string;
-    warningMessage?: string;
-    variant?: TimePickerVariant;
-    size?: TimePickerSize;
-    state?: TimePickerState;
-    fullWidth?: boolean;
-    leftElement?: ReactNode;
-    rightElement?: ReactNode;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    wrapperClassName?: string;
-    inputGroupClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    helperClassName?: string;
-    clearable?: boolean;
-    isLoading?: boolean;
-}
-
-declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
-
-export { TimePicker, type TimePickerProps, type TimePickerSize, type TimePickerState, type TimePickerVariant };

package/dist/time-picker/index.d.ts

@@ -1,32 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type TimePickerVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type TimePickerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type TimePickerState = 'default' | 'error' | 'success' | 'warning';
-interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    errorMessage?: string;
-    successMessage?: string;
-    warningMessage?: string;
-    variant?: TimePickerVariant;
-    size?: TimePickerSize;
-    state?: TimePickerState;
-    fullWidth?: boolean;
-    leftElement?: ReactNode;
-    rightElement?: ReactNode;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    wrapperClassName?: string;
-    inputGroupClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    helperClassName?: string;
-    clearable?: boolean;
-    isLoading?: boolean;
-}
-
-declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
-
-export { TimePicker, type TimePickerProps, type TimePickerSize, type TimePickerState, type TimePickerVariant };

package/dist/toaster/index.d.mts

@@ -1,28 +0,0 @@
-import { ReactNode } from 'react';
-
-type ToasterStatus = 'success' | 'error' | 'warning' | 'info';
-type ToasterVariant = 'solid' | 'subtle' | 'left-accent';
-interface ToasterProps {
-    /** The unique identifier of the toaster */
-    id?: string;
-    /** The title of the toaster */
-    title?: string;
-    /** The description text of the toaster */
-    description?: ReactNode;
-    /** The status of the toaster, affects color and icon */
-    status?: ToasterStatus;
-    /** The visual variant of the toaster */
-    variant?: ToasterVariant;
-    /** Whether the toaster is closable */
-    isClosable?: boolean;
-    /** Callback function called when the toaster is closed */
-    onClose?: () => void;
-    /** Custom class name for the toaster container */
-    className?: string;
-    /** Custom duration in ms before toaster closes automatically (if managed by a provider) */
-    duration?: number;
-}
-
-declare const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Toaster, type ToasterProps, type ToasterStatus, type ToasterVariant };

package/dist/toaster/index.d.ts

@@ -1,28 +0,0 @@
-import { ReactNode } from 'react';
-
-type ToasterStatus = 'success' | 'error' | 'warning' | 'info';
-type ToasterVariant = 'solid' | 'subtle' | 'left-accent';
-interface ToasterProps {
-    /** The unique identifier of the toaster */
-    id?: string;
-    /** The title of the toaster */
-    title?: string;
-    /** The description text of the toaster */
-    description?: ReactNode;
-    /** The status of the toaster, affects color and icon */
-    status?: ToasterStatus;
-    /** The visual variant of the toaster */
-    variant?: ToasterVariant;
-    /** Whether the toaster is closable */
-    isClosable?: boolean;
-    /** Callback function called when the toaster is closed */
-    onClose?: () => void;
-    /** Custom class name for the toaster container */
-    className?: string;
-    /** Custom duration in ms before toaster closes automatically (if managed by a provider) */
-    duration?: number;
-}
-
-declare const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Toaster, type ToasterProps, type ToasterStatus, type ToasterVariant };

package/dist/tooltip/index.d.mts

@@ -1,7 +0,0 @@
-import { a as TooltipProps } from '../Tooltip.types-PbUasE3C.mjs';
-export { T as TooltipPlacement, b as TooltipSize, c as TooltipTrigger, d as TooltipVariant } from '../Tooltip.types-PbUasE3C.mjs';
-import 'react';
-
-declare function Tooltip({ content, children, placement, trigger, showDelay, hideDelay, size, variant, open: controlledOpen, disabled, maxWidth, className, wrapperClassName, }: TooltipProps): React.JSX.Element;
-
-export { Tooltip, TooltipProps };

package/dist/tooltip/index.d.ts

@@ -1,7 +0,0 @@
-import { a as TooltipProps } from '../Tooltip.types-PbUasE3C.js';
-export { T as TooltipPlacement, b as TooltipSize, c as TooltipTrigger, d as TooltipVariant } from '../Tooltip.types-PbUasE3C.js';
-import 'react';
-
-declare function Tooltip({ content, children, placement, trigger, showDelay, hideDelay, size, variant, open: controlledOpen, disabled, maxWidth, className, wrapperClassName, }: TooltipProps): React.JSX.Element;
-
-export { Tooltip, TooltipProps };