@bigbinary/neeto-atoms 1.0.36 → 1.0.37

package/dist/cjs/Accordion-D75SDnkY.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Accordion = require('./primitives/Accordion.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const AccordionItemComponent = React.forwardRef(
+  ({ title, children, className, value, ...otherProps }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    primitives_Accordion.AccordionItem,
+    {
+      ref,
+      value,
+      className: utils.cn(className),
+      ...otherProps,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(primitives_Accordion.AccordionTrigger, { children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx(primitives_Accordion.AccordionContent, { children })
+      ]
+    }
+  )
+);
+AccordionItemComponent.displayName = "Accordion.Item";
+const Accordion = React.forwardRef(
+  ({ className, children, type = "single", ...otherProps }, ref) => {
+    const enhancedChildren = React.Children.map(children, (child, index) => {
+      if (!React__default.default.isValidElement(child)) return child;
+      const childValue = child.props.value ?? `item-${index}`;
+      return React__default.default.cloneElement(child, { value: childValue });
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      primitives_Accordion.Accordion,
+      {
+        ref,
+        type,
+        className: utils.cn(className),
+        ...otherProps,
+        children: enhancedChildren
+      }
+    );
+  }
+);
+Accordion.displayName = "Accordion";
+Accordion.Item = AccordionItemComponent;
+
+exports.Accordion = Accordion;
+//# sourceMappingURL=Accordion-D75SDnkY.js.map

package/dist/cjs/Accordion-D75SDnkY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion-D75SDnkY.js","sources":["../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, Children } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Accordion as PrimitiveAccordion,\n  AccordionItem as PrimitiveAccordionItem,\n  AccordionTrigger as PrimitiveAccordionTrigger,\n  AccordionContent as PrimitiveAccordionContent,\n} from \"src/primitives/Accordion\";\n\ntype AccordionRootProps = React.ComponentProps<typeof PrimitiveAccordion>;\n\nexport interface AccordionProps extends Omit<\n  AccordionRootProps,\n  \"children\" | \"type\"\n> {\n  /** Whether one or many items can be opened at the same time. */\n  type?: \"single\" | \"multiple\";\n  /** Accordion.Item children. */\n  children?: ReactNode;\n}\n\ninterface AccordionItemProps extends React.ComponentProps<\n  typeof PrimitiveAccordionItem\n> {\n  /** Header text displayed in the trigger. */\n  title: string;\n  /** Content rendered when the item is expanded. */\n  children?: ReactNode;\n}\n\nconst AccordionItemComponent = forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ title, children, className, value, ...otherProps }, ref) => (\n    <PrimitiveAccordionItem\n      ref={ref}\n      value={value}\n      className={cn(className)}\n      {...otherProps}\n    >\n      <PrimitiveAccordionTrigger>{title}</PrimitiveAccordionTrigger>\n      <PrimitiveAccordionContent>{children}</PrimitiveAccordionContent>\n    </PrimitiveAccordionItem>\n  )\n);\n\nAccordionItemComponent.displayName = \"Accordion.Item\";\n\nconst Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, children, type = \"single\", ...otherProps }, ref) => {\n    // Auto-generate value props for items that don't have one\n    const enhancedChildren = Children.map(children, (child, index) => {\n      if (!React.isValidElement<AccordionItemProps>(child)) return child;\n      const childValue = child.props.value ?? `item-${index}`;\n      return React.cloneElement(child, { value: childValue });\n    });\n\n    return (\n      <PrimitiveAccordion\n        ref={ref}\n        type={type}\n        className={cn(className)}\n        {...(otherProps as Record<string, unknown>)}\n      >\n        {enhancedChildren}\n      </PrimitiveAccordion>\n    );\n  }\n) as React.ForwardRefExoticComponent<\n  AccordionProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Item: typeof AccordionItemComponent;\n};\n\nAccordion.displayName = \"Accordion\";\nAccordion.Item = AccordionItemComponent;\n\nexport { Accordion };\n"],"names":["forwardRef","jsxs","PrimitiveAccordionItem","cn","jsx","PrimitiveAccordionTrigger","PrimitiveAccordionContent","Children","React","PrimitiveAccordion"],"mappings":";;;;;;;;;;;AA+BA,MAAM,sBAAA,GAAyBA,gBAAA;AAAA,EAC7B,CAAC,EAAE,KAAA,EAAO,QAAA,EAAU,WAAW,KAAA,EAAO,GAAG,UAAA,EAAW,EAAG,GAAA,qBACrDC,eAAA;AAAA,IAACC,kCAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA,EAAWC,SAAG,SAAS,CAAA;AAAA,MACtB,GAAG,UAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACC,yCAA2B,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBAClCD,cAAA,CAACE,yCAA2B,QAAA,EAAS;AAAA;AAAA;AAAA;AAG3C,CAAA;AAEA,sBAAA,CAAuB,WAAA,GAAc,gBAAA;AAErC,MAAM,SAAA,GAAYN,gBAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,OAAO,QAAA,EAAU,GAAG,UAAA,EAAW,EAAG,GAAA,KAAQ;AAEhE,IAAA,MAAM,mBAAmBO,cAAA,CAAS,GAAA,CAAI,QAAA,EAAU,CAAC,OAAO,KAAA,KAAU;AAChE,MAAA,IAAI,CAACC,sBAAA,CAAM,cAAA,CAAmC,KAAK,GAAG,OAAO,KAAA;AAC7D,MAAA,MAAM,UAAA,GAAa,KAAA,CAAM,KAAA,CAAM,KAAA,IAAS,QAAQ,KAAK,CAAA,CAAA;AACrD,MAAA,OAAOA,uBAAM,YAAA,CAAa,KAAA,EAAO,EAAE,KAAA,EAAO,YAAY,CAAA;AAAA,IACxD,CAAC,CAAA;AAED,IAAA,uBACEJ,cAAA;AAAA,MAACK,8BAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA,EAAWN,SAAG,SAAS,CAAA;AAAA,QACtB,GAAI,UAAA;AAAA,QAEJ,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAMA,SAAA,CAAU,WAAA,GAAc,WAAA;AACxB,SAAA,CAAU,IAAA,GAAO,sBAAA;;;;"}

