@phpsoftbox/react-softbox 0.3.0 → 0.4.0

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

@@ -0,0 +1,33 @@
+import React from 'react';
+export type TooltipPlacement = 'auto' | 'top' | 'bottom' | 'left' | 'right';
+export type TooltipVariant = 'default' | 'info' | 'success' | 'warning' | 'danger';
+type Props = {
+    content: React.ReactNode;
+    children?: React.ReactElement<any>;
+    placement?: TooltipPlacement;
+    variant?: TooltipVariant;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delay?: number;
+    interactive?: boolean;
+    disabled?: boolean;
+    maxWidth?: number | string;
+    className?: string;
+    contentClassName?: string;
+    openOnHover?: boolean;
+    openOnFocus?: boolean;
+    openOnClick?: boolean;
+    anchorRef?: React.RefObject<HTMLElement | null>;
+    anchorId?: string;
+};
+export declare function TooltipHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipBody({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipBase({ content, children, placement, variant, open, defaultOpen, onOpenChange, delay, interactive, disabled, maxWidth, className, contentClassName, openOnHover, openOnFocus, openOnClick, anchorRef, anchorId, }: Props): import("react/jsx-runtime").JSX.Element | null;
+declare const TooltipComponent: typeof TooltipBase & {
+    Header: typeof TooltipHeader;
+    Body: typeof TooltipBody;
+    Footer: typeof TooltipFooter;
+};
+export default TooltipComponent;

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,294 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { createPortal } from 'react-dom';
+import styles from './Tooltip.module.css';
+const variantClass = {
+    default: styles.variantDefault,
+    info: styles.variantInfo,
+    success: styles.variantSuccess,
+    warning: styles.variantWarning,
+    danger: styles.variantDanger,
+};
+const noop = () => { };
+export function TooltipHeader({ className, ...props }) {
+    return _jsx("div", { className: [styles.header, className].filter(Boolean).join(' '), ...props });
+}
+export function TooltipBody({ className, ...props }) {
+    return _jsx("div", { className: [styles.body, className].filter(Boolean).join(' '), ...props });
+}
+export function TooltipFooter({ className, ...props }) {
+    return _jsx("div", { className: [styles.footer, className].filter(Boolean).join(' '), ...props });
+}
+const mergeRefs = (...refs) => (value) => {
+    refs.forEach((ref) => {
+        if (!ref) {
+            return;
+        }
+        if (typeof ref === 'function') {
+            ref(value);
+        }
+        else {
+            ref.current = value;
+        }
+    });
+};
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+function TooltipBase({ content, children, placement = 'auto', variant = 'default', open, defaultOpen = false, onOpenChange, delay = 0, interactive = false, disabled = false, maxWidth, className, contentClassName, openOnHover = true, openOnFocus = true, openOnClick = false, anchorRef, anchorId, }) {
+    const isControlled = open !== undefined;
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const [style, setStyle] = React.useState({});
+    const [resolvedPlacement, setResolvedPlacement] = React.useState('top');
+    const [mounted, setMounted] = React.useState(isControlled ? Boolean(open) : internalOpen);
+    const [visible, setVisible] = React.useState(isControlled ? Boolean(open) : internalOpen);
+    const hoverRef = React.useRef(false);
+    const tooltipRef = React.useRef(null);
+    const triggerRef = React.useRef(null);
+    const openTimer = React.useRef(null);
+    const closeTimer = React.useRef(null);
+    const isOpen = isControlled ? open : internalOpen;
+    const setOpen = (next) => {
+        if (!isControlled) {
+            setInternalOpen(next);
+        }
+        onOpenChange?.(next);
+    };
+    const clearTimer = () => {
+        if (openTimer.current) {
+            window.clearTimeout(openTimer.current);
+            openTimer.current = null;
+        }
+    };
+    const clearCloseTimer = () => {
+        if (closeTimer.current) {
+            window.clearTimeout(closeTimer.current);
+            closeTimer.current = null;
+        }
+    };
+    const scheduleOpen = () => {
+        if (disabled) {
+            return;
+        }
+        clearCloseTimer();
+        clearTimer();
+        if (delay > 0) {
+            openTimer.current = window.setTimeout(() => setOpen(true), delay);
+        }
+        else {
+            setOpen(true);
+        }
+    };
+    const scheduleClose = () => {
+        clearTimer();
+        clearCloseTimer();
+        if (!interactive) {
+            setOpen(false);
+            return;
+        }
+        closeTimer.current = window.setTimeout(() => {
+            if (!hoverRef.current) {
+                setOpen(false);
+            }
+        }, 80);
+    };
+    const resolveAnchor = React.useCallback(() => {
+        if (anchorRef?.current) {
+            return anchorRef.current;
+        }
+        if (anchorId && typeof document !== 'undefined') {
+            return document.getElementById(anchorId);
+        }
+        return triggerRef.current;
+    }, [anchorId, anchorRef]);
+    const updatePosition = React.useCallback(() => {
+        const anchor = resolveAnchor();
+        if (!anchor || !tooltipRef.current) {
+            return;
+        }
+        const anchorRect = anchor.getBoundingClientRect();
+        const tooltipRect = tooltipRef.current.getBoundingClientRect();
+        const padding = 8;
+        const gap = 8;
+        const available = {
+            top: anchorRect.top - padding,
+            bottom: window.innerHeight - anchorRect.bottom - padding,
+            left: anchorRect.left - padding,
+            right: window.innerWidth - anchorRect.right - padding,
+        };
+        let nextPlacement = 'top';
+        if (placement === 'auto') {
+            const fits = {
+                top: available.top >= tooltipRect.height + gap,
+                bottom: available.bottom >= tooltipRect.height + gap,
+                left: available.left >= tooltipRect.width + gap,
+                right: available.right >= tooltipRect.width + gap,
+            };
+            if (fits.bottom)
+                nextPlacement = 'bottom';
+            else if (fits.top)
+                nextPlacement = 'top';
+            else if (fits.right)
+                nextPlacement = 'right';
+            else if (fits.left)
+                nextPlacement = 'left';
+            else {
+                const entries = Object.entries(available);
+                entries.sort((a, b) => b[1] - a[1]);
+                nextPlacement = entries[0]?.[0] ?? 'bottom';
+            }
+        }
+        else {
+            nextPlacement = placement;
+        }
+        let top = 0;
+        let left = 0;
+        if (nextPlacement === 'top') {
+            top = anchorRect.top - tooltipRect.height - gap;
+            left = anchorRect.left + (anchorRect.width - tooltipRect.width) / 2;
+        }
+        else if (nextPlacement === 'bottom') {
+            top = anchorRect.bottom + gap;
+            left = anchorRect.left + (anchorRect.width - tooltipRect.width) / 2;
+        }
+        else if (nextPlacement === 'left') {
+            top = anchorRect.top + (anchorRect.height - tooltipRect.height) / 2;
+            left = anchorRect.left - tooltipRect.width - gap;
+        }
+        else if (nextPlacement === 'right') {
+            top = anchorRect.top + (anchorRect.height - tooltipRect.height) / 2;
+            left = anchorRect.right + gap;
+        }
+        top = clamp(top, padding, window.innerHeight - tooltipRect.height - padding);
+        left = clamp(left, padding, window.innerWidth - tooltipRect.width - padding);
+        setResolvedPlacement(nextPlacement);
+        setStyle({
+            top: `${top}px`,
+            left: `${left}px`,
+            maxWidth: maxWidth ? (typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth) : undefined,
+        });
+    }, [placement, resolveAnchor, maxWidth]);
+    React.useEffect(() => {
+        if (!isOpen) {
+            setStyle({});
+            return;
+        }
+        updatePosition();
+        const handler = () => updatePosition();
+        window.addEventListener('resize', handler);
+        window.addEventListener('scroll', handler, true);
+        return () => {
+            window.removeEventListener('resize', handler);
+            window.removeEventListener('scroll', handler, true);
+        };
+    }, [isOpen, updatePosition]);
+    React.useEffect(() => () => clearTimer(), []);
+    React.useEffect(() => () => clearCloseTimer(), []);
+    React.useEffect(() => {
+        if (isOpen) {
+            setMounted(true);
+            const frame = window.requestAnimationFrame(() => setVisible(true));
+            return () => window.cancelAnimationFrame(frame);
+        }
+        setVisible(false);
+        const timer = window.setTimeout(() => setMounted(false), 160);
+        return () => window.clearTimeout(timer);
+    }, [isOpen]);
+    React.useEffect(() => {
+        if (!mounted) {
+            return;
+        }
+        updatePosition();
+    }, [mounted, updatePosition, content]);
+    React.useEffect(() => {
+        if (children || !openOnHover && !openOnFocus && !openOnClick) {
+            return;
+        }
+        const anchor = resolveAnchor();
+        if (!anchor) {
+            return;
+        }
+        const handleEnter = () => openOnHover && scheduleOpen();
+        const handleLeave = () => openOnHover && scheduleClose();
+        const handleFocus = () => openOnFocus && scheduleOpen();
+        const handleBlur = () => openOnFocus && scheduleClose();
+        const handleClick = () => openOnClick && setOpen(!isOpen);
+        anchor.addEventListener('mouseenter', handleEnter);
+        anchor.addEventListener('mouseleave', handleLeave);
+        anchor.addEventListener('focusin', handleFocus);
+        anchor.addEventListener('focusout', handleBlur);
+        anchor.addEventListener('click', handleClick);
+        return () => {
+            anchor.removeEventListener('mouseenter', handleEnter);
+            anchor.removeEventListener('mouseleave', handleLeave);
+            anchor.removeEventListener('focusin', handleFocus);
+            anchor.removeEventListener('focusout', handleBlur);
+            anchor.removeEventListener('click', handleClick);
+        };
+    }, [children, isOpen, openOnClick, openOnFocus, openOnHover, resolveAnchor]);
+    const tooltip = mounted ? (_jsx("div", { className: [styles.tooltip, interactive ? styles.interactive : null, className].filter(Boolean).join(' '), style: style, ref: tooltipRef, role: "tooltip", "data-state": visible ? 'open' : 'closed', onMouseEnter: () => {
+            if (!interactive) {
+                return;
+            }
+            hoverRef.current = true;
+            clearCloseTimer();
+        }, onMouseLeave: () => {
+            if (!interactive) {
+                return;
+            }
+            hoverRef.current = false;
+            scheduleClose();
+        }, children: _jsx("div", { className: [styles.bubble, variantClass[variant], contentClassName].filter(Boolean).join(' '), "data-placement": resolvedPlacement, children: content }) })) : null;
+    const canPortal = typeof document !== 'undefined' && Boolean(document.body);
+    if (!children) {
+        if (!canPortal) {
+            return null;
+        }
+        return tooltip ? createPortal(tooltip, document.body) : null;
+    }
+    const childProps = (children.props ?? {});
+    const handleMouseEnter = openOnHover
+        ? (event) => {
+            childProps.onMouseEnter?.(event);
+            scheduleOpen();
+        }
+        : childProps.onMouseEnter ?? noop;
+    const handleMouseLeave = openOnHover
+        ? (event) => {
+            childProps.onMouseLeave?.(event);
+            scheduleClose();
+        }
+        : childProps.onMouseLeave ?? noop;
+    const handleFocus = openOnFocus
+        ? (event) => {
+            childProps.onFocus?.(event);
+            scheduleOpen();
+        }
+        : childProps.onFocus ?? noop;
+    const handleBlur = openOnFocus
+        ? (event) => {
+            childProps.onBlur?.(event);
+            scheduleClose();
+        }
+        : childProps.onBlur ?? noop;
+    const handleClick = openOnClick
+        ? (event) => {
+            childProps.onClick?.(event);
+            setOpen(!isOpen);
+        }
+        : childProps.onClick ?? noop;
+    const child = React.cloneElement(children, {
+        ref: mergeRefs(children.ref, triggerRef),
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onClick: handleClick,
+    });
+    return (_jsxs(_Fragment, { children: [child, tooltip && canPortal ? createPortal(tooltip, document.body) : null] }));
+}
+const TooltipComponent = Object.assign(TooltipBase, {
+    Header: TooltipHeader,
+    Body: TooltipBody,
+    Footer: TooltipFooter,
+});
+export default TooltipComponent;
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tooltip/Tooltip.module.css

@@ -0,0 +1,124 @@
+.tooltip {
+  position: fixed;
+  z-index: 1200;
+  pointer-events: none;
+  opacity: 0;
+  transform: translateY(6px) scale(0.98);
+  transition: opacity 0.16s ease, transform 0.16s ease;
+  will-change: opacity, transform;
+}
+
+.tooltip[data-state='open'] {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+}
+
+.interactive {
+  pointer-events: auto;
+}
+
+.bubble {
+  max-width: var(--tooltip-max-width, 280px);
+  background: var(--tooltip-bg, var(--surface-panel));
+  color: var(--tooltip-color, var(--color-text));
+  border: 1px solid var(--tooltip-border, var(--color-line));
+  border-radius: var(--radius-sm);
+  box-shadow: var(--shadow-soft);
+  padding: var(--spacing-2) var(--spacing-3);
+  font-size: var(--font-size-2);
+  line-height: 1.4;
+  position: relative;
+}
+
+.variantDefault {
+  --tooltip-bg: var(--surface-panel);
+  --tooltip-border: var(--color-line);
+  --tooltip-color: var(--color-text);
+}
+
+.variantInfo {
+  --tooltip-bg: rgba(20, 42, 76, 0.95);
+  --tooltip-border: rgba(64, 110, 200, 0.65);
+  --tooltip-color: #cfe0ff;
+}
+
+.variantSuccess {
+  --tooltip-bg: rgba(16, 59, 42, 0.95);
+  --tooltip-border: rgba(47, 186, 122, 0.6);
+  --tooltip-color: #d3f6e4;
+}
+
+.variantWarning {
+  --tooltip-bg: rgba(64, 46, 18, 0.95);
+  --tooltip-border: rgba(246, 200, 106, 0.6);
+  --tooltip-color: #ffe6b3;
+}
+
+.variantDanger {
+  --tooltip-bg: rgba(64, 26, 26, 0.95);
+  --tooltip-border: rgba(255, 107, 107, 0.7);
+  --tooltip-color: #ffd2d2;
+}
+
+.bubble::after {
+  content: '';
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background: var(--tooltip-bg, var(--surface-panel));
+  border: 1px solid var(--tooltip-border, var(--color-line));
+  transform: rotate(45deg);
+}
+
+.bubble[data-placement='top']::after {
+  left: 50%;
+  bottom: -6px;
+  transform: translateX(-50%) rotate(45deg);
+  border-left: none;
+  border-top: none;
+}
+
+.bubble[data-placement='bottom']::after {
+  left: 50%;
+  top: -6px;
+  transform: translateX(-50%) rotate(45deg);
+  border-right: none;
+  border-bottom: none;
+}
+
+.bubble[data-placement='left']::after {
+  top: 50%;
+  right: -6px;
+  transform: translateY(-50%) rotate(45deg);
+  border-left: none;
+  border-bottom: none;
+}
+
+.bubble[data-placement='right']::after {
+  top: 50%;
+  left: -6px;
+  transform: translateY(-50%) rotate(45deg);
+  border-right: none;
+  border-top: none;
+}
+
+.header {
+  font-weight: 600;
+  margin-bottom: var(--spacing-1);
+}
+
+.body {
+  font-size: inherit;
+}
+
+.footer {
+  margin-top: var(--spacing-2);
+  font-size: var(--font-size-2);
+  color: var(--color-muted);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .tooltip {
+    transition: none;
+  }
+}

package/dist/foundations/tokens.css

@@ -135,6 +135,12 @@
   --spacing-8: 40px;
   --spacing-9: 48px;
   --spacing-10: 64px;
+
+  --ui-control-height: 48px;
+  --ui-control-padding-x: 16px;
+  --ui-control-padding-y: 12px;
+  --ui-control-font-size: var(--font-size-3);
+  --ui-control-line-height: 1.2;
 }
 
 :root[data-theme="light"] {

package/dist/index.d.ts

@@ -25,8 +25,10 @@ export { default as Progress } from './components/Progress/Progress';
 export { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
 export { default as Image } from './components/Image/Image';
 export { default as FileUploader } from './components/FileUploader/FileUploader';
+export { default as Tooltip } from './components/Tooltip/Tooltip';
 export { default as Table } from './components/Table/Table';
-export type { TableColumn, TableSortDirection, TableSortOptions, TableSortState } from './components/Table/Table';
+export type { TableBulkAction, TableBulkActions, TableColumn, TableRenderBulkAction, TableSelection, TableSortDirection, TableSortOptions, TableSortState, } from './components/Table/Table';
+export type { TooltipPlacement, TooltipVariant } from './components/Tooltip/Tooltip';
 export { default as Text } from './components/Typography/Text';
 export { default as Heading } from './components/Typography/Heading';
 export { default as useMediaQuery } from './hooks/useMediaQuery';

package/dist/index.js

@@ -25,6 +25,7 @@ export { default as Progress } from './components/Progress/Progress';
 export { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
 export { default as Image } from './components/Image/Image';
 export { default as FileUploader } from './components/FileUploader/FileUploader';
+export { default as Tooltip } from './components/Tooltip/Tooltip';
 export { default as Table } from './components/Table/Table';
 export { default as Text } from './components/Typography/Text';
 export { default as Heading } from './components/Typography/Heading';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAY5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/docs/README.md

@@ -29,6 +29,8 @@ import { Button, Card, Menu } from '@phpsoftbox/react-softbox';
 - `layout.md` — Grid, Flex, утилиты
 - `navigation.md` — Menu, Dropdown, CollapseButton
 - `forms.md` — Input (Field/Select/FloatLabel), Switch, Radio, Checkbox, FileUploader
+- `table.md` — Table, сортировка, футер
+- `tooltip.md` — Tooltip и варианты
 - `overlays.md` — Modal, Drawer
 - `feedback.md` — Badge, Alert, Notifier
 - `card.md` — Card и его секции

package/docs/forms.md

@@ -20,6 +20,24 @@
 </Input>
 ```
 
+### Ошибка через Tooltip
+
+```tsx
+<Input>
+  <Input.Label>Почта</Input.Label>
+  <Input.Control>
+    <Input.Field hasError placeholder="name@example.com" />
+    <Input.ErrorTooltip content="Некорректный email" />
+  </Input.Control>
+</Input>
+
+<Input>
+  <Input.Label>Телефон</Input.Label>
+  <Input.Field hasError placeholder="+7 (___) ___-__-__" />
+  <Input.ErrorTooltip target="input" content="Введите номер" placement="right" />
+</Input>
+```
+
 ## Textarea
 
 ```tsx
@@ -97,6 +115,21 @@ const options = [
 </Input>
 ```
 
+### Пустое значение и сброс
+
+```tsx
+<Input>
+  <Input.Label>Статус</Input.Label>
+  <Input.Select
+    options={options}
+    allowEmptyValue
+    emptyOptionLabel="Не выбрано"
+    searchable
+    clearable
+  />
+</Input>
+```
+
 ### Загрузка через axios
 
 ```tsx

package/docs/overlays.md

@@ -3,12 +3,12 @@
 ## Modal
 
 ```tsx
-<Modal open={open} title="Заголовок" onClose={() => setOpen(false)}>
+<Modal open={open} title="Заголовок" lockScroll onClose={() => setOpen(false)}>
   Контент модалки
 </Modal>
 ```
 
-Поддерживает `footer` для действий.
+Поддерживает `footer` для действий и `lockScroll` для блокировки скролла страницы (по умолчанию `true`).
 
 ## Drawer