@bigbinary/neeto-atoms 1.0.7 → 1.0.9

package/dist/cjs/TranslationProvider-DBZHXmzX.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var i18n = require('i18next');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+
+var neetoatoms = {
+	colorPicker: {
+		recentlyUsed: "Recently used",
+		pickColor: "Pick color from screen"
+	},
+	alert: {
+		"continue": "Continue",
+		cancel: "Cancel"
+	},
+	multiSelect: {
+		noResults: "No results found.",
+		loading: "Loading…"
+	},
+	dataTable: {
+		noResults: "No results.",
+		selectRow: "Select row"
+	},
+	pagination: {
+		previous: "Previous",
+		next: "Next",
+		goToPrevious: "Go to previous page",
+		goToNext: "Go to next page",
+		morePages: "More pages"
+	},
+	dialog: {
+		close: "Close"
+	},
+	sheet: {
+		close: "Close"
+	},
+	carousel: {
+		previousSlide: "Previous slide",
+		nextSlide: "Next slide"
+	},
+	sidebar: {
+		title: "Sidebar",
+		description: "Displays the mobile sidebar.",
+		toggleSidebar: "Toggle Sidebar"
+	},
+	badge: {
+		dismiss: "Dismiss"
+	},
+	spinner: {
+		loading: "Loading"
+	},
+	select: {
+		clearSelection: "Clear selection"
+	},
+	dropdownMenu: {
+		openMenu: "Open dropdown menu"
+	},
+	breadcrumb: {
+		breadcrumb: "breadcrumb",
+		more: "More"
+	},
+	command: {
+		title: "Command Palette",
+		description: "Search for a command to run..."
+	}
+};
+var enTranslations = {
+	neetoatoms: neetoatoms
+};
+
+const resources = {
+    en: { translation: enTranslations },
+};
+
+const initializeI18n = (language = "en") => {
+    i18n__default.default.use(reactI18next.initReactI18next).init({
+        resources,
+        lng: language,
+        fallbackLng: "en",
+        interpolation: { escapeValue: false },
+    });
+    return i18n__default.default;
+};
+
+const TranslationProvider = ({ children, language = "en", }) => {
+    const i18n = initializeI18n(language);
+    React.useEffect(() => {
+        if (i18n.language !== language) {
+            i18n.changeLanguage(language);
+        }
+    }, [language, i18n]);
+    return jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18n, children: children });
+};
+TranslationProvider.displayName = "TranslationProvider";
+
+exports.TranslationProvider = TranslationProvider;
+exports.resources = resources;
+//# sourceMappingURL=TranslationProvider-DBZHXmzX.js.map

package/dist/cjs/TranslationProvider-DBZHXmzX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationProvider-DBZHXmzX.js","sources":["../../../src/translations/index.ts","../../../src/components/TranslationProvider/i18n.ts","../../../src/components/TranslationProvider/TranslationProvider.tsx"],"sourcesContent":["import enTranslations from \"./en.json\";\n\nexport const resources = {\n  en: { translation: enTranslations },\n};\n","import i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\nimport { resources } from \"src/translations\";\n\nexport const initializeI18n = (language = \"en\") => {\n  i18n.use(initReactI18next).init({\n    resources,\n    lng: language,\n    fallbackLng: \"en\",\n    interpolation: { escapeValue: false },\n  });\n\n  return i18n;\n};\n","import React, { useEffect } from \"react\";\n\nimport { I18nextProvider } from \"react-i18next\";\n\nimport { initializeI18n } from \"./i18n\";\nimport type { TranslationProviderProps } from \"./types\";\n\nconst TranslationProvider = ({\n  children,\n  language = \"en\",\n}: TranslationProviderProps) => {\n  const i18n = initializeI18n(language);\n\n  useEffect(() => {\n    if (i18n.language !== language) {\n      i18n.changeLanguage(language);\n    }\n  }, [language, i18n]);\n\n  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;\n};\n\nTranslationProvider.displayName = \"TranslationProvider\";\n\nexport { TranslationProvider };\n"],"names":["i18n","initReactI18next","useEffect","_jsx","I18nextProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,MAAM,SAAS,GAAG;AACvB,IAAA,EAAE,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;;;ACE9B,MAAM,cAAc,GAAG,CAAC,QAAQ,GAAG,IAAI,KAAI;AAChD,IAAAA,qBAAI,CAAC,GAAG,CAACC,6BAAgB,CAAC,CAAC,IAAI,CAAC;QAC9B,SAAS;AACT,QAAA,GAAG,EAAE,QAAQ;AACb,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,aAAa,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE;AACtC,KAAA,CAAC;AAEF,IAAA,OAAOD,qBAAI;AACb,CAAC;;ACPD,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EACR,QAAQ,GAAG,IAAI,GACU,KAAI;AAC7B,IAAA,MAAM,IAAI,GAAG,cAAc,CAAC,QAAQ,CAAC;IAErCE,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;AAC9B,YAAA,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;QAC/B;AACF,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAEpB,OAAOC,cAAA,CAACC,4BAAe,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAmB;AAClE;AAEA,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;;"}

