@oblkf/oui-react 0.0.0-stage → 0.1.0

package/README.md

@@ -1,3 +1,76 @@
-# Temporary Holding Version
+# @oblkf/oui-react
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+ОБЛАКОФ UI для **React** — библиотека компонентов на дизайн-токенах (Tailwind v4).
+Та же визуальная система, что и в [`@oblkf/oui-vue`](../../OUI), один набор токенов.
+
+## Установка
+
+Два способа — Tailwind в проекте **не обязателен**. Peer: `react`, `react-dom` (>=18).
+
+### Вариант 1 — без Tailwind (проще)
+
+```bash
+pnpm add @oblkf/oui-react
+```
+
+```tsx
+// один раз в точке входа приложения (main.tsx):
+import '@oblkf/oui-react/styles.css'
+```
+
+Готово — весь CSS (включая токены тем) приходит из `styles.css` (собран заранее, без
+глобального reset-а, только `box-sizing`). Tailwind настраивать не нужно.
+
+### Вариант 2 — с Tailwind v4 (итоговый файл стилей меньше)
+
+```bash
+pnpm add @oblkf/oui-react @oblkf/oui-tokens
+```
+
+```css
+@import 'tailwindcss';
+@import '@oblkf/oui-tokens';
+@source '../node_modules/@oblkf/oui-react/dist';
+```
+
+## Использование
+
+```tsx
+import { OuButton, OuModal, ouToast } from '@oblkf/oui-react'
+
+function Example() {
+  const [open, setOpen] = useState(false)
+  return (
+    <>
+      <OuButton variant="brand" onClick={() => setOpen(true)}>
+        Открыть
+      </OuButton>
+      <OuModal open={open} onOpenChange={setOpen} title="Привет">
+        Содержимое модалки
+      </OuModal>
+    </>
+  )
+}
+```
+
+Тосты — компонент `<OuToaster />` один раз в корне приложения + программный вызов `ouToast(...)`:
+
+```tsx
+import { OuToaster, ouToast } from '@oblkf/oui-react'
+// в корне: <OuToaster position="bottom-right" />
+ouToast.success('Сохранено', { description: 'Изменения применены' })
+```
+
+## Конвенции API (отличия от Vue)
+
+- Контролируемые поля: `checked` + `onCheckedChange` (Checkbox/Switch), `value` + `onValueChange`
+  (Slider/Rating/Segmented/RadioGroup/NumberInput/TagInput), `open` + `onOpenChange` (Modal/Sheet).
+- Слоты Vue → пропсы `ReactNode`: `leading`, `trailing`, `header`, `footer`, `action`, `icon`,
+  и `children` для основного содержимого.
+- Тёмная тема — класс `.dark` на `<html>`.
+
+## Сборка
+
+```bash
+pnpm --filter @oblkf/oui-react build   # → dist/ (ESM + .d.ts)
+```

package/dist/cn.d.ts

@@ -0,0 +1,7 @@
+import { type ClassValue } from 'clsx';
+/**
+ * Объединяет классы Tailwind, корректно разрешая конфликты утилит
+ * (например, переданный `p-6` перебьёт базовый `p-4`). Используется всеми
+ * компонентами OUI для слияния базовых классов с `class` из props.
+ */
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/components/OuAccordion.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+export interface OuAccordionItem {
+    value: string;
+    title: string;
+    content: ReactNode;
+}
+export interface OuAccordionProps {
+    items: OuAccordionItem[];
+    multiple?: boolean;
+    className?: string;
+}
+export declare function OuAccordion({ items, multiple, className }: OuAccordionProps): import("react").JSX.Element;

package/dist/components/OuAlert.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+type Variant = 'info' | 'success' | 'warning' | 'destructive';
+export interface OuAlertProps {
+    variant?: Variant;
+    title?: string;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function OuAlert({ variant, title, className, children }: OuAlertProps): import("react").JSX.Element;
+export {};

package/dist/components/OuAvatar.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes } from 'react';
+type Size = 'sm' | 'md' | 'lg' | 'xl';
+type Status = 'online' | 'offline' | 'away';
+export interface OuAvatarProps extends HTMLAttributes<HTMLSpanElement> {
+    src?: string;
+    name?: string;
+    size?: Size;
+    status?: Status;
+}
+export declare function OuAvatar({ src, name, size, status, className, ...rest }: OuAvatarProps): import("react").JSX.Element;
+export {};