package/dist/cjs/Alert-_TPuVqa5.js

@@ -0,0 +1,152 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Dialog = require('./primitives/Dialog.js');
+var Button = require('./Button-BlNtYr1w.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 = React.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 } = reactI18next.useTranslation();
+    const submitButtonLabel = submitButtonLabelProp ?? t("neetoatoms.alert.continue", "Continue");
+    const cancelButtonLabel = cancelButtonLabelProp ?? t("neetoatoms.alert.cancel", "Cancel");
+    const baseId = React.useId();
+    const titleId = `alert-title-${baseId}`;
+    const messageId = `alert-message-${baseId}`;
+    const submitButtonRef = React.useRef(null);
+    const cancelButtonRef = React.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) => {
+      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 /* @__PURE__ */ jsxRuntime.jsx(
+      primitives_Dialog.Dialog,
+      {
+        open: isOpen,
+        onOpenChange: handleOpenChange,
+        modal,
+        defaultOpen,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          primitives_Dialog.DialogContent,
+          {
+            ref,
+            role: "alertdialog",
+            "aria-labelledby": title ? titleId : void 0,
+            "aria-describedby": message ? messageId : void 0,
+            showCloseButton: closeButton,
+            overlayClassName: backdropClassName,
+            onInteractOutside: handleInteractOutside,
+            onEscapeKeyDown: handleEscapeKeyDown,
+            onOpenAutoFocus: handleOpenAutoFocus,
+            onCloseAutoFocus: handleCloseAutoFocus,
+            className: utils.cn(SIZE_CLASS_MAP[size], className),
+            "data-testid": "alert-box",
+            ...otherProps,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(primitives_Dialog.DialogHeader, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  primitives_Dialog.DialogTitle,
+                  {
+                    id: titleId,
+                    "data-testid": "alert-title",
+                    className: "text-2xl font-semibold",
+                    children: title
+                  }
+                ),
+                message && /* @__PURE__ */ jsxRuntime.jsx(primitives_Dialog.DialogDescription, { id: messageId, "data-testid": "alert-message", children: message })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(primitives_Dialog.DialogFooter, { children: [
+                !hideCancelButton && /* @__PURE__ */ jsxRuntime.jsx(
+                  Button.Button,
+                  {
+                    ref: cancelButtonRef,
+                    variant: "outline",
+                    label: cancelButtonLabel,
+                    onClick: onClose,
+                    "data-testid": "alert-cancel-button"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button.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";
+
+exports.Alert = Alert;
+//# sourceMappingURL=Alert-_TPuVqa5.js.map

package/dist/cjs/Alert-_TPuVqa5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-_TPuVqa5.js","sources":["../../src/components/Alert/constants.ts","../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { AlertSize, AlertStyle } from \"./Alert\";\n\nexport const SIZE_CLASS_MAP: Record<AlertSize, string> = {\n  small: \"sm:max-w-xs\",\n  medium: \"sm:max-w-sm\",\n  large: \"sm:max-w-md\",\n};\n\nexport const STYLE_VARIANT_MAP: Record<AlertStyle, \"destructive\" | \"default\"> =\n  {\n    danger: \"destructive\",\n    warning: \"default\",\n  };\n","import {\n  forwardRef,\n  useId,\n  useRef,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"src/primitives/Dialog\";\nimport { Button } from \"src/components/Button\";\n\nimport { SIZE_CLASS_MAP, STYLE_VARIANT_MAP } from \"./constants\";\n\nexport type AlertStyle = \"danger\" | \"warning\";\nexport type AlertSize = \"small\" | \"medium\" | \"large\";\ntype InitialFocusElement = \"submit\" | \"cancel\";\n\n/** Radix Dialog.Content props we forward via ...otherProps. */\ntype DialogContentProps = React.ComponentProps<typeof DialogContent>;\n\nexport interface AlertProps extends Omit<\n  DialogContentProps,\n  | \"children\"\n  | \"role\"\n  | \"showCloseButton\"\n  | \"className\"\n  | \"style\"\n  | \"onEscapeKeyDown\"\n  | \"onInteractOutside\"\n> {\n  /** Size of the alert dialog. */\n  size?: AlertSize;\n  /** Whether the alert is open. */\n  isOpen?: boolean;\n  /** Whether the submit action is in progress. */\n  isSubmitting?: boolean;\n  /** Additional CSS class names applied to the dialog content. */\n  className?: string;\n  /** Close on pressing the Esc key. */\n  closeOnEsc?: boolean;\n  /** Show the close button. */\n  closeButton?: boolean;\n  /** Additional CSS class names applied to the backdrop/overlay. */\n  backdropClassName?: string;\n  /** Close on clicking outside the dialog. */\n  closeOnOutsideClick?: boolean;\n  /** Callback invoked when the alert is closed. */\n  onClose?: () => void;\n  /** Callback invoked when the submit button is clicked. */\n  onSubmit?: () => void;\n  /** Title text of the alert. */\n  title?: string;\n  /** Message content of the alert. */\n  message?: ReactNode;\n  /** Label for the submit button. */\n  submitButtonLabel?: string;\n  /** Label for the cancel button. */\n  cancelButtonLabel?: string;\n  /** Hide the cancel button. */\n  hideCancelButton?: boolean;\n  /** Visual style of the submit button. */\n  style?: AlertStyle;\n  /** Ref of the element to receive focus when the alert opens. */\n  initialFocusRef?: RefObject<HTMLElement | null>;\n  /** Which built-in button receives focus on open: \"submit\" or \"cancel\". */\n  initialFocusElement?: InitialFocusElement;\n  /** Radix Dialog `modal` prop — controls modal vs non-modal behaviour. */\n  modal?: boolean;\n  /** Radix Dialog `defaultOpen` prop. */\n  defaultOpen?: boolean;\n}\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      size = \"medium\",\n      isOpen = false,\n      isSubmitting = false,\n      className,\n      closeOnEsc = true,\n      closeButton = true,\n      backdropClassName,\n      closeOnOutsideClick = true,\n      onClose = () => {},\n      onSubmit = () => {},\n      title = \"\",\n      message = \"\",\n      submitButtonLabel: submitButtonLabelProp,\n      cancelButtonLabel: cancelButtonLabelProp,\n      hideCancelButton = false,\n      style = \"danger\",\n      initialFocusRef,\n      initialFocusElement,\n      modal,\n      defaultOpen,\n      // Radix content handlers — we intercept and merge\n      onOpenAutoFocus: onOpenAutoFocusProp,\n      onCloseAutoFocus: onCloseAutoFocusProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const submitButtonLabel =\n      submitButtonLabelProp ?? t(\"neetoatoms.alert.continue\", \"Continue\");\n    const cancelButtonLabel =\n      cancelButtonLabelProp ?? t(\"neetoatoms.alert.cancel\", \"Cancel\");\n    const baseId = useId();\n    const titleId = `alert-title-${baseId}`;\n    const messageId = `alert-message-${baseId}`;\n    const submitButtonRef = useRef<HTMLButtonElement>(null);\n    const cancelButtonRef = useRef<HTMLButtonElement>(null);\n\n    const handleOpenChange = (open: boolean) => {\n      if (!open) onClose();\n    };\n\n    const handleInteractOutside = (e: Event) => {\n      if (!closeOnOutsideClick) e.preventDefault();\n    };\n\n    const handleEscapeKeyDown = (e: KeyboardEvent) => {\n      if (!closeOnEsc) e.preventDefault();\n    };\n\n    const handleOpenAutoFocus = (e: Event) => {\n      // Custom focus ref takes highest priority\n      if (initialFocusRef?.current) {\n        e.preventDefault();\n        initialFocusRef.current.focus();\n      } else if (initialFocusElement === \"submit\" && submitButtonRef.current) {\n        e.preventDefault();\n        submitButtonRef.current.focus();\n      } else if (initialFocusElement === \"cancel\" && cancelButtonRef.current) {\n        e.preventDefault();\n        cancelButtonRef.current.focus();\n      }\n      onOpenAutoFocusProp?.(e);\n    };\n\n    const handleCloseAutoFocus = (e: Event) => {\n      onCloseAutoFocusProp?.(e);\n    };\n\n    return (\n      <Dialog\n        open={isOpen}\n        onOpenChange={handleOpenChange}\n        modal={modal}\n        defaultOpen={defaultOpen}\n      >\n        <DialogContent\n          ref={ref}\n          role=\"alertdialog\"\n          aria-labelledby={title ? titleId : undefined}\n          aria-describedby={message ? messageId : undefined}\n          showCloseButton={closeButton}\n          overlayClassName={backdropClassName}\n          onInteractOutside={handleInteractOutside}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          onCloseAutoFocus={handleCloseAutoFocus}\n          className={cn(SIZE_CLASS_MAP[size], className)}\n          data-testid=\"alert-box\"\n          {...otherProps}\n        >\n          <DialogHeader>\n            <DialogTitle\n              id={titleId}\n              data-testid=\"alert-title\"\n              className=\"text-2xl font-semibold\"\n            >\n              {title}\n            </DialogTitle>\n            {message && (\n              <DialogDescription id={messageId} data-testid=\"alert-message\">\n                {message}\n              </DialogDescription>\n            )}\n          </DialogHeader>\n          <DialogFooter>\n            {!hideCancelButton && (\n              <Button\n                ref={cancelButtonRef}\n                variant=\"outline\"\n                label={cancelButtonLabel}\n                onClick={onClose}\n                data-testid=\"alert-cancel-button\"\n              />\n            )}\n            <Button\n              ref={submitButtonRef}\n              variant={STYLE_VARIANT_MAP[style]}\n              label={submitButtonLabel}\n              loading={isSubmitting}\n              disabled={isSubmitting || !isOpen}\n              onClick={onSubmit}\n              data-testid=\"alert-submit-button\"\n            />\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n);\n\nAlert.displayName = \"Alert\";\n\nexport { Alert };\n"],"names":["forwardRef","useTranslation","useId","useRef","jsx","Dialog","jsxs","DialogContent","cn","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Button"],"mappings":"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"}

package/dist/cjs/Avatar-nG7vhAUS.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Avatar = require('./primitives/Avatar.js');
+var primitives_Tooltip = require('./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 = React.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 = /* @__PURE__ */ jsxRuntime.jsxs(
+      primitives_Avatar.Avatar,
+      {
+        ref,
+        size: primitiveSize,
+        className: utils.cn(isXl && XL_CLASSES, className),
+        ...otherProps,
+        children: [
+          user?.imageUrl && /* @__PURE__ */ jsxRuntime.jsx(primitives_Avatar.AvatarImage, { src: user.imageUrl, alt: user?.name ?? "" }),
+          /* @__PURE__ */ jsxRuntime.jsx(primitives_Avatar.AvatarFallback, { children: initials }),
+          status && /* @__PURE__ */ jsxRuntime.jsx(primitives_Avatar.AvatarBadge, { className: utils.cn(STATUS_COLOR_MAP[status]) })
+        ]
+      }
+    );
+    const tooltipContent = tooltipProps?.content ?? (showTooltip ? user?.name : null);
+    if (tooltipContent) {
+      const side = SIDE_MAP[tooltipProps?.position ?? "auto"] ?? "bottom";
+      return /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(primitives_Tooltip.Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", children: avatarElement }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipContent, { side, children: tooltipContent })
+      ] }) });
+    }
+    return avatarElement;
+  }
+);
+Avatar.displayName = "Avatar";
+const AvatarNamespace = Object.assign(Avatar, {
+  Group: primitives_Avatar.AvatarGroup,
+  GroupCount: primitives_Avatar.AvatarGroupCount
+});
+
+exports.AvatarNamespace = AvatarNamespace;
+//# sourceMappingURL=Avatar-nG7vhAUS.js.map

package/dist/cjs/Avatar-nG7vhAUS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-nG7vhAUS.js","sources":["../../src/components/Avatar/constants.ts","../../src/components/Avatar/utils.ts","../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["export const STATUS_COLOR_MAP: Record<string, string> = {\n  online: \"bg-emerald-500 dark:bg-emerald-400\",\n  idle: \"bg-amber-500 dark:bg-amber-400\",\n  offline: \"bg-gray-400 dark:bg-gray-500\",\n};\n\nexport const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  auto: \"bottom\",\n};\n\nexport const XL_CLASSES =\n  \"data-[size=lg]:size-16 [&>[data-slot=avatar-badge]]:size-4 [&>[data-slot=avatar-fallback]]:text-lg\";\n","export function getInitials(name?: string): string {\n  if (!name) return \"\";\n\n  return name\n    .split(/\\s+/)\n    .slice(0, 2)\n    .map(word => word.charAt(0).toUpperCase())\n    .join(\"\");\n}\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Avatar as PrimitiveAvatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarBadge,\n  AvatarGroup,\n  AvatarGroupCount,\n} from \"src/primitives/Avatar\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\nimport { STATUS_COLOR_MAP, SIDE_MAP, XL_CLASSES } from \"./constants\";\nimport { getInitials } from \"./utils\";\n\ntype AvatarSize = \"sm\" | \"default\" | \"lg\" | \"xl\";\n\ninterface AvatarTooltipProps {\n  /** Tooltip content. Defaults to user.name if showTooltip is true. */\n  content?: React.ReactNode;\n  /** Tooltip position. */\n  position?: string;\n}\n\nexport interface AvatarProps extends Omit<\n  React.ComponentProps<typeof PrimitiveAvatar>,\n  \"size\"\n> {\n  /** User data for the avatar. */\n  user?: { name?: string; imageUrl?: string };\n  /** Status indicator displayed as a colored badge. */\n  status?: \"online\" | \"idle\" | \"offline\" | null;\n  /** Show the user's name in a tooltip on hover. */\n  showTooltip?: boolean;\n  /** Tooltip configuration. Overrides showTooltip content. */\n  tooltipProps?: AvatarTooltipProps;\n  /** Size of the avatar. */\n  size?: AvatarSize;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  (\n    {\n      user,\n      status,\n      showTooltip = false,\n      tooltipProps,\n      size = \"default\",\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const initials = getInitials(user?.name);\n    const isXl = size === \"xl\";\n    const primitiveSize = isXl ? \"lg\" : size;\n\n    const avatarElement = (\n      <PrimitiveAvatar\n        ref={ref}\n        size={primitiveSize}\n        className={cn(isXl && XL_CLASSES, className)}\n        {...otherProps}\n      >\n        {user?.imageUrl && (\n          <AvatarImage src={user.imageUrl} alt={user?.name ?? \"\"} />\n        )}\n        <AvatarFallback>{initials}</AvatarFallback>\n        {status && <AvatarBadge className={cn(STATUS_COLOR_MAP[status])} />}\n      </PrimitiveAvatar>\n    );\n\n    const tooltipContent =\n      tooltipProps?.content ?? (showTooltip ? user?.name : null);\n\n    if (tooltipContent) {\n      const side = SIDE_MAP[tooltipProps?.position ?? \"auto\"] ?? \"bottom\";\n\n      return (\n        <TooltipProvider delayDuration={0}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span className=\"inline-flex\">{avatarElement}</span>\n            </TooltipTrigger>\n            <TooltipContent side={side}>{tooltipContent}</TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      );\n    }\n\n    return avatarElement;\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n\nconst AvatarNamespace = Object.assign(Avatar, {\n  Group: AvatarGroup,\n  GroupCount: AvatarGroupCount,\n});\n\nexport { AvatarNamespace as Avatar };\n"],"names":["forwardRef","jsxs","PrimitiveAvatar","cn","AvatarImage","jsx","AvatarFallback","AvatarBadge","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","AvatarGroup","AvatarGroupCount"],"mappings":"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"}

