@bigbinary/neeto-atoms 1.0.36 → 1.0.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-atoms",
-  "version": "1.0.36",
+  "version": "1.0.37",
   "author": "BigBinary",
   "license": "MIT",
   "engines": {
@@ -56,7 +56,7 @@
     "types"
   ],
   "scripts": {
-    "bundle": "NODE_ENV=production rollup --bundleConfigAsCjs -c rollup.config.js",
+    "bundle": "NODE_ENV=production rollup --bundleConfigAsCjs -c rollup.config.js && tsc --project tsconfig.build.json --emitDeclarationOnly --outDir dist",
     "build": "NODE_ENV=production storybook build",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -105,6 +105,7 @@
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@rollup/plugin-alias": "5",
     "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
@@ -171,6 +172,7 @@
     "rollup": "^4.59.0",
     "rollup-plugin-cleaner": "^1.0.0",
     "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-esbuild": "^6.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-styles": "^4.0.0",

package/dist/Accordion-Ch9S_qd3.js

@@ -1,22 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default, { forwardRef, Children } from 'react';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { AccordionItem, AccordionTrigger, AccordionContent, Accordion as Accordion$1 } from './primitives/Accordion.js';
-
-const AccordionItemComponent = forwardRef(({ title, children, className, value, ...otherProps }, ref) => (jsxs(AccordionItem, { ref: ref, value: value, className: cn(className), ...otherProps, children: [jsx(AccordionTrigger, { children: title }), jsx(AccordionContent, { children: children })] })));
-AccordionItemComponent.displayName = "Accordion.Item";
-const Accordion = forwardRef(({ className, children, type = "single", ...otherProps }, ref) => {
-    // Auto-generate value props for items that don't have one
-    const enhancedChildren = Children.map(children, (child, index) => {
-        if (!React__default.isValidElement(child))
-            return child;
-        const childValue = child.props.value ?? `item-${index}`;
-        return React__default.cloneElement(child, { value: childValue });
-    });
-    return (jsx(Accordion$1, { ref: ref, type: type, className: cn(className), ...otherProps, children: enhancedChildren }));
-});
-Accordion.displayName = "Accordion";
-Accordion.Item = AccordionItemComponent;
-
-export { Accordion as A };
-//# sourceMappingURL=Accordion-Ch9S_qd3.js.map

package/dist/Alert-CayTuRLW.js

@@ -1,65 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useId, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './primitives/Dialog.js';
-import { B as Button } from './Button-DSvnInaL.js';
-
-const SIZE_CLASS_MAP = {
-    small: "sm:max-w-xs",
-    medium: "sm:max-w-sm",
-    large: "sm:max-w-md",
-};
-const STYLE_VARIANT_MAP = {
-    danger: "destructive",
-    warning: "default",
-};
-
-const Alert = forwardRef(({ size = "medium", isOpen = false, isSubmitting = false, className, closeOnEsc = true, closeButton = true, backdropClassName, closeOnOutsideClick = true, onClose = () => { }, onSubmit = () => { }, title = "", message = "", submitButtonLabel: submitButtonLabelProp, cancelButtonLabel: cancelButtonLabelProp, hideCancelButton = false, style = "danger", initialFocusRef, initialFocusElement, modal, defaultOpen, 
-// Radix content handlers — we intercept and merge
-onOpenAutoFocus: onOpenAutoFocusProp, onCloseAutoFocus: onCloseAutoFocusProp, ...otherProps }, ref) => {
-    const { t } = useTranslation();
-    const submitButtonLabel = submitButtonLabelProp ?? t("neetoatoms.alert.continue", "Continue");
-    const cancelButtonLabel = cancelButtonLabelProp ?? t("neetoatoms.alert.cancel", "Cancel");
-    const baseId = useId();
-    const titleId = `alert-title-${baseId}`;
-    const messageId = `alert-message-${baseId}`;
-    const submitButtonRef = useRef(null);
-    const cancelButtonRef = useRef(null);
-    const handleOpenChange = (open) => {
-        if (!open)
-            onClose();
-    };
-    const handleInteractOutside = (e) => {
-        if (!closeOnOutsideClick)
-            e.preventDefault();
-    };
-    const handleEscapeKeyDown = (e) => {
-        if (!closeOnEsc)
-            e.preventDefault();
-    };
-    const handleOpenAutoFocus = (e) => {
-        // Custom focus ref takes highest priority
-        if (initialFocusRef?.current) {
-            e.preventDefault();
-            initialFocusRef.current.focus();
-        }
-        else if (initialFocusElement === "submit" && submitButtonRef.current) {
-            e.preventDefault();
-            submitButtonRef.current.focus();
-        }
-        else if (initialFocusElement === "cancel" && cancelButtonRef.current) {
-            e.preventDefault();
-            cancelButtonRef.current.focus();
-        }
-        onOpenAutoFocusProp?.(e);
-    };
-    const handleCloseAutoFocus = (e) => {
-        onCloseAutoFocusProp?.(e);
-    };
-    return (jsx(Dialog, { open: isOpen, onOpenChange: handleOpenChange, modal: modal, defaultOpen: defaultOpen, children: jsxs(DialogContent, { ref: ref, role: "alertdialog", "aria-labelledby": title ? titleId : undefined, "aria-describedby": message ? messageId : undefined, showCloseButton: closeButton, overlayClassName: backdropClassName, onInteractOutside: handleInteractOutside, onEscapeKeyDown: handleEscapeKeyDown, onOpenAutoFocus: handleOpenAutoFocus, onCloseAutoFocus: handleCloseAutoFocus, className: cn(SIZE_CLASS_MAP[size], className), "data-testid": "alert-box", ...otherProps, children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { id: titleId, "data-testid": "alert-title", className: "text-2xl font-semibold", children: title }), message && (jsx(DialogDescription, { id: messageId, "data-testid": "alert-message", children: message }))] }), jsxs(DialogFooter, { children: [!hideCancelButton && (jsx(Button, { ref: cancelButtonRef, variant: "outline", label: cancelButtonLabel, onClick: onClose, "data-testid": "alert-cancel-button" })), jsx(Button, { ref: submitButtonRef, variant: STYLE_VARIANT_MAP[style], label: submitButtonLabel, loading: isSubmitting, disabled: isSubmitting || !isOpen, onClick: onSubmit, "data-testid": "alert-submit-button" })] })] }) }));
-});
-Alert.displayName = "Alert";
-
-export { Alert as A };
-//# sourceMappingURL=Alert-CayTuRLW.js.map

