@bigbinary/neeto-atoms 1.0.7 → 1.0.8

package/dist/components/Badge.js

@@ -0,0 +1,69 @@
+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 { Badge as Badge$1 } from '../primitives/Badge.js';
+import { X } from '../x-_o2T3n6D.js';
+import '../index-D7Zy7P05.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../createLucideIcon-C8ycilSN.js';
+
+// ---------------------------------------------------------------------------
+// Size config
+// ---------------------------------------------------------------------------
+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",
+    },
+};
+// ---------------------------------------------------------------------------
+// Indicator colors
+// ---------------------------------------------------------------------------
+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",
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Badge = forwardRef(({ variant = "default", size = "default", label, icon, iconPosition = "left", indicator, onDismiss, disabled = false, className, asChild = false, children, ...otherProps }, ref) => {
+    if (asChild) {
+        return (jsx(Badge$1, { ref: ref, asChild: true, variant: variant, size: size, 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, 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": "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 };
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../src/components/Badge.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\n\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\nimport { Badge as PrimitiveBadge } from \"src/primitives/Badge\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype BadgeVariant =\n  | \"default\"\n  | \"secondary\"\n  | \"destructive\"\n  | \"outline\"\n  | \"ghost\"\n  | \"link\"\n  | \"gray\"\n  | \"gray-subtle\"\n  | \"blue\"\n  | \"blue-subtle\"\n  | \"purple\"\n  | \"purple-subtle\"\n  | \"amber\"\n  | \"amber-subtle\"\n  | \"red\"\n  | \"red-subtle\"\n  | \"pink\"\n  | \"pink-subtle\"\n  | \"green\"\n  | \"green-subtle\"\n  | \"teal\"\n  | \"teal-subtle\";\n\ntype BadgeSize = \"sm\" | \"default\" | \"lg\";\n\ntype IndicatorVariant =\n  | \"default\"\n  | \"secondary\"\n  | \"destructive\"\n  | \"blue\"\n  | \"green\"\n  | \"amber\"\n  | \"red\"\n  | \"purple\"\n  | \"pink\"\n  | \"teal\"\n  | \"gray\";\n\nexport interface BadgeProps extends Omit<\n  React.ComponentProps<\"span\">,\n  \"children\"\n> {\n  /** Visual variant of the badge. */\n  variant?: BadgeVariant;\n  /** Size of the badge. */\n  size?: BadgeSize;\n  /** Text label rendered inside the badge. */\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?: \"left\" | \"right\";\n  /** Colored status indicator dot. */\n  indicator?: IndicatorVariant;\n  /** Callback when the badge is dismissed. Renders a dismiss button when provided. */\n  onDismiss?: () => void;\n  /** Disables the badge and hides the dismiss button. */\n  disabled?: boolean;\n  /** Render as a custom element (polymorphic via Radix Slot). */\n  asChild?: boolean;\n  /** Children rendered inside the badge (fallback for `label`). */\n  children?: ReactNode;\n}\n\n// ---------------------------------------------------------------------------\n// Size config\n// ---------------------------------------------------------------------------\n\nconst SIZE_CONFIG = {\n  sm: {\n    iconPl: \"pl-1\",\n    iconPr: \"pr-1\",\n    dismissPr: \"pr-0.5\",\n    btnSize: \"size-3\",\n    iconSize: \"size-2\",\n  },\n  default: {\n    iconPl: \"pl-1.5\",\n    iconPr: \"pr-1.5\",\n    dismissPr: \"pr-1\",\n    btnSize: \"size-3.5\",\n    iconSize: \"size-2.5\",\n  },\n  lg: {\n    iconPl: \"pl-2\",\n    iconPr: \"pr-2\",\n    dismissPr: \"pr-1\",\n    btnSize: \"size-4.5\",\n    iconSize: \"size-3\",\n  },\n};\n\n// ---------------------------------------------------------------------------\n// Indicator colors\n// ---------------------------------------------------------------------------\n\nconst INDICATOR_COLORS: Record<IndicatorVariant, string> = {\n  default: \"bg-primary\",\n  secondary: \"bg-muted-foreground\",\n  destructive: \"bg-destructive\",\n  blue: \"bg-blue-600\",\n  green: \"bg-green-600\",\n  amber: \"bg-amber-400\",\n  red: \"bg-red-600\",\n  purple: \"bg-purple-700\",\n  pink: \"bg-pink-600\",\n  teal: \"bg-teal-600\",\n  gray: \"bg-gray-400\",\n};\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      label,\n      icon,\n      iconPosition = \"left\",\n      indicator,\n      onDismiss,\n      disabled = false,\n      className,\n      asChild = false,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    if (asChild) {\n      return (\n        <PrimitiveBadge\n          ref={ref}\n          asChild\n          variant={variant}\n          size={size}\n          className={className}\n          {...otherProps}\n        >\n          {children}\n        </PrimitiveBadge>\n      );\n    }\n\n    const renderLabel = label || children;\n    const iconElement = icon ? renderIcon(icon) : null;\n\n    const hasDismiss = !!onDismiss && !disabled;\n\n    return (\n      <PrimitiveBadge\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn(\n          disabled && \"opacity-50 pointer-events-none\",\n          icon && iconPosition === \"left\" && SIZE_CONFIG[size].iconPl,\n          icon && iconPosition === \"right\" && SIZE_CONFIG[size].iconPr,\n          hasDismiss && SIZE_CONFIG[size].dismissPr,\n          className\n        )}\n        {...otherProps}\n      >\n        {indicator && (\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              \"size-1.5 shrink-0 rounded-full\",\n              INDICATOR_COLORS[indicator]\n            )}\n          />\n        )}\n        {iconPosition === \"left\" && iconElement}\n        {renderLabel}\n        {iconPosition === \"right\" && iconElement}\n        {onDismiss && !disabled && (\n          <button\n            type=\"button\"\n            aria-label=\"Dismiss\"\n            onClick={onDismiss}\n            className={cn(\n              \"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\",\n              SIZE_CONFIG[size].btnSize\n            )}\n          >\n            <X className={SIZE_CONFIG[size].iconSize} />\n          </button>\n        )}\n      </PrimitiveBadge>\n    );\n  }\n);\n\nBadge.displayName = \"Badge\";\n\nexport { Badge };\n"],"names":["_jsx","PrimitiveBadge","_jsxs"],"mappings":"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"}

package/dist/components/Button.d.ts

@@ -0,0 +1,47 @@
+import React, { type ReactNode, type MouseEvent } from "react";
+import { type IconProp } from "src/lib/renderIcon";
+type ButtonVariant = "default" | "secondary" | "destructive" | "outline" | "ghost" | "link";
+type ButtonSize = "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+type IconPosition = "left" | "right";
+type ButtonType = "button" | "reset" | "submit";
+interface ButtonTooltipProps {
+    content?: ReactNode;
+    position?: string;
+    disabled?: boolean;
+}
+export interface ButtonProps {
+    /** Visual variant of the button. */
+    variant?: ButtonVariant;
+    /** Size of the button. */
+    size?: ButtonSize;
+    /** Text label rendered inside the button. */
+    label?: string;
+    /** Icon component, element, or class-name string. */
+    icon?: IconProp;
+    /** Placement of the icon relative to the label. */
+    iconPosition?: IconPosition;
+    /** Show a loading spinner and prevent clicks. */
+    loading?: boolean;
+    /** Disable the button. */
+    disabled?: boolean;
+    /** Click handler. */
+    onClick?: (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
+    /** Internal route (react-router `Link`). */
+    to?: string;
+    /** External URL (renders an anchor tag). */
+    href?: string;
+    /** HTML button type attribute. */
+    type?: ButtonType;
+    /** Stretch the button to fill its container. */
+    fullWidth?: boolean;
+    /** Additional CSS class names. */
+    className?: string;
+    /** Props forwarded to a wrapping Tooltip. */
+    tooltipProps?: ButtonTooltipProps | null;
+    /** Render as a custom element (polymorphic). */
+    asChild?: boolean;
+    /** Children rendered inside the button (fallback for `label`). */
+    children?: ReactNode;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button };

package/dist/components/Button.js

@@ -0,0 +1,119 @@
+import { jsxs, Fragment, jsx } 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 { Button as Button$1 } from '../primitives/Button.js';
+import { Spinner } from '../primitives/Spinner.js';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../primitives/Tooltip.js';
+import '../button-COIbN8dg.js';
+import '../index-D7Zy7P05.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../loader-circle-DycHUAWN.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../tooltip-DzjIJacP.js';
+import '../index-DNzunGHb.js';
+import '../index-CiyxEyB0.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-CSUSJzOJ.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-ByEpUy7w.js';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-yFgkK_AM.js';
+import '../index-Cor698lu.js';
+import '../index-CSggBaQF.js';
+
+// ---------------------------------------------------------------------------
+// Mappings
+// ---------------------------------------------------------------------------
+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",
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+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("a", { ref: ref, href: 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 };
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, type MouseEvent } from \"react\";\n\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\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype ButtonVariant =\n  | \"default\"\n  | \"secondary\"\n  | \"destructive\"\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\n// ---------------------------------------------------------------------------\n// Mappings\n// ---------------------------------------------------------------------------\n\nconst 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\nconst 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\nconst TOOLTIP_SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\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\n// ---------------------------------------------------------------------------\n// Component\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          <a\n            ref={ref as React.Ref<HTMLAnchorElement>}\n            href={to}\n            onClick={handleClick}\n          >\n            {buttonContent}\n          </a>\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/components/Checkbox.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { Checkbox as PrimitiveCheckbox } from "src/primitives/Checkbox";
+export interface CheckboxProps extends React.ComponentProps<typeof PrimitiveCheckbox> {
+    /** Text displayed next to the checkbox. */
+    label?: string;
+    /** Error message displayed below the checkbox. */
+    error?: string;
+    /** Helper text displayed below the label. Accepts string or ReactNode. */
+    helpText?: React.ReactNode;
+    /** Shows a required indicator next to the label. */
+    required?: boolean;
+    /** Additional class name for the outermost wrapper. */
+    className?: string;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/components/Checkbox.js

@@ -0,0 +1,42 @@
+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';
+import '../check-Cpkv29p1.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../index-BtkPdosV.js';
+import '../index-CiyxEyB0.js';
+import '../index-DNzunGHb.js';
+import '../index-Cor698lu.js';
+import '../index-DOzu5J1s.js';
+import '../index-30QpKM0j.js';
+import '../index-BYZaLNq1.js';
+import '../index-yFgkK_AM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-D7Zy7P05.js';
+import '../label-B4qDF3W1.js';
+import '../separator-BbhgePmX.js';
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+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 };
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Checkbox as PrimitiveCheckbox } from \"src/primitives/Checkbox\";\nimport {\n  Field,\n  FieldContent,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface CheckboxProps extends React.ComponentProps<\n  typeof PrimitiveCheckbox\n> {\n  /** Text displayed next to the checkbox. */\n  label?: string;\n  /** Error message displayed below the checkbox. */\n  error?: string;\n  /** Helper text displayed below the label. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Shows a required indicator next to the label. */\n  required?: boolean;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Checkbox = forwardRef<\n  React.ComponentRef<typeof PrimitiveCheckbox>,\n  CheckboxProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      required = false,\n      disabled = false,\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = otherProps.id ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const hasField = !!(label || error || helpText);\n\n    if (!hasField) {\n      return (\n        <PrimitiveCheckbox\n          ref={ref}\n          id={id}\n          disabled={disabled}\n          aria-invalid={!!error || undefined}\n          aria-required={required || undefined}\n          aria-describedby={ariaDescribedBy}\n          className={className}\n          {...otherProps}\n        />\n      );\n    }\n\n    return (\n      <div\n        className={cn(\"flex flex-col gap-1\", className)}\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n      >\n        <Field orientation=\"horizontal\">\n          <PrimitiveCheckbox\n            ref={ref}\n            id={id}\n            disabled={disabled}\n            aria-invalid={!!error || undefined}\n            aria-required={required || undefined}\n            aria-describedby={ariaDescribedBy}\n            {...otherProps}\n          />\n          <FieldContent>\n            {label && (\n              <FieldLabel htmlFor={id}>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {helpText && (\n              <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n            )}\n          </FieldContent>\n        </Field>\n        {error && <FieldError id={errorId}>{error}</FieldError>}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"names":["_jsx","PrimitiveCheckbox","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA;AACA;AACA;AAEA,MAAM,QAAQ,GAAG,UAAU,CAIzB,CACE,EACE,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,UAAU,EACd,EACD,GAAG,KACD;AACF,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE;AAC3B,IAAA,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,IAAI,WAAW;AACvC,IAAA,MAAM,OAAO,GAAG,CAAA,MAAA,EAAS,EAAE,EAAE;AAC7B,IAAA,MAAM,UAAU,GAAG,CAAA,SAAA,EAAY,EAAE,EAAE;IAEnC,MAAM,eAAe,GACnB,CAAC,KAAK,GAAG,OAAO,GAAG,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,IAAI;SAClD,MAAM,CAAC,OAAO;AACd,SAAA,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS;IAE3B,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,IAAI,KAAK,IAAI,QAAQ,CAAC;IAE/C,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,QACEA,GAAA,CAACC,UAAiB,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,eAAA,EACnB,QAAQ,IAAI,SAAS,EAAA,kBAAA,EAClB,eAAe,EACjC,SAAS,EAAE,SAAS,EAAA,GAChB,UAAU,EAAA,CACd;IAEN;IAEA,QACEC,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAA,eAAA,EAChC,QAAQ,IAAI,SAAS,EAAA,cAAA,EACtB,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,QAAA,EAAA,CAElCA,IAAA,CAAC,KAAK,EAAA,EAAC,WAAW,EAAC,YAAY,EAAA,QAAA,EAAA,CAC7BF,IAACC,UAAiB,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,eAAA,EACnB,QAAQ,IAAI,SAAS,EAAA,kBAAA,EAClB,eAAe,EAAA,GAC7B,UAAU,EAAA,CACd,EACFC,KAAC,YAAY,EAAA,EAAA,QAAA,EAAA,CACV,KAAK,KACJA,IAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,EAAE,EAAA,QAAA,EAAA,CACpB,KAAK,EACL,QAAQ,KACPF,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,GAAA,EAAA,CAE9C,CACR,CAAA,EAAA,CACU,CACd,EACA,QAAQ,KACPA,GAAA,CAAC,gBAAgB,EAAA,EAAC,EAAE,EAAE,UAAU,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAoB,CAChE,CAAA,EAAA,CACY,CAAA,EAAA,CACT,EACP,KAAK,IAAIA,GAAA,CAAC,UAAU,EAAA,EAAC,EAAE,EAAE,OAAO,EAAA,QAAA,EAAG,KAAK,EAAA,CAAc,CAAA,EAAA,CACnD;AAEV,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ColorPickerProps } from "./types";
+declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLDivElement>>;
+export { ColorPicker };

package/dist/components/ColorPicker/Palette.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { PaletteColor } from "./types";
+export interface PaletteProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Currently selected color. */
+    color?: string;
+    /** List of colors to render. */
+    colorList?: PaletteColor[];
+    /** Callback when a color swatch is clicked. */
+    onChange?: (color: string) => void;
+}
+declare const Palette: React.ForwardRefExoticComponent<PaletteProps & React.RefAttributes<HTMLDivElement>>;
+export { Palette };

package/dist/components/ColorPicker/Target.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const targetVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TargetProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size">, VariantProps<typeof targetVariants> {
+    /** Show hex code text beside the color swatch. */
+    showHexValue?: boolean;
+    /** The original color prop value. */
+    color?: string;
+    /** The resolved color value to display. */
+    colorValue?: string;
+}
+declare const Target: React.ForwardRefExoticComponent<TargetProps & React.RefAttributes<HTMLButtonElement>>;
+export { Target };

