@bigbinary/neeto-atoms 1.0.8 → 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/Alert.js

@@ -2,6 +2,7 @@
 
 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');
@@ -9,7 +10,7 @@ require('../button-B8XGl69v.js');
 require('../index-BZhTddX0.js');
 require('../index-DuNgWCXZ.js');
 require('../index-D-iDn9RI.js');
-require('../dialog-CF2GBHOG.js');
+require('../dialog-Bvyrshz3.js');
 require('../x-Brw3FJst.js');
 require('../createLucideIcon-D0tRgV6l.js');
 require('../index-BLGrl3PF.js');
@@ -54,9 +55,12 @@ const STYLE_VARIANT_MAP = {
 // ---------------------------------------------------------------------------
 // Component
 // ---------------------------------------------------------------------------
-const Alert = React.forwardRef(({ size = "medium", isOpen = false, isSubmitting = false, className, closeOnEsc = true, closeButton = true, backdropClassName, closeOnOutsideClick = true, onClose = () => { }, onSubmit = () => { }, title = "", message = "", submitButtonLabel = "Continue", cancelButtonLabel = "Cancel", hideCancelButton = false, style = "danger", initialFocusRef, initialFocusElement, modal, defaultOpen, 
+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}`;
@@ -93,7 +97,7 @@ onOpenAutoFocus: onOpenAutoFocusProp, onCloseAutoFocus: onCloseAutoFocusProp, ..
     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", 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" })] })] }) }));
+    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";
 

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

@@ -1 +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 { 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 = \"Continue\",\n      cancelButtonLabel = \"Cancel\",\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 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 id={titleId} data-testid=\"alert-title\">\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","useId","useRef","_jsx","Dialog","_jsxs","DialogContent","cn","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Button"],"mappings":"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"}
+{"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

@@ -2,6 +2,7 @@
 
 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');
@@ -57,13 +58,14 @@ const INDICATOR_COLORS = {
 // 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": "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 }) }))] }));
+    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";
 

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

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

@@ -11,6 +11,7 @@ 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');

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

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

package/dist/cjs/components/Callout.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var primitives_Alert = require('../primitives/Alert.js');
+var utils = require('../utils-CTr7wn5d.js');
+var renderIcon = require('../renderIcon-fLF3odqg.js');
+var createLucideIcon = require('../createLucideIcon-D0tRgV6l.js');
+var triangleAlert = require('../triangle-alert-ZUMRpmzW.js');
+require('../index-BZhTddX0.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);
+
+// ---------------------------------------------------------------------------
+// Variant config
+// ---------------------------------------------------------------------------
+const VARIANT_CONFIG = {
+    info: {
+        container: "border-0 bg-info text-info-foreground",
+        icon: triangleAlert.Info,
+    },
+    warning: {
+        container: "border-0 bg-warning text-warning-foreground",
+        icon: triangleAlert.TriangleAlert,
+    },
+    danger: {
+        container: "border-0 bg-error text-error-foreground",
+        icon: CircleAlert,
+    },
+    success: {
+        container: "border-0 bg-success text-success-foreground",
+        icon: CircleCheckBig,
+    },
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Callout = React.forwardRef(({ variant = "info", icon, title, children, className, ...otherProps }, ref) => {
+    const config = VARIANT_CONFIG[variant];
+    const resolvedIcon = icon ?? config.icon;
+    return (jsxRuntime.jsxs(primitives_Alert.Alert, { ref: ref, className: utils.cn(config.container, className), ...otherProps, children: [renderIcon.renderIcon(resolvedIcon, "size-4 shrink-0"), title && jsxRuntime.jsx(primitives_Alert.AlertTitle, { children: title }), children && (jsxRuntime.jsx(primitives_Alert.AlertDescription, { className: "text-current/80", children: children }))] }));
+});
+Callout.displayName = "Callout";
+
+exports.Callout = Callout;
+//# sourceMappingURL=Callout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.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.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, { 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/lib/renderIcon\";\nimport {\n  InfoIcon,\n  AlertTriangleIcon,\n  AlertCircleIcon,\n  CheckCircleIcon,\n} from \"lucide-react\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype 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\n// ---------------------------------------------------------------------------\n// Variant config\n// ---------------------------------------------------------------------------\n\nconst VARIANT_CONFIG: Record<\n  CalloutVariant,\n  {\n    container: string;\n    icon: React.ComponentType<{ className?: string }>;\n  }\n> = {\n  info: {\n    container: \"border-0 bg-info text-info-foreground\",\n    icon: InfoIcon,\n  },\n  warning: {\n    container: \"border-0 bg-warning text-warning-foreground\",\n    icon: AlertTriangleIcon,\n  },\n  danger: {\n    container: \"border-0 bg-error text-error-foreground\",\n    icon: AlertCircleIcon,\n  },\n  success: {\n    container: \"border-0 bg-success text-success-foreground\",\n    icon: CheckCircleIcon,\n  },\n};\n\n// ---------------------------------------------------------------------------\n// Component\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        {...otherProps}\n      >\n        {renderIcon(resolvedIcon, \"size-4 shrink-0\")}\n        {title && <AlertTitle>{title}</AlertTitle>}\n        {children && (\n          <AlertDescription className=\"text-current/80\">\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;;ACsBvE;AACA;AACA;AAEA,MAAM,cAAc,GAMhB;AACF,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,uCAAuC;AAClD,QAAA,IAAI,EAAEC,kBAAQ;AACf,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,SAAS,EAAE,6CAA6C;AACxD,QAAA,IAAI,EAAEC,2BAAiB;AACxB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,yCAAyC;AACpD,QAAA,IAAI,EAAEC,WAAe;AACtB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,SAAS,EAAE,6CAA6C;AACxD,QAAA,IAAI,EAAEC,cAAe;AACtB,KAAA;CACF;AAED;AACA;AACA;AAEA,MAAM,OAAO,GAAGC,gBAAU,CACxB,CACE,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,EACrE,GAAG,KACD;AACF,IAAA,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC;AACtC,IAAA,MAAM,YAAY,GAAG,IAAI,IAAI,MAAM,CAAC,IAAI;IAExC,QACEC,gBAACC,sBAAc,EAAA,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,QAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,KACtC,UAAU,EAAA,QAAA,EAAA,CAEbC,qBAAU,CAAC,YAAY,EAAE,iBAAiB,CAAC,EAC3C,KAAK,IAAIC,cAAA,CAACC,2BAAU,cAAE,KAAK,EAAA,CAAc,EACzC,QAAQ,KACPD,eAACE,iCAAgB,EAAA,EAAC,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAC1C,QAAQ,EAAA,CACQ,CACpB,CAAA,EAAA,CACc;AAErB,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/components/ColorPicker.js

@@ -1,8 +1,10 @@
 'use strict';
 
-var ColorPicker = require('../ColorPicker-DN8aynGh.js');
+var ColorPicker = require('../ColorPicker-DEELmqH8.js');
 require('react/jsx-runtime');
 require('react');
+require('react-i18next');
+require('react-colorful');
 require('../primitives/Button.js');
 require('../button-B8XGl69v.js');
 require('../index-BZhTddX0.js');

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

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

package/dist/cjs/components/DataTable.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var DataTable = require('../DataTable-BQt_mXDX.js');
+var DataTable = require('../DataTable-CWs96k8n.js');
 require('react/jsx-runtime');
 require('react');
 require('../primitives/Table.js');
 require('../utils-CTr7wn5d.js');
+require('react-i18next');
 require('../primitives/Checkbox.js');
 require('../check-BQgcDXys.js');
 require('../createLucideIcon-D0tRgV6l.js');

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

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

package/dist/cjs/components/Dialog.js

@@ -8,7 +8,8 @@ require('../button-B8XGl69v.js');
 require('../index-BZhTddX0.js');
 require('../index-DuNgWCXZ.js');
 require('../index-D-iDn9RI.js');
-require('../dialog-CF2GBHOG.js');
+require('../dialog-Bvyrshz3.js');
+require('react-i18next');
 require('../x-Brw3FJst.js');
 require('../createLucideIcon-D0tRgV6l.js');
 require('../index-BLGrl3PF.js');
@@ -40,7 +41,7 @@ const DialogBody = React.forwardRef(({ children, className, dataTestid, ...other
 DialogBody.displayName = "Dialog.Body";
 const DialogFooter = React.forwardRef(({ children, className, dataTestid, ...otherProps }, ref) => (jsxRuntime.jsx(primitives_Dialog.DialogFooter, { ref: ref, className: utils.cn(className), "data-testid": dataTestid ?? "dialog-footer", ...otherProps, children: children })));
 DialogFooter.displayName = "Dialog.Footer";
-const DialogTitle = React.forwardRef(({ children, className, ...otherProps }, ref) => (jsxRuntime.jsx(primitives_Dialog.DialogTitle, { ref: ref, className: utils.cn(className), ...otherProps, children: children })));
+const DialogTitle = React.forwardRef(({ children, className, ...otherProps }, ref) => (jsxRuntime.jsx(primitives_Dialog.DialogTitle, { ref: ref, className: utils.cn("text-2xl font-semibold", className), ...otherProps, children: children })));
 DialogTitle.displayName = "Dialog.Title";
 // ---------------------------------------------------------------------------
 // Component