package/dist/Avatar-D5YGlXVF.js

@@ -1,50 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { Avatar as Avatar$1, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroupCount, AvatarGroup } from './primitives/Avatar.js';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './primitives/Tooltip.js';
-
-const STATUS_COLOR_MAP = {
-    online: "bg-emerald-500 dark:bg-emerald-400",
-    idle: "bg-amber-500 dark:bg-amber-400",
-    offline: "bg-gray-400 dark:bg-gray-500",
-};
-const SIDE_MAP = {
-    top: "top",
-    bottom: "bottom",
-    left: "left",
-    right: "right",
-    auto: "bottom",
-};
-const XL_CLASSES = "data-[size=lg]:size-16 [&>[data-slot=avatar-badge]]:size-4 [&>[data-slot=avatar-fallback]]:text-lg";
-
-function getInitials(name) {
-    if (!name)
-        return "";
-    return name
-        .split(/\s+/)
-        .slice(0, 2)
-        .map(word => word.charAt(0).toUpperCase())
-        .join("");
-}
-
-const Avatar = forwardRef(({ user, status, showTooltip = false, tooltipProps, size = "default", className, ...otherProps }, ref) => {
-    const initials = getInitials(user?.name);
-    const isXl = size === "xl";
-    const primitiveSize = isXl ? "lg" : size;
-    const avatarElement = (jsxs(Avatar$1, { ref: ref, size: primitiveSize, className: cn(isXl && XL_CLASSES, className), ...otherProps, children: [user?.imageUrl && (jsx(AvatarImage, { src: user.imageUrl, alt: user?.name ?? "" })), jsx(AvatarFallback, { children: initials }), status && jsx(AvatarBadge, { className: cn(STATUS_COLOR_MAP[status]) })] }));
-    const tooltipContent = tooltipProps?.content ?? (showTooltip ? user?.name : null);
-    if (tooltipContent) {
-        const side = SIDE_MAP[tooltipProps?.position ?? "auto"] ?? "bottom";
-        return (jsx(TooltipProvider, { delayDuration: 0, children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { className: "inline-flex", children: avatarElement }) }), jsx(TooltipContent, { side: side, children: tooltipContent })] }) }));
-    }
-    return avatarElement;
-});
-Avatar.displayName = "Avatar";
-const AvatarNamespace = Object.assign(Avatar, {
-    Group: AvatarGroup,
-    GroupCount: AvatarGroupCount,
-});
-
-export { AvatarNamespace as A };
-//# sourceMappingURL=Avatar-D5YGlXVF.js.map

