@bigbinary/neeto-atoms 1.0.36 → 1.0.37

package/dist/Dialog-BURSzxaP.js

@@ -1,61 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { DialogHeader as DialogHeader$1, DialogDescription, DialogFooter as DialogFooter$1, DialogTitle as DialogTitle$1, Dialog as Dialog$1, DialogContent } from './primitives/Dialog.js';
-
-const SIZE_CLASS_MAP = {
-    small: "sm:max-w-sm",
-    medium: "sm:max-w-md",
-    large: "sm:max-w-lg",
-    fullScreen: "h-screen w-screen max-w-none rounded-none sm:max-w-none",
-};
-
-const DialogHeader = forwardRef(({ children, className, description, dataTestid, ...otherProps }, ref) => (jsxs(DialogHeader$1, { ref: ref, className: cn(className), "data-testid": dataTestid ?? "dialog-header", ...otherProps, children: [children, description && jsx(DialogDescription, { children: description })] })));
-DialogHeader.displayName = "Dialog.Header";
-const DialogBody = forwardRef(({ children, className, dataTestid, ...otherProps }, ref) => (jsx("div", { ref: ref, "data-slot": "dialog-body", "data-testid": dataTestid ?? "dialog-body", className: cn("text-sm text-foreground", className), ...otherProps, children: children })));
-DialogBody.displayName = "Dialog.Body";
-const DialogFooter = forwardRef(({ children, className, dataTestid, ...otherProps }, ref) => (jsx(DialogFooter$1, { ref: ref, className: cn(className), "data-testid": dataTestid ?? "dialog-footer", ...otherProps, children: children })));
-DialogFooter.displayName = "Dialog.Footer";
-const DialogTitle = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(DialogTitle$1, { ref: ref, className: cn("text-2xl font-semibold", className), ...otherProps, children: children })));
-DialogTitle.displayName = "Dialog.Title";
-const Dialog = forwardRef(({ size = "medium", isOpen = false, onClose = () => { }, children, className, closeOnEsc = true, closeButton = true, backdropClassName, closeOnOutsideClick = true, initialFocusRef, finalFocusRef, blockScrollOnMount = true, forceRender = false, modal: modalProp, defaultOpen, 
-// Radix content handlers — intercept and merge
-onOpenAutoFocus: onOpenAutoFocusProp, onCloseAutoFocus: onCloseAutoFocusProp, ...otherContentProps }, ref) => {
-    const handleOpenChange = (open) => {
-        if (!open)
-            onClose();
-    };
-    const handleInteractOutside = (e) => {
-        if (!closeOnOutsideClick)
-            e.preventDefault();
-    };
-    const handleEscapeKeyDown = (e) => {
-        if (!closeOnEsc)
-            e.preventDefault();
-    };
-    const handleOpenAutoFocus = (e) => {
-        if (initialFocusRef?.current) {
-            e.preventDefault();
-            initialFocusRef.current.focus();
-        }
-        onOpenAutoFocusProp?.(e);
-    };
-    const handleCloseAutoFocus = (e) => {
-        if (finalFocusRef?.current) {
-            e.preventDefault();
-            finalFocusRef.current.focus();
-        }
-        onCloseAutoFocusProp?.(e);
-    };
-    // `modal` prop takes precedence; fall back to blockScrollOnMount
-    const resolvedModal = modalProp ?? blockScrollOnMount;
-    return (jsx(Dialog$1, { open: isOpen, onOpenChange: handleOpenChange, modal: resolvedModal, defaultOpen: defaultOpen, children: jsx(DialogContent, { ref: ref, "aria-modal": true, showCloseButton: closeButton, forceMount: forceRender || undefined, overlayClassName: backdropClassName, onInteractOutside: handleInteractOutside, onEscapeKeyDown: handleEscapeKeyDown, onOpenAutoFocus: handleOpenAutoFocus, onCloseAutoFocus: handleCloseAutoFocus, className: cn(SIZE_CLASS_MAP[size], className), "data-testid": "dialog-wrapper", ...otherContentProps, children: children }) }));
-});
-Dialog.displayName = "Dialog";
-Dialog.Header = DialogHeader;
-Dialog.Body = DialogBody;
-Dialog.Footer = DialogFooter;
-Dialog.Title = DialogTitle;
-
-export { Dialog as D };
-//# sourceMappingURL=Dialog-BURSzxaP.js.map

package/dist/Empty-zyL2ZsHX.js

