frey-ui 1.0.9 → 1.0.10

package/dist/types/src/Chip/index.d.ts

@@ -12,8 +12,10 @@ export type ChipProps<E extends ChipElement = 'span'> = ChipBaseProps & {
     as?: E;
     onClick?: React.MouseEventHandler<ChipElementNode<E>>;
 } & Omit<React.ComponentPropsWithRef<E>, 'as' | 'children' | 'className' | 'style' | 'onClick' | 'ref'>;
-type ChipComponent = <E extends ChipElement = 'span'>(props: Readonly<ChipProps<E>> & {
+type ChipComponent = (<E extends ChipElement = 'span'>(props: Readonly<ChipProps<E>> & {
     ref?: React.Ref<ChipElementNode<E>>;
-}) => React.ReactElement | null;
+}) => React.ReactElement | null) & {
+    displayName?: string;
+};
 declare const Chip: ChipComponent;
 export default Chip;

package/dist/types/src/Dialog/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export type DialogProps = {
+    open: boolean;
+    title: string;
+    children?: React.ReactNode;
+    description?: string;
+    onOpenChange?: (open: boolean) => void;
+    id?: string;
+    closeLabel?: string;
+    closeOnEscape?: boolean;
+    closeOnOverlayClick?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    contentClassName?: string;
+    contentStyle?: React.CSSProperties;
+};
+declare const Dialog: React.ForwardRefExoticComponent<Readonly<DialogProps> & React.RefAttributes<HTMLDialogElement>>;
+export default Dialog;

package/dist/types/src/DropdownMenu/index.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export type DropdownMenuPlacement = 'top' | 'right' | 'bottom' | 'left';
+export type DropdownMenuItem = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    destructive?: boolean;
+};
+export type DropdownMenuProps = {
+    trigger: React.ReactElement;
+    items: ReadonlyArray<DropdownMenuItem>;
+    onSelect?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: DropdownMenuPlacement;
+    offset?: number;
+    closeOnEscape?: boolean;
+    closeOnOutsideClick?: boolean;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    menuClassName?: string;
+    menuStyle?: React.CSSProperties;
+};
+declare function DropdownMenu({ trigger, items, onSelect, open, defaultOpen, onOpenChange, placement, offset, closeOnEscape, closeOnOutsideClick, id, className, style, menuClassName, menuStyle }: Readonly<DropdownMenuProps>): import("react/jsx-runtime").JSX.Element;
+export default DropdownMenu;

package/dist/types/src/Field/index.d.ts

@@ -0,0 +1,22 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type FieldRenderProps = {
+    inputId: string;
+    labelId: string;
+    describedBy?: string;
+    hasError: boolean;
+};
+export type FieldProps = {
+    children: (props: Readonly<FieldRenderProps>) => ReactNode;
+    label: string;
+    hideLabel?: boolean;
+    error?: string;
+    helperText?: string;
+    required?: boolean;
+    disabled?: boolean;
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+    labelElement?: 'label' | 'span';
+};
+declare function Field({ children, label, hideLabel, error, helperText, required, disabled, id, className, style, labelElement }: Readonly<FieldProps>): import("react/jsx-runtime").JSX.Element;
+export default Field;

package/dist/types/src/Icons/index.d.ts

@@ -0,0 +1,29 @@
+import type React from 'react';
+export type IconSizeToken = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type IconStrokeToken = 'thin' | 'regular' | 'bold';
+export type IconProps = {
+    size?: IconSizeToken | number;
+    strokeWidth?: IconStrokeToken | number;
+    title?: string;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function CloseIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronDownIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): import("react/jsx-runtime").JSX.Element;
+export declare function CheckIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): import("react/jsx-runtime").JSX.Element;
+export declare function MinusIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): import("react/jsx-runtime").JSX.Element;
+export declare function CircleXIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): import("react/jsx-runtime").JSX.Element;
+export declare function CircleCheckIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): import("react/jsx-runtime").JSX.Element;
+export declare function TriangleAlertIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): import("react/jsx-runtime").JSX.Element;
+export declare function CircleInfoIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): import("react/jsx-runtime").JSX.Element;
+declare const Icons: {
+    CloseIcon: typeof CloseIcon;
+    ChevronDownIcon: typeof ChevronDownIcon;
+    CheckIcon: typeof CheckIcon;
+    MinusIcon: typeof MinusIcon;
+    CircleXIcon: typeof CircleXIcon;
+    CircleCheckIcon: typeof CircleCheckIcon;
+    TriangleAlertIcon: typeof TriangleAlertIcon;
+    CircleInfoIcon: typeof CircleInfoIcon;
+};
+export default Icons;