package/dist/Badge-Bj3ajrWB.js

@@ -1,59 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { r as renderIcon } from './renderIcon-tlvMyboj.js';
-import { Badge as Badge$1 } from './primitives/Badge.js';
-import { X } from './x-_o2T3n6D.js';
-
-const SIZE_CONFIG = {
-    sm: {
-        iconPl: "pl-1",
-        iconPr: "pr-1",
-        dismissPr: "pr-0.5",
-        btnSize: "size-3",
-        iconSize: "size-2",
-    },
-    default: {
-        iconPl: "pl-1.5",
-        iconPr: "pr-1.5",
-        dismissPr: "pr-1",
-        btnSize: "size-3.5",
-        iconSize: "size-2.5",
-    },
-    lg: {
-        iconPl: "pl-2",
-        iconPr: "pr-2",
-        dismissPr: "pr-1",
-        btnSize: "size-4.5",
-        iconSize: "size-3",
-    },
-};
-const INDICATOR_COLORS = {
-    default: "bg-primary",
-    secondary: "bg-muted-foreground",
-    destructive: "bg-destructive",
-    blue: "bg-blue-600",
-    green: "bg-green-600",
-    amber: "bg-amber-400",
-    red: "bg-red-600",
-    purple: "bg-purple-700",
-    pink: "bg-pink-600",
-    teal: "bg-teal-600",
-    gray: "bg-gray-400",
-};
-
-const Badge = forwardRef(({ variant = "default", size = "default", shape = "pill", label, icon, iconPosition = "left", indicator, onDismiss, disabled = false, className, asChild = false, children, ...otherProps }, ref) => {
-    const { t } = useTranslation();
-    if (asChild) {
-        return (jsx(Badge$1, { ref: ref, asChild: true, variant: variant, size: size, shape: shape, className: className, ...otherProps, children: children }));
-    }
-    const renderLabel = label || children;
-    const iconElement = icon ? renderIcon(icon) : null;
-    const hasDismiss = !!onDismiss && !disabled;
-    return (jsxs(Badge$1, { ref: ref, variant: variant, size: size, shape: shape, className: cn(disabled && "opacity-50 pointer-events-none", icon && iconPosition === "left" && SIZE_CONFIG[size].iconPl, icon && iconPosition === "right" && SIZE_CONFIG[size].iconPr, hasDismiss && SIZE_CONFIG[size].dismissPr, className), ...otherProps, children: [indicator && (jsx("span", { "aria-hidden": "true", className: cn("size-1.5 shrink-0 rounded-full", INDICATOR_COLORS[indicator]) })), iconPosition === "left" && iconElement, renderLabel, iconPosition === "right" && iconElement, onDismiss && !disabled && (jsx("button", { type: "button", "aria-label": t("neetoatoms.badge.dismiss", "Dismiss"), onClick: onDismiss, className: cn("inline-flex shrink-0 items-center justify-center rounded-full bg-current/15 transition-[background-color,opacity] hover:bg-current/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", SIZE_CONFIG[size].btnSize), children: jsx(X, { className: SIZE_CONFIG[size].iconSize }) }))] }));
-});
-Badge.displayName = "Badge";
-
-export { Badge as B };
-//# sourceMappingURL=Badge-Bj3ajrWB.js.map