@@ -1,27 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { Empty as Empty$1, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent } from './primitives/Empty.js';
-import { B as Button } from './Button-DSvnInaL.js';
-import { T as Typography } from './Typography-ClPJbLjP.js';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './primitives/Tooltip.js';
-import { r as renderIcon } from './renderIcon-tlvMyboj.js';
-
-function MaybeTooltipButton({ buttonProps, showTooltipWhenDisabled, defaultVariant, }) {
-    const button = jsx(Button, { variant: defaultVariant, ...buttonProps });
-    if (showTooltipWhenDisabled && buttonProps.disabled && buttonProps.label) {
-        return (jsx(TooltipProvider, { delayDuration: 0, children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { className: "inline-flex", children: button }) }), jsx(TooltipContent, { children: buttonProps.label })] }) }));
-    }
-    return button;
-}
-const Empty = forwardRef(({ image, icon, title, description, helpText, primaryButtonProps, secondaryButtonProps, buttonSeparatorText, showTooltipWhenButtonDisabled = false, className, ...otherProps }, ref) => {
-    const hasMedia = image || icon;
-    const hasButtons = primaryButtonProps || secondaryButtonProps;
-    return (jsxs(Empty$1, { ref: ref, className: cn(className), ...otherProps, children: [jsxs(EmptyHeader, { children: [hasMedia && (jsxs(Fragment, { children: [image && (jsx(EmptyMedia, { children: typeof image === "string" ? (jsx("img", { src: image, alt: title ?? "" })) : (image) })), !image && icon && (jsx(EmptyMedia, { variant: "icon", children: renderIcon(icon) }))] })), title && (jsx(Typography, { variant: "h4", asChild: true, children: jsx(EmptyTitle, { children: title }) })), description && (jsx(Typography, { variant: "body3", color: "muted", asChild: true, children: jsx(EmptyDescription, { children: description }) })), helpText && (jsx(Typography, { variant: "body3", color: "muted", asChild: true, children: jsx("p", { children: helpText }) }))] }), hasButtons && (jsx(EmptyContent, { children: jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [primaryButtonProps && (jsx(MaybeTooltipButton, { buttonProps: primaryButtonProps, showTooltipWhenDisabled: showTooltipWhenButtonDisabled, defaultVariant: "default" })), buttonSeparatorText &&
-                            primaryButtonProps &&
-                            secondaryButtonProps && (jsx(Typography, { variant: "body3", color: "muted", asChild: true, children: jsx("span", { children: buttonSeparatorText }) })), secondaryButtonProps && (jsx(MaybeTooltipButton, { buttonProps: secondaryButtonProps, showTooltipWhenDisabled: showTooltipWhenButtonDisabled, defaultVariant: "outline" }))] }) }))] }));
-});
-Empty.displayName = "Empty";
-
-export { Empty as E };
-//# sourceMappingURL=Empty-zyL2ZsHX.js.map

package/dist/Input-C1gcv9o2.js