package/dist/components/ColorPicker/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const DEFAULT_PALETTE_COLORS: {
+    hex: string;
+}[];
+export declare const RECENTLY_USED_STORAGE_KEY = "recently-used-colors";
+export declare const TARGET_SIZES: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+export declare const PICKER_HEIGHT: Record<string, string>;

package/dist/components/ColorPicker/hooks/useEyeDropper.d.ts

@@ -0,0 +1,15 @@
+interface EyeDropperResult {
+    sRGBHex: string;
+}
+declare global {
+    interface Window {
+        EyeDropper?: new () => {
+            open: () => Promise<EyeDropperResult>;
+        };
+    }
+}
+export declare const useEyeDropper: () => {
+    isSupported: boolean;
+    open: () => Promise<string>;
+};
+export {};

package/dist/components/ColorPicker/hooks/useRecentlyUsedColors.d.ts

@@ -0,0 +1,11 @@
+interface ColorValue {
+    hex: string;
+    rgb: string | {
+        r: number;
+        g: number;
+        b: number;
+        a?: number;
+    };
+}
+export declare const useRecentlyUsedColors: () => [ColorValue[], (value: ColorValue[]) => void];
+export {};

package/dist/components/ColorPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorPicker } from "./ColorPicker";
+export type { ColorPickerProps, ColorPickerSize, ColorValue, PaletteColor, } from "./types";

