@seedgrid/fe-components 2026.3.19 → 2026.3.26

package/dist/menus/SgDockMenu.js

@@ -2,62 +2,19 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { t, useComponentsI18n } from "../i18n";
+import { buildDockMenuStorageKey, parseStoredPanelDragPosition } from "../layout/drag-position";
+import { buildDockMenuContainerStyle, buildDockMenuContextMenuState, buildDockMenuItemMotion, buildDockMenuLabelStyle, buildDockMenuLayout } from "./dock-menu-logic";
 import { useHasSgEnvironmentProvider, useSgPersistence } from "../environment/SgEnvironmentProvider";
 /* ── constants ── */
-const EDGE = 24;
-const POS_CSS = {
-    "left-top": { top: EDGE, left: EDGE },
-    "left-center": { left: EDGE, top: "50%" },
-    "left-bottom": { bottom: EDGE, left: EDGE },
-    "center-top": { top: EDGE, left: "50%" },
-    "center-bottom": { bottom: EDGE, left: "50%" },
-    "right-top": { top: EDGE, right: EDGE },
-    "right-center": { right: EDGE, top: "50%" },
-    "right-bottom": { bottom: EDGE, right: EDGE },
-};
-const CENTER_TX = {
-    "left-center": "translateY(-50%)",
-    "right-center": "translateY(-50%)",
-    "center-top": "translateX(-50%)",
-    "center-bottom": "translateX(-50%)",
-};
 const ELEV_CLS = {
     none: "",
     sm: "shadow-sm",
     md: "shadow-md shadow-black/15",
     lg: "shadow-lg shadow-black/20",
 };
-function getLiftDirection(position, orientation) {
-    if (orientation === "horizontal") {
-        return position.includes("bottom") ? -1 : 1;
-    }
-    return position.startsWith("left") ? 1 : -1;
-}
 function clamp(value, min, max) {
     return Math.min(Math.max(value, min), max);
 }