package/dist/types/src/Popover/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export type PopoverPlacement = 'top' | 'right' | 'bottom' | 'left';
+export type PopoverProps = {
+    trigger: React.ReactElement;
+    children: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: PopoverPlacement;
+    offset?: number;
+    closeOnEscape?: boolean;
+    closeOnOutsideClick?: boolean;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    contentClassName?: string;
+    contentStyle?: React.CSSProperties;
+};
+declare function Popover({ trigger, children, open, defaultOpen, onOpenChange, placement, offset, closeOnEscape, closeOnOutsideClick, id, className, style, contentClassName, contentStyle }: Readonly<PopoverProps>): import("react/jsx-runtime").JSX.Element;
+export default Popover;

package/dist/types/src/Progress/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type ProgressSize = 'sm' | 'md' | 'lg';
+export type ProgressProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> & {
+    value?: number;
+    max?: number;
+    indeterminate?: boolean;
+    label?: string;
+    showValue?: boolean;
+    size?: ProgressSize;
+    className?: string;
+    style?: React.CSSProperties;
+    barClassName?: string;
+};
+declare const Progress: React.ForwardRefExoticComponent<Readonly<ProgressProps> & React.RefAttributes<HTMLDivElement>>;
+export default Progress;

package/dist/types/src/RadioGroup/index.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export type RadioGroupOrientation = 'vertical' | 'horizontal';
+export type RadioOption = {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+};
+export type RadioGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'className' | 'style' | 'children'> & {
+    label: string;
+    options: ReadonlyArray<RadioOption>;
+    value?: string;
+    defaultValue?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    hideLabel?: boolean;
+    helperText?: string;
+    error?: string;
+    disabled?: boolean;
+    required?: boolean;
+    orientation?: RadioGroupOrientation;
+    name?: string;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const RadioGroup: React.ForwardRefExoticComponent<Readonly<RadioGroupProps> & React.RefAttributes<HTMLDivElement>>;
+export default RadioGroup;

package/dist/types/src/Select/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type SelectSize = 'sm' | 'md' | 'lg';
+export type SelectProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size' | 'className' | 'style'> & {
+    label: string;
+    hideLabel?: boolean;
+    error?: string;
+    helperText?: string;
+    placeholder?: string;
+    size?: SelectSize;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const Select: React.ForwardRefExoticComponent<Readonly<SelectProps> & React.RefAttributes<HTMLSelectElement>>;
+export default Select;

package/dist/types/src/Skeleton/index.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React from 'react';
 export type SkeletonShape = 'rectangle' | 'circle';
 export type SkeletonProps = {
     width?: string | number;
@@ -7,5 +7,5 @@ export type SkeletonProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-declare function Skeleton({ width, height, shape, className, style }: Readonly<SkeletonProps>): import("react/jsx-runtime").JSX.Element;
+declare const Skeleton: React.ForwardRefExoticComponent<Readonly<SkeletonProps> & React.RefAttributes<HTMLSpanElement>>;
 export default Skeleton;

package/dist/types/src/Spinner/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+export type SpinnerProps = {
+    size?: SpinnerSize | number;
+    label?: string;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const Spinner: React.ForwardRefExoticComponent<Readonly<SpinnerProps> & React.RefAttributes<HTMLOutputElement>>;
+export default Spinner;

package/dist/types/src/Textarea/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
+export type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style'> & {
+    label: string;
+    hideLabel?: boolean;
+    error?: string;
+    helperText?: string;
+    resize?: TextareaResize;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const Textarea: React.ForwardRefExoticComponent<Readonly<TextareaProps> & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/dist/types/src/ThemeProvider/index.d.ts

@@ -1,11 +1,12 @@
 import type React from 'react';
-export type FreyTheme = 'light' | 'dark';
+export type FreyTheme = 'light' | 'dark' | 'system';
 export type ThemeProviderProps = {
     children: React.ReactNode;
     theme?: FreyTheme;
+    highContrast?: boolean;
     id?: string;
     className?: string;
     style?: React.CSSProperties;
 };
-declare function ThemeProvider({ children, theme, id, className, style }: Readonly<ThemeProviderProps>): import("react/jsx-runtime").JSX.Element;
+declare function ThemeProvider({ children, theme, highContrast, id, className, style }: Readonly<ThemeProviderProps>): import("react/jsx-runtime").JSX.Element;
 export default ThemeProvider;

package/dist/types/src/Toast/index.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export type ToastVariant = 'info' | 'success' | 'warning' | 'error';
+export type ToastPlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export type ToastAction = {
+    label: string;
+    onClick: () => void;
+};
+export type ToastOptions = {
+    id?: string;
+    title?: string;
+    description: string;
+    variant?: ToastVariant;
+    duration?: number;
+    action?: ToastAction;
+};
+export type ToastProviderProps = {
+    children: React.ReactNode;
+    placement?: ToastPlacement;
+    limit?: number;
+    className?: string;
+    style?: React.CSSProperties;
+};
+type ToastContextValue = {
+    toast: (options: ToastOptions) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+};
+export declare function ToastProvider({ children, placement, limit, className, style }: Readonly<ToastProviderProps>): import("react/jsx-runtime").JSX.Element;
+export declare function useToast(): ToastContextValue;
+export {};

package/dist/types/src/Tooltip/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
+export type TooltipProps = {
+    children: React.ReactElement;
+    content: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: TooltipPlacement;
+    offset?: number;
+    delay?: number;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, placement, offset, delay, id, className, style }: Readonly<TooltipProps>): import("react/jsx-runtime").JSX.Element;
+export default Tooltip;

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

@@ -7,11 +7,35 @@ export type { CheckboxProps, CheckboxSize } from './Checkbox';
 export { default as Checkbox } from './Checkbox';
 export type { ChipElement, ChipProps, Variant } from './Chip';
 export { default as Chip } from './Chip';
+export type { DialogProps } from './Dialog';
+export { default as Dialog } from './Dialog';
+export type { DropdownMenuItem, DropdownMenuPlacement, DropdownMenuProps } from './DropdownMenu';
+export { default as DropdownMenu } from './DropdownMenu';
+export type { FieldProps, FieldRenderProps } from './Field';
+export { default as Field } from './Field';
+export type { IconProps, IconSizeToken, IconStrokeToken } from './Icons';
+export { CheckIcon, ChevronDownIcon, CircleCheckIcon, CircleInfoIcon, CircleXIcon, CloseIcon, default as Icons, MinusIcon, TriangleAlertIcon } from './Icons';
+export type { PopoverPlacement, PopoverProps } from './Popover';
+export { default as Popover } from './Popover';
+export type { ProgressProps, ProgressSize } from './Progress';
+export { default as Progress } from './Progress';
+export type { RadioGroupOrientation, RadioGroupProps, RadioOption } from './RadioGroup';
+export { default as RadioGroup } from './RadioGroup';
+export type { SelectProps, SelectSize } from './Select';
+export { default as Select } from './Select';
 export type { SkeletonProps, SkeletonShape } from './Skeleton';
 export { default as Skeleton } from './Skeleton';
+export type { SpinnerProps, SpinnerSize } from './Spinner';
+export { default as Spinner } from './Spinner';
 export type { SwitchProps, SwitchSize } from './Switch';
 export { default as Switch } from './Switch';
+export type { TextareaProps, TextareaResize } from './Textarea';
+export { default as Textarea } from './Textarea';
 export type { TextInputProps } from './TextInput';
 export { default as TextInput } from './TextInput';
 export type { FreyTheme, ThemeProviderProps } from './ThemeProvider';
 export { default as ThemeProvider } from './ThemeProvider';
+export type { ToastAction, ToastOptions, ToastPlacement, ToastProviderProps, ToastVariant } from './Toast';
+export { ToastProvider, useToast } from './Toast';
+export type { TooltipPlacement, TooltipProps } from './Tooltip';
+export { default as Tooltip } from './Tooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frey-ui",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -66,8 +66,9 @@
     "vitest": "^4.0.18"
   },
   "scripts": {
-    "build": "rimraf dist && rollup -c",
-    "typecheck": "tsc -b",
+    "dev": "rollup -c -w",
+    "build": "rimraf dist tsconfig.lib.tsbuildinfo && rollup -c",
+    "typecheck": "tsc -b --noEmit",
     "lint": "biome lint .",
     "format": "biome format --write .",
     "format:check": "biome format .",