package/dist/cjs/Badge-Dz_Kb49L.js

@@ -0,0 +1,133 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var utils = require('./utils-BhM0B89p.js');
+var renderIcon = require('./renderIcon-BRrpZu9a.js');
+var primitives_Badge = require('./primitives/Badge.js');
+var x = require('./x-Brw3FJst.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 = React.forwardRef(
+  ({
+    variant = "default",
+    size = "default",
+    shape = "pill",
+    label,
+    icon,
+    iconPosition = "left",
+    indicator,
+    onDismiss,
+    disabled = false,
+    className,
+    asChild = false,
+    children,
+    ...otherProps
+  }, ref) => {
+    const { t } = reactI18next.useTranslation();
+    if (asChild) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Badge.Badge,
+        {
+          ref,
+          asChild: true,
+          variant,
+          size,
+          shape,
+          className,
+          ...otherProps,
+          children
+        }
+      );
+    }
+    const renderLabel = label || children;
+    const iconElement = icon ? renderIcon.renderIcon(icon) : null;
+    const hasDismiss = !!onDismiss && !disabled;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      primitives_Badge.Badge,
+      {
+        ref,
+        variant,
+        size,
+        shape,
+        className: utils.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 && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: utils.cn(
+                "size-1.5 shrink-0 rounded-full",
+                INDICATOR_COLORS[indicator]
+              )
+            }
+          ),
+          iconPosition === "left" && iconElement,
+          renderLabel,
+          iconPosition === "right" && iconElement,
+          onDismiss && !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": t("neetoatoms.badge.dismiss", "Dismiss"),
+              onClick: onDismiss,
+              className: utils.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: /* @__PURE__ */ jsxRuntime.jsx(x.X, { className: SIZE_CONFIG[size].iconSize })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;
+//# sourceMappingURL=Badge-Dz_Kb49L.js.map

package/dist/cjs/Badge-Dz_Kb49L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-Dz_Kb49L.js","sources":["../../src/components/Badge/constants.ts","../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { IndicatorVariant } from \"./Badge\";\n\nexport const 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\nexport const 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","import React, { forwardRef, type ReactNode } from \"react\";\n\nimport { X } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\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\nimport { SIZE_CONFIG, INDICATOR_COLORS } from \"./constants\";\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 BadgeShape = \"pill\" | \"rounded\";\n\nexport type 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  /** Corner shape: `pill` (fully rounded, default) or `rounded` (4px). */\n  shape?: BadgeShape;\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\nconst Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      shape = \"pill\",\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    const { t } = useTranslation();\n\n    if (asChild) {\n      return (\n        <PrimitiveBadge\n          ref={ref}\n          asChild\n          variant={variant}\n          size={size}\n          shape={shape}\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        shape={shape}\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={t(\"neetoatoms.badge.dismiss\", \"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":["forwardRef","useTranslation","jsx","PrimitiveBadge","renderIcon","jsxs","cn","X"],"mappings":"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"}