package/dist/components/OuAvatarGroup.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface OuAvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export declare function OuAvatarGroup({ className, children, ...rest }: OuAvatarGroupProps): import("react").JSX.Element;

package/dist/components/OuBadge.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+type Variant = 'default' | 'primary' | 'success' | 'warning' | 'destructive' | 'outline';
+export interface OuBadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: Variant;
+    dot?: boolean;
+    children?: ReactNode;
+}
+export declare function OuBadge({ variant, dot, className, children, ...rest }: OuBadgeProps): import("react").JSX.Element;
+export {};

package/dist/components/OuBanner.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface OuBannerProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export declare function OuBanner({ className, children, ...rest }: OuBannerProps): import("react").JSX.Element;

package/dist/components/OuBreadcrumb.d.ts

@@ -0,0 +1,9 @@
+export interface OuBreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface OuBreadcrumbProps {
+    items: OuBreadcrumbItem[];
+    className?: string;
+}
+export declare function OuBreadcrumb({ items, className }: OuBreadcrumbProps): import("react").JSX.Element;

package/dist/components/OuButton.d.ts

@@ -0,0 +1,9 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import { type OuButtonVariant, type OuButtonSize } from './button-variants';
+export interface OuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: OuButtonVariant;
+    size?: OuButtonSize;
+    loading?: boolean;
+    children?: ReactNode;
+}
+export declare const OuButton: import("react").ForwardRefExoticComponent<OuButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/OuButtonGroup.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface OuButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export declare function OuButtonGroup({ className, children, ...rest }: OuButtonGroupProps): import("react").JSX.Element;

package/dist/components/OuCard.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface OuCardProps extends HTMLAttributes<HTMLDivElement> {
+    hover?: boolean;
+    padded?: boolean;
+    header?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+}
+export declare function OuCard({ hover, padded, header, footer, className, children, ...rest }: OuCardProps): import("react").JSX.Element;

package/dist/components/OuCheckbox.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+export interface OuCheckboxProps {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function OuCheckbox({ checked, onCheckedChange, disabled, className, children, }: OuCheckboxProps): import("react").JSX.Element;

package/dist/components/OuCheckboxGroup.d.ts

@@ -0,0 +1,13 @@
+interface Option {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+}
+export interface OuCheckboxGroupProps {
+    options: Option[];
+    value: (string | number)[];
+    onValueChange?: (v: (string | number)[]) => void;
+    className?: string;
+}
+export declare function OuCheckboxGroup({ options, value, onValueChange, className, }: OuCheckboxGroupProps): import("react").JSX.Element;
+export {};

package/dist/components/OuCode.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface OuCodeProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+}
+export declare function OuCode({ className, children, ...rest }: OuCodeProps): import("react").JSX.Element;

package/dist/components/OuDropdown.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+export interface OuDropdownProps {
+    trigger: ReactNode;
+    align?: 'start' | 'end';
+    className?: string;
+    children?: ReactNode;
+}
+export declare function OuDropdown({ trigger, align, className, children }: OuDropdownProps): import("react").JSX.Element;

package/dist/components/OuDropdownItem.d.ts

@@ -0,0 +1,6 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface OuDropdownItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    destructive?: boolean;
+    children?: ReactNode;
+}
+export declare function OuDropdownItem({ destructive, className, children, ...rest }: OuDropdownItemProps): import("react").JSX.Element;

package/dist/components/OuEmptyState.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface OuEmptyStateProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+    action?: ReactNode;
+}
+export declare function OuEmptyState({ title, description, icon, action, className, ...rest }: OuEmptyStateProps): import("react").JSX.Element;

package/dist/components/OuInput.d.ts