-function parseStoredDragPosition(raw) {
-    const value = typeof raw === "string" ? (() => {
-        try {
-            return JSON.parse(raw);
-        }
-        catch {
-            return null;
-        }
-    })() : raw;
-    if (!value ||
-        typeof value !== "object" ||
-        typeof value.x !== "number" ||
-        typeof value.y !== "number" ||
-        !Number.isFinite(value.x) ||
-        !Number.isFinite(value.y)) {
-        return null;
-    }
-    return {
-        x: value.x,
-        y: value.y
-    };
-}
 /* ── orientation helper ── */
 function getOrientation(position) {
     if (position === "center-top" || position === "center-bottom")
@@ -82,14 +39,11 @@ export function SgDockMenu(props) {
     const dragStart = React.useRef(null);
     const dragMoved = React.useRef(false);
     const containerRef = React.useRef(null);
-    const orientation = getOrientation(position);
-    const liftDirection = getLiftDirection(position, orientation);
+    const { orientation, liftDirection } = buildDockMenuLayout(position);
     const crossPadding = Math.max(8, Math.round(gap * 0.6));
     const edgePadding = Math.max(Math.round(gap * 2.2), Math.round(itemSize * 0.45));
     const isAbsolutePosition = style?.position === "absolute";
-    const storageKey = dragId
-        ? `sg-dockmenu-pos:${dragId}:${isAbsolutePosition ? "parent" : "viewport"}`
-        : null;
+    const storageKey = buildDockMenuStorageKey(dragId, isAbsolutePosition);
     const itemSurfaceColor = "rgb(var(--sg-muted-surface, 241 245 249) / 0.92)";
     const itemSurfaceHoverColor = "rgb(var(--sg-primary-500, 34 197 94) / 0.18)";
     const itemIconColor = "rgb(var(--sg-text, 15 23 42))";
@@ -103,7 +57,7 @@ export function SgDockMenu(props) {
                 const loaded = await loadPersistedState(storageKey);
                 if (loaded === null || loaded === undefined)
                     return null;
-                const parsed = parseStoredDragPosition(loaded);
+                const parsed = parseStoredPanelDragPosition(loaded);
                 if (!parsed) {
                     await clearPersistedState(storageKey);
                     return null;
@@ -118,7 +72,7 @@ export function SgDockMenu(props) {
             const raw = localStorage.getItem(storageKey);
             if (!raw)
                 return null;
-            const parsed = parseStoredDragPosition(raw);
+            const parsed = parseStoredPanelDragPosition(raw);
             if (!parsed) {
                 localStorage.removeItem(storageKey);
                 return null;
@@ -285,15 +239,23 @@ export function SgDockMenu(props) {
         window.addEventListener("pointercancel", handleUp);
     }, [enableDragDrop, getDragBounds, saveStoredPosition, storageKey]);
     const handleContextMenu = React.useCallback((event) => {
-        if (!enableDragDrop || !dragId)
-            return;
-        if (!hasStoredPosRef.current)
+        const contextState = buildDockMenuContextMenuState({
+            enableDragDrop,
+            dragId,
+            hasStoredPosition: hasStoredPosRef.current
+        });
+        if (!contextState.canOpenContextMenu)
             return;
         event.preventDefault();
         setMenuOpen(true);
     }, [enableDragDrop, dragId]);
     const handleResetPosition = React.useCallback(() => {
-        if (!storageKey)
+        const contextState = buildDockMenuContextMenuState({
+            enableDragDrop,
+            dragId,
+            hasStoredPosition: hasStoredPosRef.current
+        });
+        if (!contextState.canResetPosition || !storageKey)
             return;
         void clearStoredPosition();
         dragPosRef.current = null;
@@ -301,7 +263,7 @@ export function SgDockMenu(props) {
         setMenuOpen(false);
         hasStoredPosRef.current = false;
         dragMoved.current = false;
-    }, [clearStoredPosition, storageKey]);
+    }, [clearStoredPosition, dragId, enableDragDrop, storageKey]);
     const handleItemClick = React.useCallback((item) => {
         if (item.disabled)
             return;
@@ -311,38 +273,17 @@ export function SgDockMenu(props) {
         }
         item.onClick?.();
     }, []);
-    // Container position
-    const posStyle = {
-        position: "fixed",
-        ...POS_CSS[position],
-        zIndex
-    };
-    if (enableDragDrop && dragPos) {
-        posStyle.left = dragPos.x;
-        posStyle.top = dragPos.y;
-        delete posStyle.right;
-        delete posStyle.bottom;
-    }
-    if (offset?.x) {
-        if (posStyle.right !== undefined)
-            posStyle.right = (typeof posStyle.right === "number" ? posStyle.right : 0) - offset.x;
-        else if (posStyle.left !== undefined)
-            posStyle.left = (typeof posStyle.left === "number" ? posStyle.left : 0) + offset.x;
-    }
-    if (offset?.y) {
-        if (posStyle.bottom !== undefined)
-            posStyle.bottom = (typeof posStyle.bottom === "number" ? posStyle.bottom : 0) - offset.y;
-        else if (posStyle.top !== undefined)
-            posStyle.top = (typeof posStyle.top === "number" ? posStyle.top : 0) + offset.y;
-    }
-    const txParts = [];
-    const ctx = !(enableDragDrop && dragPos) ? CENTER_TX[position] : undefined;
-    if (ctx)
-        txParts.push(ctx);
+    const containerStyleState = buildDockMenuContainerStyle({
+        position,
+        zIndex,
+        enableDragDrop,
+        dragPos,
+        offset
+    });
     return (_jsxs(_Fragment, { children: [_jsx("div", { ref: containerRef, id: id, className: `sg-dock ${className} ${ELEV_CLS[elevation]}`, style: {
-                    ...posStyle,
+                    ...containerStyleState.style,
                     ...style,
-                    transform: txParts.join(" "),
+                    transform: containerStyleState.transform,
                     cursor: enableDragDrop ? (isDragging ? "grabbing" : "grab") : "default",
                     ...(enableDragDrop ? { touchAction: "none" } : {}),
                 }, onPointerDown: handlePointerDown, onContextMenu: handleContextMenu, children: _jsx("div", { className: "sg-dock-container", style: {
@@ -370,41 +311,28 @@ export function SgDockMenu(props) {
                         transition: "all 0.3s ease",
                     }, children: items.map((item, index) => {
                         const isHovered = hoveredIndex === index;
-                        const hasMagnifyCurve = magnify && hoveredIndex !== null;
-                        const distance = hasMagnifyCurve ? Math.abs(index - hoveredIndex) : Number.POSITIVE_INFINITY;
-                        const influence = hasMagnifyCurve ? Math.max(0, 1 - distance / 3) : 0;
-                        const curve = influence * influence;
-                        const scale = 1 + (magnifyScale - 1) * curve;
-                        const liftPx = curve * Math.min(itemSize * 0.4, 18);
-                        const spreadBase = Math.max(0, itemSize * (magnifyScale - 1) * 0.68 + gap * 0.12);
-                        const spreadCurve = hasMagnifyCurve && distance > 0
-                            ? Math.max(0, 1 - (distance - 1) * 0.1)
-                            : 0;
-                        const spreadSign = hasMagnifyCurve && hoveredIndex !== null ? Math.sign(index - hoveredIndex) : 0;
-                        const spreadPx = spreadSign === 0 ? 0 : spreadSign * spreadBase * spreadCurve;
-                        const translateX = (orientation === "vertical" ? liftDirection * liftPx : 0) +
-                            (orientation === "horizontal" ? spreadPx : 0);
-                        const translateY = (orientation === "horizontal" ? liftDirection * liftPx : 0) +
-                            (orientation === "vertical" ? spreadPx : 0);
-                        const transformOrigin = orientation === "horizontal"
-                            ? liftDirection < 0
-                                ? "50% 100%"
-                                : "50% 0%"
-                            : liftDirection > 0
-                                ? "0% 50%"
-                                : "100% 50%";
+                        const motion = buildDockMenuItemMotion({
+                            index,
+                            hoveredIndex,
+                            magnify,
+                            magnifyScale,
+                            itemSize,
+                            gap,
+                            orientation,
+                            liftDirection
+                        });
                         return (_jsxs("div", { "data-dock-item": true, className: `sg-dock-item ${itemClassName} ${item.className ?? ""}`, style: {
                                 position: "relative",
                                 width: itemSize,
                                 height: itemSize,
-                                transform: `translate3d(${translateX}px, ${translateY}px, 0) scale(${scale})`,
-                                transformOrigin,
+                                transform: `translate3d(${motion.translateX}px, ${motion.translateY}px, 0) scale(${motion.scale})`,
+                                transformOrigin: motion.transformOrigin,
                                 transition: "transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1)",
                                 willChange: "transform",
                                 cursor: item.disabled ? "not-allowed" : "pointer",
                                 opacity: item.disabled ? 0.5 : 1,
-                                zIndex: isHovered ? 3 : curve > 0 ? 2 : 1,
-                            }, onMouseEnter: () => setHoveredIndex(index), onMouseLeave: () => setHoveredIndex(null), onClick: () => handleItemClick(item), children: [_jsx("div", { className: "sg-dock-item-icon", style: {
+                                zIndex: motion.zIndex,
+                            }, onMouseEnter: () => setHoveredIndex(index), onMouseLeave: () => setHoveredIndex(null), children: [_jsx("button", { type: "button", className: "sg-dock-item-icon focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/35", style: {
                                         width: "100%",
                                         height: "100%",
                                         display: "flex",
@@ -418,7 +346,7 @@ export function SgDockMenu(props) {
                                         e.currentTarget.style.backgroundColor = itemSurfaceHoverColor;
                                     }, onMouseLeave: (e) => {
                                         e.currentTarget.style.backgroundColor = itemSurfaceColor;
-                                    }, children: item.icon }), item.badge && (_jsx("div", { className: "sg-dock-item-badge", style: {
+                                    }, onClick: () => handleItemClick(item), "aria-label": item.label, title: item.label, disabled: item.disabled, children: item.icon }), item.badge && (_jsx("div", { className: "sg-dock-item-badge", style: {
                                         position: "absolute",
                                         top: -4,
                                         right: -4,
@@ -436,11 +364,7 @@ export function SgDockMenu(props) {
                                         boxShadow: "0 2px 4px rgba(0,0,0,0.2)",
                                     }, children: item.badge })), showLabels && isHovered && (_jsx("div", { className: "sg-dock-item-label", style: {
                                         position: "absolute",
-                                        ...(orientation === "horizontal"
-                                            ? { bottom: "100%", left: "50%", transform: "translateX(-50%)", marginBottom: 8 }
-                                            : position.startsWith("left")
-                                                ? { left: "100%", top: "50%", transform: "translateY(-50%)", marginLeft: 8 }
-                                                : { right: "100%", top: "50%", transform: "translateY(-50%)", marginRight: 8 }),
+                                        ...buildDockMenuLabelStyle(orientation, position),
                                         backgroundColor: tooltipBgColor,
                                         color: tooltipTextColor,
                                         padding: "4px 8px",

package/dist/menus/dock-menu-logic.d.ts

@@ -0,0 +1,50 @@
+import type * as React from "react";
+import type { SgDockMenuOrientation, SgDockMenuPosition } from "./SgDockMenu";
+export declare function resolveDockMenuOrientation(position: SgDockMenuPosition): SgDockMenuOrientation;
+export declare function resolveDockMenuLiftDirection(position: SgDockMenuPosition, orientation: SgDockMenuOrientation): number;
+export declare function buildDockMenuLayout(position: SgDockMenuPosition): {
+    orientation: SgDockMenuOrientation;
+    liftDirection: number;
+};
+export declare function buildDockMenuItemMotion(args: {
+    index: number;
+    hoveredIndex: number | null;
+    magnify: boolean;
+    magnifyScale: number;
+    itemSize: number;
+    gap: number;
+    orientation: SgDockMenuOrientation;
+    liftDirection: number;
+}): {
+    scale: number;
+    translateX: number;
+    translateY: number;
+    transformOrigin: string;
+    zIndex: number;
+};
+export declare function buildDockMenuLabelStyle(orientation: SgDockMenuOrientation, position: SgDockMenuPosition): React.CSSProperties;
+export declare function buildDockMenuContainerStyle(args: {
+    position: SgDockMenuPosition;
+    zIndex: number;
+    enableDragDrop: boolean;
+    dragPos: {
+        x: number;
+        y: number;
+    } | null;
+    offset?: {
+        x?: number;
+        y?: number;
+    };
+}): {
+    style: React.CSSProperties;
+    transform: string;
+};
+export declare function buildDockMenuContextMenuState(args: {
+    enableDragDrop: boolean;
+    dragId?: string;
+    hasStoredPosition: boolean;
+}): {
+    canOpenContextMenu: boolean;
+    canResetPosition: boolean;
+};
+//# sourceMappingURL=dock-menu-logic.d.ts.map

package/dist/menus/dock-menu-logic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock-menu-logic.d.ts","sourceRoot":"","sources":["../../src/menus/dock-menu-logic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE9E,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,kBAAkB,GAAG,qBAAqB,CAI9F;AAED,wBAAgB,4BAA4B,CAC1C,QAAQ,EAAE,kBAAkB,EAC5B,WAAW,EAAE,qBAAqB,GACjC,MAAM,CAKR;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,kBAAkB,GAAG;IACjE,WAAW,EAAE,qBAAqB,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC;CACvB,CAMA;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,qBAAqB,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;CAChB,CAsCA;AAED,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,qBAAqB,EAClC,QAAQ,EAAE,kBAAkB,GAC3B,KAAK,CAAC,aAAa,CAUrB;AAsBD,wBAAgB,2BAA2B,CAAC,IAAI,EAAE;IAChD,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACrC,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CA0BpD;AAGD,wBAAgB,6BAA6B,CAAC,IAAI,EAAE;IAClD,cAAc,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,GAAG;IACF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAMA"}

package/dist/menus/dock-menu-logic.js

@@ -0,0 +1,113 @@
+export function resolveDockMenuOrientation(position) {
+    if (position === "center-top" || position === "center-bottom")
+        return "horizontal";
+    if (position === "left-center" || position === "right-center")
+        return "vertical";
+    return "horizontal";
+}
+export function resolveDockMenuLiftDirection(position, orientation) {
+    if (orientation === "horizontal") {
+        return position.includes("bottom") ? -1 : 1;
+    }
+    return position.startsWith("left") ? 1 : -1;
+}
+export function buildDockMenuLayout(position) {
+    const orientation = resolveDockMenuOrientation(position);
+    return {
+        orientation,
+        liftDirection: resolveDockMenuLiftDirection(position, orientation)
+    };
+}
+export function buildDockMenuItemMotion(args) {
+    const { index, hoveredIndex, magnify, magnifyScale, itemSize, gap, orientation, liftDirection } = args;
+    const isHovered = hoveredIndex === index;
+    const hasMagnifyCurve = magnify && hoveredIndex !== null;
+    const distance = hasMagnifyCurve ? Math.abs(index - hoveredIndex) : Number.POSITIVE_INFINITY;
+    const influence = hasMagnifyCurve ? Math.max(0, 1 - distance / 3) : 0;
+    const curve = influence * influence;
+    const scale = 1 + (magnifyScale - 1) * curve;
+    const liftPx = curve * Math.min(itemSize * 0.4, 18);
+    const spreadBase = Math.max(0, itemSize * (magnifyScale - 1) * 0.68 + gap * 0.12);
+    const spreadCurve = hasMagnifyCurve && distance > 0 ? Math.max(0, 1 - (distance - 1) * 0.1) : 0;
+    const spreadSign = hasMagnifyCurve && hoveredIndex !== null ? Math.sign(index - hoveredIndex) : 0;
+    const spreadPx = spreadSign === 0 ? 0 : spreadSign * spreadBase * spreadCurve;
+    const translateX = (orientation === "vertical" ? liftDirection * liftPx : 0) +
+        (orientation === "horizontal" ? spreadPx : 0);
+    const translateY = (orientation === "horizontal" ? liftDirection * liftPx : 0) +
+        (orientation === "vertical" ? spreadPx : 0);
+    const transformOrigin = orientation === "horizontal"
+        ? liftDirection < 0
+            ? "50% 100%"
+            : "50% 0%"
+        : liftDirection > 0
+            ? "0% 50%"
+            : "100% 50%";
+    return {
+        scale,
+        translateX,
+        translateY,
+        transformOrigin,
+        zIndex: isHovered ? 3 : curve > 0 ? 2 : 1
+    };
+}
+export function buildDockMenuLabelStyle(orientation, position) {
+    if (orientation === "horizontal") {
+        return { bottom: "100%", left: "50%", transform: "translateX(-50%)", marginBottom: 8 };
+    }
+    if (position.startsWith("left")) {
+        return { left: "100%", top: "50%", transform: "translateY(-50%)", marginLeft: 8 };
+    }
+    return { right: "100%", top: "50%", transform: "translateY(-50%)", marginRight: 8 };
+}
+const DOCK_EDGE = 24;
+const DOCK_POS_CSS = {
+    "left-top": { top: DOCK_EDGE, left: DOCK_EDGE },
+    "left-center": { left: DOCK_EDGE, top: "50%" },
+    "left-bottom": { bottom: DOCK_EDGE, left: DOCK_EDGE },
+    "center-top": { top: DOCK_EDGE, left: "50%" },
+    "center-bottom": { bottom: DOCK_EDGE, left: "50%" },
+    "right-top": { top: DOCK_EDGE, right: DOCK_EDGE },
+    "right-center": { right: DOCK_EDGE, top: "50%" },
+    "right-bottom": { bottom: DOCK_EDGE, right: DOCK_EDGE }
+};
+const DOCK_CENTER_TX = {
+    "left-center": "translateY(-50%)",
+    "right-center": "translateY(-50%)",
+    "center-top": "translateX(-50%)",
+    "center-bottom": "translateX(-50%)"
+};
+export function buildDockMenuContainerStyle(args) {
+    const { position, zIndex, enableDragDrop, dragPos, offset } = args;
+    const style = {
+        position: "fixed",
+        ...DOCK_POS_CSS[position],
+        zIndex
+    };
+    if (enableDragDrop && dragPos) {
+        style.left = dragPos.x;
+        style.top = dragPos.y;
+        delete style.right;
+        delete style.bottom;
+    }
+    if (offset?.x) {
+        if (style.right !== undefined)
+            style.right = (typeof style.right === "number" ? style.right : 0) - offset.x;
+        else if (style.left !== undefined)
+            style.left = (typeof style.left === "number" ? style.left : 0) + offset.x;
+    }
+    if (offset?.y) {
+        if (style.bottom !== undefined)
+            style.bottom = (typeof style.bottom === "number" ? style.bottom : 0) - offset.y;
+        else if (style.top !== undefined)
+            style.top = (typeof style.top === "number" ? style.top : 0) + offset.y;
+    }
+    const transform = !(enableDragDrop && dragPos) ? (DOCK_CENTER_TX[position] ?? "") : "";
+    return { style, transform };
+}
+export function buildDockMenuContextMenuState(args) {
+    const canOpenContextMenu = Boolean(args.enableDragDrop && args.dragId && args.hasStoredPosition);
+    return {
+        canOpenContextMenu,
+        canResetPosition: canOpenContextMenu
+    };
+}

package/dist/overlay/SgDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SgDialog.d.ts","sourceRoot":"","sources":["../../src/overlay/SgDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAC9D,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AACZ,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC3E,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsRF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,4BA4QtD;yBA5Qe,QAAQ"}
+{"version":3,"file":"SgDialog.d.ts","sourceRoot":"","sources":["../../src/overlay/SgDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAC9D,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AACZ,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC3E,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsRF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,4BA6QtD;yBA7Qe,QAAQ"}

package/dist/overlay/SgDialog.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { createPortal } from "react-dom";
+import { t, useComponentsI18n } from "../i18n";
 function cn(...parts) {
     return parts.filter(Boolean).join(" ");
 }
@@ -263,6 +264,7 @@ function resolveCustomSurfacePalette(backgroundColor) {
     };
 }
 export function SgDialog(props) {
+    const i18n = useComponentsI18n();
     const { open: openProp, onOpenChange, defaultOpen = false, title, subtitle, leading, trailing, children, footer, size = "md", severity = "plain", animation = "zoom", transitionMs = 160, autoCloseMs, className, style, customColor, elevation, shadow, showTopAccent = true, overlayClassName, contentClassName, headerClassName, bodyClassName, footerClassName, closeable = true, onClose, closeOnOverlayClick = true, closeOnEsc = true, lockBodyScroll = true, initialFocusRef, restoreFocus = true, ariaLabel } = props;
     const isControlled = openProp !== undefined;
     const [openUncontrolled, setOpenUncontrolled] = React.useState(defaultOpen);
@@ -374,7 +376,7 @@ export function SgDialog(props) {
         return null;
     if (!present)
         return null;
-    const a11yLabel = ariaLabel ?? (typeof title === "string" ? title : undefined) ?? "Dialog";
+    const a11yLabel = ariaLabel ?? (typeof title === "string" ? title : undefined) ?? t(i18n, "components.dialog.ariaLabel");
     const overlayBase = "fixed inset-0 bg-black/60 backdrop-blur-[1px] transition-opacity";
     const overlayState = entered ? "opacity-100" : "opacity-0";
     const contentBase = "w-full rounded-2xl bg-background text-foreground shadow-2xl border border-border " +
@@ -396,7 +398,7 @@ export function SgDialog(props) {
         ...(customPalette ? { color: customPalette.foreground, borderColor: customPalette.border } : {}),
         ...(resolvedShadow !== undefined ? { boxShadow: resolvedShadow } : {})
     };
-    return createPortal(_jsxs("div", { className: cn("fixed inset-0 z-[1000]", className), style: style, role: "dialog", "aria-modal": "true", "aria-label": a11yLabel, children: [_jsx("div", { ref: overlayRef, onMouseDown: onOverlayMouseDown, className: cn(overlayBase, overlayState, overlayClassName), style: transitionStyle }), _jsx("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: _jsxs("div", { ref: contentRef, className: cn(contentBase, sizeClass(size), contentStateClass(animation, entered), showTopAccent ? severityClass(severity) : false, contentClassName), style: contentStyle, children: [(title || subtitle || closeable || leading || trailing) && (_jsxs("div", { className: cn("px-5 py-4 border-b border-[var(--sg-dialog-divider)] flex items-start gap-3", headerClassName), children: [leading ? _jsx("div", { className: "shrink-0 pt-0.5", children: leading }) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [title ? _jsx("div", { className: "text-base font-semibold leading-6", children: title }) : null, subtitle ? _jsx("div", { className: "mt-1 text-sm text-[var(--sg-dialog-muted-foreground)]", children: subtitle }) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [trailing ? _jsx("div", { className: "shrink-0", children: trailing }) : null, closeable ? (_jsx("button", { type: "button", onClick: close, className: cn("inline-flex items-center justify-center h-9 w-9 rounded-lg", "hover:bg-[var(--sg-dialog-hover-bg)] active:bg-[var(--sg-dialog-active-bg)]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring,var(--primary)))]"), "aria-label": "Close", children: _jsx(CloseIcon, {}) })) : null] })] })), _jsx("div", { className: cn("px-5 py-4 overflow-auto", bodyClassName), children: children }), footer ? (_jsx("div", { className: cn("px-5 py-4 border-t border-[var(--sg-dialog-divider)] flex items-center justify-end gap-2", footerClassName), children: footer })) : null] }) })] }), document.body);
+    return createPortal(_jsxs("div", { className: cn("fixed inset-0 z-[1000]", className), style: style, role: "dialog", "aria-modal": "true", "aria-label": a11yLabel, children: [_jsx("div", { ref: overlayRef, onMouseDown: onOverlayMouseDown, className: cn(overlayBase, overlayState, overlayClassName), style: transitionStyle }), _jsx("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: _jsxs("div", { ref: contentRef, className: cn(contentBase, sizeClass(size), contentStateClass(animation, entered), showTopAccent ? severityClass(severity) : false, contentClassName), style: contentStyle, children: [(title || subtitle || closeable || leading || trailing) && (_jsxs("div", { className: cn("px-5 py-4 border-b border-[var(--sg-dialog-divider)] flex items-start gap-3", headerClassName), children: [leading ? _jsx("div", { className: "shrink-0 pt-0.5", children: leading }) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [title ? _jsx("div", { className: "text-base font-semibold leading-6", children: title }) : null, subtitle ? _jsx("div", { className: "mt-1 text-sm text-[var(--sg-dialog-muted-foreground)]", children: subtitle }) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [trailing ? _jsx("div", { className: "shrink-0", children: trailing }) : null, closeable ? (_jsx("button", { type: "button", onClick: close, className: cn("inline-flex items-center justify-center h-9 w-9 rounded-lg", "hover:bg-[var(--sg-dialog-hover-bg)] active:bg-[var(--sg-dialog-active-bg)]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring,var(--primary)))]"), "aria-label": t(i18n, "components.dialog.close"), children: _jsx(CloseIcon, {}) })) : null] })] })), _jsx("div", { className: cn("px-5 py-4 overflow-auto", bodyClassName), children: children }), footer ? (_jsx("div", { className: cn("px-5 py-4 border-t border-[var(--sg-dialog-divider)] flex items-center justify-end gap-2", footerClassName), children: footer })) : null] }) })] }), document.body);
 }
 function CloseIcon() {
     return (_jsx("svg", { viewBox: "0 0 24 24", className: "size-5", "aria-hidden": "true", children: _jsx("path", { d: "M18 6L6 18M6 6l12 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));

package/dist/overlay/SgPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SgPopup.d.ts","sourceRoot":"","sources":["../../src/overlay/SgPopup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC5E,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAExC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,eAAe,CAAC,EAAE,sBAAsB,CAAC;IACzC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAwHF,wBAAgB,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,4BAwLpD;yBAxLe,OAAO"}
+{"version":3,"file":"SgPopup.d.ts","sourceRoot":"","sources":["../../src/overlay/SgPopup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC5E,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAExC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,eAAe,CAAC,EAAE,sBAAsB,CAAC;IACzC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAwHF,wBAAgB,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,4BA4LpD;yBA5Le,OAAO"}

package/dist/overlay/SgPopup.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { createPortal } from "react-dom";
+import { t, useComponentsI18n } from "../i18n";
 function cn(...parts) {
     return parts.filter(Boolean).join(" ");
 }
@@ -107,6 +108,7 @@ function computePosition(opts) {
     return { top, left };
 }
 export function SgPopup(props) {
+    const i18n = useComponentsI18n();
     const { title, subtitle, open, onOpenChange, defaultOpen = false, onOpen, onClose, anchorRef, placement = "auto", preferPlacement = "right", align = "start", offset = 8, padding = 8, closeOnOutsideClick = true, closeOnEscape = true, className, style, zIndex = 60, minWidth = 180, actions, children } = props;
     const isControlled = typeof open === "boolean";
     const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
@@ -198,13 +200,14 @@ export function SgPopup(props) {
     const close = React.useCallback(() => setOpen(false), [setOpen]);
     if (!isOpen)
         return null;
+    const resolvedAriaLabel = title ?? t(i18n, "components.popup.ariaLabel");
     const body = (_jsxs("div", { ref: panelRef, className: cn("fixed overflow-hidden rounded-md border border-border bg-background shadow-lg", "min-w-[180px]", className), style: {
             zIndex,
             top: pos?.top ?? -9999,
             left: pos?.left ?? -9999,
             minWidth,
             ...style
-        }, role: "dialog", "aria-modal": "false", children: [title ? (_jsx("div", { className: "bg-primary px-3 py-2 text-xs font-medium text-primary-foreground", children: title })) : null, subtitle ? (_jsx("div", { className: "border-b border-border bg-background px-3 py-2 text-xs text-muted-foreground", children: subtitle })) : null, children ? _jsx("div", { className: "p-2", children: children }) : null, actions && actions.length > 0 ? (_jsx("div", { className: cn(children ? "border-t border-border" : "", "p-1"), children: actions.map((a, idx) => {
+        }, role: "dialog", "aria-modal": "false", "aria-label": resolvedAriaLabel, children: [title ? (_jsx("div", { className: "bg-primary px-3 py-2 text-xs font-medium text-primary-foreground", children: title })) : null, subtitle ? (_jsx("div", { className: "border-b border-border bg-background px-3 py-2 text-xs text-muted-foreground", children: subtitle })) : null, children ? _jsx("div", { className: "p-2", children: children }) : null, actions && actions.length > 0 ? (_jsx("div", { className: cn(children ? "border-t border-border" : "", "p-1"), children: actions.map((a, idx) => {
                     const hasSeverity = a.severity !== undefined;
                     const sev = a.severity ?? "plain";
                     return (_jsx("button", { type: "button", disabled: a.disabled, title: a.hint, className: cn("w-full select-none rounded px-3 py-2 text-left text-sm", "transition-[filter,background-color] duration-150", "disabled:opacity-50 disabled:cursor-not-allowed", idx > 0 ? "border-t border-border" : "", hasSeverity ? ACTION_CLS[sev] : ACTION_DEFAULT_CLS), onClick: () => {

package/dist/rhf.d.ts

@@ -1,6 +1,11 @@
-import type { Control } from "react-hook-form";
-export type RhfFieldProps = {
+import type { Control, FieldValues, RegisterOptions, UseFormRegister } from "react-hook-form";
+export type RhfFieldProps<TFieldValues extends FieldValues = FieldValues> = {
     name?: string;
-    control?: Control<any>;
+    control?: Control<TFieldValues>;
+    register?: UseFormRegister<TFieldValues>;
+    rules?: RegisterOptions<TFieldValues>;
+    error?: string;
 };
+export declare function resolveFieldError(...errors: Array<string | null | undefined>): string | undefined;
+export declare function mergeRequiredRule<TFieldValues extends FieldValues = FieldValues>(rules: RegisterOptions<TFieldValues> | undefined, required: boolean | undefined, message: string): RegisterOptions<TFieldValues> | undefined;
 //# sourceMappingURL=rhf.d.ts.map

package/dist/rhf.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rhf.d.ts","sourceRoot":"","sources":["../src/rhf.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;CACxB,CAAC"}
+{"version":3,"file":"rhf.d.ts","sourceRoot":"","sources":["../src/rhf.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,aAAa,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,IAAI;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,GAAG,SAAS,CAOjG;AAED,wBAAgB,iBAAiB,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9E,KAAK,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,SAAS,EAChD,QAAQ,EAAE,OAAO,GAAG,SAAS,EAC7B,OAAO,EAAE,MAAM,GACd,eAAe,CAAC,YAAY,CAAC,GAAG,SAAS,CAO3C"}

package/dist/rhf.js

@@ -1 +1,18 @@
-export {};
+export function resolveFieldError(...errors) {
+    for (const error of errors) {
+        if (typeof error === "string" && error.trim()) {
+            return error;
+        }
+    }
+    return undefined;
+}
+export function mergeRequiredRule(rules, required, message) {
+    if (!required)
+        return rules;
+    if (!rules)
+        return { required: message };
+    if (rules.required === undefined || rules.required === false) {
+        return { ...rules, required: message };
+    }
+    return rules;
+}