@once-ui-system/core 1.7.0 → 1.7.1

package/dist/src/components/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+import { Row } from ".";
+import { IconName } from "../icons";
+interface TooltipProps extends React.ComponentProps<typeof Row> {
+    label: ReactNode;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip };

package/dist/src/components/TypeFx.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Text } from ".";
+export interface TypeFxProps extends Omit<React.ComponentProps<typeof Text>, 'children'> {
+    words: string | string[];
+    speed?: number;
+    delay?: number;
+    hold?: number;
+    trigger?: "instant" | "custom";
+    onTrigger?: (triggerFn: () => void) => void;
+    loop?: boolean;
+    children?: React.ReactNode;
+}
+declare const TypeFx: React.FC<TypeFxProps>;
+export { TypeFx };

package/dist/src/components/User.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { TagProps, AvatarProps } from ".";
+interface UserProps {
+    name?: string;
+    children?: React.ReactNode;
+    subline?: React.ReactNode;
+    tag?: string;
+    tagProps?: TagProps;
+    loading?: boolean;
+    avatarProps?: AvatarProps;
+    className?: string;
+}
+declare const User: React.ForwardRefExoticComponent<UserProps & React.RefAttributes<HTMLDivElement>>;
+export { User };
+export type { UserProps };

package/dist/src/components/UserMenu.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { UserProps, DropdownWrapperProps } from ".";
+import { Placement } from "@floating-ui/react-dom";
+interface UserMenuProps extends UserProps, Pick<DropdownWrapperProps, "minHeight" | "minWidth" | "maxWidth"> {
+    selected?: boolean;
+    placement?: Placement;
+    dropdown?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const UserMenu: React.FC<UserMenuProps>;
+export { UserMenu };

package/dist/src/components/WeatherFx.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { Flex } from ".";
+type WeatherType = "rain" | "snow" | "leaves" | "lightning";
+interface WeatherFxProps extends React.ComponentProps<typeof Flex> {
+    type?: WeatherType;
+    speed?: number;
+    colors?: string[];
+    intensity?: number;
+    angle?: number;
+    duration?: number;
+    trigger?: "mount" | "hover" | "click" | "manual";
+    active?: boolean;
+    reducedMotion?: boolean | "auto";
+    children?: React.ReactNode;
+}
+declare const WeatherFx: React.ForwardRefExoticComponent<Omit<WeatherFxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { WeatherFx };

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

@@ -0,0 +1,120 @@
+export * from "./Accordion";
+export * from "./AccordionGroup";
+export * from "./Animation";
+export * from "./Arrow";
+export * from "./ArrowNavigationContext";
+export * from "./AutoScroll";
+export * from "./Avatar";
+export * from "./AvatarGroup";
+export * from "./Badge";
+export * from "./BlobFx";
+export * from "./Banner";
+export * from "./Background";
+export * from "./BlockQuote";
+export * from "./Button";
+export * from "./MatrixFx";
+export * from "./WeatherFx";
+export * from "./Carousel";
+export * from "./Swiper";
+export * from "./Card";
+export * from "./CursorCard";
+export * from "./Cursor";
+export * from "./CountFx";
+export * from "./CountdownFx";
+export * from "./Column";
+export * from "./Checkbox";
+export * from "./Chip";
+export * from "./ColorInput";
+export * from "./CompareImage";
+export * from "./ContextMenu";
+export * from "./DateInput";
+export * from "./DatePicker";
+export * from "./DateRangeInput";
+export * from "./DateRangePicker";
+export * from "./Dialog";
+export * from "./Dropdown";
+export * from "./DropdownWrapper";
+export * from "./ElementType";
+export * from "./EmojiPicker";
+export * from "./EmojiPickerDropdown";
+export * from "./Fade";
+export * from "./Feedback";
+export * from "./ServerFlex";
+export * from "./ClientFlex";
+export * from "./Flex";
+export * from "./FlipFx";
+export * from "./FocusTrap";
+export * from "./GlitchFx";
+export * from "./ServerGrid";
+export * from "./ClientGrid";
+export * from "./Grid";
+export * from "./Heading";
+export * from "./HoloFx";
+export * from "./Hover";
+export * from "./HoverCard";
+export * from "./Icon";
+export * from "./IconButton";
+export * from "./InfiniteScroll";
+export * from "./InlineCode";
+export * from "./Input";
+export * from "./InteractiveDetails";
+export * from "./Kbd";
+export * from "./LetterFx";
+export * from "./Line";
+export * from "./List";
+export * from "./ListItem";
+export * from "./Logo";
+export * from "./LogoCloud";
+export * from "./Mask";
+export * from "./MasonryGrid";
+export * from "./Media";
+export * from "./Modal";
+export * from "./NavIcon";
+export * from "./NumberInput";
+export * from "./OgCard";
+export * from "./Option";
+export * from "./OTPInput";
+export * from "./Particle";
+export * from "./PasswordInput";
+export * from "./ProgressBar";
+export * from "./Pulse";
+export * from "./RadioButton";
+export * from "./RevealFx";
+export * from "./Row";
+export * from "./Scroller";
+export * from "./ScrollContainer";
+export * from "./ScrollLock";
+export * from "./ScrollToTop";
+export * from "./SegmentedControl";
+export * from "./Select";
+export * from "./ServerFlex";
+export * from "./ServerGrid";
+export * from "./ShineFx";
+export * from "./Skeleton";
+export * from "./Slider";
+export * from "./SmartLink";
+export * from "./Spinner";
+export * from "./SplitView";
+export * from "./StatusIndicator";
+export * from "./StylePanel";
+export * from "./StyleOverlay";
+export * from "./Switch";
+export * from "./Table";
+export * from "./Tag";
+export * from "./TagInput";
+export * from "./Text";
+export * from "./Textarea";
+export * from "./TiltFx";
+export * from "./Timeline";
+export * from "./Toast";
+export * from "./Toaster";
+export * from "./ToggleButton";
+export * from "./Tooltip";
+export * from "./TypeFx";
+export * from "./ThemeInit";
+export * from "./ThemeSwitcher";
+export * from "./User";
+export * from "./UserMenu";
+export * from "./Pulse";
+export * from "./CelebrationFx";
+export * from "./FadingLettersFx";

package/dist/src/contexts/DataThemeProvider.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from "react";
+import { ChartMode, ChartVariant } from "../modules/data";
+interface ChartOptions {
+    variant: ChartVariant;
+    mode: ChartMode;
+    height: number;
+    axis: {
+        stroke: string;
+    };
+    tick: {
+        fill: string;
+        fontSize: number;
+        line: boolean;
+    };
+}
+interface DataThemeState extends ChartOptions {
+    setChartOptions: (options: Partial<ChartOptions>) => void;
+}
+interface DataThemeProviderProps extends Partial<ChartOptions> {
+    children: ReactNode;
+}
+declare const defaultChartOptions: ChartOptions;
+export declare function DataThemeProvider({ children, variant, mode, height, axis, tick, ...rest }: DataThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useDataTheme: () => DataThemeState;
+export { defaultChartOptions };

package/dist/src/contexts/ThemeProvider.d.ts

@@ -0,0 +1,48 @@
+import { Schemes } from "../types";
+export type Theme = "dark" | "light" | "system";
+export type NeutralColor = "sand" | "gray" | "slate";
+export type SolidType = "color" | "contrast" | "inverse";
+export type SolidStyle = "flat" | "plastic";
+export type BorderStyle = "rounded" | "playful" | "conservative";
+export type SurfaceStyle = "filled" | "translucent";
+export type TransitionStyle = "all" | "micro" | "macro" | "none";
+export type ScalingSize = "90" | "95" | "100" | "105" | "110";
+export type DataStyle = "categorical" | "divergent" | "sequential";
+interface StyleOptions {
+    theme: Theme;
+    neutral: NeutralColor | "custom";
+    brand: Schemes | "custom";
+    accent: Schemes | "custom";
+    solid: SolidType;
+    solidStyle: SolidStyle;
+    border: BorderStyle;
+    surface: SurfaceStyle;
+    transition: TransitionStyle;
+    scaling: ScalingSize;
+}
+type ThemeProviderState = {
+    theme: Theme;
+    resolvedTheme: "light" | "dark";
+    setTheme: (theme: Theme) => void;
+};
+type StyleProviderState = StyleOptions & {
+    setStyle: (style: Partial<StyleOptions>) => void;
+};
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    theme?: Theme;
+    neutral?: NeutralColor | "custom";
+    brand?: Schemes | "custom";
+    accent?: Schemes | "custom";
+    solid?: SolidType;
+    solidStyle?: SolidStyle;
+    border?: BorderStyle;
+    surface?: SurfaceStyle;
+    transition?: TransitionStyle;
+    scaling?: ScalingSize;
+};
+declare const defaultStyleOptions: StyleOptions;
+export declare function ThemeProvider({ children, theme: propTheme, neutral, brand, accent, solid, solidStyle, border, surface, transition, scaling, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;
+export declare const useStyle: () => StyleProviderState;
+export { defaultStyleOptions };

package/dist/src/contexts/ToastProvider.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from "react";
+interface Toast {
+    id: string;
+    variant: "success" | "danger";
+    message: ReactNode;
+    action?: ReactNode;
+}
+interface ToastContextProps {
+    toasts: Toast[];
+    addToast: (toast: Omit<Toast, "id">) => void;
+    removeToast: (id: string) => void;
+}
+export declare const useToast: () => ToastContextProps;
+declare const ToastProvider: React.FC<{
+    children: ReactNode;
+}>;
+export { ToastProvider };

package/dist/src/contexts/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./IconProvider";
+export * from "./ThemeProvider";
+export * from "./ToastProvider";
+export * from "./DataThemeProvider";
+export * from "./LayoutProvider";