@nicorp/nui 0.1.8 → 0.2.0

package/dist/index.d.ts

@@ -591,6 +591,33 @@ declare interface MetricCardProps extends React_2.HTMLAttributes<HTMLDivElement>
     icon?: React_2.ReactNode;
 }
 
+export declare function ModeToggle({ className }: {
+    className?: string;
+}): JSX_2.Element;
+
+export declare function ModeToggleGroup({ className }: {
+    className?: string;
+}): JSX_2.Element;
+
+export declare function MultiSelect({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, maxDisplay, }: MultiSelectProps): JSX_2.Element;
+
+export declare interface MultiSelectOption {
+    value: string;
+    label: string;
+}
+
+export declare interface MultiSelectProps {
+    options: MultiSelectOption[];
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    disabled?: boolean;
+    className?: string;
+    maxDisplay?: number;
+}
+
 export declare function Muted({ className, ...props }: MutedProps): JSX_2.Element;
 
 export declare interface MutedProps extends React_2.HTMLAttributes<HTMLParagraphElement> {
@@ -849,6 +876,40 @@ export declare const textVariants: (props?: ({
     leading?: "normal" | "tight" | "relaxed" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare type Theme = "dark" | "light" | "system";
+
+export declare function ThemeProvider({ children, defaultTheme, storageKey, attribute, enableSystem, disableTransitionOnChange, forcedTheme, nonce, }: ThemeProviderProps): JSX_2.Element;
+
+export declare type ThemeProviderProps = {
+    /** Wrap your application */
+    children: React.ReactNode;
+    /** Initial theme when nothing is stored yet. @default "system" */
+    defaultTheme?: Theme;
+    /** localStorage key. @default "nui-theme" */
+    storageKey?: string;
+    /** HTML attribute used to apply the theme. @default "class" */
+    attribute?: "class" | "data-theme";
+    /** Allow choosing "system" mode. @default true */
+    enableSystem?: boolean;
+    /** Temporarily disable CSS transitions when the theme changes to prevent intermediate flash. @default false */
+    disableTransitionOnChange?: boolean;
+    /** Force a specific theme (ignores user choice and localStorage). Useful for per-page overrides. */
+    forcedTheme?: Theme;
+    /** CSP nonce for injected inline styles. */
+    nonce?: string;
+};
+
+export declare type ThemeProviderState = {
+    /** The stored theme preference ("dark" | "light" | "system"). */
+    theme: Theme;
+    /** The actual resolved theme that is applied ("dark" | "light"). */
+    resolvedTheme: "dark" | "light";
+    /** Update the theme. */
+    setTheme: (theme: Theme) => void;
+    /** All available themes. */
+    themes: readonly Theme[];
+};
+
 export declare const Timeline: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const TimelineConnector: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
@@ -909,6 +970,8 @@ export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPr
 
 declare type UseCarouselParameters = Parameters<typeof default_2>;
 
+export declare function useTheme(): ThemeProviderState;
+
 export declare const VStack: React_2.ForwardRefExoticComponent<StackProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export { }