package/dist/cjs/components/Accordion.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../utils-CTr7wn5d.js');
+var primitives_Accordion = require('../primitives/Accordion.js');
+require('../chevron-down-CPsWSS51.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../chevron-up-BpwpBnZU.js');
+require('../index-CGUGhyIp.js');
+require('../index-Ch55j1or.js');
+require('../index-D-iDn9RI.js');
+require('../index-COPkC3I5.js');
+require('../index-CyrAgb4H.js');
+require('../index-CCdG4z4E.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-BiGm7NEA.js');
+require('../index-DcCSSgb7.js');
+require('../index-BwAq9ba8.js');
+require('../index-9jC1advf.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// ---------------------------------------------------------------------------
+// Subcomponent – Accordion.Item
+// ---------------------------------------------------------------------------
+const AccordionItemComponent = React.forwardRef(({ title, children, className, value, ...otherProps }, ref) => (jsxRuntime.jsxs(primitives_Accordion.AccordionItem, { ref: ref, value: value, className: utils.cn(className), ...otherProps, children: [jsxRuntime.jsx(primitives_Accordion.AccordionTrigger, { children: title }), jsxRuntime.jsx(primitives_Accordion.AccordionContent, { children: children })] })));
+AccordionItemComponent.displayName = "Accordion.Item";
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Accordion = React.forwardRef(({ className, children, ...otherProps }, ref) => {
+    // Auto-generate value props for items that don't have one
+    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 (jsxRuntime.jsx(primitives_Accordion.Accordion, { ref: ref, className: utils.cn(className), ...otherProps, children: enhancedChildren }));
+});
+Accordion.displayName = "Accordion";
+Accordion.Item = AccordionItemComponent;
+
+exports.Accordion = Accordion;
+//# sourceMappingURL=Accordion.js.map

package/dist/cjs/components/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/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\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype AccordionRootProps = React.ComponentProps<typeof PrimitiveAccordion>;\n\nexport interface AccordionProps extends Omit<AccordionRootProps, \"children\"> {\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\n// ---------------------------------------------------------------------------\n// Subcomponent – Accordion.Item\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\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, children, ...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 ref={ref} className={cn(className)} {...otherProps}>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AACA;AACA;AAEA,MAAM,sBAAsB,GAAGA,gBAAU,CACvC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,MACxDC,eAAA,CAACC,kCAAsB,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,QAAE,CAAC,SAAS,CAAC,EAAA,GACpB,UAAU,EAAA,QAAA,EAAA,CAEdC,cAAA,CAACC,qCAAyB,EAAA,EAAA,QAAA,EAAE,KAAK,EAAA,CAA6B,EAC9DD,cAAA,CAACE,qCAAyB,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAA6B,CAAA,EAAA,CAC1C,CAC1B,CACF;AAED,sBAAsB,CAAC,WAAW,GAAG,gBAAgB;AAErD;AACA;AACA;AAEA,MAAM,SAAS,GAAGN,gBAAU,CAC1B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;;AAE9C,IAAA,MAAM,gBAAgB,GAAGO,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAI;AAC/D,QAAA,IAAI,CAACC,sBAAK,CAAC,cAAc,CAAqB,KAAK,CAAC;AAAE,YAAA,OAAO,KAAK;QAClE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,CAAA,KAAA,EAAQ,KAAK,CAAA,CAAE;AACvD,QAAA,OAAOA,sBAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AACzD,IAAA,CAAC,CAAC;IAEF,QACEJ,eAACK,8BAAkB,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEN,QAAE,CAAC,SAAS,CAAC,EAAA,GAAM,UAAU,YACnE,gBAAgB,EAAA,CACE;AAEzB,CAAC;AAOH,SAAS,CAAC,WAAW,GAAG,WAAW;AACnC,SAAS,CAAC,IAAI,GAAG,sBAAsB;;;;"}

