@zelelo/iskra-ui 0.1.1 → 0.2.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, ReactElement } from 'react';
+import { HTMLAttributes, ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, ReactElement, TextareaHTMLAttributes } from 'react';
 import { Placement } from '@floating-ui/react';
 
 interface IAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> {
@@ -74,21 +74,36 @@ interface ICheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "si
 
 declare const Checkbox: react.ForwardRefExoticComponent<ICheckboxProps & react.RefAttributes<HTMLInputElement>>;
 
-interface IInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> {
-    size?: "sm" | "md" | "lg";
+/** Размер для CSS-свойства: число (в пикселях) или готовая CSS-строка. */
+type TCssSize = number | string;
+
+interface IDividerProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: "horizontal" | "vertical";
+    decorative?: boolean;
+    thickness?: TCssSize;
+    labelPosition?: "start" | "center" | "end";
+}
+
+declare const Divider: {
+    ({ orientation, decorative, thickness, labelPosition, className, style, children, ...props }: IDividerProps): ReactNode;
+    displayName: string;
+};
+
+type TFieldSize = "sm" | "md" | "lg";
+interface IFieldProps {
+    size?: TFieldSize;
     label?: ReactNode;
     hint?: ReactNode;
     error?: ReactNode;
+}
+
+interface IInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix">, IFieldProps {
     startIcon?: ReactNode;
     endIcon?: ReactNode;
-    className?: string;
 }
 
 declare const Input: react.ForwardRefExoticComponent<IInputProps & react.RefAttributes<HTMLInputElement>>;
 
-/** Размер для CSS-свойства: число (в пикселях) или готовая CSS-строка. */
-type TCssSize = number | string;
-
 interface IModalProps {
     open: boolean;
     onClose: () => void;
@@ -104,6 +119,18 @@ declare const Modal: {
     displayName: string;
 };
 
+interface IProgressBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    value?: number;
+    max?: number;
+    size?: "sm" | "md" | "lg";
+    variant?: "accent" | "success" | "danger";
+}
+
+declare const ProgressBar: {
+    ({ value, max, size, variant, className, style, ...props }: IProgressBarProps): ReactNode;
+    displayName: string;
+};
+
 interface IRadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "name"> {
     size?: "sm" | "md" | "lg";
     label?: ReactNode;
@@ -199,6 +226,12 @@ declare const Tabs: {
     displayName: string;
 };
 
+interface ITextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, IFieldProps {
+    resize?: "vertical" | "none";
+}
+
+declare const Textarea: react.ForwardRefExoticComponent<ITextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
 type TToastVariant = "info" | "success" | "warning" | "error";
 interface IToastProps extends HTMLAttributes<HTMLDivElement> {
     variant?: TToastVariant;
@@ -244,4 +277,4 @@ interface ITooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "content">
 
 declare const Tooltip: ({ content, children, placement, delay, className, ...props }: ITooltipProps) => ReactNode;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, Badge, Button, Checkbox, type IAccordionContentProps, type IAccordionItemProps, type IAccordionProps, type IAccordionTriggerProps, type IAlertProps, type IBadgeProps, type IButtonProps, type ICheckboxProps, type IInputProps, type IModalProps, type IRadioGroupProps, type IRadioProps, type ISkeletonProps, type ISpinnerProps, type ISwitchProps, type ITabItem, type ITabsProps, type IToastOptions, type IToastProps, type IToastProviderProps, type ITooltipProps, type IUseToastResult, Input, Modal, Radio, RadioGroup, Skeleton, Spinner, Switch, type TSpinnerVariant, type TToastVariant, Tabs, Toast, ToastProvider, Tooltip, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, Badge, Button, Checkbox, Divider, type IAccordionContentProps, type IAccordionItemProps, type IAccordionProps, type IAccordionTriggerProps, type IAlertProps, type IBadgeProps, type IButtonProps, type ICheckboxProps, type IDividerProps, type IInputProps, type IModalProps, type IProgressBarProps, type IRadioGroupProps, type IRadioProps, type ISkeletonProps, type ISpinnerProps, type ISwitchProps, type ITabItem, type ITabsProps, type ITextareaProps, type IToastOptions, type IToastProps, type IToastProviderProps, type ITooltipProps, type IUseToastResult, Input, Modal, ProgressBar, Radio, RadioGroup, Skeleton, Spinner, Switch, type TSpinnerVariant, type TToastVariant, Tabs, Textarea, Toast, ToastProvider, Tooltip, useToast };