package/dist/Button-DSvnInaL.js

@@ -1,93 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Link } from 'react-router-dom';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { r as renderIcon } from './renderIcon-tlvMyboj.js';
-import { Button as Button$1 } from './primitives/Button.js';
-import { Spinner } from './primitives/Spinner.js';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './primitives/Tooltip.js';
-
-const ICON_ONLY_SIZE_MAP = {
-    xs: "icon-xs",
-    sm: "icon-sm",
-    default: "icon",
-    lg: "icon-lg",
-};
-const SPINNER_SIZE_MAP = {
-    xs: "size-3",
-    sm: "size-3.5",
-    default: "size-3.5",
-    lg: "size-4",
-    icon: "size-3.5",
-    "icon-xs": "size-3",
-    "icon-sm": "size-3.5",
-    "icon-lg": "size-4",
-};
-// Map NeetoUI tooltip `position` values to Radix side values
-const TOOLTIP_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",
-};
-
-const Button = forwardRef(({ variant = "default", size = "default", label, icon = null, iconPosition = "right", loading = false, disabled = false, onClick, to, href, type = "button", fullWidth = false, className, tooltipProps = null, asChild = false, children, ...otherProps }, ref) => {
-    const isIconSize = size.startsWith("icon");
-    const renderLabel = isIconSize ? null : label || children;
-    const isIconOnly = !renderLabel && !!icon;
-    const resolvedSize = isIconOnly ? (ICON_ONLY_SIZE_MAP[size] ?? size) : size;
-    // --- Loading / disabled state ---
-    const isDisabled = disabled || loading;
-    // --- Click handler ---
-    const handleClick = (e) => {
-        if (loading || disabled) {
-            e.preventDefault();
-            return;
-        }
-        onClick?.(e);
-    };
-    // --- Icon elements ---
-    const iconElement = icon ? renderIcon(icon) : null;
-    // --- Build the inner content ---
-    const buttonContent = (jsxs(Fragment, { children: [loading && (jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: jsx(Spinner, { "aria-hidden": "true", className: SPINNER_SIZE_MAP[resolvedSize] }) })), jsxs("span", { className: cn("inline-flex items-center gap-1.5", loading && "invisible"), children: [iconPosition === "left" && iconElement && (jsx("span", { "data-icon": "inline-start", children: iconElement })), renderLabel && jsx("span", { children: renderLabel }), iconPosition === "right" && iconElement && (jsx("span", { "data-icon": "inline-end", children: iconElement }))] })] }));
-    // --- Merged className ---
-    const mergedClassName = cn(fullWidth && "w-full", loading && "relative pointer-events-none", className);
-    // --- Determine render element ---
-    let buttonElement;
-    if (asChild) {
-        buttonElement = (jsx(Button$1, { ref: ref, asChild: true, variant: variant, size: resolvedSize, className: mergedClassName, disabled: isDisabled, ...otherProps, children: children }));
-    }
-    else if (!disabled && to) {
-        buttonElement = (jsx(Button$1, { asChild: true, variant: variant, size: resolvedSize, className: mergedClassName, disabled: isDisabled, ...otherProps, children: jsx(Link, { innerRef: ref, to: to, onClick: handleClick, children: buttonContent }) }));
-    }
-    else if (!disabled && href) {
-        buttonElement = (jsx(Button$1, { asChild: true, variant: variant, size: resolvedSize, className: mergedClassName, disabled: isDisabled, ...otherProps, children: jsx("a", { ref: ref, href: href, onClick: handleClick, children: buttonContent }) }));
-    }
-    else {
-        buttonElement = (jsx(Button$1, { ref: ref, type: type, variant: variant, size: resolvedSize, className: mergedClassName, disabled: isDisabled, onClick: handleClick, ...otherProps, children: buttonContent }));
-    }
-    // --- Tooltip wrapper ---
-    if (tooltipProps) {
-        const { content, position, disabled: tooltipDisabled } = tooltipProps;
-        if (tooltipDisabled || !content) {
-            return jsx(Fragment, { children: buttonElement });
-        }
-        const side = position ? TOOLTIP_SIDE_MAP[position] : undefined;
-        // Wrap disabled buttons in a span so tooltip still triggers
-        const triggerContent = isDisabled ? (jsx("span", { className: "inline-flex", children: buttonElement })) : (buttonElement);
-        return (jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: triggerContent }), jsx(TooltipContent, { side: side, children: content })] }) }));
-    }
-    return jsx(Fragment, { children: buttonElement });
-});
-Button.displayName = "Button";
-
-export { Button as B };
-//# sourceMappingURL=Button-DSvnInaL.js.map