package/dist/components/ColorPicker/types.d.ts

@@ -0,0 +1,42 @@
+import type React from "react";
+import type { PopoverContent } from "src/primitives/Popover";
+export type ColorPickerSize = "small" | "medium" | "large";
+export interface ColorValue {
+    hex: string;
+    rgb: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+}
+export interface PaletteColor {
+    hex?: string;
+    rgb?: string;
+}
+export interface ColorPickerProps {
+    /** Current color value (hex string). */
+    color?: string;
+    /** Size of the trigger target. */
+    size?: ColorPickerSize;
+    /** Callback when color changes. */
+    onChange?: (value: ColorValue) => void;
+    /** Custom palette colors. */
+    colorPalette?: PaletteColor[];
+    /** Show eye dropper button. */
+    showEyeDropper?: boolean;
+    /** Show hex value text in the trigger. */
+    showHexValue?: boolean;
+    /** Enable alpha/transparency control. */
+    showTransparencyControl?: boolean;
+    /** Show the color picker (gradient area + input). */
+    showPicker?: boolean;
+    /** Show the hex gradient picker area. */
+    showHexPicker?: boolean;
+    /** Show recently used colors section. */
+    showRecentlyUsedColors?: boolean;
+    /** Props forwarded to the Popover content. */
+    dropdownProps?: Omit<React.ComponentProps<typeof PopoverContent>, "children">;
+    /** Additional CSS class names. */
+    className?: string;
+}

