@bigbinary/neeto-atoms 1.0.133-beta1 → 1.0.133-beta2

package/dist/cjs/Button-BQ4rpzsl.js

@@ -0,0 +1,221 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactRouterDom = require('react-router-dom');
+var utils = require('./utils-BhM0B89p.js');
+var renderIcon = require('./renderIcon-BRrpZu9a.js');
+var primitives_Button = require('./primitives/Button.js');
+var primitives_Spinner = require('./primitives/Spinner.js');
+var primitives_Tooltip = require('./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"
+};
+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_VARIANTS = [
+  "default",
+  "brand",
+  "secondary",
+  "destructive",
+  "destructive-soft",
+  "outline",
+  "ghost",
+  "link",
+  "link-muted"
+];
+const BUTTON_SIZES = [
+  "default",
+  "xs",
+  "sm",
+  "lg",
+  "icon",
+  "icon-xs",
+  "icon-sm",
+  "icon-lg"
+];
+const Button = React.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,
+    trailing,
+    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;
+    const isDisabled = disabled || loading;
+    const handleClick = (e) => {
+      if (loading || disabled) {
+        e.preventDefault();
+        return;
+      }
+      onClick?.(e);
+    };
+    const iconElement = icon ? renderIcon.renderIcon(icon) : null;
+    const buttonContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      loading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Spinner.Spinner,
+        {
+          "aria-hidden": "true",
+          className: SPINNER_SIZE_MAP[resolvedSize]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: utils.cn(
+            "inline-flex items-center gap-1.5",
+            loading && "invisible"
+          ),
+          children: [
+            iconPosition === "left" && iconElement && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-icon": "inline-start", children: iconElement }),
+            renderLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { children: renderLabel }),
+            iconPosition === "right" && iconElement && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-icon": "inline-end", children: iconElement }),
+            trailing && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-icon": "inline-end", children: trailing })
+          ]
+        }
+      )
+    ] });
+    const mergedClassName = utils.cn(
+      fullWidth && "w-full",
+      loading && "relative pointer-events-none",
+      (variant === "link" || variant === "link-muted") && "[table_&]:max-w-full [table_&]:whitespace-normal",
+      className
+    );
+    let buttonElement;
+    if (asChild) {
+      buttonElement = /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Button.Button,
+        {
+          ref,
+          asChild: true,
+          variant,
+          size: resolvedSize,
+          className: mergedClassName,
+          disabled: isDisabled,
+          ...otherProps,
+          children
+        }
+      );
+    } else if (!disabled && to) {
+      buttonElement = /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Button.Button,
+        {
+          asChild: true,
+          variant,
+          size: resolvedSize,
+          className: mergedClassName,
+          disabled: isDisabled,
+          ...otherProps,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            reactRouterDom.Link,
+            {
+              innerRef: ref,
+              to,
+              onClick: handleClick,
+              children: buttonContent
+            }
+          )
+        }
+      );
+    } else if (!disabled && href) {
+      buttonElement = /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Button.Button,
+        {
+          asChild: true,
+          variant,
+          size: resolvedSize,
+          className: mergedClassName,
+          disabled: isDisabled,
+          ...otherProps,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              ref,
+              href,
+              onClick: handleClick,
+              children: buttonContent
+            }
+          )
+        }
+      );
+    } else {
+      buttonElement = /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Button.Button,
+        {
+          ref,
+          type,
+          variant,
+          size: resolvedSize,
+          className: mergedClassName,
+          disabled: isDisabled,
+          onClick: handleClick,
+          ...otherProps,
+          children: buttonContent
+        }
+      );
+    }
+    if (tooltipProps) {
+      const { content, position, disabled: tooltipDisabled } = tooltipProps;
+      if (tooltipDisabled || !content) {
+        return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonElement });
+      }
+      const side = position ? TOOLTIP_SIDE_MAP[position] : void 0;
+      const triggerContent = isDisabled ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", children: buttonElement }) : buttonElement;
+      return /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(primitives_Tooltip.Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipTrigger, { asChild: true, children: triggerContent }),
+        /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipContent, { "data-testid": "tooltip-box", side, children: content })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonElement });
+  }
+);
+Button.displayName = "Button";
+
+exports.BUTTON_SIZES = BUTTON_SIZES;
+exports.BUTTON_VARIANTS = BUTTON_VARIANTS;
+exports.Button = Button;
+//# sourceMappingURL=Button-BQ4rpzsl.js.map