package/dist/cjs/components/Alert.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var utils = require('../utils-CTr7wn5d.js');
+var primitives_Dialog = require('../primitives/Dialog.js');
+var components_Button = require('./Button.js');
+require('../button-B8XGl69v.js');
+require('../index-BZhTddX0.js');
+require('../index-DuNgWCXZ.js');
+require('../index-D-iDn9RI.js');
+require('../dialog-Bvyrshz3.js');
+require('../x-Brw3FJst.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../index-BLGrl3PF.js');
+require('../index-COPkC3I5.js');
+require('../index-CGUGhyIp.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-CyrAgb4H.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-lWVw05cs.js');
+require('../index-ChSOMM8b.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../renderIcon-fLF3odqg.js');
+require('../primitives/Button.js');
+require('../primitives/Spinner.js');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../primitives/Tooltip.js');
+require('../tooltip-C-568jEL.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-Bf0WsHta.js');
+require('../index-CB9xFokC.js');
+
+// ---------------------------------------------------------------------------
+// Size mapping
+// ---------------------------------------------------------------------------
+const SIZE_CLASS_MAP = {
+    small: "sm:max-w-xs",
+    medium: "sm:max-w-sm",
+    large: "sm:max-w-md",
+};
+// ---------------------------------------------------------------------------
+// Style to variant mapping
+// ---------------------------------------------------------------------------
+const STYLE_VARIANT_MAP = {
+    danger: "destructive",
+    warning: "default",
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+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) => {
+        // Custom focus ref takes highest priority
+        if (initialFocusRef?.current) {
+            e.preventDefault();
+            initialFocusRef.current.focus();
+        }
+        else if (initialFocusElement === "submit" && submitButtonRef.current) {
+            e.preventDefault();
+            submitButtonRef.current.focus();
+        }
+        else if (initialFocusElement === "cancel" && cancelButtonRef.current) {
+            e.preventDefault();
+            cancelButtonRef.current.focus();
+        }
+        onOpenAutoFocusProp?.(e);
+    };
+    const handleCloseAutoFocus = (e) => {
+        onCloseAutoFocusProp?.(e);
+    };
+    return (jsxRuntime.jsx(primitives_Dialog.Dialog, { open: isOpen, onOpenChange: handleOpenChange, modal: modal, defaultOpen: defaultOpen, children: jsxRuntime.jsxs(primitives_Dialog.DialogContent, { ref: ref, role: "alertdialog", "aria-labelledby": title ? titleId : undefined, "aria-describedby": message ? messageId : undefined, showCloseButton: closeButton, overlayClassName: backdropClassName, onInteractOutside: handleInteractOutside, onEscapeKeyDown: handleEscapeKeyDown, onOpenAutoFocus: handleOpenAutoFocus, onCloseAutoFocus: handleCloseAutoFocus, className: utils.cn(SIZE_CLASS_MAP[size], className), "data-testid": "alert-box", ...otherProps, children: [jsxRuntime.jsxs(primitives_Dialog.DialogHeader, { children: [jsxRuntime.jsx(primitives_Dialog.DialogTitle, { id: titleId, "data-testid": "alert-title", className: "text-2xl font-semibold", children: title }), message && (jsxRuntime.jsx(primitives_Dialog.DialogDescription, { id: messageId, "data-testid": "alert-message", children: message }))] }), jsxRuntime.jsxs(primitives_Dialog.DialogFooter, { children: [!hideCancelButton && (jsxRuntime.jsx(components_Button.Button, { ref: cancelButtonRef, variant: "outline", label: cancelButtonLabel, onClick: onClose, "data-testid": "alert-cancel-button" })), jsxRuntime.jsx(components_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.js.map

package/dist/cjs/components/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert.tsx"],"sourcesContent":["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\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype AlertStyle = \"danger\" | \"warning\";\ntype 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\n// ---------------------------------------------------------------------------\n// Size mapping\n// ---------------------------------------------------------------------------\n\nconst 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\n// ---------------------------------------------------------------------------\n// Style to variant mapping\n// ---------------------------------------------------------------------------\n\nconst STYLE_VARIANT_MAP: Record<AlertStyle, \"destructive\" | \"default\"> = {\n  danger: \"destructive\",\n  warning: \"default\",\n};\n\n// ---------------------------------------------------------------------------\n// Component\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/components/Avatar.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../utils-CTr7wn5d.js');
+var primitives_Avatar = require('../primitives/Avatar.js');
+var primitives_Tooltip = require('../primitives/Tooltip.js');
+require('../index-CGUGhyIp.js');
+require('../index-lWVw05cs.js');
+require('../index-CCdG4z4E.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-D-iDn9RI.js');
+require('../index-DnKJmaCq.js');
+require('../index-BrpkRQoS.js');
+require('../tooltip-C-568jEL.js');
+require('../index-COPkC3I5.js');
+require('../index-Bvu9MiFi.js');
+require('../index-BwAq9ba8.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-CyrAgb4H.js');
+require('../index-CB9xFokC.js');
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+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("");
+}
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+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 = (jsxRuntime.jsxs(primitives_Avatar.Avatar, { ref: ref, size: primitiveSize, className: utils.cn(isXl && XL_CLASSES, className), ...otherProps, children: [user?.imageUrl && (jsxRuntime.jsx(primitives_Avatar.AvatarImage, { src: user.imageUrl, alt: user?.name ?? "" })), jsxRuntime.jsx(primitives_Avatar.AvatarFallback, { children: initials }), status && 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 (jsxRuntime.jsx(primitives_Tooltip.TooltipProvider, { delayDuration: 0, children: jsxRuntime.jsxs(primitives_Tooltip.Tooltip, { children: [jsxRuntime.jsx(primitives_Tooltip.TooltipTrigger, { asChild: true, children: jsxRuntime.jsx("span", { className: "inline-flex", children: avatarElement }) }), jsxRuntime.jsx(primitives_Tooltip.TooltipContent, { side: side, children: tooltipContent })] }) }));
+    }
+    return avatarElement;
+});
+Avatar.displayName = "Avatar";
+const AvatarNamespace = Object.assign(Avatar, {
+    Group: primitives_Avatar.AvatarGroup,
+    GroupCount: primitives_Avatar.AvatarGroupCount,
+});
+
+exports.Avatar = AvatarNamespace;
+//# sourceMappingURL=Avatar.js.map

package/dist/cjs/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar.tsx"],"sourcesContent":["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\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\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\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nconst 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\nconst 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\nconst XL_CLASSES =\n  \"data-[size=lg]:size-16 [&>[data-slot=avatar-badge]]:size-4 [&>[data-slot=avatar-fallback]]:text-lg\";\n\nfunction 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\n// ---------------------------------------------------------------------------\n// Component\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","_jsx","AvatarImage","AvatarFallback","AvatarBadge","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","AvatarGroup","AvatarGroupCount"],"mappings":"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"}

package/dist/cjs/components/Badge.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var utils = require('../utils-CTr7wn5d.js');
+var renderIcon = require('../renderIcon-fLF3odqg.js');
+var primitives_Badge = require('../primitives/Badge.js');
+var x = require('../x-Brw3FJst.js');
+require('../index-BZhTddX0.js');
+require('../index-DuNgWCXZ.js');
+require('../index-D-iDn9RI.js');
+require('../createLucideIcon-D0tRgV6l.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 = React.forwardRef(({ variant = "default", size = "default", label, icon, iconPosition = "left", indicator, onDismiss, disabled = false, className, asChild = false, children, ...otherProps }, ref) => {
+    const { t } = reactI18next.useTranslation();
+    if (asChild) {
+        return (jsxRuntime.jsx(primitives_Badge.Badge, { ref: ref, asChild: true, variant: variant, size: size, className: className, ...otherProps, children: children }));
+    }
+    const renderLabel = label || children;
+    const iconElement = icon ? renderIcon.renderIcon(icon) : null;
+    const hasDismiss = !!onDismiss && !disabled;
+    return (jsxRuntime.jsxs(primitives_Badge.Badge, { ref: ref, variant: variant, size: size, 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 && (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 && (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: jsxRuntime.jsx(x.X, { className: SIZE_CONFIG[size].iconSize }) }))] }));
+});
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.js.map

package/dist/cjs/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\";\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\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    const { t } = useTranslation();\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={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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"}

package/dist/cjs/components/Button.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../utils-CTr7wn5d.js');
+var renderIcon = require('../renderIcon-fLF3odqg.js');
+var primitives_Button = require('../primitives/Button.js');
+var primitives_Spinner = require('../primitives/Spinner.js');
+var primitives_Tooltip = require('../primitives/Tooltip.js');
+require('../button-B8XGl69v.js');
+require('../index-BZhTddX0.js');
+require('../index-DuNgWCXZ.js');
+require('../index-D-iDn9RI.js');
+require('react-i18next');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../tooltip-C-568jEL.js');
+require('../index-COPkC3I5.js');
+require('../index-CGUGhyIp.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-lWVw05cs.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-CyrAgb4H.js');
+require('../index-CB9xFokC.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 = 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, 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.renderIcon(icon) : null;
+    // --- Build the inner content ---
+    const buttonContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [loading && (jsxRuntime.jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: jsxRuntime.jsx(primitives_Spinner.Spinner, { "aria-hidden": "true", className: SPINNER_SIZE_MAP[resolvedSize] }) })), jsxRuntime.jsxs("span", { className: utils.cn("inline-flex items-center gap-1.5", loading && "invisible"), children: [iconPosition === "left" && iconElement && (jsxRuntime.jsx("span", { "data-icon": "inline-start", children: iconElement })), renderLabel && jsxRuntime.jsx("span", { children: renderLabel }), iconPosition === "right" && iconElement && (jsxRuntime.jsx("span", { "data-icon": "inline-end", children: iconElement }))] })] }));
+    // --- Merged className ---
+    const mergedClassName = utils.cn(fullWidth && "w-full", loading && "relative pointer-events-none", className);
+    // --- Determine render element ---
+    let buttonElement;
+    if (asChild) {
+        buttonElement = (jsxRuntime.jsx(primitives_Button.Button, { ref: ref, asChild: true, variant: variant, size: resolvedSize, className: mergedClassName, disabled: isDisabled, ...otherProps, children: children }));
+    }
+    else if (!disabled && to) {
+        buttonElement = (jsxRuntime.jsx(primitives_Button.Button, { asChild: true, variant: variant, size: resolvedSize, className: mergedClassName, disabled: isDisabled, ...otherProps, children: jsxRuntime.jsx("a", { ref: ref, href: to, onClick: handleClick, children: buttonContent }) }));
+    }
+    else if (!disabled && href) {
+        buttonElement = (jsxRuntime.jsx(primitives_Button.Button, { asChild: true, variant: variant, size: resolvedSize, className: mergedClassName, disabled: isDisabled, ...otherProps, children: jsxRuntime.jsx("a", { ref: ref, href: href, onClick: handleClick, children: buttonContent }) }));
+    }
+    else {
+        buttonElement = (jsxRuntime.jsx(primitives_Button.Button, { 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 jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonElement });
+        }
+        const side = position ? TOOLTIP_SIDE_MAP[position] : undefined;
+        // Wrap disabled buttons in a span so tooltip still triggers
+        const triggerContent = isDisabled ? (jsxRuntime.jsx("span", { className: "inline-flex", children: buttonElement })) : (buttonElement);
+        return (jsxRuntime.jsx(primitives_Tooltip.TooltipProvider, { children: jsxRuntime.jsxs(primitives_Tooltip.Tooltip, { children: [jsxRuntime.jsx(primitives_Tooltip.TooltipTrigger, { asChild: true, children: triggerContent }), jsxRuntime.jsx(primitives_Tooltip.TooltipContent, { side: side, children: content })] }) }));
+    }
+    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonElement });
+});
+Button.displayName = "Button";
+
+exports.Button = Button;
+//# sourceMappingURL=Button.js.map