package/dist/Button-DSvnInaL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-DSvnInaL.js","sources":["../src/components/Button/constants.ts","../src/components/Button/Button.tsx"],"sourcesContent":["type ButtonSize =\n  | \"default\"\n  | \"xs\"\n  | \"sm\"\n  | \"lg\"\n  | \"icon\"\n  | \"icon-xs\"\n  | \"icon-sm\"\n  | \"icon-lg\";\n\nexport const ICON_ONLY_SIZE_MAP: Partial<Record<ButtonSize, ButtonSize>> = {\n  xs: \"icon-xs\",\n  sm: \"icon-sm\",\n  default: \"icon\",\n  lg: \"icon-lg\",\n};\n\nexport const SPINNER_SIZE_MAP: Record<ButtonSize, string> = {\n  xs: \"size-3\",\n  sm: \"size-3.5\",\n  default: \"size-3.5\",\n  lg: \"size-4\",\n  icon: \"size-3.5\",\n  \"icon-xs\": \"size-3\",\n  \"icon-sm\": \"size-3.5\",\n  \"icon-lg\": \"size-4\",\n};\n\n// Map NeetoUI tooltip `position` values to Radix side values\nexport const TOOLTIP_SIDE_MAP: Record<\n  string,\n  \"top\" | \"right\" | \"bottom\" | \"left\"\n> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  \"top-start\": \"top\",\n  \"top-end\": \"top\",\n  \"bottom-start\": \"bottom\",\n  \"bottom-end\": \"bottom\",\n  \"left-start\": \"left\",\n  \"left-end\": \"left\",\n  \"right-start\": \"right\",\n  \"right-end\": \"right\",\n};\n","import React, { forwardRef, type ReactNode, type MouseEvent } from \"react\";\n\nimport { Link } from \"react-router-dom\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\nimport { Button as PrimitiveButton } from \"src/primitives/Button\";\nimport { Spinner } from \"src/primitives/Spinner\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\nimport {\n  ICON_ONLY_SIZE_MAP,\n  SPINNER_SIZE_MAP,\n  TOOLTIP_SIDE_MAP,\n} from \"./constants\";\n\ntype ButtonVariant =\n  | \"default\"\n  | \"secondary\"\n  | \"destructive\"\n  | \"destructive-soft\"\n  | \"outline\"\n  | \"ghost\"\n  | \"link\";\n\ntype ButtonSize =\n  | \"default\"\n  | \"xs\"\n  | \"sm\"\n  | \"lg\"\n  | \"icon\"\n  | \"icon-xs\"\n  | \"icon-sm\"\n  | \"icon-lg\";\n\ntype IconPosition = \"left\" | \"right\";\n\ntype ButtonType = \"button\" | \"reset\" | \"submit\";\n\ninterface ButtonTooltipProps {\n  content?: ReactNode;\n  position?: string;\n  disabled?: boolean;\n}\n\nexport interface ButtonProps {\n  /** Visual variant of the button. */\n  variant?: ButtonVariant;\n  /** Size of the button. */\n  size?: ButtonSize;\n  /** Text label rendered inside the button. */\n  label?: string;\n  /** Icon component, element, or class-name string. */\n  icon?: IconProp;\n  /** Placement of the icon relative to the label. */\n  iconPosition?: IconPosition;\n  /** Show a loading spinner and prevent clicks. */\n  loading?: boolean;\n  /** Disable the button. */\n  disabled?: boolean;\n  /** Click handler. */\n  onClick?: (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;\n  /** Internal route (react-router `Link`). */\n  to?: string;\n  /** External URL (renders an anchor tag). */\n  href?: string;\n  /** HTML button type attribute. */\n  type?: ButtonType;\n  /** Stretch the button to fill its container. */\n  fullWidth?: boolean;\n  /** Additional CSS class names. */\n  className?: string;\n  /** Props forwarded to a wrapping Tooltip. */\n  tooltipProps?: ButtonTooltipProps | null;\n  /** Render as a custom element (polymorphic). */\n  asChild?: boolean;\n  /** Children rendered inside the button (fallback for `label`). */\n  children?: ReactNode;\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      label,\n      icon = null,\n      iconPosition = \"right\",\n      loading = false,\n      disabled = false,\n      onClick,\n      to,\n      href,\n      type = \"button\",\n      fullWidth = false,\n      className,\n      tooltipProps = null,\n      asChild = false,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const isIconSize = size.startsWith(\"icon\");\n    const renderLabel = isIconSize ? null : label || children;\n    const isIconOnly = !renderLabel && !!icon;\n    const resolvedSize = isIconOnly ? (ICON_ONLY_SIZE_MAP[size] ?? size) : size;\n\n    // --- Loading / disabled state ---\n    const isDisabled = disabled || loading;\n\n    // --- Click handler ---\n    const handleClick = (\n      e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n    ) => {\n      if (loading || disabled) {\n        e.preventDefault();\n        return;\n      }\n      onClick?.(e);\n    };\n\n    // --- Icon elements ---\n    const iconElement = icon ? renderIcon(icon) : null;\n\n    // --- Build the inner content ---\n    const buttonContent = (\n      <>\n        {loading && (\n          <span className=\"absolute inset-0 flex items-center justify-center\">\n            <Spinner\n              aria-hidden=\"true\"\n              className={SPINNER_SIZE_MAP[resolvedSize]}\n            />\n          </span>\n        )}\n        <span\n          className={cn(\n            \"inline-flex items-center gap-1.5\",\n            loading && \"invisible\"\n          )}\n        >\n          {iconPosition === \"left\" && iconElement && (\n            <span data-icon=\"inline-start\">{iconElement}</span>\n          )}\n          {renderLabel && <span>{renderLabel}</span>}\n          {iconPosition === \"right\" && iconElement && (\n            <span data-icon=\"inline-end\">{iconElement}</span>\n          )}\n        </span>\n      </>\n    );\n\n    // --- Merged className ---\n    const mergedClassName = cn(\n      fullWidth && \"w-full\",\n      loading && \"relative pointer-events-none\",\n      className\n    );\n\n    // --- Determine render element ---\n    let buttonElement: ReactNode;\n\n    if (asChild) {\n      buttonElement = (\n        <PrimitiveButton\n          ref={ref}\n          asChild\n          variant={variant}\n          size={resolvedSize}\n          className={mergedClassName}\n          disabled={isDisabled}\n          {...otherProps}\n        >\n          {children}\n        </PrimitiveButton>\n      );\n    } else if (!disabled && to) {\n      buttonElement = (\n        <PrimitiveButton\n          asChild\n          variant={variant}\n          size={resolvedSize}\n          className={mergedClassName}\n          disabled={isDisabled}\n          {...otherProps}\n        >\n          <Link\n            innerRef={ref as React.Ref<HTMLAnchorElement>}\n            to={to}\n            onClick={handleClick}\n          >\n            {buttonContent}\n          </Link>\n        </PrimitiveButton>\n      );\n    } else if (!disabled && href) {\n      buttonElement = (\n        <PrimitiveButton\n          asChild\n          variant={variant}\n          size={resolvedSize}\n          className={mergedClassName}\n          disabled={isDisabled}\n          {...otherProps}\n        >\n          <a\n            ref={ref as React.Ref<HTMLAnchorElement>}\n            href={href}\n            onClick={handleClick}\n          >\n            {buttonContent}\n          </a>\n        </PrimitiveButton>\n      );\n    } else {\n      buttonElement = (\n        <PrimitiveButton\n          ref={ref}\n          type={type}\n          variant={variant}\n          size={resolvedSize}\n          className={mergedClassName}\n          disabled={isDisabled}\n          onClick={handleClick}\n          {...otherProps}\n        >\n          {buttonContent}\n        </PrimitiveButton>\n      );\n    }\n\n    // --- Tooltip wrapper ---\n    if (tooltipProps) {\n      const { content, position, disabled: tooltipDisabled } = tooltipProps;\n\n      if (tooltipDisabled || !content) {\n        return <>{buttonElement}</>;\n      }\n\n      const side = position ? TOOLTIP_SIDE_MAP[position] : undefined;\n\n      // Wrap disabled buttons in a span so tooltip still triggers\n      const triggerContent = isDisabled ? (\n        <span className=\"inline-flex\">{buttonElement}</span>\n      ) : (\n        buttonElement\n      );\n\n      return (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>{triggerContent}</TooltipTrigger>\n            <TooltipContent side={side}>{content}</TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      );\n    }\n\n    return <>{buttonElement}</>;\n  }\n);\n\nButton.displayName = \"Button\";\n\nexport { Button };\n"],"names":["_jsxs","_Fragment","_jsx","PrimitiveButton"],"mappings":"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"}