package/dist/cjs/Button-BQ4rpzsl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-BQ4rpzsl.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/shared/renderIcon\";\nimport {\n  Button as PrimitiveButton,\n  type ButtonUnderline,\n} 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\nexport const BUTTON_VARIANTS = [\n  \"default\",\n  \"brand\",\n  \"secondary\",\n  \"destructive\",\n  \"destructive-soft\",\n  \"outline\",\n  \"ghost\",\n  \"link\",\n  \"link-muted\",\n] as const;\n\nexport const BUTTON_SIZES = [\n  \"default\",\n  \"xs\",\n  \"sm\",\n  \"lg\",\n  \"icon\",\n  \"icon-xs\",\n  \"icon-sm\",\n  \"icon-lg\",\n] as const;\n\nexport type ButtonVariant = (typeof BUTTON_VARIANTS)[number];\nexport type ButtonSize = (typeof BUTTON_SIZES)[number];\nexport type { ButtonUnderline };\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 extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"type\" | \"disabled\" | \"className\" | \"children\" | \"onClick\"\n> {\n  /** Visual variant of the button. */\n  variant?: ButtonVariant;\n  /** Size of the button. */\n  size?: ButtonSize;\n  /**\n   * Underline behaviour for link variants. Only applies to `link` /\n   * `link-muted`. Defaults to `\"hover\"` (no resting underline, revealed on\n   * hover and keyboard focus). Use `\"always\"` or `\"none\"` to override.\n   */\n  underline?: ButtonUnderline;\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  /**\n   * Content rendered after the label and any right-side icon (e.g., a trailing\n   * chevron, badge, or shortcut indicator). Auto-wrapped with\n   * `data-icon=\"inline-end\"` so the button's compact end-padding kicks in.\n   */\n  trailing?: ReactNode;\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      trailing,\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          {trailing && <span data-icon=\"inline-end\">{trailing}</span>}\n        </span>\n      </>\n    );\n\n    // --- Merged className ---\n    const mergedClassName = cn(\n      fullWidth && \"w-full\",\n      loading && \"relative pointer-events-none\",\n      (variant === \"link\" || variant === \"link-muted\") &&\n        \"[table_&]:max-w-full [table_&]:whitespace-normal\",\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 data-testid=\"tooltip-box\" side={side}>\n              {content}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      );\n    }\n\n    return <>{buttonElement}</>;\n  }\n);\n\nButton.displayName = \"Button\";\n\nexport { Button };\n"],"names":["forwardRef","renderIcon","jsxs","Fragment","jsx","Spinner","cn","PrimitiveButton","Link","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/cjs/Callout-Bci3POCo.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var primitives_Alert = require('./primitives/Alert.js');
+var utils = require('./utils-BhM0B89p.js');
+var renderIcon = require('./renderIcon-BRrpZu9a.js');
+var createLucideIcon = require('./createLucideIcon-D0tRgV6l.js');
+var triangleAlert = require('./triangle-alert-CC-cck8p.js');
+var info = require('./info-DGfDptn1.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$1 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+];
+const CircleAlert = createLucideIcon.createLucideIcon("circle-alert", __iconNode$1);
+
+/**
+ * @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 = [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+];
+const CircleCheckBig = createLucideIcon.createLucideIcon("circle-check-big", __iconNode);
+
+const VARIANT_CONFIG = {
+  info: {
+    container: "border border-info-border bg-info text-info-foreground",
+    icon: info.Info
+  },
+  warning: {
+    container: "border border-warning-border bg-warning text-warning-foreground",
+    icon: triangleAlert.TriangleAlert
+  },
+  danger: {
+    container: "border border-error-border bg-error text-error-foreground",
+    icon: CircleAlert
+  },
+  success: {
+    container: "border border-success-border bg-success text-success-foreground",
+    icon: CircleCheckBig
+  }
+};
+
+const Callout = React.forwardRef(
+  ({ variant = "info", icon, title, children, className, ...otherProps }, ref) => {
+    const config = VARIANT_CONFIG[variant];
+    const resolvedIcon = icon ?? config.icon;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      primitives_Alert.Alert,
+      {
+        ref,
+        className: utils.cn(config.container, className),
+        "data-testid": "callout-element",
+        ...otherProps,
+        children: [
+          renderIcon.renderIcon(resolvedIcon, "size-4 shrink-0"),
+          title && /* @__PURE__ */ jsxRuntime.jsx(primitives_Alert.AlertTitle, { className: "font-semibold", children: title }),
+          children && /* @__PURE__ */ jsxRuntime.jsx(primitives_Alert.AlertDescription, { className: "text-foreground", children })
+        ]
+      }
+    );
+  }
+);
+Callout.displayName = "Callout";
+
+exports.Callout = Callout;
+//# sourceMappingURL=Callout-Bci3POCo.js.map