@@ -1,147 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useId, useState } from 'react';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from './primitives/Field.js';
-import { InputGroup, InputGroupAddon, InputGroupText, InputGroupInput } from './primitives/InputGroup.js';
-
-const SIZE_CONFIG = {
-    small: { group: "h-7", input: "text-xs px-2", addon: "px-1.5" },
-    medium: { group: "h-8", input: "text-sm", addon: "px-2" },
-    large: { group: "h-10", input: "text-sm", addon: "px-2.5" },
-};
-
-function toFixed(numStr, prec) {
-    const num = Number(numStr);
-    if (Number.isNaN(num))
-        return numStr;
-    return num.toFixed(prec);
-}
-function formatWithPrecision(value, precision) {
-    if (precision < 0 || !value)
-        return value;
-    const str = value.toString();
-    const trimmed = str.trim();
-    if (trimmed !== "" && !Number.isNaN(Number(trimmed)))
-        return toFixed(str, precision);
-    return str;
-}
-function enforceDecimalPrecision(value, precision) {
-    if (precision < 0 || !value)
-        return value;
-    const valueStr = value.toString();
-    if (precision === 0)
-        return valueStr.split(".")[0];
-    const regex = new RegExp(`^\\d*\\.?\\d{0,${precision}}$`);
-    if (regex.test(valueStr))
-        return value;
-    const parts = valueStr.split(".");
-    if (parts.length === 1)
-        return parts[0];
-    return `${parts[0]}.${parts[1].substring(0, precision)}`;
-}
-function formatWithRejectCharsRegex(value, rejectCharsRegex) {
-    if (!rejectCharsRegex)
-        return value;
-    const globalRegex = new RegExp(rejectCharsRegex, "g");
-    return value.replace(globalRegex, "");
-}
-function getTrimmedValue(value, disableTrimOnBlur) {
-    if (disableTrimOnBlur || typeof value !== "string")
-        return value;
-    return value.trim();
-}
-function preserveCursor(e, updateValueFn) {
-    const input = e.target;
-    const prevCursor = input.selectionStart;
-    const prevValue = input.value;
-    const updatedEvent = updateValueFn();
-    const lengthDiff = input.value.length - prevValue.length;
-    const newCursor = Math.max(0, (prevCursor ?? 0) + lengthDiff);
-    requestAnimationFrame(() => {
-        if (document.activeElement !== input)
-            return;
-        if (input.type === "number")
-            return;
-        input.setSelectionRange(newCursor, newCursor);
-    });
-    return updatedEvent;
-}
-
-const Input = forwardRef(({ size = "medium", type = "text", label = "", error = "", helpText = "", prefix = null, suffix = null, disabled = false, nakedInput = false, contentSize, required = false, maxLength, unlimitedChars = false, rejectCharsRegex, disableTrimOnBlur = false, precision = -1, labelProps, className = "", onBlur, onChange, value: controlledValue, ...otherProps }, ref) => {
-    const generatedId = useId();
-    const id = otherProps.id ?? generatedId;
-    const errorId = `error_${id}`;
-    const helpTextId = `helpText_${id}`;
-    // Controlled / uncontrolled value tracking
-    const [valueInternal, setValueInternal] = useState(controlledValue);
-    const isControlled = controlledValue !== undefined;
-    const value = formatWithPrecision(controlledValue, precision) ?? valueInternal ?? "";
-    const valueLength = value?.toString().length || 0;
-    const isMaxLengthPresent = !!maxLength || maxLength === 0;
-    const isCharacterLimitVisible = isMaxLengthPresent && valueLength >= maxLength * 0.85;
-    const maxLengthError = unlimitedChars && valueLength > maxLength;
-    // --- Handlers ---
-    const onChangeInternal = (e) => {
-        if (!isControlled) {
-            setValueInternal(e.target.value);
-        }
-        onChange?.(e);
-    };
-    const handleChange = (e) => {
-        if (type === "file") {
-            onChangeInternal(e);
-            return;
-        }
-        let formattedValue = formatWithRejectCharsRegex(e.target.value, rejectCharsRegex);
-        formattedValue = enforceDecimalPrecision(formattedValue, precision);
-        if (formattedValue !== e.target.value) {
-            preserveCursor(e, () => {
-                const syntheticEvent = Object.create(e, {
-                    target: { value: { ...e.target, value: formattedValue } },
-                });
-                e.target.value = formattedValue;
-                onChangeInternal(syntheticEvent);
-                return syntheticEvent;
-            });
-        }
-        else {
-            onChangeInternal(e);
-        }
-    };
-    const handleBlur = (e) => {
-        if (type === "file") {
-            onBlur?.(e);
-            return;
-        }
-        const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);
-        const formattedValue = formatWithPrecision(trimmedValue, precision);
-        if (formattedValue !== undefined && formattedValue !== value) {
-            e.target.value = formattedValue.toString();
-            handleChange(e);
-        }
-        onBlur?.(e);
-    };
-    const handleWheel = (e) => {
-        if (type === "number")
-            e.target.blur();
-    };
-    // --- aria-describedby ---
-    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null]
-        .filter(Boolean)
-        .join(" ") || undefined;
-    // --- Render ---
-    const hasField = !!(label || error || helpText);
-    const sizeConfig = SIZE_CONFIG[size];
-    const inputGroup = (jsxs(InputGroup, { className: cn(sizeConfig.group, nakedInput &&
-            "border-0 shadow-none has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-transparent", !!error &&
-            !nakedInput &&
-            "border-destructive ring-destructive/20 ring-3", !hasField && className), children: [prefix && (jsx(InputGroupAddon, { align: "inline-start", className: sizeConfig.addon, children: jsx(InputGroupText, { children: prefix }) })), jsx(InputGroupInput, { ref: ref, id: id, type: type, disabled: disabled, required: required, size: contentSize, "aria-invalid": !!error || undefined, "aria-describedby": ariaDescribedBy, className: cn(sizeConfig.input, nakedInput && "px-0"), value: value, onBlur: handleBlur, onChange: handleChange, onWheel: handleWheel, ...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {}), ...otherProps }), suffix && (jsx(InputGroupAddon, { align: "inline-end", className: sizeConfig.addon, children: jsx(InputGroupText, { children: suffix }) }))] }));
-    if (!hasField) {
-        return inputGroup;
-    }
-    return (jsxs(Field, { "data-disabled": disabled || undefined, "data-invalid": !!error || undefined, className: className, children: [(label || isCharacterLimitVisible) && (jsxs("div", { className: "flex items-center justify-between", children: [label && (jsxs(FieldLabel, { htmlFor: id, ...labelProps, children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), isCharacterLimitVisible && (jsxs("span", { className: cn("text-xs tabular-nums", maxLengthError ? "text-destructive" : "text-muted-foreground"), children: [valueLength, "/", maxLength] }))] })), jsxs(FieldContent, { children: [inputGroup, !!error && jsx(FieldError, { id: errorId, children: error }), helpText && (jsx(FieldDescription, { id: helpTextId, children: helpText }))] })] }));
-});
-Input.displayName = "Input";
-
-export { Input as I };
-//# sourceMappingURL=Input-C1gcv9o2.js.map

package/dist/Kbd-EqbC0bua.js

@@ -1,36 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { Kbd as Kbd$1, KbdGroup as KbdGroup$1 } from './primitives/Kbd.js';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './primitives/Tooltip.js';
-
-const SIDE_MAP = {
-    top: "top",
-    bottom: "bottom",
-    left: "left",
-    right: "right",
-    "top-start": "top",
-    "top-end": "top",
-    "bottom-start": "bottom",
-    "bottom-end": "bottom",
-    "left-start": "left",
-    "left-end": "left",
-    "right-start": "right",
-    "right-end": "right",
-    auto: "top",
-};
-
-const Kbd = forwardRef(({ tooltipProps, className, ...otherProps }, ref) => {
-    const kbd = (jsx(Kbd$1, { ref: ref, className: cn(className), ...otherProps }));
-    if (!tooltipProps?.content) {
-        return kbd;
-    }
-    const side = SIDE_MAP[tooltipProps.position ?? "auto"] ?? "top";
-    return (jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: kbd }), jsx(TooltipContent, { side: side, children: tooltipProps.content })] }) }));
-});
-Kbd.displayName = "Kbd";
-const KbdGroup = KbdGroup$1;
-const KbdNamespace = Object.assign(Kbd, { Group: KbdGroup });
-
-export { KbdNamespace as K };
-//# sourceMappingURL=Kbd-EqbC0bua.js.map