package/dist/Checkbox-zCxgcZiC.js

@@ -1,24 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useId } from 'react';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { Checkbox as Checkbox$1 } from './primitives/Checkbox.js';
-import { Field, FieldContent, FieldLabel, FieldDescription, FieldError } from './primitives/Field.js';
-
-const Checkbox = forwardRef(({ label, error, helpText, required = false, disabled = false, className, ...otherProps }, ref) => {
-    const generatedId = useId();
-    const id = otherProps.id ?? generatedId;
-    const errorId = `error_${id}`;
-    const helpTextId = `helpText_${id}`;
-    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null]
-        .filter(Boolean)
-        .join(" ") || undefined;
-    const hasField = !!(label || error || helpText);
-    if (!hasField) {
-        return (jsx(Checkbox$1, { ref: ref, id: id, disabled: disabled, "aria-invalid": !!error || undefined, "aria-required": required || undefined, "aria-describedby": ariaDescribedBy, className: className, ...otherProps }));
-    }
-    return (jsxs("div", { className: cn("flex flex-col gap-1", className), "data-disabled": disabled || undefined, "data-invalid": !!error || undefined, children: [jsxs(Field, { orientation: "horizontal", children: [jsx(Checkbox$1, { ref: ref, id: id, disabled: disabled, "aria-invalid": !!error || undefined, "aria-required": required || undefined, "aria-describedby": ariaDescribedBy, ...otherProps }), jsxs(FieldContent, { children: [label && (jsxs(FieldLabel, { htmlFor: id, children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), helpText && (jsx(FieldDescription, { id: helpTextId, children: helpText }))] })] }), error && jsx(FieldError, { id: errorId, children: error })] }));
-});
-Checkbox.displayName = "Checkbox";
-
-export { Checkbox as C };
-//# sourceMappingURL=Checkbox-zCxgcZiC.js.map