package/dist/cjs/Callout-Bci3POCo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout-Bci3POCo.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-alert.js","../../node_modules/lucide-react/dist/esm/icons/circle-check-big.js","../../src/components/Callout/constants.ts","../../src/components/Callout/Callout.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n  [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n];\nconst CircleAlert = createLucideIcon(\"circle-alert\", __iconNode);\n\nexport { __iconNode, CircleAlert as default };\n//# sourceMappingURL=circle-alert.js.map\n","/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M21.801 10A10 10 0 1 1 17 3.335\", key: \"yps3ct\" }],\n  [\"path\", { d: \"m9 11 3 3L22 4\", key: \"1pflzl\" }]\n];\nconst CircleCheckBig = createLucideIcon(\"circle-check-big\", __iconNode);\n\nexport { __iconNode, CircleCheckBig as default };\n//# sourceMappingURL=circle-check-big.js.map\n","import React from \"react\";\n\nimport {\n  InfoIcon,\n  AlertTriangleIcon,\n  AlertCircleIcon,\n  CheckCircleIcon,\n} from \"lucide-react\";\n\nimport type { CalloutVariant } from \"./Callout\";\n\nexport const VARIANT_CONFIG: Record<\n  CalloutVariant,\n  {\n    container: string;\n    icon: React.ComponentType<{ className?: string }>;\n  }\n> = {\n  info: {\n    container: \"border border-info-border bg-info text-info-foreground\",\n    icon: InfoIcon,\n  },\n  warning: {\n    container:\n      \"border border-warning-border bg-warning text-warning-foreground\",\n    icon: AlertTriangleIcon,\n  },\n  danger: {\n    container: \"border border-error-border bg-error text-error-foreground\",\n    icon: AlertCircleIcon,\n  },\n  success: {\n    container:\n      \"border border-success-border bg-success text-success-foreground\",\n    icon: CheckCircleIcon,\n  },\n};\n","import React, { forwardRef } from \"react\";\n\nimport {\n  Alert as PrimitiveAlert,\n  AlertTitle,\n  AlertDescription,\n} from \"src/primitives/Alert\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\n\nimport { VARIANT_CONFIG } from \"./constants\";\n\nexport type CalloutVariant = \"info\" | \"warning\" | \"danger\" | \"success\";\n\ntype PrimitiveAlertProps = React.ComponentProps<typeof PrimitiveAlert>;\n\nexport interface CalloutProps extends Omit<PrimitiveAlertProps, \"variant\"> {\n  /** Visual style of the callout. */\n  variant?: CalloutVariant;\n  /** Custom icon. Defaults to a variant-specific icon. */\n  icon?: IconProp;\n  /** Optional title rendered as AlertTitle. */\n  title?: string;\n  /** Content rendered as AlertDescription. */\n  children?: React.ReactNode;\n}\n\nconst Callout = forwardRef<HTMLDivElement, CalloutProps>(\n  (\n    { variant = \"info\", icon, title, children, className, ...otherProps },\n    ref\n  ) => {\n    const config = VARIANT_CONFIG[variant];\n    const resolvedIcon = icon ?? config.icon;\n\n    return (\n      <PrimitiveAlert\n        ref={ref}\n        className={cn(config.container, className)}\n        data-testid=\"callout-element\"\n        {...otherProps}\n      >\n        {renderIcon(resolvedIcon, \"size-4 shrink-0\")}\n        {title && <AlertTitle className=\"font-semibold\">{title}</AlertTitle>}\n        {children && (\n          <AlertDescription className=\"text-foreground\">\n            {children}\n          </AlertDescription>\n        )}\n      </PrimitiveAlert>\n    );\n  }\n);\n\nCallout.displayName = \"Callout\";\n\nexport { Callout };\n"],"names":["__iconNode","createLucideIcon","InfoIcon","AlertTriangleIcon","AlertCircleIcon","CheckCircleIcon","forwardRef","jsxs","PrimitiveAlert","cn","renderIcon","jsx","AlertTitle","AlertDescription"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAMA,YAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACpE,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE;AACvE,CAAC;AACD,MAAM,WAAW,GAAGC,iCAAgB,CAAC,cAAc,EAAED,YAAU,CAAC;;ACdhE;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,iCAAiC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACnE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE;AACjD,CAAC;AACD,MAAM,cAAc,GAAGC,iCAAgB,CAAC,kBAAkB,EAAE,UAAU,CAAC;;ACFhE,MAAM,cAAA,GAMT;AAAA,EACF,IAAA,EAAM;AAAA,IACJ,SAAA,EAAW,wDAAA;AAAA,IACX,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,SAAA,EACE,iEAAA;AAAA,IACF,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,SAAA,EAAW,2DAAA;AAAA,IACX,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,SAAA,EACE,iEAAA;AAAA,IACF,IAAA,EAAMC;AAAA;AAEV,CAAA;;ACTA,MAAM,OAAA,GAAUC,gBAAA;AAAA,EACd,CACE,EAAE,OAAA,GAAU,MAAA,EAAQ,IAAA,EAAM,KAAA,EAAO,QAAA,EAAU,SAAA,EAAW,GAAG,UAAA,EAAW,EACpE,GAAA,KACG;AACH,IAAA,MAAM,MAAA,GAAS,eAAe,OAAO,CAAA;AACrC,IAAA,MAAM,YAAA,GAAe,QAAQ,MAAA,CAAO,IAAA;AAEpC,IAAA,uBACEC,eAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,QAAA,CAAG,MAAA,CAAO,SAAA,EAAW,SAAS,CAAA;AAAA,QACzC,aAAA,EAAY,iBAAA;AAAA,QACX,GAAG,UAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAAC,qBAAA,CAAW,cAAc,iBAAiB,CAAA;AAAA,UAC1C,KAAA,oBAASC,cAAA,CAACC,2BAAA,EAAA,EAAW,SAAA,EAAU,iBAAiB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UACtD,QAAA,oBACCD,cAAA,CAACE,iCAAA,EAAA,EAAiB,SAAA,EAAU,mBACzB,QAAA,EACH;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/Checkbox-83g1FDsc.js

@@ -0,0 +1,99 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Checkbox = require('./primitives/Checkbox.js');
+var fieldIds = require('./fieldIds-DiVU6GVS.js');
+var primitives_Field = require('./primitives/Field.js');
+
+const Checkbox = React.forwardRef(
+  ({
+    label,
+    error,
+    helpText,
+    required = false,
+    disabled = false,
+    className,
+    labelProps,
+    dataTestId,
+    ...otherProps
+  }, ref) => {
+    const generatedId = React.useId();
+    const id = otherProps.id ?? generatedId;
+    const errorId = `error_${id}`;
+    const helpTextId = `helpText_${id}`;
+    const testIdPrefix = fieldIds.buildTestIdPrefix(dataTestId, label);
+    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
+    const hasField = !!(label || error || helpText);
+    if (!hasField) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Checkbox.Checkbox,
+        {
+          ref,
+          id,
+          disabled,
+          "aria-invalid": !!error || void 0,
+          "aria-required": required || void 0,
+          "aria-describedby": ariaDescribedBy,
+          className,
+          "data-testid": dataTestId ? `${testIdPrefix}-checkbox-input` : "nui-checkbox-container",
+          ...otherProps
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.cn("flex flex-col gap-1", className),
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        "data-testid": "nui-checkbox-container",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.Field, { orientation: "horizontal", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              primitives_Checkbox.Checkbox,
+              {
+                ref,
+                id,
+                disabled,
+                "aria-invalid": !!error || void 0,
+                "aria-required": required || void 0,
+                "aria-describedby": ariaDescribedBy,
+                "data-testid": `${testIdPrefix}-checkbox-input`,
+                ...otherProps
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldContent, { children: [
+              label && /* @__PURE__ */ jsxRuntime.jsxs(
+                primitives_Field.FieldLabel,
+                {
+                  htmlFor: id,
+                  "data-testid": `${testIdPrefix}-checkbox-label`,
+                  ...labelProps,
+                  children: [
+                    label,
+                    required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+                  ]
+                }
+              ),
+              helpText && /* @__PURE__ */ jsxRuntime.jsx(primitives_Field.FieldDescription, { id: helpTextId, children: helpText })
+            ] })
+          ] }),
+          error && /* @__PURE__ */ jsxRuntime.jsx(
+            primitives_Field.FieldError,
+            {
+              id: errorId,
+              "data-testid": `${testIdPrefix}-checkbox-error`,
+              children: error
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox-83g1FDsc.js.map

package/dist/cjs/Checkbox-83g1FDsc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-83g1FDsc.js","sources":["../../src/components/Checkbox/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 { buildTestIdPrefix } from \"src/utils/fieldIds\";\nimport {\n  Field,\n  FieldContent,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\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  /** Props forwarded to the Label element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Prefix for the field's testid family(checkbox-input, checkbox-label, checkbox-error). Falls back to the hyphenized label. */\n  dataTestId?: string;\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      labelProps,\n      dataTestId,\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    const testIdPrefix = buildTestIdPrefix(dataTestId, label);\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          data-testid={\n            dataTestId\n              ? `${testIdPrefix}-checkbox-input`\n              : \"nui-checkbox-container\"\n          }\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        data-testid=\"nui-checkbox-container\"\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            data-testid={`${testIdPrefix}-checkbox-input`}\n            {...otherProps}\n          />\n          <FieldContent>\n            {label && (\n              <FieldLabel\n                htmlFor={id}\n                data-testid={`${testIdPrefix}-checkbox-label`}\n                {...labelProps}\n              >\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 && (\n          <FieldError\n            id={errorId}\n            data-testid={`${testIdPrefix}-checkbox-error`}\n          >\n            {error}\n          </FieldError>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"names":["forwardRef","useId","buildTestIdPrefix","jsx","PrimitiveCheckbox","jsxs","cn","Field","FieldContent","FieldLabel","FieldDescription","FieldError"],"mappings":"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"}