@octavius2929-personal/design-system 1.4.0 → 1.4.1

package/dist/index.cjs

@@ -1678,60 +1678,65 @@ var BaseField = (0, import_react33.forwardRef)(function BaseField2({ label: labe
 });
 
 // src/components/text-field/index.tsx
-var import_jsx_runtime19 = (
-  // En multiline el control es un <textarea>: no reenviamos `controlRef` porque el
-  // tipo público de la ref es HTMLInputElement (la ref aplica solo a la rama <input>).
-  require("react/jsx-runtime")
-);
-var TextField = (0, import_react34.forwardRef)(function TextField2({
-  label: label8,
-  help,
-  error,
-  startIcon,
-  multiline,
-  rows,
-  type = "text",
-  onChange,
-  className,
-  id,
-  testId,
-  ...rest
-}, ref) {
-  const rawTestId = rest["data-testid"];
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    BaseField,
-    {
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var TextField = (0, import_react34.forwardRef)(
+  function TextField2({
+    label: label8,
+    help,
+    error,
+    startIcon,
+    multiline,
+    rows,
+    type = "text",
+    onChange,
+    className,
+    id,
+    testId,
+    ...rest
+  }, ref) {
+    const inputRef = (0, import_react34.useRef)(null);
+    const textareaRef = (0, import_react34.useRef)(null);
+    (0, import_react34.useImperativeHandle)(
       ref,
-      label: label8,
-      help,
-      error,
-      startIcon,
-      id,
-      className,
-      testId,
-      children: ({ ref: controlRef, ...control }) => multiline ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        "textarea",
-        {
-          ...rest,
-          ...control,
-          "data-testid": rawTestId ?? control["data-testid"],
-          rows: rows ?? 4,
-          onChange: (e) => onChange?.(e.target.value)
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        "input",
-        {
-          ...rest,
-          ...control,
-          "data-testid": rawTestId ?? control["data-testid"],
-          ref: controlRef,
-          type,
-          onChange: (e) => onChange?.(e.target.value)
-        }
-      )
-    }
-  );
-});
+      () => multiline ? textareaRef.current : inputRef.current,
+      [multiline]
+    );
+    const rawTestId = rest["data-testid"];
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      BaseField,
+      {
+        label: label8,
+        help,
+        error,
+        startIcon,
+        id,
+        className,
+        testId,
+        children: (control) => multiline ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "textarea",
+          {
+            ...rest,
+            ...control,
+            "data-testid": rawTestId ?? control["data-testid"],
+            ref: textareaRef,
+            rows: rows ?? 4,
+            onChange: (e) => onChange?.(e.target.value)
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "input",
+          {
+            ...rest,
+            ...control,
+            "data-testid": rawTestId ?? control["data-testid"],
+            ref: inputRef,
+            type,
+            onChange: (e) => onChange?.(e.target.value)
+          }
+        )
+      }
+    );
+  }
+);
 
 // src/components/password-field/index.tsx
 var import_react36 = require("react");
@@ -3319,7 +3324,19 @@ function useStyles29() {
 // src/components/snackbar/index.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var DEFAULT_DURATION = 5e3;
-var Snackbar = (0, import_react65.forwardRef)(function Snackbar2({ open, message: message2, action, onClose, duration = DEFAULT_DURATION, testId }, ref) {
+var Snackbar = (0, import_react65.forwardRef)(function Snackbar2({
+  open,
+  message: message2,
+  action,
+  onClose,
+  duration = DEFAULT_DURATION,
+  testId,
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur,
+  ...rest
+}, ref) {
   const { root: root25, message: messageClass, closeBtn: closeBtn2 } = useStyles29();
   const { testId: dataTestId, slot } = useTestId("feedback", testId);
   const onCloseRef = (0, import_react65.useRef)(onClose);
@@ -3346,21 +3363,25 @@ var Snackbar = (0, import_react65.forwardRef)(function Snackbar2({ open, message
     scheduleTimer();
     return clearTimer;
   }, [scheduleTimer, clearTimer]);
-  const handleMouseEnter = () => {
+  const handleMouseEnter = (event) => {
     interactingRef.current.hover = true;
     clearTimer();
+    onMouseEnter?.(event);
   };
-  const handleMouseLeave = () => {
+  const handleMouseLeave = (event) => {
     interactingRef.current.hover = false;
     scheduleTimer();
+    onMouseLeave?.(event);
   };
-  const handleFocus = () => {
+  const handleFocus = (event) => {
     interactingRef.current.focus = true;
     clearTimer();
+    onFocus?.(event);
   };
-  const handleBlur = () => {
+  const handleBlur = (event) => {
     interactingRef.current.focus = false;
     scheduleTimer();
+    onBlur?.(event);
   };
   if (!open || typeof document === "undefined") return null;
   return (0, import_react_dom2.createPortal)(
@@ -3369,12 +3390,13 @@ var Snackbar = (0, import_react65.forwardRef)(function Snackbar2({ open, message
       {
         ref,
         role: "status",
-        className: root25,
         "data-testid": dataTestId,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         onFocus: handleFocus,
         onBlur: handleBlur,
+        ...rest,
+        className: root25,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: messageClass, "data-testid": slot("message"), children: message2 }),
           action,