package/dist/Label-DAFESZOG.js

@@ -1,58 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { r as renderIcon } from './renderIcon-tlvMyboj.js';
-import { Label as Label$1 } from './primitives/Label.js';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './primitives/Tooltip.js';
-import { P as Popover } from './Popover-Dmq-xK_a.js';
-import { B as Button } from './Button-DSvnInaL.js';
-import { c as createLucideIcon } from './createLucideIcon-C8ycilSN.js';
-
-/**
- * @license lucide-react v0.577.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
-  ["path", { d: "M12 17h.01", key: "p32p05" }]
-];
-const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode);
-
-const SIDE_MAP = {
-    top: "top",
-    bottom: "bottom",
-    left: "left",
-    right: "right",
-    auto: "top",
-};
-
-const Label = forwardRef(({ required, helpIconProps, className, children, ...otherProps }, ref) => {
-    const helpIcon = helpIconProps?.icon ?? CircleQuestionMark;
-    const iconElement = (jsx("span", { className: cn("inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground", helpIconProps?.onClick && "cursor-pointer", helpIconProps?.className), onClick: helpIconProps?.onClick, children: renderIcon(helpIcon, "size-3.5") }));
-    const renderHelpIcon = () => {
-        if (!helpIconProps)
-            return null;
-        // Popover mode
-        if (helpIconProps.popoverProps) {
-            const { title, description, helpLinkProps } = helpIconProps.popoverProps;
-            return (jsxs(Popover, { trigger: iconElement, children: [title && jsx(Popover.Title, { children: title }), description && (jsx("p", { className: "text-sm text-muted-foreground", children: description })), helpLinkProps && (jsx(Button, { variant: "link", size: "sm", className: "mt-1 h-auto self-start p-0", ...helpLinkProps, href: helpLinkProps.href }))] }));
-        }
-        // Tooltip mode
-        if (helpIconProps.tooltipProps?.content) {
-            const side = SIDE_MAP[helpIconProps.tooltipProps.position ?? "auto"] ?? "top";
-            return (jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: iconElement }), jsx(TooltipContent, { side: side, children: helpIconProps.tooltipProps.content })] }) }));
-        }
-        // Icon only (with optional onClick)
-        return iconElement;
-    };
-    return (jsxs(Label$1, { ref: ref, className: cn(className), ...otherProps, children: [children, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })), renderHelpIcon()] }));
-});
-Label.displayName = "Label";
-
-export { Label as L };
-//# sourceMappingURL=Label-DAFESZOG.js.map

package/dist/MultiEmailInput-SCTYovtX.js

@@ -1,139 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useCallback, useMemo, forwardRef, useId } from 'react';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { Field, FieldLabel, FieldContent } from './primitives/Field.js';
-import { X } from './x-_o2T3n6D.js';
-
-const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9-]+(?:\.[A-Z0-9-]+)*\.[A-Z]{2,}$/i;
-const UNSTRICT_EMAIL_REGEX = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/g;
-const EMAIL_SEPARATION_REGEX = /[^\s,]+/g;
-
-const formatEmailInputOption = (email) => ({
-    label: email,
-    value: email,
-    valid: EMAIL_REGEX.test(email),
-});
-const pruneDuplicates = (existing, newEmailStrings) => {
-    const seen = new Set(existing.map(e => e.value.toLowerCase()));
-    const duplicates = [];
-    const added = [];
-    for (const emailStr of newEmailStrings) {
-        const lower = emailStr.toLowerCase();
-        if (seen.has(lower)) {
-            duplicates.push(emailStr);
-        }
-        else {
-            seen.add(lower);
-            added.push(formatEmailInputOption(emailStr));
-        }
-    }
-    return { uniqueEmails: [...existing, ...added], duplicates };
-};
-const filterValidEmails = (emails) => emails.filter(email => email.valid);
-const pluralizeEmail = (count) => count === 1 ? "email" : "emails";
-const formatDuplicateWarning = (duplicates) => {
-    const count = duplicates.length;
-    return `Removed ${count} duplicate ${pluralizeEmail(count)} from the list: ${duplicates.join(", ")}`;
-};
-
-function useMultiEmailState(props) {
-    const { value = [], onChange, onBlur, visibleEmailsCount = 3, isAlwaysExpanded = false, counter, filterInvalidEmails, } = props;
-    const [inputValue, setInputValue] = useState("");
-    const [isFocused, setIsFocused] = useState(false);
-    const [duplicateEmails, setDuplicateEmails] = useState([]);
-    const addEmails = useCallback((input) => {
-        const trimmed = input.trim();
-        if (!trimmed)
-            return;
-        UNSTRICT_EMAIL_REGEX.lastIndex = 0;
-        EMAIL_SEPARATION_REGEX.lastIndex = 0;
-        const emailMatches = trimmed.match(UNSTRICT_EMAIL_REGEX) ||
-            trimmed.match(EMAIL_SEPARATION_REGEX) ||
-            [];
-        if (emailMatches.length === 0)
-            return;
-        const { uniqueEmails, duplicates } = pruneDuplicates(value, emailMatches);
-        onChange?.(uniqueEmails);
-        setDuplicateEmails(duplicates);
-        setInputValue("");
-    }, [value, onChange]);
-    const handleKeyDown = useCallback((event) => {
-        if (!inputValue && event.key === "Backspace" && value.length > 0) {
-            onChange?.(value.slice(0, -1));
-            return;
-        }
-        if (!inputValue)
-            return;
-        if (["Enter", "Tab", ",", " "].includes(event.key)) {
-            addEmails(inputValue);
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    }, [inputValue, value, onChange, addEmails]);
-    const handlePaste = useCallback((event) => {
-        const text = event.clipboardData.getData("text");
-        if (!text)
-            return;
-        event.preventDefault();
-        addEmails(text);
-    }, [addEmails]);
-    const handleBlur = useCallback(() => {
-        if (inputValue) {
-            addEmails(inputValue);
-        }
-        else {
-            onBlur?.();
-        }
-        setIsFocused(false);
-        setDuplicateEmails([]);
-    }, [inputValue, addEmails, onBlur]);
-    const handleFocus = useCallback(() => setIsFocused(true), []);
-    const handleChipRemove = useCallback((emailValue) => onChange?.(value.filter(e => e.value !== emailValue)), [value, onChange]);
-    const handleFilterInvalidEmails = useCallback(() => onChange?.(filterValidEmails(value)), [value, onChange]);
-    const validCount = useMemo(() => value.filter(e => e.valid).length, [value]);
-    const isCounterVisible = !!counter &&
-        (typeof counter === "boolean" ||
-            !counter.startsFrom ||
-            validCount >= counter.startsFrom);
-    const shouldCollapse = !isAlwaysExpanded && !isFocused && value.length > visibleEmailsCount;
-    const visibleEmails = shouldCollapse
-        ? value.slice(0, visibleEmailsCount)
-        : value;
-    const hiddenCount = shouldCollapse ? value.length - visibleEmailsCount : 0;
-    const isFilterLinkVisible = !!filterInvalidEmails && value.length > validCount;
-    return {
-        inputValue,
-        setInputValue,
-        isFocused,
-        duplicateEmails,
-        handleKeyDown,
-        handlePaste,
-        handleBlur,
-        handleFocus,
-        handleChipRemove,
-        handleFilterInvalidEmails,
-        isCounterVisible,
-        validCount,
-        visibleEmails,
-        hiddenCount,
-        isFilterLinkVisible,
-    };
-}
-
-const CHIP_BASE = "flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground";
-const CHIP_INVALID = "border border-destructive text-destructive bg-destructive/10";
-const CHIPS_CONTAINER = "flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50";
-const CHIPS_ERROR = "border-destructive ring-3 ring-destructive/20 dark:border-destructive/50 dark:ring-destructive/40";
-const MultiEmailInput = forwardRef((props, ref) => {
-    const { label, placeholder = "", helpText, error, disabled = false, required = false, maxHeight = 200, counter, filterInvalidEmails, prefix, suffix, labelProps, className, } = props;
-    const id = useId();
-    const s = useMultiEmailState(props);
-    return (jsxs(Field, { className: cn("flex flex-col gap-1.5", className), children: [(label || s.isCounterVisible) && (jsxs("div", { className: "flex items-center justify-between", children: [label && (jsxs(FieldLabel, { htmlFor: id, ...labelProps, children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: " *" }))] })), s.isCounterVisible && (jsxs("span", { className: "text-xs text-muted-foreground", children: [s.validCount, " ", typeof counter === "object" && counter?.label
-                                ? counter.label
-                                : pluralizeEmail(s.validCount)] }))] })), jsxs("div", { className: cn(CHIPS_CONTAINER, !!error && CHIPS_ERROR, disabled && "pointer-events-none opacity-50"), style: { maxHeight: `${maxHeight}px`, overflowY: "auto" }, children: [prefix && jsx("div", { className: "shrink-0", children: prefix }), s.visibleEmails.map(email => (jsxs("span", { className: cn(CHIP_BASE, !email.valid && CHIP_INVALID), children: [email.label, !disabled && (jsx("button", { type: "button", tabIndex: -1, className: "-ms-0.5 rounded-xs opacity-50 hover:opacity-100", onMouseDown: e => e.preventDefault(), onClick: () => s.handleChipRemove(email.value), "aria-label": `Remove ${email.label}`, children: jsx(X, { className: "size-3 pointer-events-none" }) }))] }, email.value))), s.hiddenCount > 0 && (jsxs("span", { className: "flex h-[calc(--spacing(5.25))] items-center rounded-sm bg-secondary px-1.5 text-xs font-medium text-secondary-foreground", children: ["+", s.hiddenCount, " more"] })), jsx("input", { ref: ref, id: id, type: "text", value: s.inputValue, onChange: e => s.setInputValue(e.target.value), onKeyDown: s.handleKeyDown, onPaste: s.handlePaste, onFocus: s.handleFocus, onBlur: s.handleBlur, placeholder: props.value?.length ? "" : placeholder, disabled: disabled, className: "min-w-16 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground" }), suffix && jsx("div", { className: "shrink-0", children: suffix })] }), jsxs(FieldContent, { children: [!!error && (jsxs("p", { className: "text-[0.8rem] text-destructive", children: [error, s.isFilterLinkVisible && (jsx("button", { type: "button", className: "ml-1 cursor-pointer font-semibold underline", onClick: s.handleFilterInvalidEmails, children: filterInvalidEmails?.label ??
-                                    "Click here to remove invalid emails." }))] })), !!helpText && (jsx("p", { className: "text-[0.8rem] text-muted-foreground", children: helpText })), s.duplicateEmails.length > 0 && (jsx("p", { className: "text-[0.8rem] text-amber-600 dark:text-amber-400", children: formatDuplicateWarning(s.duplicateEmails) }))] })] }));
-});
-MultiEmailInput.displayName = "MultiEmailInput";
-
-export { MultiEmailInput as M };
-//# sourceMappingURL=MultiEmailInput-SCTYovtX.js.map

package/dist/MultiEmailInput-SCTYovtX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiEmailInput-SCTYovtX.js","sources":["../src/components/MultiEmailInput/constants.ts","../src/components/MultiEmailInput/utils.ts","../src/components/MultiEmailInput/useMultiEmailState.ts","../src/components/MultiEmailInput/MultiEmailInput.tsx"],"sourcesContent":["export const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9-]+(?:\\.[A-Z0-9-]+)*\\.[A-Z]{2,}$/i;\n\nexport const UNSTRICT_EMAIL_REGEX =\n  /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/g;\n\nexport const EMAIL_SEPARATION_REGEX = /[^\\s,]+/g;\n","import { EMAIL_REGEX } from \"./constants\";\nimport type { EmailValue } from \"./types\";\n\nexport const formatEmailInputOption = (email: string): EmailValue => ({\n  label: email,\n  value: email,\n  valid: EMAIL_REGEX.test(email),\n});\n\nexport const pruneDuplicates = (\n  existing: EmailValue[],\n  newEmailStrings: string[]\n): { uniqueEmails: EmailValue[]; duplicates: string[] } => {\n  const seen = new Set(existing.map(e => e.value.toLowerCase()));\n  const duplicates: string[] = [];\n  const added: EmailValue[] = [];\n\n  for (const emailStr of newEmailStrings) {\n    const lower = emailStr.toLowerCase();\n    if (seen.has(lower)) {\n      duplicates.push(emailStr);\n    } else {\n      seen.add(lower);\n      added.push(formatEmailInputOption(emailStr));\n    }\n  }\n\n  return { uniqueEmails: [...existing, ...added], duplicates };\n};\n\nexport const filterValidEmails = (emails: EmailValue[]): EmailValue[] =>\n  emails.filter(email => email.valid);\n\nexport const pluralizeEmail = (count: number): string =>\n  count === 1 ? \"email\" : \"emails\";\n\nexport const formatDuplicateWarning = (duplicates: string[]): string => {\n  const count = duplicates.length;\n\n  return `Removed ${count} duplicate ${pluralizeEmail(count)} from the list: ${duplicates.join(\", \")}`;\n};\n","import { useState, useCallback, useMemo } from \"react\";\n\nimport { UNSTRICT_EMAIL_REGEX, EMAIL_SEPARATION_REGEX } from \"./constants\";\nimport { pruneDuplicates, filterValidEmails } from \"./utils\";\nimport type { MultiEmailInputProps } from \"./types\";\n\nexport function useMultiEmailState(props: MultiEmailInputProps) {\n  const {\n    value = [],\n    onChange,\n    onBlur,\n    visibleEmailsCount = 3,\n    isAlwaysExpanded = false,\n    counter,\n    filterInvalidEmails,\n  } = props;\n\n  const [inputValue, setInputValue] = useState(\"\");\n  const [isFocused, setIsFocused] = useState(false);\n  const [duplicateEmails, setDuplicateEmails] = useState<string[]>([]);\n\n  const addEmails = useCallback(\n    (input: string) => {\n      const trimmed = input.trim();\n      if (!trimmed) return;\n      UNSTRICT_EMAIL_REGEX.lastIndex = 0;\n      EMAIL_SEPARATION_REGEX.lastIndex = 0;\n      const emailMatches =\n        trimmed.match(UNSTRICT_EMAIL_REGEX) ||\n        trimmed.match(EMAIL_SEPARATION_REGEX) ||\n        [];\n      if (emailMatches.length === 0) return;\n      const { uniqueEmails, duplicates } = pruneDuplicates(value, emailMatches);\n      onChange?.(uniqueEmails);\n      setDuplicateEmails(duplicates);\n      setInputValue(\"\");\n    },\n    [value, onChange]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (!inputValue && event.key === \"Backspace\" && value.length > 0) {\n        onChange?.(value.slice(0, -1));\n        return;\n      }\n      if (!inputValue) return;\n      if ([\"Enter\", \"Tab\", \",\", \" \"].includes(event.key)) {\n        addEmails(inputValue);\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [inputValue, value, onChange, addEmails]\n  );\n\n  const handlePaste = useCallback(\n    (event: React.ClipboardEvent<HTMLInputElement>) => {\n      const text = event.clipboardData.getData(\"text\");\n      if (!text) return;\n      event.preventDefault();\n      addEmails(text);\n    },\n    [addEmails]\n  );\n\n  const handleBlur = useCallback(() => {\n    if (inputValue) {\n      addEmails(inputValue);\n    } else {\n      onBlur?.();\n    }\n    setIsFocused(false);\n    setDuplicateEmails([]);\n  }, [inputValue, addEmails, onBlur]);\n\n  const handleFocus = useCallback(() => setIsFocused(true), []);\n\n  const handleChipRemove = useCallback(\n    (emailValue: string) =>\n      onChange?.(value.filter(e => e.value !== emailValue)),\n    [value, onChange]\n  );\n\n  const handleFilterInvalidEmails = useCallback(\n    () => onChange?.(filterValidEmails(value)),\n    [value, onChange]\n  );\n\n  const validCount = useMemo(() => value.filter(e => e.valid).length, [value]);\n  const isCounterVisible =\n    !!counter &&\n    (typeof counter === \"boolean\" ||\n      !counter.startsFrom ||\n      validCount >= counter.startsFrom);\n  const shouldCollapse =\n    !isAlwaysExpanded && !isFocused && value.length > visibleEmailsCount;\n  const visibleEmails = shouldCollapse\n    ? value.slice(0, visibleEmailsCount)\n    : value;\n  const hiddenCount = shouldCollapse ? value.length - visibleEmailsCount : 0;\n  const isFilterLinkVisible =\n    !!filterInvalidEmails && value.length > validCount;\n\n  return {\n    inputValue,\n    setInputValue,\n    isFocused,\n    duplicateEmails,\n    handleKeyDown,\n    handlePaste,\n    handleBlur,\n    handleFocus,\n    handleChipRemove,\n    handleFilterInvalidEmails,\n    isCounterVisible,\n    validCount,\n    visibleEmails,\n    hiddenCount,\n    isFilterLinkVisible,\n  };\n}\n","import { forwardRef, useId } from \"react\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Field, FieldLabel, FieldContent } from \"src/primitives/Field\";\nimport { useMultiEmailState } from \"./useMultiEmailState\";\nimport { pluralizeEmail, formatDuplicateWarning } from \"./utils\";\nimport type { MultiEmailInputProps } from \"./types\";\n\nconst CHIP_BASE =\n  \"flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground\";\nconst CHIP_INVALID =\n  \"border border-destructive text-destructive bg-destructive/10\";\nconst CHIPS_CONTAINER =\n  \"flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50\";\nconst CHIPS_ERROR =\n  \"border-destructive ring-3 ring-destructive/20 dark:border-destructive/50 dark:ring-destructive/40\";\n\nexport const MultiEmailInput = forwardRef<\n  HTMLInputElement,\n  MultiEmailInputProps\n>((props, ref) => {\n  const {\n    label,\n    placeholder = \"\",\n    helpText,\n    error,\n    disabled = false,\n    required = false,\n    maxHeight = 200,\n    counter,\n    filterInvalidEmails,\n    prefix,\n    suffix,\n    labelProps,\n    className,\n  } = props;\n  const id = useId();\n  const s = useMultiEmailState(props);\n\n  return (\n    <Field className={cn(\"flex flex-col gap-1.5\", className)}>\n      {(label || s.isCounterVisible) && (\n        <div className=\"flex items-center justify-between\">\n          {label && (\n            <FieldLabel htmlFor={id} {...labelProps}>\n              {label}\n              {required && (\n                <span aria-hidden=\"true\" className=\"text-destructive\">\n                  {\" *\"}\n                </span>\n              )}\n            </FieldLabel>\n          )}\n          {s.isCounterVisible && (\n            <span className=\"text-xs text-muted-foreground\">\n              {s.validCount}{\" \"}\n              {typeof counter === \"object\" && counter?.label\n                ? counter.label\n                : pluralizeEmail(s.validCount)}\n            </span>\n          )}\n        </div>\n      )}\n      <div\n        className={cn(\n          CHIPS_CONTAINER,\n          !!error && CHIPS_ERROR,\n          disabled && \"pointer-events-none opacity-50\"\n        )}\n        style={{ maxHeight: `${maxHeight}px`, overflowY: \"auto\" }}\n      >\n        {prefix && <div className=\"shrink-0\">{prefix}</div>}\n        {s.visibleEmails.map(email => (\n          <span\n            key={email.value}\n            className={cn(CHIP_BASE, !email.valid && CHIP_INVALID)}\n          >\n            {email.label}\n            {!disabled && (\n              <button\n                type=\"button\"\n                tabIndex={-1}\n                className=\"-ms-0.5 rounded-xs opacity-50 hover:opacity-100\"\n                onMouseDown={e => e.preventDefault()}\n                onClick={() => s.handleChipRemove(email.value)}\n                aria-label={`Remove ${email.label}`}\n              >\n                <XIcon className=\"size-3 pointer-events-none\" />\n              </button>\n            )}\n          </span>\n        ))}\n        {s.hiddenCount > 0 && (\n          <span className=\"flex h-[calc(--spacing(5.25))] items-center rounded-sm bg-secondary px-1.5 text-xs font-medium text-secondary-foreground\">\n            +{s.hiddenCount} more\n          </span>\n        )}\n        <input\n          ref={ref}\n          id={id}\n          type=\"text\"\n          value={s.inputValue}\n          onChange={e => s.setInputValue(e.target.value)}\n          onKeyDown={s.handleKeyDown}\n          onPaste={s.handlePaste}\n          onFocus={s.handleFocus}\n          onBlur={s.handleBlur}\n          placeholder={props.value?.length ? \"\" : placeholder}\n          disabled={disabled}\n          className=\"min-w-16 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground\"\n        />\n        {suffix && <div className=\"shrink-0\">{suffix}</div>}\n      </div>\n      <FieldContent>\n        {!!error && (\n          <p className=\"text-[0.8rem] text-destructive\">\n            {error}\n            {s.isFilterLinkVisible && (\n              <button\n                type=\"button\"\n                className=\"ml-1 cursor-pointer font-semibold underline\"\n                onClick={s.handleFilterInvalidEmails}\n              >\n                {filterInvalidEmails?.label ??\n                  \"Click here to remove invalid emails.\"}\n              </button>\n            )}\n          </p>\n        )}\n        {!!helpText && (\n          <p className=\"text-[0.8rem] text-muted-foreground\">{helpText}</p>\n        )}\n        {s.duplicateEmails.length > 0 && (\n          <p className=\"text-[0.8rem] text-amber-600 dark:text-amber-400\">\n            {formatDuplicateWarning(s.duplicateEmails)}\n          </p>\n        )}\n      </FieldContent>\n    </Field>\n  );\n});\nMultiEmailInput.displayName = \"MultiEmailInput\";\n"],"names":["_jsxs","_jsx","XIcon"],"mappings":"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"}

package/dist/Pagination-DSc9yXPy.js

@@ -1,61 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useMemo, forwardRef } from 'react';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { Pagination as Pagination$1, PaginationContent, PaginationItem, PaginationPrevious, PaginationEllipsis, PaginationLink, PaginationNext } from './primitives/Pagination.js';
-
-const DOTS = "...";
-
-function range(start, end) {
-    return Array.from({ length: end - start + 1 }, (_, i) => i + start);
-}
-
-function usePaginationRange({ count, pageSize, siblingCount = 1, pageNo, }) {
-    return useMemo(() => {
-        const totalPageCount = Math.ceil(count / pageSize);
-        const totalPageNumbers = siblingCount + 5;
-        if (totalPageNumbers >= totalPageCount) {
-            return range(1, totalPageCount);
-        }
-        const leftSiblingIndex = Math.max(pageNo - siblingCount, 1);
-        const rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);
-        const shouldShowLeftDots = leftSiblingIndex > 2;
-        const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
-        if (!shouldShowLeftDots && shouldShowRightDots) {
-            const leftRange = range(1, 3 + 2 * siblingCount);
-            return [...leftRange, DOTS, totalPageCount];
-        }
-        if (shouldShowLeftDots && !shouldShowRightDots) {
-            const rightRange = range(totalPageCount - (3 + 2 * siblingCount) + 1, totalPageCount);
-            return [1, DOTS, ...rightRange];
-        }
-        if (shouldShowLeftDots && shouldShowRightDots) {
-            const middleRange = range(leftSiblingIndex, rightSiblingIndex);
-            return [1, DOTS, ...middleRange, DOTS, totalPageCount];
-        }
-        return range(1, totalPageCount);
-    }, [count, pageSize, siblingCount, pageNo]);
-}
-
-const Pagination = forwardRef(({ count, pageNo, pageSize, siblingCount = 1, navigate, className, ...otherProps }, ref) => {
-    const paginationRange = usePaginationRange({
-        count,
-        pageSize,
-        siblingCount,
-        pageNo,
-    });
-    const lastPage = paginationRange[paginationRange.length - 1];
-    const isFirstPage = pageNo === 1;
-    const isLastPage = pageNo === lastPage;
-    // Don't render if only 1 page or no pages
-    if (pageNo === 0 || paginationRange.length < 2) {
-        return null;
-    }
-    const handleNavigate = (page) => {
-        navigate?.(page);
-    };
-    return (jsx(Pagination$1, { ref: ref, className: cn(className), ...otherProps, children: jsxs(PaginationContent, { children: [jsx(PaginationItem, { children: jsx(PaginationPrevious, { onClick: () => !isFirstPage && handleNavigate(pageNo - 1), "aria-disabled": isFirstPage, className: cn(isFirstPage && "pointer-events-none opacity-50") }) }), paginationRange.map((page, index) => (jsx(PaginationItem, { children: page === DOTS ? (jsx(PaginationEllipsis, {})) : (jsx(PaginationLink, { isActive: page === pageNo, onClick: () => handleNavigate(page), children: page })) }, `${page}-${index}`))), jsx(PaginationItem, { children: jsx(PaginationNext, { onClick: () => !isLastPage && handleNavigate(pageNo + 1), "aria-disabled": isLastPage, className: cn(isLastPage && "pointer-events-none opacity-50") }) })] }) }));
-});
-Pagination.displayName = "Pagination";
-
-export { Pagination as P };
-//# sourceMappingURL=Pagination-DSc9yXPy.js.map