@@ -0,0 +1,10 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+type Size = 'sm' | 'md' | 'lg';
+export interface OuInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    invalid?: boolean;
+    size?: Size;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}
+export declare function OuInput({ invalid, size, leading, trailing, className, ...rest }: OuInputProps): import("react").JSX.Element;
+export {};

package/dist/components/OuKbd.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface OuKbdProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+}
+export declare function OuKbd({ className, children, ...rest }: OuKbdProps): import("react").JSX.Element;

package/dist/components/OuLabel.d.ts

@@ -0,0 +1,6 @@
+import type { LabelHTMLAttributes, ReactNode } from 'react';
+export interface OuLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    htmlFor?: string;
+    children?: ReactNode;
+}
+export declare function OuLabel({ className, children, ...rest }: OuLabelProps): import("react").JSX.Element;

package/dist/components/OuLink.d.ts

@@ -0,0 +1,10 @@
+import type { AnchorHTMLAttributes, ReactNode } from 'react';
+type Variant = 'default' | 'muted' | 'underline';
+export interface OuLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    href?: string;
+    variant?: Variant;
+    external?: boolean;
+    children?: ReactNode;
+}
+export declare function OuLink({ href, variant, external, className, children, ...rest }: OuLinkProps): import("react").JSX.Element;
+export {};

package/dist/components/OuList.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface OuListProps extends HTMLAttributes<HTMLUListElement> {
+    children?: ReactNode;
+}
+export declare function OuList({ className, children, ...rest }: OuListProps): import("react").JSX.Element;

package/dist/components/OuListItem.d.ts

@@ -0,0 +1,10 @@
+import type { LiHTMLAttributes, ReactNode } from 'react';
+export interface OuListItemProps extends LiHTMLAttributes<HTMLLIElement> {
+    title?: string;
+    subtitle?: string;
+    clickable?: boolean;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    children?: ReactNode;
+}
+export declare function OuListItem({ title, subtitle, clickable, leading, trailing, className, children, ...rest }: OuListItemProps): import("react").JSX.Element;

package/dist/components/OuMeter.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'react';
+export interface OuMeterProps extends HTMLAttributes<HTMLDivElement> {
+    value: number;
+    max: number;
+    unit?: string;
+    label?: string;
+    showValue?: boolean;
+}
+export declare function OuMeter({ value, max, unit, label, showValue, className, ...rest }: OuMeterProps): import("react").JSX.Element;

package/dist/components/OuModal.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+export interface OuModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    header?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function OuModal({ open, onOpenChange, title, header, footer, className, children, }: OuModalProps): import("react").ReactPortal | null;

package/dist/components/OuNumberInput.d.ts