package/dist/components/ColorPicker/utils.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Validates a hex color string (3, 4, 6, or 8 digits with optional #).
+ */
+export declare const isValidHex: (hex: string) => boolean;
+/**
+ * Parses a hex color string into RGBA components.
+ * Returns { r: 0, g: 0, b: 0, a: 1 } for invalid inputs.
+ */
+export declare const hexToRgb: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+/**
+ * Converts a hex color to an 8-digit hex string (#RRGGBBAA).
+ */
+export declare const hexToHex8: (hex: string) => string;
+/**
+ * Converts a color value to a normalized { hex, rgb } object.
+ * Handles transparency and validity checks.
+ */
+export declare const getColor: (colorValue: string, showTransparencyControl: boolean) => {
+    hex: string;
+    rgb: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+};

package/dist/components/ColorPicker.js

@@ -0,0 +1,28 @@
+export { C as ColorPicker } from '../ColorPicker-BPvxDGDM.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../primitives/Button.js';
+import '../button-COIbN8dg.js';
+import '../index-D7Zy7P05.js';
+import '../utils-DdHUxIdC.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../primitives/Popover.js';
+import '../index-DNzunGHb.js';
+import '../index-CiyxEyB0.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-CSUSJzOJ.js';
+import '../index-B4_fVWDx.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-ByEpUy7w.js';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-yFgkK_AM.js';
+import '../index-Cor698lu.js';
+import '../chevron-down-BNi0ntys.js';
+import '../createLucideIcon-C8ycilSN.js';
+//# sourceMappingURL=ColorPicker.js.map

package/dist/components/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable.js

@@ -1,4 +1,4 @@
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-Y4POx0WN.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-BKe9K5XP.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Table.js';
@@ -27,7 +27,7 @@ import '../ellipsis-lb8Ws6br.js';
 import '../chevron-right-DQnrO-ek.js';
 import '../chevron-left-BDoT8E2-.js';
 import '../primitives/DropdownMenu.js';
-import '../index-BwxI_qgh.js';
+import '../index-KzJfsx-e.js';
 import '../index-Dd1i1d2M.js';
 import '../index-BA158WEj.js';
 import '../index-BNPynZWM.js';

package/dist/components/Dialog.d.ts

@@ -0,0 +1,56 @@
+import React, { type ReactNode, type RefObject } from "react";
+import { DialogContent as PrimitiveDialogContent } from "src/primitives/Dialog";
+type DialogSize = "small" | "medium" | "large" | "fullScreen";
+/** Radix Dialog.Content props we forward via ...otherProps. */
+type DialogContentProps = React.ComponentProps<typeof PrimitiveDialogContent>;
+export interface DialogProps extends Omit<DialogContentProps, "children" | "className" | "showCloseButton" | "onEscapeKeyDown" | "onInteractOutside"> {
+    /** Size of the dialog. */
+    size?: DialogSize;
+    /** Whether the dialog is open. */
+    isOpen?: boolean;
+    /** Callback invoked when the dialog is closed. */
+    onClose?: () => void;
+    /** Content rendered inside the dialog. */
+    children?: ReactNode;
+    /** Additional CSS class names applied to the dialog content. */
+    className?: string;
+    /** Close on pressing the Esc key. */
+    closeOnEsc?: boolean;
+    /** Show the close button. */
+    closeButton?: boolean;
+    /** Additional CSS class names applied to the backdrop/overlay. */
+    backdropClassName?: string;
+    /** Close on clicking outside the dialog. */
+    closeOnOutsideClick?: boolean;
+    /** Ref of the element to receive focus when the dialog opens. */
+    initialFocusRef?: RefObject<HTMLElement | null>;
+    /** Ref of the element to receive focus when the dialog closes. */
+    finalFocusRef?: RefObject<HTMLElement | null>;
+    /** Whether to block body scroll when the dialog is mounted. Maps to Radix `modal` prop. */
+    blockScrollOnMount?: boolean;
+    /** Force children to re-render even when the dialog is closed. */
+    forceRender?: boolean;
+    /** Radix Dialog `modal` prop — takes precedence over blockScrollOnMount. */
+    modal?: boolean;
+    /** Radix Dialog `defaultOpen` prop. */
+    defaultOpen?: boolean;
+}
+interface DialogSubcomponentProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+    /** Custom data-testid attribute. */
+    dataTestid?: string;
+}
+declare const DialogHeader: React.ForwardRefExoticComponent<Omit<DialogSubcomponentProps & {
+    description?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogBody: React.ForwardRefExoticComponent<Omit<DialogSubcomponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogFooter: React.ForwardRefExoticComponent<Omit<DialogSubcomponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: typeof DialogHeader;
+    Body: typeof DialogBody;
+    Footer: typeof DialogFooter;
+    Title: typeof DialogTitle;
+};
+export { Dialog };