react-18-ui-library 0.1.0

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
+export interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    placement?: TooltipPlacement;
+    delay?: number;
+    arrow?: boolean;
+    className?: string;
+    contentClassName?: string;
+    disabled?: boolean;
+}
+export declare function Tooltip({ content, children, placement, delay, arrow, className, contentClassName, disabled, }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/overlay/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipProps, TooltipPlacement } from './Tooltip';

package/dist/components/typography/Code/Code.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type CodeTheme = 'dark' | 'light';
+export interface CodeProps extends React.HTMLAttributes<HTMLElement> {
+    block?: boolean;
+    language?: string;
+    theme?: CodeTheme;
+    showLineNumbers?: boolean;
+    copyable?: boolean;
+    filename?: string;
+}
+export declare function Code({ block, language, theme, showLineNumbers, copyable, filename, className, children, ...props }: CodeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/Code/index.d.ts

@@ -0,0 +1,2 @@
+export { Code } from './Code';
+export type { CodeProps, CodeTheme } from './Code';

package/dist/components/typography/Heading/Heading.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+export type HeadingWeight = 'normal' | 'medium' | 'semibold' | 'bold';
+export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    level?: HeadingLevel;
+    size?: HeadingSize;
+    weight?: HeadingWeight;
+    truncate?: boolean;
+    color?: 'default' | 'muted' | 'primary' | 'error' | 'success' | 'warning';
+}
+export declare function Heading({ level, size, weight, truncate, color, className, children, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/Heading/index.d.ts

@@ -0,0 +1,2 @@
+export { Heading } from './Heading';
+export type { HeadingProps, HeadingLevel, HeadingSize, HeadingWeight } from './Heading';

package/dist/components/typography/Kbd/Kbd.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type KbdSize = 'sm' | 'md' | 'lg';
+export interface KbdProps {
+    children: React.ReactNode;
+    size?: KbdSize;
+    className?: string;
+}
+export declare function Kbd({ children, size, className }: KbdProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/Kbd/index.d.ts

@@ -0,0 +1,2 @@
+export { Kbd } from './Kbd';
+export type { KbdProps, KbdSize } from './Kbd';

package/dist/components/typography/Label/Label.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import * as RadixLabel from '@radix-ui/react-label';
+export interface LabelProps extends React.ComponentPropsWithoutRef<typeof RadixLabel.Root> {
+    required?: boolean;
+    optional?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare function Label({ required, optional, size, className, children, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/Label/index.d.ts

@@ -0,0 +1,2 @@
+export { Label } from './Label';
+export type { LabelProps } from './Label';

package/dist/components/typography/Link/Link.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type LinkUnderline = 'always' | 'hover' | 'none';
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    external?: boolean;
+    underline?: LinkUnderline;
+    color?: 'primary' | 'text' | 'muted' | 'inherit';
+    showExternalIcon?: boolean;
+}
+export declare function Link({ external, underline, color, showExternalIcon, className, children, target, rel, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/Link/index.d.ts

@@ -0,0 +1,2 @@
+export { Link } from './Link';
+export type { LinkProps, LinkUnderline } from './Link';

package/dist/components/typography/Text/Text.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export type TextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl';
+export type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
+export type TextColor = 'default' | 'muted' | 'disabled' | 'primary' | 'error' | 'success' | 'warning' | 'inherit';
+export type TextAs = 'p' | 'span' | 'div' | 'strong' | 'em' | 'small';
+export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    as?: TextAs;
+    size?: TextSize;
+    weight?: TextWeight;
+    color?: TextColor;
+    truncate?: boolean;
+    clamp?: 1 | 2 | 3 | 4 | 5;
+    italic?: boolean;
+    underline?: boolean;
+}
+export declare function Text({ as: Tag, size, weight, color, truncate, clamp, italic, underline, className, children, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { Text } from './Text';
+export type { TextProps, TextSize, TextWeight, TextColor, TextAs } from './Text';

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { type RefObject } from 'react';
+export declare function useClickOutside<T extends HTMLElement>(ref: RefObject<T>, handler: (event: MouseEvent | TouchEvent) => void, enabled?: boolean): void;

package/dist/hooks/useClipboard.d.ts

@@ -0,0 +1,11 @@
+export interface UseClipboardOptions {
+    timeout?: number;
+    onSuccess?: (value: string) => void;
+    onError?: (error: Error) => void;
+}
+export interface UseClipboardReturn {
+    copied: boolean;
+    copy: (value: string) => Promise<void>;
+    reset: () => void;
+}
+export declare function useClipboard(options?: UseClipboardOptions): UseClipboardReturn;

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare function useDebounce<T>(value: T, delay?: number): T;

package/dist/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+export interface UseIntersectionObserverOptions extends IntersectionObserverInit {
+    freezeOnceVisible?: boolean;
+}
+export declare function useIntersectionObserver<T extends Element>(options?: UseIntersectionObserverOptions): [RefObject<T>, boolean, IntersectionObserverEntry | null];

package/dist/hooks/useKeyboard.d.ts

@@ -0,0 +1,9 @@
+export type KeyboardModifier = 'ctrl' | 'meta' | 'shift' | 'alt';
+export interface KeyboardShortcut {
+    key: string;
+    modifiers?: KeyboardModifier[];
+    handler: (event: KeyboardEvent) => void;
+    enabled?: boolean;
+    preventDefault?: boolean;
+}
+export declare function useKeyboard(shortcuts: KeyboardShortcut | KeyboardShortcut[]): void;

package/dist/hooks/useLocalStorage.d.ts

@@ -0,0 +1 @@
+export declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T | ((prev: T) => T)) => void, () => void];

package/dist/hooks/useMediaQuery.d.ts

@@ -0,0 +1 @@
+export declare function useMediaQuery(query: string): boolean;

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,4 @@
+export declare function useTheme(): {
+    getToken: (token: string) => string;
+    setToken: (token: string, value: string) => void;
+};

package/dist/hooks/useToast.d.ts

@@ -0,0 +1,16 @@
+export type ToastVariant = 'info' | 'success' | 'warning' | 'error';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface Toast {
+    id: string;
+    title?: string;
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+}
+export interface UseToastReturn {
+    toasts: Toast[];
+    toast: (options: Omit<Toast, 'id'>) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+}
+export declare function useToast(): UseToastReturn;

package/dist/hooks/useWindowSize.d.ts

@@ -0,0 +1,8 @@
+export interface WindowSize {
+    width: number;
+    height: number;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+}
+export declare function useWindowSize(): WindowSize;