@@ -0,0 +1,10 @@
+export interface OuNumberInputProps {
+    value?: number;
+    onValueChange?: (v: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function OuNumberInput({ value, onValueChange, min, max, step, disabled, className, }: OuNumberInputProps): import("react").JSX.Element;

package/dist/components/OuPagination.d.ts

@@ -0,0 +1,7 @@
+export interface OuPaginationProps {
+    total: number;
+    page?: number;
+    onPageChange?: (p: number) => void;
+    className?: string;
+}
+export declare function OuPagination({ total, page, onPageChange, className }: OuPaginationProps): import("react").JSX.Element;

package/dist/components/OuPopover.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+export interface OuPopoverProps {
+    trigger: ReactNode;
+    align?: 'start' | 'end';
+    className?: string;
+    children?: ReactNode;
+}
+export declare function OuPopover({ trigger, align, className, children }: OuPopoverProps): import("react").JSX.Element;

package/dist/components/OuProgress.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'react';
+type Variant = 'primary' | 'brand' | 'success' | 'warning' | 'destructive';
+export interface OuProgressProps extends HTMLAttributes<HTMLDivElement> {
+    value?: number;
+    max?: number;
+    variant?: Variant;
+}
+export declare function OuProgress({ value, max, variant, className, ...rest }: OuProgressProps): import("react").JSX.Element;
+export {};

package/dist/components/OuProgressRing.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from 'react';
+type Variant = 'primary' | 'success' | 'warning' | 'destructive';
+export interface OuProgressRingProps extends HTMLAttributes<HTMLDivElement> {
+    value?: number;
+    max?: number;
+    size?: number;
+    stroke?: number;
+    variant?: Variant;
+    showLabel?: boolean;
+}
+export declare function OuProgressRing({ value, max, size, stroke, variant, showLabel, className, ...rest }: OuProgressRingProps): import("react").JSX.Element;
+export {};

package/dist/components/OuRadioGroup.d.ts

@@ -0,0 +1,14 @@
+interface Option {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+}
+export interface OuRadioGroupProps {
+    options: Option[];
+    value?: string | number;
+    onValueChange?: (v: string | number) => void;
+    name?: string;
+    className?: string;
+}
+export declare function OuRadioGroup({ options, value, onValueChange, name, className, }: OuRadioGroupProps): import("react").JSX.Element;
+export {};

package/dist/components/OuRating.d.ts

@@ -0,0 +1,8 @@
+export interface OuRatingProps {
+    value?: number;
+    onValueChange?: (v: number) => void;
+    max?: number;
+    readonly?: boolean;
+    className?: string;
+}
+export declare function OuRating({ value, onValueChange, max, readonly, className, }: OuRatingProps): import("react").JSX.Element;

package/dist/components/OuSegmented.d.ts

@@ -0,0 +1,12 @@
+interface Option {
+    label: string;
+    value: string | number;
+}
+export interface OuSegmentedProps {
+    options: Option[];
+    value?: string | number;
+    onValueChange?: (v: string | number) => void;
+    className?: string;
+}
+export declare function OuSegmented({ options, value, onValueChange, className }: OuSegmentedProps): import("react").JSX.Element;
+export {};

package/dist/components/OuSelect.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode, type SelectHTMLAttributes } from 'react';
+export interface OuSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    invalid?: boolean;
+    children?: ReactNode;
+}
+export declare function OuSelect({ invalid, className, children, ...rest }: OuSelectProps): import("react").JSX.Element;

package/dist/components/OuSeparator.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'react';
+export interface OuSeparatorProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+}
+export declare function OuSeparator({ orientation, className, ...rest }: OuSeparatorProps): import("react").JSX.Element;

package/dist/components/OuSheet.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+type Side = 'left' | 'right' | 'top' | 'bottom';
+export interface OuSheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    side?: Side;
+    title?: string;
+    header?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function OuSheet({ open, onOpenChange, side, title, header, footer, className, children, }: OuSheetProps): import("react").ReactPortal | null;
+export {};

package/dist/components/OuSkeleton.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from 'react';
+export interface OuSkeletonProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare function OuSkeleton({ className, ...rest }: OuSkeletonProps): import("react").JSX.Element;

package/dist/components/OuSlider.d.ts

@@ -0,0 +1,10 @@
+export interface OuSliderProps {
+    value?: number;
+    onValueChange?: (v: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function OuSlider({ value, onValueChange, min, max, step, disabled, className, }: OuSliderProps): import("react").JSX.Element;

package/dist/components/OuSpinner.d.ts

@@ -0,0 +1,8 @@
+import type { SVGAttributes } from 'react';
+type Size = 'sm' | 'md' | 'lg';
+export interface OuSpinnerProps extends SVGAttributes<SVGSVGElement> {
+    size?: Size;
+    label?: string;
+}
+export declare function OuSpinner({ size, label, className, ...rest }: OuSpinnerProps): import("react").JSX.Element;
+export {};

package/dist/components/OuStat.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface OuStatProps extends HTMLAttributes<HTMLDivElement> {
+    label: string;
+    value: string | number;
+    hint?: string;
+    delta?: string;
+    trend?: 'up' | 'down';
+    icon?: ReactNode;
+}
+export declare function OuStat({ label, value, hint, delta, trend, icon, className, ...rest }: OuStatProps): import("react").JSX.Element;

package/dist/components/OuSteps.d.ts

@@ -0,0 +1,10 @@
+export interface OuStepsItem {
+    label: string;
+    description?: string;
+}
+export interface OuStepsProps {
+    steps: OuStepsItem[];
+    current?: number;
+    className?: string;
+}
+export declare function OuSteps({ steps, current, className }: OuStepsProps): import("react").JSX.Element;

package/dist/components/OuSwitch.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+export interface OuSwitchProps {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function OuSwitch({ checked, onCheckedChange, disabled, className, children, }: OuSwitchProps): import("react").JSX.Element;

package/dist/components/OuTable.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export interface OuTableColumn {
+    key: string;
+    label: string;
+    align?: 'left' | 'right' | 'center';
+}
+export interface OuTableProps {
+    columns: OuTableColumn[];
+    rows: Record<string, unknown>[];
+    cells?: Record<string, (value: unknown, row: Record<string, unknown>) => ReactNode>;
+    className?: string;
+}
+export declare function OuTable({ columns, rows, cells, className }: OuTableProps): import("react").JSX.Element;

package/dist/components/OuTabs.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+export interface OuTabsItem {
+    label: string;
+    value: string;
+}
+export interface OuTabsProps {
+    tabs: OuTabsItem[];
+    value?: string;
+    onValueChange?: (v: string) => void;
+    panels?: Record<string, ReactNode>;
+    className?: string;
+}
+export declare function OuTabs({ tabs, value, onValueChange, panels, className }: OuTabsProps): import("react").JSX.Element;

package/dist/components/OuTag.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface OuTagProps extends HTMLAttributes<HTMLSpanElement> {
+    removable?: boolean;
+    onRemove?: () => void;
+    children?: ReactNode;
+}
+export declare function OuTag({ removable, onRemove, className, children, ...rest }: OuTagProps): import("react").JSX.Element;

package/dist/components/OuTagInput.d.ts

@@ -0,0 +1,7 @@
+export interface OuTagInputProps {
+    value: string[];
+    onValueChange?: (v: string[]) => void;
+    placeholder?: string;
+    className?: string;
+}
+export declare function OuTagInput({ value, onValueChange, placeholder, className, }: OuTagInputProps): import("react").JSX.Element;

package/dist/components/OuTextarea.d.ts

@@ -0,0 +1,5 @@
+import { type TextareaHTMLAttributes } from 'react';
+export interface OuTextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    invalid?: boolean;
+}
+export declare function OuTextarea({ invalid, rows, className, ...rest }: OuTextareaProps): import("react").JSX.Element;

package/dist/components/OuTimeline.d.ts

@@ -0,0 +1,13 @@
+type OuTimelineVariant = 'default' | 'primary' | 'success' | 'warning' | 'destructive';
+export interface OuTimelineItem {
+    title: string;
+    description?: string;
+    time?: string;
+    variant?: OuTimelineVariant;
+}
+export interface OuTimelineProps {
+    items: OuTimelineItem[];
+    className?: string;
+}
+export declare function OuTimeline({ items, className }: OuTimelineProps): import("react").JSX.Element;
+export {};

package/dist/components/OuToast.d.ts

@@ -0,0 +1,10 @@
+type Variant = 'info' | 'success' | 'warning' | 'destructive';
+export interface OuToastProps {
+    variant?: Variant;
+    title: string;
+    description?: string;
+    onClose?: () => void;
+    className?: string;
+}
+export declare function OuToast({ variant, title, description, onClose, className, }: OuToastProps): import("react").JSX.Element;
+export {};

package/dist/components/OuToaster.d.ts

@@ -0,0 +1,6 @@
+type Pos = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+export interface OuToasterProps {
+    position?: Pos;
+}
+export declare function OuToaster({ position }: OuToasterProps): import("react").ReactPortal | null;
+export {};

package/dist/components/OuToggle.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface OuToggleProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    pressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function OuToggle({ pressed, onPressedChange, disabled, className, children, onClick, ...rest }: OuToggleProps): import("react").JSX.Element;

package/dist/components/OuTooltip.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+type Side = 'top' | 'bottom' | 'left' | 'right';
+export interface OuTooltipProps {
+    text: string;
+    side?: Side;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function OuTooltip({ text, side, className, children }: OuTooltipProps): import("react").JSX.Element;
+export {};